:root{
  --ink:#111217;--muted:#747781;--paper:#fff;
  --blue:#aebfec;--blue-deep:#7f96dc;--lav:#c9bbed;--ice:#c7e5ed;--mint:#c8e5d8;--warm:#efe4cb;
  --hair:rgba(18,20,28,.075);--soft-shadow:0 26px 90px rgba(76,89,132,.11);
  --ease:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.16,1,.3,1);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#fff}
body{font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:82px}
a{text-decoration:none;color:inherit}button{font:inherit}::selection{background:rgba(174,191,236,.46)}
.noise{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.017;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.orb{display:block;border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff 0 8%,#eef2ff 17%,#ccd7f5 40%,#9fb2eb 68%,#7288d1 100%);box-shadow:inset 8px 10px 20px rgba(255,255,255,.86),inset -13px -17px 28px rgba(70,89,172,.25),0 0 46px rgba(142,164,228,.46)}

/* Intro: same visual grammar as Tekiyo — tiny mark, percentage, entrance, atmosphere. */
.intro{position:fixed;inset:0;z-index:1000;background:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .72s var(--ease),visibility 0s linear .72s}
.intro.done{opacity:0;visibility:hidden;pointer-events:none}
.intro::before,.intro::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(94px);will-change:transform}
.intro::before{width:min(82vw,990px);height:min(82vw,990px);left:50%;top:52%;transform:translate(-50%,-50%) scale(.58);background:radial-gradient(circle at 31% 42%,rgba(181,216,234,.83),transparent 40%),radial-gradient(circle at 68% 45%,rgba(201,187,235,.69),transparent 44%),radial-gradient(circle at 52% 72%,rgba(196,225,211,.55),transparent 43%);opacity:0;animation:introAtmosphere 1.18s .08s var(--ease-soft) forwards}
.intro::after{width:min(48vw,580px);height:min(48vw,580px);left:50%;top:52%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(239,228,201,.52),transparent 68%);opacity:0;animation:introWarm .95s .28s var(--ease) forwards}
.intro-halo{position:absolute;width:min(70vw,780px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 120deg,rgba(174,191,236,.18),rgba(201,187,237,.23),rgba(199,229,237,.18),rgba(174,191,236,.18));filter:blur(56px);opacity:.42;animation:introTurn 7s linear infinite}
.intro-inner{position:relative;z-index:5;text-align:center;display:grid;justify-items:center;gap:15px;min-width:180px}
.intro .orb{position:fixed;left:50%;top:23px;transform:translateX(-50%);width:22px;height:22px;box-shadow:inset 3px 3px 7px rgba(255,255,255,.8),inset -4px -5px 8px rgba(72,91,171,.18),0 4px 18px rgba(138,160,224,.34);opacity:0;animation:introMark .56s .05s var(--ease) forwards}
.intro-count{font-size:10px;line-height:1;letter-spacing:.18em;color:#85878e;min-width:52px;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.intro-count::after{content:"";display:block;width:66px;height:1px;margin:13px auto 0;background:rgba(17,18,23,.09);transform-origin:left;transform:scaleX(var(--load,0));transition:transform .08s linear}
.enter{height:42px;padding:0 22px;border:0;border-radius:999px;background:#101115;color:#fff;font-size:12px;font-weight:650;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 27px rgba(16,17,21,.14);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .42s var(--ease),transform .42s var(--ease),box-shadow .3s var(--ease)}
.intro.loaded .enter{opacity:1;transform:none;pointer-events:auto}.enter:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(16,17,21,.19)}
.intro-word{position:absolute;font-size:9px;font-weight:650;letter-spacing:.17em;color:rgba(17,18,23,.48);opacity:0;filter:blur(3px);transform:translateY(9px);transition:opacity .48s var(--ease),filter .48s var(--ease),transform .48s var(--ease)}
.intro.loaded .intro-word{opacity:.72;filter:none;transform:none}.iw1{left:20%;top:28%;transition-delay:.03s}.iw2{right:18%;top:31%;transition-delay:.1s}.iw3{left:17%;bottom:27%;transition-delay:.17s}.iw4{right:20%;bottom:25%;transition-delay:.24s}
.intro.leaving .intro-inner{animation:introCenterOut .55s var(--ease) forwards}.intro.leaving .intro-word{opacity:0!important;filter:blur(5px)!important;transform:translateY(-8px)!important}.intro.leaving::before{animation:introExit .72s var(--ease-soft) forwards}.intro.leaving::after{opacity:0;transition:opacity .35s}
@keyframes introAtmosphere{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}70%{opacity:.85}100%{opacity:.54;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes introWarm{to{opacity:.42}}
@keyframes introMark{from{opacity:0;filter:blur(5px);transform:translateX(-50%) scale(.35)}to{opacity:1;filter:none;transform:translateX(-50%) scale(1)}}
@keyframes introTurn{to{transform:rotate(360deg)}}
@keyframes introCenterOut{to{opacity:0;filter:blur(5px);transform:translateY(-12px) scale(.97)}}
@keyframes introExit{0%{opacity:.54;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.52)}}

.logo-top{position:fixed;top:15px;left:50%;z-index:120;transform:translate(-50%,-14px);display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 32px rgba(68,80,119,.065);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);font-size:12px;font-weight:680;letter-spacing:-.02em;opacity:0;transition:opacity .7s .1s var(--ease),transform .7s .1s var(--ease)}
body.ready .logo-top{opacity:1;transform:translate(-50%,0)}.logo-top .orb{width:21px;height:21px;box-shadow:inset 3px 3px 7px rgba(255,255,255,.78),inset -4px -5px 8px rgba(72,91,171,.18),0 3px 12px rgba(138,160,224,.28)}

.scene{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px max(24px,7vw);overflow:hidden;background:#fff}
.ambient::before{content:"";position:absolute;width:min(980px,90vw);height:min(720px,80vh);left:50%;top:52%;transform:translate(-50%,-50%);filter:blur(92px);background:radial-gradient(circle at 31% 40%,rgba(159,196,225,.65),transparent 38%),radial-gradient(circle at 65% 48%,rgba(184,216,201,.53),transparent 40%),radial-gradient(circle at 53% 71%,rgba(233,220,180,.48),transparent 39%);animation:ambientDrift 13s ease-in-out infinite alternate}
@keyframes ambientDrift{to{transform:translate(-47%,-54%) scale(1.1) rotate(4deg)}}
.words{position:relative;z-index:2;width:min(570px,88vw);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 21px;text-align:center}
.words span{font-size:clamp(9px,.9vw,11px);font-weight:650;letter-spacing:.17em;color:rgba(17,18,23,.72);opacity:0;transform:translateY(11px);filter:blur(4px);transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease)}
body.ready .words.words-live span{opacity:1;transform:none;filter:none}.words span:nth-child(1){transition-delay:.05s}.words span:nth-child(2){transition-delay:.1s}.words span:nth-child(3){transition-delay:.15s}.words span:nth-child(4){transition-delay:.2s}.words span:nth-child(5){transition-delay:.25s}.words span:nth-child(6){transition-delay:.3s}.words span:nth-child(7){transition-delay:.35s}.words span:nth-child(8){transition-delay:.4s}.words span:nth-child(9){transition-delay:.45s}.words span:nth-child(10){transition-delay:.5s}.words span:nth-child(11){transition-delay:.55s}.words span:nth-child(12){transition-delay:.6s}
.hero-note{position:absolute;bottom:11vh;font-size:9px;font-weight:650;letter-spacing:.18em;color:#7c7f87;text-align:center;padding:0 22px;opacity:0;transform:translateY(8px);transition:opacity .65s .65s var(--ease),transform .65s .65s var(--ease)}body.ready .hero-note{opacity:1;transform:none}

/* Cinematic chapter: color enters as atmosphere, not as a hard section break. */
.cinema{position:relative;min-height:220svh;background:#fff;color:#fff;isolation:isolate;overflow:clip}
.cinema-media{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;transform-origin:center center;will-change:transform,border-radius;z-index:2;background:radial-gradient(circle at 13% 39%,rgba(104,145,181,.91) 0,rgba(151,188,216,.87) 22%,transparent 49%),radial-gradient(circle at 81% 27%,rgba(247,227,183,.93) 0,rgba(235,216,180,.84) 23%,transparent 49%),radial-gradient(circle at 63% 82%,rgba(183,222,202,.92) 0,rgba(183,222,202,.78) 25%,transparent 54%),linear-gradient(132deg,#bed3e0 0,#dfe9e8 42%,#eee4c9 68%,#c8e1d4 100%)}
.cinema-media::before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 45% 27%,rgba(255,255,255,.46),transparent 31%),linear-gradient(112deg,transparent 0 31%,rgba(255,255,255,.25) 47%,transparent 62%);filter:blur(24px);animation:cinemaLight 11s ease-in-out infinite alternate}
.cinema-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 72%,#fff 99%);z-index:6;pointer-events:none}
.cinema-shape{position:absolute;display:block;filter:blur(34px);opacity:.5;animation:cinemaFloat 9s ease-in-out infinite alternate}
.shape-a{width:31%;height:78%;left:8%;bottom:-6%;border-radius:48% 52% 17% 17%/24% 24% 8% 8%;background:linear-gradient(155deg,rgba(60,82,118,.25),rgba(158,183,197,.08));transform:rotate(-8deg)}
.shape-b{width:30%;height:30%;right:7%;top:17%;border-radius:50%;background:rgba(255,255,255,.47);animation-delay:-2.5s}.shape-c{width:23%;height:26%;right:27%;bottom:18%;border-radius:50%;background:rgba(160,194,229,.55);animation-delay:-4.5s}
.cinema-orb{position:absolute;width:72px;height:72px;right:18%;top:43%;z-index:4;animation:orbFloat 5s ease-in-out infinite}
.cinema-copy{position:sticky;top:0;height:100svh;margin-top:-100svh;z-index:8;pointer-events:none;will-change:opacity,transform}
.cinema-copy p{position:absolute;font-size:clamp(17px,2vw,28px);line-height:1.1;letter-spacing:-.04em;font-weight:610;color:#fff;text-shadow:0 2px 22px rgba(52,66,96,.19)}
.cinema-copy .a{left:9vw;top:28vh}.cinema-copy .b{right:10vw;top:50vh;text-align:right}.cinema-copy small{position:absolute;left:50%;bottom:8vh;transform:translateX(-50%);font-size:9px;font-weight:650;letter-spacing:.17em;color:rgba(28,31,39,.59);white-space:nowrap}
@keyframes cinemaLight{to{transform:translate3d(5%,-3%,0) scale(1.09) rotate(2deg)}}@keyframes cinemaFloat{to{transform:translate3d(7%,-5%,0) scale(1.12)}}@keyframes orbFloat{50%{transform:translateY(-13px) scale(1.06)}}
body.calm .intro-halo,body.calm .ambient::before,body.calm .cinema-media::before,body.calm .cinema-shape,body.calm .cinema-orb,body.calm .voice-orb::before,body.calm .pixel-wave span{animation-play-state:paused!important}

.manifesto{min-height:118svh;text-align:center;padding-top:150px;padding-bottom:205px}
.manifesto h1{position:relative;z-index:3;max-width:1080px;font-size:clamp(44px,7.8vw,112px);line-height:.955;letter-spacing:-.064em;font-weight:675}
.inline-shot{display:inline-flex;width:clamp(118px,14vw,206px);height:clamp(66px,8vw,116px);vertical-align:.05em;margin:0 .08em;border-radius:15px;overflow:hidden;position:relative;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 48%,var(--ice),transparent 46%),radial-gradient(circle at 81% 49%,var(--lav),transparent 48%),#eef2fb;box-shadow:0 17px 46px rgba(51,57,84,.13)}
.inline-shot::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.6),transparent 55%);animation:inlineGlow 5s linear infinite}.inline-shot .orb{position:relative;width:34%;aspect-ratio:1;animation:miniOrb 4s ease-in-out infinite}
.manifesto p{position:absolute;left:50%;bottom:9vh;transform:translateX(-50%);width:min(520px,86vw);color:var(--muted);font-size:14px;line-height:1.68}
@keyframes inlineGlow{to{transform:rotate(360deg)}}@keyframes miniOrb{50%{transform:scale(1.12)}}

.experience{position:relative;background:#fff}
.chapter{position:relative;min-height:100svh;display:grid;place-items:center;padding:125px max(24px,7vw);overflow:hidden;background:#fff}
.chapter::before{content:"";position:absolute;width:min(560px,70vw);height:min(560px,70vw);left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(76px);opacity:.27;background:radial-gradient(circle,var(--ice),transparent 67%)}
.chapter:nth-child(2)::before{background:radial-gradient(circle,var(--lav),transparent 67%)}.chapter:nth-child(3)::before{background:radial-gradient(circle,var(--mint),transparent 67%)}
.chapter-inner{position:relative;z-index:2;width:min(760px,100%);margin:auto;text-align:center;display:grid;justify-items:center;gap:28px}
.chapter-label{font-size:9px;font-weight:700;letter-spacing:.2em;color:#989aa2;text-transform:uppercase}.chapter h2{font-size:clamp(42px,5.8vw,84px);line-height:.98;letter-spacing:-.055em}.chapter p{max-width:520px;color:var(--muted);font-size:14px;line-height:1.68}.black-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 26px;border-radius:999px;background:#101115;color:#fff;font-size:13px;font-weight:650;box-shadow:0 11px 28px rgba(0,0,0,.14);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.black-btn:hover{transform:translateY(-3px) scale(1.016);box-shadow:0 17px 37px rgba(0,0,0,.19)}
.reveal{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .82s var(--ease),transform .82s var(--ease),filter .82s var(--ease)}.reveal.in{opacity:1;transform:none;filter:none}
.construct{position:relative;width:300px;height:300px;max-width:100%;animation:artFloat 7s ease-in-out infinite}.construct .orb{position:absolute;width:126px;height:126px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring{position:absolute;border:1px solid rgba(111,126,192,.24);border-radius:50%}.r1{inset:35px}.r2{inset:63px;border-style:dashed}.axis{position:absolute;background:rgba(111,126,192,.19)}.axis.x{height:1px;left:15px;right:15px;top:50%}.axis.y{width:1px;top:15px;bottom:15px;left:50%}.tick{position:absolute;font-size:8px;color:#969fc7;letter-spacing:.1em}.t1{left:0;top:48%}.t2{right:0;top:48%}.t3{top:0;left:47%}
.style-card{width:min(520px,100%);min-height:320px;border-radius:30px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e6def4,#d7e7f5 51%,#e7f0df);box-shadow:var(--soft-shadow);transform:perspective(900px) rotateX(3deg) rotateY(-3deg);animation:cardFloat 7s ease-in-out infinite}.style-card::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.9),transparent 27%),radial-gradient(circle at 72% 70%,rgba(177,198,255,.5),transparent 35%);filter:blur(25px);animation:cardLight 8s ease-in-out infinite alternate}.windowbar{position:relative;z-index:3;display:flex;justify-content:space-between;color:#656a79;font-size:9px;font-weight:700;letter-spacing:.14em}.style-card strong{position:absolute;z-index:3;left:28px;top:78px;max-width:48%;color:#fff;font-size:clamp(31px,5vw,57px);line-height:.9;letter-spacing:-.05em;text-align:left;text-shadow:0 3px 21px rgba(91,103,145,.13)}.style-card .result{position:absolute;z-index:4;right:24px;bottom:24px;width:45%;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:0 10px 28px rgba(80,91,128,.09);font-size:11px;line-height:1.45;text-align:left;color:#373a44}
.context-viz{position:relative;width:320px;height:320px;max-width:100%;display:grid;place-items:center;animation:artFloat 7s -2s ease-in-out infinite}.context-viz::before{content:"";position:absolute;width:236px;height:236px;border-radius:50%;background:conic-gradient(from 28deg,#fff,#e8c9eb,#b6c8f2,#fff);filter:blur(11px);opacity:.92;animation:lensTurn 14s linear infinite}.context-viz::after{content:"";position:absolute;width:166px;height:166px;border-radius:50%;background:#fff;border:1px solid rgba(126,134,177,.16)}.context-window{position:relative;z-index:2;width:184px;height:122px;border-radius:22px;padding:18px;background:rgba(255,255,255,.67);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 15px 48px rgba(106,116,164,.15);text-align:left}.context-window i{display:block;height:7px;border-radius:9px;background:#d7dce8;margin:9px 0}.context-window i:nth-child(2){width:70%}.context-window i:nth-child(3){width:46%;background:#aebeea}
.voice-orb{position:relative;width:300px;height:300px;max-width:100%;display:grid;place-items:center}.voice-orb::before{content:"";position:absolute;width:248px;height:248px;border-radius:46% 54% 59% 41%/51% 42% 58% 49%;background:radial-gradient(circle at 54% 48%,#fff 0 8%,#dcf8ff 18%,#83e0eb 39%,#a487e8 68%,#e99ad3 100%);filter:blur(12px);animation:morph 7s ease-in-out infinite}.voice-orb .orb{position:relative;width:110px;height:110px}.bars{position:absolute;z-index:3;display:flex;gap:5px;align-items:center}.bars i{width:4px;height:11px;border-radius:5px;background:#fff;animation:eq 1s ease-in-out infinite}.bars i:nth-child(2){animation-delay:.1s}.bars i:nth-child(3){animation-delay:.2s}.bars i:nth-child(4){animation-delay:.3s}.bars i:nth-child(5){animation-delay:.4s}
@keyframes artFloat{50%{transform:translateY(-11px)}}@keyframes cardFloat{50%{transform:perspective(900px) rotateX(1deg) rotateY(2deg) translateY(-10px)}}@keyframes cardLight{to{transform:translate(5%,-4%) scale(1.06)}}@keyframes lensTurn{to{transform:rotate(360deg)}}@keyframes morph{0%,100%{border-radius:46% 54% 59% 41%/51% 42% 58% 49%;transform:rotate(-3deg)}40%{border-radius:58% 42% 48% 52%/42% 58% 43% 57%;transform:rotate(4deg) scale(1.06)}75%{border-radius:42% 58% 57% 43%/59% 41% 55% 45%;transform:rotate(-2deg) scale(.98)}}@keyframes eq{50%{height:27px}}

.dots{position:fixed;right:24px;top:50%;z-index:115;transform:translateY(-50%);display:grid;gap:8px;padding:9px 7px;border-radius:999px;background:rgba(255,255,255,.54);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}body.story-active .dots{opacity:1}.dots a{display:block;width:4px;height:4px;border-radius:99px;background:rgba(17,18,23,.18);transition:height .42s var(--ease),background .42s var(--ease)}.dots a.on{height:22px;background:#111217}
.dock{position:fixed;left:50%;bottom:max(19px,env(safe-area-inset-bottom));z-index:130;transform:translate(-50%,105px);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 22px);filter:drop-shadow(0 15px 28px rgba(43,49,71,.14));transition:transform .72s .16s var(--ease)}body.ready .dock{transform:translate(-50%,0)}.dock a,.dock button{flex:none;height:48px;border:0;border-radius:999px;background:#101115;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);transition:transform .3s var(--ease),background .3s var(--ease)}.dock a:hover,.dock button:hover{transform:translateY(-4px)}.dock .circle{width:48px}.dock .main{min-width:188px;padding:0 25px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px}.dock svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock .win-logo{width:12px;height:12px;flex:none;fill:currentColor;stroke:none}.badge-dot{position:absolute;right:-1px;top:-1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#90a8e6}

.usecases{position:relative;padding:175px max(24px,8vw);background:#fff;overflow:hidden}.usecases h2{max-width:1030px;font-size:clamp(42px,6.8vw,92px);line-height:.97;letter-spacing:-.06em}.case-list{position:relative;z-index:2;max-width:890px;margin-top:95px;display:grid;gap:72px}.case{display:grid;grid-template-columns:58px 1fr;gap:28px}.case .num{font-size:9px;letter-spacing:.12em;color:#a5a7ae;padding-top:9px}.case h3{font-size:clamp(28px,3.8vw,50px);line-height:1.04;letter-spacing:-.045em}.case p{max-width:610px;margin-top:15px;color:var(--muted);font-size:14px;line-height:1.68}
.pricing{padding:175px max(24px,8vw);background:#fff;color:var(--ink);text-align:center;overflow:hidden}.pricing h2{font-size:clamp(50px,7.8vw,106px);line-height:.93;letter-spacing:-.063em}.pricing>p{max-width:530px;margin:26px auto 62px;color:var(--muted);font-size:14px;line-height:1.7}.plans{position:relative;z-index:2;max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{min-height:416px;padding:29px;border:1px solid var(--hair);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 18px 68px rgba(75,88,128,.075);text-align:left;display:flex;flex-direction:column;transition:transform .42s var(--ease),box-shadow .42s var(--ease)}.plan:hover{transform:translateY(-8px);box-shadow:0 30px 90px rgba(75,88,128,.12)}.plan.featured{background:linear-gradient(145deg,#eef3fd,#f4eefb);border-color:rgba(126,150,220,.18)}.plan h3{font-size:14px}.price{margin:19px 0;font-size:47px;font-weight:680;letter-spacing:-.06em}.price small{font-size:12px;font-weight:500;letter-spacing:0;color:#858891}.plan ul{list-style:none;display:grid;gap:12px;color:var(--muted);font-size:13px;line-height:1.5;flex:1}.plan li::before{content:"✓";margin-right:8px;color:var(--blue-deep);font-weight:750}.plan .black-btn{width:100%;margin-top:26px}
.faq{padding:175px max(24px,8vw) 215px;background:#fff;overflow:hidden}.faq h2{font-size:clamp(46px,6.7vw,88px);letter-spacing:-.058em}.faq-list{max-width:740px;margin:86px auto 0}.faq-item{display:grid;grid-template-columns:48px 1fr;gap:21px;padding:33px 0;border-top:1px solid var(--hair)}.faq-item>span{font-size:9px;letter-spacing:.12em;color:#aaacb2}.faq-item h3{margin-bottom:11px;font-size:17px;letter-spacing:-.02em}.faq-item p{color:var(--muted);font-size:14px;line-height:1.7}
.final{min-height:112svh;text-align:center;background:#fff}.final-content{position:relative;z-index:4;align-self:start;margin-top:18vh}.final h2{font-size:clamp(48px,7.8vw,106px);line-height:.93;letter-spacing:-.063em}.pixel-wave{position:absolute;left:-4vw;right:-4vw;bottom:-10vh;height:72vh;display:flex;align-items:flex-end;justify-content:center;filter:blur(19px);transform:scale(1.07);opacity:.8}.pixel-wave span{width:7.2%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#8e82d8 0 16%,#6db0c1 16% 34%,#72c187 34% 52%,#d7d172 52% 69%,#e9a36f 69% 84%,#ed7a72 84% 100%);transform:translateY(105%);transition:transform 1.18s var(--ease)}.pixel-wave.play span{transform:none}.pixel-wave span:nth-child(1),.pixel-wave span:nth-child(14){height:25%}.pixel-wave span:nth-child(2),.pixel-wave span:nth-child(13){height:36%;transition-delay:.03s}.pixel-wave span:nth-child(3),.pixel-wave span:nth-child(12){height:49%;transition-delay:.06s}.pixel-wave span:nth-child(4),.pixel-wave span:nth-child(11){height:63%;transition-delay:.09s}.pixel-wave span:nth-child(5),.pixel-wave span:nth-child(10){height:77%;transition-delay:.12s}.pixel-wave span:nth-child(6),.pixel-wave span:nth-child(9){height:91%;transition-delay:.15s}.pixel-wave span:nth-child(7),.pixel-wave span:nth-child(8){height:100%;transition-delay:.18s}
.en{display:none}body.english .fr{display:none}body.english .en{display:initial}

@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:520px}.plan{min-height:0}.cinema-copy .a{left:7vw}.cinema-copy .b{right:7vw}.manifesto{padding-top:130px}}
@media(max-width:680px){body{padding-bottom:70px}.intro-word{display:none}.scene,.chapter{padding-left:22px;padding-right:22px}.logo-top{top:12px}.words{width:min(340px,88vw);gap:11px 17px}.hero-note{bottom:14vh;max-width:84vw}.cinema{min-height:190svh}.cinema-copy p{font-size:21px}.cinema-copy .a{left:7vw;top:19vh}.cinema-copy .b{right:7vw;top:auto;bottom:23vh}.cinema-copy small{bottom:8vh;width:80vw;text-align:center;white-space:normal;font-size:8px;line-height:1.5}.cinema-orb{right:14%;top:45%;width:58px;height:58px}.manifesto{min-height:auto;padding:145px 22px 145px}.manifesto p{position:relative;left:auto;bottom:auto;transform:none;margin:48px auto 0}.chapter{min-height:auto;padding-top:125px;padding-bottom:125px}.chapter-inner{gap:24px}.construct,.context-viz,.voice-orb{transform:scale(.88)}.style-card{width:100%;min-height:320px;padding:20px}.style-card strong{left:20px;right:20px;top:66px;max-width:none;font-size:36px}.style-card .result{left:20px;right:20px;bottom:18px;width:auto}.dots{display:none}.dock{gap:6px}.dock .circle{width:44px;height:44px}.dock .main{min-width:0;height:44px;padding:0 18px;white-space:nowrap}.dock a[href="#film"]{display:none}.usecases,.pricing,.faq{padding-left:24px;padding-right:24px}.case-list{margin-top:68px;gap:55px}.case{grid-template-columns:34px 1fr;gap:12px}.faq-item{grid-template-columns:36px 1fr}.pixel-wave{width:155vw;left:50%;right:auto;transform:translateX(-50%) scale(1.07)}}
@media(max-width:430px){.dock #soundBtn{display:none}.dock .main{font-size:11px;padding:0 15px}.inline-shot{width:105px;height:58px}.manifesto h1{font-size:clamp(39px,11.5vw,55px)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro{display:none}.reveal{opacity:1;transform:none;filter:none}.dock{transform:translate(-50%,0)}.logo-top{opacity:1;transform:translate(-50%,0)}}