/* style.css */
:root{--ink:#110b2c;--violet:#6d43ff;--pink:#ff5cca;--paper:#faf8ff;--lime:#d9ff4b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;overflow-x:hidden}.glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1}.glow-a{width:30rem;height:30rem;background:#d2b9ff;top:5rem;right:-10rem}.glow-b{width:25rem;height:25rem;background:#ffb4e8;top:44rem;left:-12rem}header{height:76px;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:0 32px}.brand{font-weight:900;text-decoration:none;color:var(--ink);letter-spacing:-.06em;font-size:18px;display:flex;align-items:center;gap:8px}.brand i{display:block;width:19px;height:19px;border-radius:7px;background:linear-gradient(135deg,var(--violet),var(--pink));transform:rotate(15deg)}.top-cta{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.top-cta span{margin-left:8px;color:var(--violet);font-size:21px}.hero{max-width:1200px;margin:34px auto 0;padding:0 32px 82px;min-height:635px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center}.eyebrow{font-family:'DM Mono',monospace;letter-spacing:.08em;font-size:11px;font-weight:bold;color:#7058d5;margin:0 0 20px}h1,h2{letter-spacing:-.08em;line-height:1.04;margin:0;font-weight:900}h1{font-size:clamp(54px,6.2vw,86px)}em{font-style:normal;background:linear-gradient(100deg,#623cff,#ff4dc6);color:transparent;background-clip:text}.lead{font-size:16px;line-height:1.9;margin:29px 0;color:#4b4562;max-width:400px}.actions{display:flex;gap:20px;align-items:center}.button{background:var(--ink);border-radius:100px;padding:15px 20px 15px 24px;color:white;text-decoration:none;font-size:14px;font-weight:bold}.button b{display:inline-grid;place-items:center;background:var(--lime);color:var(--ink);width:23px;height:23px;border-radius:50%;margin-left:13px}.actions>span{font-size:11px;line-height:1.55;color:#79728d}.mini-proof{margin-top:48px;display:flex;align-items:center;gap:13px}.mini-proof p{font-size:12px;line-height:1.55;margin:0}.avatars{display:flex}.avatars b{display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--paper);margin-left:-7px;border-radius:50%;background:#9068f5;color:white;font-size:13px}.avatars b:nth-child(2){background:#ff75ca}.avatars b:nth-child(3){background:#18234c}.art-wrap{position:relative;height:540px;display:grid;place-items:center}.image-card{position:relative;width:min(330px,80%);z-index:2;transform:rotate(5deg);filter:drop-shadow(12px 24px 32px rgba(67,29,140,.28))}.image-card img{width:100%;display:block;border-radius:28px;border:7px solid white}.tag{position:absolute;background:white;border-radius:99px;padding:8px 11px;font:10px 'DM Mono';box-shadow:0 8px 20px #27134820}.tag-a{left:-35px;top:20%}.tag-b{right:-36px;bottom:18%;background:var(--lime)}.orbit{position:absolute;border:1px solid #9b85f099;border-radius:50%;width:430px;height:430px}.orbit-two{width:520px;height:260px;transform:rotate(-35deg);border-color:#ff79cb88}.ticker{background:var(--ink);color:var(--lime);padding:18px 0;overflow:hidden;white-space:nowrap;font:12px 'DM Mono';letter-spacing:.06em}.ticker div{animation:slide 16s linear infinite}@keyframes slide{to{transform:translateX(-25%)}}.features{max-width:1200px;padding:120px 32px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.section-intro h2,.steps h2,.download h2{font-size:clamp(40px,4.5vw,63px)}.section-intro>p:last-child{font-size:14px;line-height:1.9;color:#615b72;margin-top:25px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-grid article{min-height:286px;padding:21px;background:white;border:1px solid #e8e3f3;border-radius:18px;display:flex;flex-direction:column}.feature-grid article:nth-child(2){transform:translateY(35px);background:var(--ink);color:white}.feature-grid article:nth-child(2) p{color:#c5bed8}.feature-grid span{font:11px 'DM Mono';color:#9189a4}.feature-icon{font-size:38px;margin:auto 0 18px;color:var(--violet)}.feature-grid h3{font-size:16px;letter-spacing:-.05em;margin:0 0 10px}.feature-grid p{font-size:12px;line-height:1.7;color:#756e82;margin:0}.steps{background:#e9e2ff;padding:112px max(32px,calc((100% - 1136px)/2));position:relative}.steps>h2{margin-bottom:70px}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps-row div{border-top:1px solid #b8abe2;padding-top:16px}.steps-row strong{font:12px 'DM Mono';color:#7256d9}.steps-row h3{font-size:17px;margin:30px 0 12px;letter-spacing:-.04em}.steps-row p{font-size:12px;line-height:1.8;color:#625a78}.download{background:var(--ink);color:white;text-align:center;padding:128px 32px}.download .eyebrow{color:var(--lime)}.download>p:not(.eyebrow){line-height:1.8;font-size:14px;color:#cec5df;margin:24px}.stores{display:flex;justify-content:center;gap:11px;margin-top:35px}.stores a{display:flex;flex-direction:column;text-align:left;min-width:150px;background:white;color:#120a2e;border-radius:9px;padding:8px 17px;text-decoration:none}.stores small{font-size:8px}.stores b{font-size:18px;letter-spacing:-.06em}footer{display:flex;justify-content:space-between;max-width:1200px;margin:auto;padding:28px 32px;color:#837d91;font:10px 'DM Mono'}@media(max-width:760px){header{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 24px 56px}.art-wrap{height:420px;order:-1}.image-card{width:255px}.orbit{width:350px;height:350px}.orbit-two{width:400px;height:200px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.actions,.mini-proof{justify-content:center}.features{display:block;padding:78px 24px}.feature-grid{margin-top:38px;grid-template-columns:1fr}.feature-grid article{min-height:195px}.feature-grid article:nth-child(2){transform:none}.steps{padding:76px 24px}.steps-row{grid-template-columns:1fr;gap:16px}.steps>h2{margin-bottom:40px}.download{padding:88px 24px}.stores{flex-direction:column;align-items:center}.stores a{width:180px}footer{padding:24px 20px}.top-cta{font-size:12px}}



/* hero.css */
.hero{position:relative;border-radius:32px;background-image:linear-gradient(90deg,#faf8ff 0%,#faf8ff 29%,rgba(250,248,255,.9) 43%,rgba(250,248,255,.1) 73%),url('../images/trend-collage.webp');background-position:center,right center;background-size:auto,cover;background-repeat:no-repeat;overflow:hidden}.hero-copy{position:relative;z-index:3}.art-wrap{z-index:2}@media(max-width:760px){.hero{background-image:linear-gradient(180deg,rgba(250,248,255,.95) 0%,rgba(250,248,255,.75) 42%,rgba(250,248,255,.12) 78%),url('../images/trend-collage.webp');background-position:center,62% center}}



/* hero-wide.css */
.hero{max-width:none;border-radius:0;padding-left:max(32px,calc((100% - 1200px)/2 + 32px));padding-right:max(32px,calc((100% - 1200px)/2 + 32px))}@media(max-width:760px){.hero{padding-left:24px;padding-right:24px}}



/* bright-card.css */
.image-card img{content:url('../images/ai-gallery-bright.webp')}



/* hero-cleanup.css */
.hero{margin-top:0}.ticker{display:none}



/* copy-v2.css */
.hero h1{color:transparent!important;background:none!important;position:relative}.hero h1::before,.hero h1::after{position:absolute;left:0;white-space:nowrap}.hero h1::before{content:'ひらめきが';top:0;color:var(--ink)}.hero h1::after{content:'一枚になる';top:1.04em;background:linear-gradient(100deg,#623cff,#ff4dc6);color:transparent;background-clip:text}.hero .lead{font-size:0}.hero .lead::after{content:'思い浮かべた瞬間を、AIがあなたらしい\Aビジュアルに。';white-space:pre-line;font-size:16px;line-height:1.9}@media(max-width:760px){.hero h1::before,.hero h1::after{left:50%;transform:translateX(-50%)}}



/* showcase.css */
.features{display:none}.showcase{padding:118px max(32px,calc((100% - 1136px)/2));background:#f7f4ff}.showcase-head{text-align:center}.showcase h2{font-size:clamp(40px,4.5vw,63px);letter-spacing:-.08em;line-height:1.04;margin:0}.showcase-head>p:last-child{font-size:14px;line-height:1.8;color:#625c75;margin:23px 0 54px}.screen-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screen-card{height:525px;position:relative;overflow:hidden;border-radius:24px;background:#160e35;color:white;padding:28px;box-shadow:0 18px 35px #27134e26}.screen-card img{position:absolute;width:210px;right:-28px;bottom:-60px;border-radius:23px;box-shadow:0 20px 35px #05021599}.screen-card.edit{background:#33133e}.screen-card.edit img{width:205px;right:-24px;bottom:-175px}.screen-card.result{background:#123b46}.screen-card.result img{width:203px;right:-24px;bottom:-126px}.screen-copy{position:relative;z-index:1}.screen-copy span{font:10px 'DM Mono';letter-spacing:.08em;color:#bba9ff}.screen-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.07em;margin:26px 0 12px}.screen-copy p{font-size:12px;color:#ded7ee;line-height:1.7}.generate:after,.edit:after,.result:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(40px);opacity:.6}.generate:after{background:#7139ff;bottom:-80px;left:-90px}.edit:after{background:#ff45c7;bottom:-80px;left:-90px}.result:after{background:#15d9c6;bottom:-80px;left:-90px}@media(max-width:760px){.showcase{padding:78px 24px}.screen-story{grid-template-columns:1fr}.screen-card{height:390px}.screen-card img{width:195px;right:0;bottom:-95px}.screen-card.edit img{bottom:-205px}.screen-card.result img{bottom:-170px}}



/* showcase-headings.css */
.screen-copy h3{display:inline-block;background:#fff;color:#120b2e;padding:8px 11px 10px;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:5px 5px 0 var(--lime)}.screen-copy p{margin-top:20px;color:#fff;text-shadow:0 1px 7px #08031c}

.screen-kicker{
  position:absolute;
  z-index:3;
  top:20px;
  left:22px;
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(250,248,255,.92);
  color:#67559a;
  box-shadow:0 5px 16px rgba(10,4,34,.2);
  font:700 12px/1 'DM Mono',monospace;
  letter-spacing:.06em;
  backdrop-filter:blur(6px);
}

.screen-copy p{
  display:table;
  max-width:100%;
  padding:6px 9px 7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  background:rgba(17,11,44,.82);
  box-shadow:0 5px 14px rgba(5,2,21,.2);
  text-shadow:none;
}

@media(max-width:760px){
  .screen-kicker{
    top:18px;
    left:20px;
    padding:6px 9px;
  }

  .screen-copy p{
    padding:5px 8px 6px;
    line-height:1.45;
  }
}



/* showcase-label-offsets.css */
.screen-card:nth-child(1) .screen-copy h3{transform:translate(9px,3px) rotate(-2deg)}.screen-card:nth-child(2) .screen-copy h3{transform:translate(-13px,12px) rotate(2deg)}.screen-card:nth-child(3) .screen-copy h3{transform:translate(7px,-6px) rotate(-1deg)}.screen-card:nth-child(2) .screen-copy p{margin-top:29px}.screen-card:nth-child(3) .screen-copy p{margin-top:14px}@media(max-width:760px){.screen-card:nth-child(1) .screen-copy h3{transform:translate(5px,2px) rotate(-2deg)}.screen-card:nth-child(2) .screen-copy h3{transform:translate(-5px,8px) rotate(2deg)}}



/* copy-v2-fix.css */
.hero h1 em{color:transparent!important;background:none!important;-webkit-text-fill-color:transparent!important}



/* header-align.css */
.top-cta{display:flex;align-items:center;line-height:1}.top-cta span{display:block;line-height:1}

@media(max-width:760px){.brand{font-size:16px}.top-cta{display:none}.top-cta span{font-size:16px;margin-left:3px}}



/* app-icon.css */
.brand i{width:24px;height:24px;border-radius:6px;background:#171327 url('../images/app-icon.png') center/100% 100% no-repeat;transform:none}



/* style-samples.css */
.avatars{gap:3px}.avatars b{width:31px;height:31px;margin:0;border:2px solid var(--paper);font-size:0;background-color:#211b3d;background-repeat:no-repeat;background-clip:padding-box}.avatars b:nth-child(1){background-image:url('../images/ai-gallery-bright.webp');background-size:82px auto;background-position:50% 16%}.avatars b:nth-child(2){background-image:url('../images/trend-collage.webp');background-size:115px auto;background-position:96% 14%}.avatars b:nth-child(3){background-image:url('../images/trend-collage.webp');background-size:115px auto;background-position:67% 58%}



/* lead-break.css */
.hero .lead::after{content:'思い浮かべた瞬間を、\A AIがあなたらしいビジュアルに。'}



/* hero-fade.css */
.hero{background-image:linear-gradient(90deg,rgba(250,248,255,.96) 0%,rgba(250,248,255,.86) 18%,rgba(250,248,255,.64) 38%,rgba(250,248,255,.24) 62%,rgba(250,248,255,.02) 100%),url('../images/trend-collage.webp');background-position:center,center center}@media(max-width:760px){.hero{background-image:linear-gradient(180deg,rgba(250,248,255,.94) 0%,rgba(250,248,255,.72) 42%,rgba(250,248,255,.08) 78%),url('../images/trend-collage.webp');background-position:center,62% center}}



/* hero-spacing.css */
.hero{padding-top:50px}@media(max-width:760px){.hero{padding-top:32px}}



/* interactions.css */
.button,.top-cta,.stores a{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}.button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #24114538;background:var(--violet)}.button:hover b{transform:translateX(3px) rotate(-10deg);background:#fff}.button b{transition:transform .22s ease,background-color .22s ease}.top-cta:hover{color:var(--violet);transform:translateY(-1px)}.top-cta:hover span{transform:translate(3px,-3px)}.top-cta span{transition:transform .22s ease}.stores a:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 12px 0 var(--lime);background:var(--lime);color:var(--ink)}.brand{transition:opacity .2s ease,transform .2s ease}.brand:hover{opacity:.74;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.button,.top-cta,.stores a,.button b,.top-cta span,.brand{transition:none}}



/* store-hover-refine.css */
.stores a:hover{box-shadow:0 12px 24px rgba(102,67,255,.34);transform:translateY(-4px) rotate(-.5deg)}



/* mobile-hero-heading.css */
@media(max-width:760px){.hero h1{background:rgba(250,248,255,.88)!important;backdrop-filter:blur(7px);padding:8px 10px 12px;border-radius:8px;box-shadow:0 8px 22px rgba(24,12,67,.18)}.hero h1::before,.hero h1::after{text-shadow:none}.hero .eyebrow{display:inline-block;background:rgba(250,248,255,.82);padding:5px 8px;border-radius:4px}}



/* mobile-heading-label.css */
@media(max-width:760px){.hero h1{background:transparent!important;backdrop-filter:none;box-shadow:none;padding:0}.hero h1::before,.hero h1::after{background:#fff;color:#120b2e!important;-webkit-text-fill-color:#120b2e!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;padding:7px 10px 9px;border-radius:5px;box-shadow:5px 5px 0 var(--lime);text-shadow:none}.hero h1::before{transform:translateX(-54%) rotate(-2deg)}.hero h1::after{transform:translateX(-46%) rotate(1deg)}}



/* mobile-heading-spacing.css */
@media(max-width:760px){.hero h1{height:2.45em}.hero h1::after{top:1.27em}}



/* mobile-cta.css */
@media(max-width:760px){.hero .lead{margin-top:12px;margin-bottom:15px}.hero .button{background:var(--lime);color:var(--ink);font-size:15px;padding:17px 19px 17px 23px;box-shadow:0 7px 0 #6d43ff}.hero .button b{background:var(--ink);color:#fff;width:25px;height:25px}.hero .actions{gap:13px}.hero .actions>span{font-size:10px;color:#fff;text-shadow:0 1px 6px #13062f}}



/* mobile-cta-layout.css */
@media(max-width:760px){.hero .actions{flex-direction:column;gap:17px;align-items:center}.hero .button{display:flex;align-items:center;justify-content:space-between;width:min(100%,330px)}.hero .actions>span{font-size:12px;line-height:1.65;text-align:center;color:#fff;text-shadow:0 1px 7px #13062f}}



/* mobile-cta-note.css */
@media(max-width:760px){.hero .actions>span{font-size:13px;font-weight:700;letter-spacing:.03em}.hero .actions>span br{display:none}.hero .actions>span br::after{content:'　'}}



/* mobile-mini-proof.css */
@media(max-width:760px){.hero .mini-proof{width:min(100%,330px);margin:22px auto 0;padding:9px 12px;gap:11px;background:rgba(250,248,255,.9);border:1px solid rgba(255,255,255,.8);border-radius:11px;box-shadow:0 8px 20px rgba(23,11,58,.22)}.hero .mini-proof p{font-size:12px;line-height:1.45;color:var(--ink);text-align:left;font-weight:700}.hero .avatars b{border-color:#fff}}

.proof-mobile-break{display:none}
@media(max-width:760px){.proof-mobile-break{display:block}}



/* mobile-mini-proof-dark.css */
@media(max-width:760px){.hero .mini-proof{background:rgba(17,11,44,.78);border-color:rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(8,3,28,.36)}.hero .mini-proof p{color:#fff}.hero .avatars b{border-color:rgba(255,255,255,.92)}}



/* store-buttons-polish.css */
.stores a{position:relative;min-width:190px;min-height:68px;padding:10px 18px 10px 58px;justify-content:center;border:1px solid transparent;border-radius:12px;overflow:hidden}.stores a::before{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:900}.stores a:first-child{background:#fff;color:#120a2e;border-color:#ded8ec}.stores a:first-child::before{content:'✦';background:#120a2e;color:#fff}.stores a:nth-child(2){background:var(--lime);color:#120a2e}.stores a:nth-child(2)::before{content:'▶';background:#120a2e;color:var(--lime);font-size:11px;padding-left:2px}.stores a:first-child:hover{background:#fff;color:#120a2e}.stores a:nth-child(2):hover{background:var(--lime);color:#120a2e}@media(max-width:760px){.stores a{width:min(100%,230px)}}



/* store-official-icons.css */
.stores a:first-child::before{content:'';background:#120a2e url('../images/apple-store-badge.png') left center/113px 34px no-repeat}.stores a:nth-child(2)::before{content:'';background:#120a2e url('../images/google-store-badge.png') left center/113px 34px no-repeat;padding-left:0}



/* store-unify.css */
.stores a:nth-child(2),.stores a:nth-child(2):hover{background:#fff;color:#120a2e;border-color:#ded8ec}.stores a:nth-child(2)::before{content:'▶';background:#120a2e;color:#fff;background-image:none;font-size:11px;padding-left:2px}



/* store-icon-balance.css */
.stores a:nth-child(2)::before{font-size:15px;padding-left:4px}



/* store-icon-circle-fix.css */
.stores a:nth-child(2)::before{box-sizing:border-box;min-width:30px;max-width:30px;width:30px;height:30px;padding-left:0;text-indent:3px}



/* store-icon-final-offset.css */
.stores a:nth-child(2)::before{text-indent:5px}



/* store-icons-center.css */
.stores a:nth-child(2)::before{text-indent:0}



/* store-play-center-fix.css */
.stores a:nth-child(2)::before{content:'';padding:0;text-indent:0}.stores a:nth-child(2)::after{content:'';position:absolute;left:25px;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;transform:translateY(-50%)}



/* store-icon-geometry.css */
.stores a:first-child::before{background-position:-3px center}.stores a:nth-child(2)::after{left:23px;border-top-width:7px;border-bottom-width:7px;border-left-width:14px}



/* store-icon-optical-center.css */
.stores a:first-child::before{background-position:-5px center}.stores a:nth-child(2)::after{left:25px}



/* store-play-rounded.css */
.stores a:nth-child(2)::after{left:15px;width:30px;height:30px;border:0;background:url('../images/play-rounded.svg') center/27px 27px no-repeat;transform:translateY(-50%)}



/* hero-background-cycle.css */
.hero::before,.hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-size:cover;background-position:center center;background-repeat:no-repeat}.hero::before{background-image:linear-gradient(90deg,rgba(250,248,255,.96) 0%,rgba(250,248,255,.86) 18%,rgba(250,248,255,.64) 38%,rgba(250,248,255,.24) 62%,rgba(250,248,255,.02) 100%),url('../images/hero-women-pink.webp');animation:hero-women-one 24s ease-in-out infinite}.hero::after{background-image:linear-gradient(90deg,rgba(250,248,255,.96) 0%,rgba(250,248,255,.86) 18%,rgba(250,248,255,.64) 38%,rgba(250,248,255,.24) 62%,rgba(250,248,255,.02) 100%),url('../images/hero-women-cyber.webp');animation:hero-women-two 24s ease-in-out infinite}@keyframes hero-women-one{0%,27%{opacity:0}35%,60%{opacity:1}68%,100%{opacity:0}}@keyframes hero-women-two{0%,60%{opacity:0}68%,93%{opacity:1}100%{opacity:0}}@media(max-width:760px){.hero::before{background-image:linear-gradient(180deg,rgba(250,248,255,.94) 0%,rgba(250,248,255,.72) 42%,rgba(250,248,255,.08) 78%),url('../images/hero-women-pink.webp');background-position:62% center}.hero::after{background-image:linear-gradient(180deg,rgba(250,248,255,.94) 0%,rgba(250,248,255,.72) 42%,rgba(250,248,255,.08) 78%),url('../images/hero-women-cyber.webp');background-position:62% center}}@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none;opacity:0}}



/* hero-background-two.css */
.hero::before{animation:hero-pink-first 18s ease-in-out infinite}.hero::after{display:none}@keyframes hero-pink-first{0%,45%{opacity:1}55%,92%{opacity:0}100%{opacity:1}}



/* hero-background-three.css */
.hero::before{animation:hero-pink-three 24s ease-in-out infinite}.hero::after{display:block;background-image:linear-gradient(90deg,rgba(250,248,255,.96) 0%,rgba(250,248,255,.86) 18%,rgba(250,248,255,.64) 38%,rgba(250,248,255,.24) 62%,rgba(250,248,255,.02) 100%),url('../images/hero-cat.webp');animation:hero-cat-three 24s ease-in-out infinite}@keyframes hero-pink-three{0%,28%{opacity:1}36%,100%{opacity:0}}@keyframes hero-cat-three{0%,60%{opacity:0}68%,92%{opacity:1}100%{opacity:0}}@media(max-width:760px){.hero::after{background-image:linear-gradient(180deg,rgba(250,248,255,.94) 0%,rgba(250,248,255,.72) 42%,rgba(250,248,255,.08) 78%),url('../images/hero-cat.webp');background-position:62% center}}



/* language-switch.css */
.header-actions{display:flex;align-items:center;gap:24px}.lang-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ded8ec;border-radius:99px;background:rgba(255,255,255,.64);box-shadow:0 4px 14px rgba(41,21,93,.08);font:10px 'DM Mono',monospace;letter-spacing:.04em}.lang-switch span{display:grid;place-items:center;min-width:29px;height:24px;border-radius:99px;color:#817a94}.lang-switch .is-active{background:var(--ink);color:#fff;box-shadow:0 2px 6px rgba(22,10,53,.2)}@media(max-width:760px){.header-actions{gap:11px}.lang-switch{transform:scale(.9);transform-origin:right center}.top-cta{white-space:nowrap}}



/* language-switch-five.css */
.lang-switch{gap:4px;padding:3px 7px 3px 9px}.lang-switch::before{content:'◎';font-size:12px;color:var(--violet)}.lang-switch .is-active{min-width:auto;height:24px;padding:0 2px;background:transparent;color:var(--ink);box-shadow:none;font:11px 'Noto Sans JP',sans-serif;font-weight:700}.lang-switch .chev{min-width:auto;height:24px;padding:0 1px;color:#746d88;font:14px/1 sans-serif;transform:translateY(-1px)}



/* language-switch-align.css */
.lang-switch,.lang-switch::before,.lang-switch .is-active,.lang-switch .chev{display:flex;align-items:center;justify-content:center;line-height:1}.lang-switch .chev{transform:none}



/* language-switch-header-position.css */
@media(max-width:760px){.lang-switch{transform:translateY(4px) scale(.9);transform-origin:right center}}



/* language-switch-content-align.css */
@media(max-width:760px){.lang-switch{transform:scale(.9);transform-origin:right center}.lang-switch .is-active{position:relative;top:-3px}.lang-switch .chev{position:relative;top:-3px;width:7px;min-width:7px;height:7px;padding:0;font-size:0;border-right:1.5px solid #746d88;border-bottom:1.5px solid #746d88;transform:rotate(45deg)}}



/* language-switch-content-align-global.css */
.lang-switch .is-active{position:relative;top:-3px}.lang-switch .chev{position:relative;top:-3px;width:7px;min-width:7px;height:7px;padding:0;font-size:0;border-right:1.5px solid #746d88;border-bottom:1.5px solid #746d88;transform:rotate(45deg)}



/* language-switch-final-align.css */
.lang-switch .is-active{top:-1px}.lang-switch .chev{display:block;top:-1px;width:6px;min-width:6px;height:6px;box-sizing:border-box;border-right:1.5px solid #746d88;border-bottom:1.5px solid #746d88;transform:rotate(45deg)}



/* language-switch-chevron-fix.css */
.lang-switch .chev{border-radius:0}



/* i18n.css */
.language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;display:grid;min-width:132px;padding:5px;background:#fff;border:1px solid #ded8ec;border-radius:12px;box-shadow:0 12px 30px rgba(29,13,75,.18)}
.language-menu[hidden]{display:none}
.language-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;color:var(--ink);font:12px 'Noto Sans JP',sans-serif;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{background:#f0ebff;outline:0}
.lang-switch{position:relative;cursor:pointer}
.lang-switch:focus{outline:2px solid #8f74ff;outline-offset:2px}
.lang-switch .language-menu{transform:scale(1.11);transform-origin:top right}
header{position:relative;z-index:20;overflow:visible}
.language-menu{z-index:30}

html[lang="en"] .hero h1::before{content:'Imagine it'}
html[lang="en"] .hero h1::after{content:'Make it real'}
html[lang="en"] .hero .lead::after{content:'Just describe what you imagine.\A AI turns it into something uniquely yours.'}
html[lang="zh-TW"] .hero h1::before{content:'靈感'}
html[lang="zh-TW"] .hero h1::after{content:'變成作品'}
html[lang="zh-TW"] .hero .lead::after{content:'想到的畫面，\A AI為你變成作品。'}
html[lang="ko"] .hero h1::before{content:'떠오른 순간'}
html[lang="ko"] .hero h1::after{content:'작품이 된다'}
html[lang="ko"] .hero .lead::after{content:'떠오른 상상을,\A AI가 나만의 작품으로 만듭니다.'}

@media(max-width:760px){.stores{transform:none}.stores a{padding-left:68px;padding-right:8px}.stores a::before,.stores a:nth-child(2)::after{left:25px}}



/* faq.css */
.faq{background:#faf8ff;padding:80px max(24px,calc((100% - 920px)/2));color:var(--ink)}
.faq-head{text-align:center;margin-bottom:42px}
.faq-head .eyebrow{margin-bottom:16px}
.faq-head p:first-child{padding-top:0;margin-top:0}
.faq-head h2{font-size:clamp(38px,4.3vw,58px)}
.faq-head p{margin:18px 0 0;color:#625a78;font-size:14px}
.faq-list{border-top:1px solid #d8d0ec}
.faq-item{border-bottom:1px solid #d8d0ec}
.faq-item summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:23px 4px;font-size:17px;font-weight:700;letter-spacing:-.04em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:'Q';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--lime);font:12px 'DM Mono',monospace}
.faq-item summary::after{content:'+';margin-left:auto;color:var(--violet);font-size:25px;font-weight:400;line-height:1;transition:transform .2s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{max-width:720px;margin:0;padding:0 44px 24px 48px;color:#625a78;font-size:14px;line-height:1.9}
@media(max-width:760px){.faq{padding:76px 24px}.faq-head{text-align:left;margin-bottom:31px}.faq-head p{line-height:1.75}.faq-item summary{gap:11px;padding:19px 0;font-size:15px;line-height:1.5}.faq-item p{padding:0 0 21px 39px;font-size:13px}.faq-item summary::before{flex-basis:25px;width:25px;height:25px;font-size:11px}}
@media(min-width:761px){.features,.showcase,.steps,.download{padding-top:80px}}



/* footer-links.css */
footer{align-items:center;gap:20px}
.footer-links{display:flex;align-items:center;gap:18px;margin-left:auto}
.footer-links a{color:#837d91;text-decoration:none;font:10px 'DM Mono',monospace;transition:color .2s ease}
.footer-links a:hover{color:var(--violet)}
footer>p{margin:0;white-space:nowrap}
@media(max-width:760px){footer{flex-wrap:wrap;gap:14px 18px}footer>.brand{order:2;width:100%}.footer-links{order:3;width:auto;margin-left:0;gap:15px}footer>p{order:3;width:auto;margin-left:0}}



/* mobile-overflow-fix.css */
/* iOS Safari: transformed / decorative hero elements must not extend the viewport. */
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden;
  }

  header,
  .header-actions,
  header .brand {
    min-width: 0;
  }

  .glow {
    display: none;
  }

  .hero {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }
}


/* mobile-font-size.css */
@media(max-width:760px){
  .eyebrow,
  .screen-copy span,
  .steps-row strong,
  .lang-switch .is-active,
  .faq-item summary::before,
  footer,
  .footer-links a{font-size:12px}

  .screen-copy p,
  .steps-row p,
  .hero .mini-proof p,
  .hero .actions>span,
  .faq-item p{font-size:14px}
}


/* desktop-font-size.css */
@media(min-width:761px){
  .eyebrow,
  .screen-copy span,
  .steps-row strong,
  .lang-switch .is-active,
  footer,
  .footer-links a{font-size:12px}

  .hero .actions>span,
  .hero .mini-proof p,
  .screen-copy p,
  .steps-row p{font-size:14px}
}


/* mobile-lead-panel.css */
@media(max-width:760px){
  .hero .lead{
    width:min(100%,330px);
    margin:26px auto 16px;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#fff;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .hero .lead::after{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.03em;
    line-height:1.65;
    text-shadow:0 1px 7px #13062f;
  }
}


/* hero-store-cta.css */
.hero-store-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:min(100%,470px);
}

.hero-store-button{
  display:flex;
  align-items:center;
  min-width:0;
  padding:13px 12px 13px 14px;
  white-space:nowrap;
}

.hero-store-button > span{
  overflow:hidden;
  text-overflow:ellipsis;
}

.hero-store-button .hero-store-icon{
  position:relative;
  flex:0 0 30px;
  width:30px;
  height:30px;
  margin-right:9px;
  border-radius:50%;
  background:#fff;
}

.hero-store-apple .hero-store-icon{
  background:#000 url('../images/apple-store-badge.png') -5px center/113px 34px no-repeat;
  filter:invert(1);
}

.hero-store-google .hero-store-icon::after{
  content:'';
  position:absolute;
  left:11px;
  top:8px;
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:12px solid var(--ink);
}

.hero-store-button b{
  flex:0 0 23px;
  margin-left:auto;
}

.hero-store-note{
  grid-column:1/-1;
  display:block;
  text-align:center;
}

@media(max-width:760px){
  .hero-store-actions{
    grid-template-columns:1fr;
    width:min(100%,330px);
    gap:12px;
    margin-right:auto;
    margin-left:auto;
  }

  .hero-store-button{
    width:100%;
  }

  .hero-store-note{
    grid-column:1;
    margin-top:3px;
  }
}


/* showcase-image-balance.css */
.screen-card img,
.screen-card.edit img,
.screen-card.result img{
  right:50%;
  width:225px;
  transform:translateX(50%);
}

@media(min-width:761px){
  .screen-card .screen-copy{
    transform:translateX(20px);
  }

  .screen-card:nth-child(1) img{
    bottom:50px;
  }

  .screen-card:nth-child(3) img{
    bottom:-86px;
  }

  .screen-card:nth-child(1) .screen-copy,
  .screen-card:nth-child(3) .screen-copy{
    transform:translate(20px,305px);
  }
}

@media(max-width:760px){
  .screen-card img,
  .screen-card.edit img,
  .screen-card.result img{
    right:50%;
    width:210px;
    transform:translateX(50%);
  }

  .screen-card:nth-child(1) .screen-copy,
  .screen-card:nth-child(3) .screen-copy{
    transform:translateY(175px);
  }
}


/* how-it-works-icons.css */
.steps-row>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  column-gap:12px;
  align-items:center;
}

.step-icon{
  display:grid;
  place-items:center;
  grid-column:1;
  width:30px;
  height:30px;
  margin:0;
  color:#8276a6;
}

.step-icon svg{
  display:block;
  width:100%;
  height:100%;
  stroke:currentColor;
  stroke-width:6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.steps-row .step-icon+h3{
  grid-column:2;
  margin:0;
}

.steps-row>div>p{
  grid-column:1/-1;
  margin:16px 0 0;
}

@media(max-width:760px){
  .step-icon{
    width:30px;
    height:30px;
    margin:0;
  }

  .steps-row .step-icon+h3{margin:0}
}