:root{--ink:#f4efe6;--soft:#f4efe69e;--faint:#f4efe657;--signal:#2f7bff;--bg:#07060a;--font:Inter, ui-sans-serif, system-ui, sans-serif;--display:"Bricolage Grotesque", Inter, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(20px, 5vw, 64px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);cursor:none;overflow:hidden}a{color:inherit}#field{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#ink{pointer-events:none;opacity:0;z-index:1;mix-blend-mode:screen;width:100%;height:100%;transition:opacity 1.45s cubic-bezier(.16,1,.3,1);display:block;position:fixed;inset:0}body.is-drawing #ink{opacity:1}body.is-dissipating #ink{opacity:.56}.chrome{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}body.is-live .chrome{opacity:1;visibility:visible}.chrome.topnav,header.chrome{z-index:30}header.chrome{z-index:30;padding:24px var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:700;text-decoration:none}.brand span,.brand-mini{color:var(--signal)}.topnav{gap:clamp(16px,2.2vw,30px);display:flex}.topnav a{color:var(--soft);font-size:14px;text-decoration:none;transition:color .25s;position:relative}.topnav a:after{content:"";background:var(--signal);width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:0}.topnav a:hover,.topnav a.is-current{color:var(--ink)}.topnav a.is-current:after,.topnav a:hover:after{width:100%}.demo-btn{color:#07060a;background:var(--ink);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #2f7bff99}.cam{z-index:30;font-family:var(--mono);letter-spacing:.08em;color:var(--soft);align-items:center;gap:9px;font-size:12px;display:inline-flex;position:fixed;top:26px;left:50%;transform:translate(-50%)}.cam .dot{background:var(--soft);border-radius:50%;width:7px;height:7px}.cam.tracking .dot{background:#36e08a;box-shadow:0 0 12px 1px #36e08a}.spine{z-index:30;flex-direction:column;align-items:flex-end;gap:18px;display:flex;position:fixed;top:50%;right:clamp(16px,2.4vw,34px);transform:translateY(-50%)}.spine button{cursor:none;color:var(--faint);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:12px;font-size:11px;transition:color .3s;display:flex}.spine .spine-dot{border:1px solid var(--faint);border-radius:50%;width:8px;height:8px;transition:all .35s cubic-bezier(.16,1,.3,1)}.spine .spine-label{opacity:0;white-space:nowrap;max-width:0;transition:opacity .3s,transform .3s;overflow:hidden;transform:translate(6px)}.spine button:hover{color:var(--soft)}.spine button:hover .spine-label{opacity:1;max-width:160px;transform:none}.spine button.is-current{color:var(--ink)}.spine button.is-current .spine-dot{border-color:var(--signal);background:var(--signal);transform:scale(1.25);box-shadow:0 0 14px 2px #2f7bffb3}.spine button.is-current .spine-label{opacity:1;max-width:160px;transform:none}.deck{z-index:10;position:fixed;inset:0}.panel{z-index:10;padding:clamp(96px, 12vh, 140px) var(--pad) clamp(72px, 10vh, 110px);opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;transition:opacity .7s,visibility .7s,transform 1s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:scale(1.04)}.panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.panel.is-prev{transform:scale(.965)}.wrap{width:min(1180px,100%)}.rv{opacity:0;filter:blur(14px);transition:opacity .55s,filter .55s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.rv.show{opacity:1;filter:blur();transform:none}.rv.impact{text-shadow:0 0 28px #2f7bff9e}.cold{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1),visibility .9s;display:flex;position:absolute;inset:0}.cold .mark{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(72px,17vw,260px);font-weight:700;line-height:.9}.cold .mark span{color:var(--signal)}.cold-sub{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--soft);margin-top:-10px;font-size:13px}.cold .free{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:none;background:0 0;border:1px solid #f4efe647;border-radius:999px;align-items:center;gap:12px;margin-top:10px;padding:16px 26px;font-size:13px;transition:all .25s;display:inline-flex}.cold .free:before{content:"";background:var(--signal);width:8px;height:8px;box-shadow:0 0 14px 2px var(--signal);border-radius:50%}.cold .free:hover{border-color:var(--signal);transform:translateY(-2px)}body.is-live .cold{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.08)}.live{opacity:0;width:100%;height:100%;transition:opacity .6s .3s}body.is-live #hero .live{opacity:1}#hero .copy{left:var(--pad);max-width:min(820px,84vw);position:absolute;bottom:clamp(48px,9vh,110px)}.kicker{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--signal);align-items:center;gap:10px;margin-bottom:22px;font-size:12px;display:inline-flex}.kicker:before{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 14px 2px var(--signal);border-radius:50%}h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(44px,8.5vw,124px);font-weight:700;line-height:.92}.ln{display:block}h1 em,h2 em,em{color:var(--signal);font-style:normal}.lead{max-width:520px;color:var(--soft);margin-top:26px;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.hint{right:var(--pad);font-family:var(--mono);letter-spacing:.06em;color:var(--soft);text-align:right;font-size:12px;line-height:1.7;position:absolute;bottom:clamp(48px,9vh,110px)}.hint b{color:var(--ink);font-weight:500}.scroll-cue{cursor:none;color:var(--faint);font-family:var(--mono);letter-spacing:.12em;opacity:0;background:0 0;border:none;font-size:12px;transition:opacity .5s,color .25s;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}body.is-live #hero .scroll-cue{opacity:1}.scroll-cue:hover{color:var(--ink)}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.section-head{margin-bottom:clamp(32px,5vh,56px)}.section-head h2,h2.manifest,h2.demo-title,.manifesto h2{font-family:var(--display);letter-spacing:-.03em;font-weight:700;line-height:.96}.section-head h2{max-width:16ch;margin-top:14px;font-size:clamp(32px,5vw,68px)}.section-lead{max-width:56ch;color:var(--soft);margin-top:18px;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.manifesto{max-width:1080px}h2.manifest{font-size:clamp(38px,7vw,104px)}.manifesto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);max-width:880px;margin-top:clamp(34px,5vh,60px);display:grid}.manifesto-grid p{color:var(--soft);font-size:clamp(15px,1.5vw,19px);line-height:1.62}.metric-row{flex-wrap:wrap;gap:clamp(34px,6vw,90px);margin-top:clamp(38px,6vh,64px);display:flex}.metric{flex-direction:column;gap:6px;display:flex}.metric b{font-family:var(--display);color:var(--ink);font-size:clamp(44px,6vw,84px);font-weight:700;line-height:1}.metric span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:12px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,26px);display:grid}.card{cursor:none;aspect-ratio:4/3;background:#0a0c1480;border:1px solid #f4efe61a;border-radius:16px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s;position:relative;overflow:hidden}.card img{object-fit:cover;opacity:.62;width:100%;height:100%;transition:opacity .5s,transform .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.card-meta{z-index:2;background:linear-gradient(#0000,#050509eb);padding:18px 20px;position:absolute;inset:auto 0 0}.card-meta .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);font-size:11px}.card-meta h3{font-family:var(--display);color:var(--ink);margin-top:4px;font-size:clamp(18px,1.7vw,24px);font-weight:600}.card:hover,.card.lit{border-color:#2f7bff8c;transform:translateY(-6px);box-shadow:0 24px 60px -28px #2f7bff99}.card:hover img,.card.lit img{opacity:.95;transform:scale(1.05)}.tcard{background:linear-gradient(180deg, #ffffff0e, transparent 28%), linear-gradient(125deg, color-mix(in srgb, var(--c2) 18%, transparent), transparent 48%), radial-gradient(118% 112% at 48% 108%, color-mix(in srgb, var(--c2) 48%, #05060a), #05060a 76%);isolation:isolate;contain:paint;box-shadow:inset 0 1px #ffffff14,inset 0 -24px 70px #00000070}.tcard:before,.tcard:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.tcard:before{background:linear-gradient(120deg, #ffffff2e, transparent 18%, transparent 74%, color-mix(in srgb, var(--accent) 20%, transparent)), radial-gradient(85% 68% at 48% 44%, #ffffff0e, transparent 58%), radial-gradient(120% 90% at 50% 70%, transparent 38%, #0000008f 100%);opacity:.54;mix-blend-mode:screen;transition:opacity .45s}.tcard:after{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 18px 26px #ffffff09, inset 0 -70px 82px #000000a8;opacity:.78;inset:1px}.tscene,.dscene{object-fit:cover;opacity:.94;filter:brightness(1.04)saturate(1.14)contrast(1.12);width:100%;height:100%;transition:opacity .45s,filter .45s,transform .8s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0;transform:scale(1.01)}.tcard:hover .tscene,.tcard.lit .tscene{opacity:1;filter:brightness(1.08)saturate(1.28)contrast(1.18);transform:scale(1.045)}.tcard:hover:before,.tcard.lit:before{opacity:.88}.tcard:hover,.tcard.lit{box-shadow:0 18px 44px -30px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.tcard .card-meta{z-index:3}.detail-flux .dscene{background:radial-gradient(130% 120% at 50% 60%,#2f7bff1f,#0000 70%)}.flux-prev{background:radial-gradient(130% 120% at 50% 118%, color-mix(in srgb, var(--c2) 55%, #05060a), #05060a 72%);position:absolute;inset:0;overflow:hidden}.flux-prev .blob{mix-blend-mode:screen;will-change:transform;border-radius:44% 56% 48% 52%/55% 43% 57% 45%;position:absolute}.flux-prev .b1{opacity:.85;filter:blur(30px);background:radial-gradient(ellipse at center, var(--c1), transparent 66%);width:74%;height:74%;animation:11s ease-in-out infinite fdrift1;top:8%;left:-8%}.flux-prev .b2{opacity:.6;filter:blur(26px);background:radial-gradient(ellipse at center, var(--accent), transparent 62%);width:58%;height:58%;animation:14s ease-in-out infinite fdrift2;top:-6%;right:-10%}.flux-prev .b3{opacity:.7;filter:blur(34px);background:radial-gradient(ellipse at center, var(--c2), transparent 60%);width:82%;height:82%;animation:17s ease-in-out infinite fdrift3;bottom:-20%;left:16%}@keyframes fdrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(22%,-12%)scale(1.18)}}@keyframes fdrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18%,18%)scale(1.12)}}@keyframes fdrift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10%,-16%)scale(1.24)}}.flux-grain{opacity:.1;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:170px 170px;position:absolute;inset:0}.flux-video{object-fit:cover;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.card:hover .flux-prev .blob,.card.lit .flux-prev .blob{opacity:1}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);list-style:none;display:grid}.step{border-top:1px solid #f4efe629;padding-top:22px}.step-no{font-family:var(--mono);color:var(--signal);letter-spacing:.1em;font-size:13px}.step h3{font-family:var(--display);margin:14px 0 12px;font-size:clamp(20px,2vw,28px);font-weight:600}.step p{color:var(--soft);font-size:clamp(14px,1.3vw,16px);line-height:1.6}.plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.3vw,18px);display:grid}.plan{background:#090a1075;border:1px solid #f4efe624;border-radius:18px;flex-direction:column;gap:12px;padding:clamp(20px,1.8vw,28px);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;position:relative}.plan:hover{border-color:#f4efe64d;transform:translateY(-6px)}.plan.featured{background:#0f162c99;border-color:#2f7bff99;box-shadow:0 30px 80px -40px #2f7bffb3}.plan-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#07060a;background:var(--signal);border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:-11px;left:clamp(20px,1.8vw,28px)}.plan h3{font-family:var(--display);font-size:clamp(18px,1.55vw,24px);font-weight:600;line-height:1.05}.plan h3 span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-top:5px;font-size:10px;display:block}.plan .price{font-family:var(--display);font-size:clamp(26px,2.45vw,38px);font-weight:700}.plan .price small{color:var(--soft);font-size:15px;font-weight:500}.plan ul{flex-direction:column;gap:9px;margin:6px 0 4px;list-style:none;display:flex}.plan li{color:var(--soft);padding-left:18px;font-size:13px;line-height:1.35;position:relative}.plan li:before{content:"›";color:var(--signal);position:absolute;left:0}.plan-cta{text-align:center;cursor:none;border:1px solid #f4efe642;border-radius:999px;margin-top:auto;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.plan-cta:hover{border-color:var(--signal);background:#2f7bff29}.plan.featured .plan-cta{background:var(--ink);color:#07060a;border-color:var(--ink)}.plan.featured .plan-cta:hover{background:var(--signal);border-color:var(--signal);color:#fff}@media (width>=861px) and (width<=1180px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-wrap{text-align:center;max-width:760px;margin:0 auto}.demo-wrap .kicker{justify-content:center}h2.demo-title{margin:12px 0 4px;font-size:clamp(40px,7vw,96px)}.demo-wrap .section-lead{margin-left:auto;margin-right:auto}.demo-form{text-align:left;flex-direction:column;gap:14px;margin-top:clamp(28px,4vh,44px);display:flex}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.demo-form input,.demo-form textarea{width:100%;color:var(--ink);font-family:var(--font);resize:none;background:#ffffff0a;border:1px solid #f4efe62e;border-radius:12px;padding:14px 16px;font-size:15px;transition:border-color .25s,background .25s}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--signal);background:#2f7bff14;outline:none}.demo-form input::placeholder,.demo-form textarea::placeholder{color:var(--faint)}.demo-submit{cursor:none;color:#07060a;background:var(--ink);border:none;border-radius:999px;padding:15px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s}.demo-submit:hover{transform:translateY(-2px);box-shadow:0 12px 34px -12px #2f7bffb3}.form-note{font-family:var(--mono);color:#36e08a;text-align:center;min-height:16px;font-size:12px}.site-foot{font-family:var(--mono);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:clamp(34px,6vh,60px);font-size:12px;display:flex}.site-foot a{color:var(--soft);text-decoration:none}.site-foot a:hover{color:var(--ink)}.detail{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;padding:clamp(24px, 5vh, 64px) var(--pad);background:#050509d1;flex-direction:column;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0;overflow-y:auto}.detail.is-open{opacity:1;visibility:visible;pointer-events:auto}.detail-back{color:var(--soft);cursor:none;font-family:var(--mono);letter-spacing:.06em;background:0 0;border:1px solid #f4efe638;border-radius:999px;align-self:flex-start;margin-bottom:28px;padding:10px 16px;font-size:12px;transition:all .25s}.detail-back:hover{border-color:var(--signal);color:var(--ink)}.detail-inner{width:min(1100px,100%);margin:0 auto}.detail-inner .d-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);font-size:12px}.detail-inner h2{font-family:var(--display);letter-spacing:-.03em;margin:10px 0 18px;font-size:clamp(36px,6vw,80px);font-weight:700;line-height:.96}.detail-inner .d-lead{max-width:60ch;color:var(--soft);font-size:clamp(15px,1.5vw,19px);line-height:1.6}.detail-shot{border:1px solid #f4efe61f;border-radius:18px;margin-top:30px;overflow:hidden}.detail-shot img{width:100%;display:block}.detail-flux{aspect-ratio:16/7;border:1px solid #f4efe61f;border-radius:18px;margin-top:30px;position:relative;overflow:hidden}.detail-facts{flex-wrap:wrap;gap:clamp(24px,5vw,70px);margin-top:26px;display:flex}.detail-facts div{flex-direction:column;gap:4px;display:flex}.detail-facts dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px}.detail-facts dd{color:var(--ink);font-size:15px}.detail-cta{color:#07060a;background:var(--ink);cursor:none;border-radius:999px;margin-top:30px;padding:13px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block}.detail-cta:hover{transform:translateY(-2px);box-shadow:0 12px 34px -12px #2f7bffb3}.cur{border:1.5px solid var(--signal);pointer-events:none;z-index:60;mix-blend-mode:screen;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:width .2s,height .2s,background .2s,border-color .2s;position:fixed;top:0;left:0}.cur.hand{border-color:#fff;width:22px;height:22px;margin:-11px 0 0 -11px}.cur.grab{background:#2f7bff40;border-color:#fff;width:28px;height:28px;margin:-14px 0 0 -14px}@media (width<=860px){body{cursor:auto;overflow:hidden auto}#field,#ink{position:fixed}.deck{position:static}.panel{pointer-events:auto;min-height:100svh;padding:clamp(90px, 16vh, 130px) var(--pad) clamp(60px, 10vh, 90px);position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}#hero .copy{max-width:100%;margin-top:auto;position:static}#hero .live{flex-direction:column;justify-content:flex-end;display:flex}.rv{opacity:1;filter:none;transform:none}.cam,.cur,.scroll-cue,.hint{display:none}.spine{display:none!important}.topnav{display:none}.gallery,.steps,.plans,.manifesto-grid,.field-row{grid-template-columns:1fr}.metric-row{gap:28px}.demo-btn{padding:9px 15px;font-size:13px}}@media (width>=861px) and (height<=720px){.panel{align-items:flex-start;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.rv{opacity:1;filter:none;transition:none;transform:none}.scroll-cue{animation:none}.panel{transition:opacity .3s,visibility .3s;transform:none}}.studio-btn{color:#07060a;background:var(--ink);border:1px solid var(--ink);cursor:none;border-radius:999px;margin-left:14px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s}.studio-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #f4efe680}.studio-frames{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2vw,26px);max-width:1100px;margin-top:clamp(38px,6vh,64px);display:grid}.studio-frame{background:#f4efe608;border:1px solid #f4efe624;border-radius:14px;margin:0;overflow:hidden}.studio-frame img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.studio-frame figcaption{color:var(--soft);border-top:1px solid #f4efe61a;padding:12px 14px;font-size:13px;font-weight:500}
