@font-face{font-family:Manrope;src:url(/fonts/manrope-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-semibold.woff2)format("woff2");font-weight:600;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-2:#eceff4;--ink:#10141c;--text:#3a4150;--muted:#5f6879;--line:#e0e4ea;--line-strong:#cdd3dc;--dim:#10141c29;--accent:#2c55f0;--accent-ink:#fff;--accent-soft:#2c55f017;--ok:#15945b;--shadow:0 1px 2px #10141c0d, 0 12px 32px -12px #10141c29;--grid:#10141c0e;--radius:20px;--gutter:clamp(20px, 5vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1016;--surface:#141821;--surface-2:#1b212c;--ink:#f1f3f7;--text:#c2c8d3;--muted:#939bab;--line:#252b37;--line-strong:#343b49;--dim:#f1f3f72b;--accent:#7390ff;--accent-ink:#0d1016;--accent-soft:#7390ff1f;--ok:#3ccf8e;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009;--grid:#f1f3f70d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1016;--surface:#141821;--surface-2:#1b212c;--ink:#f1f3f7;--text:#c2c8d3;--muted:#939bab;--line:#252b37;--line-strong:#343b49;--dim:#f1f3f72b;--accent:#7390ff;--accent-ink:#0d1016;--accent-soft:#7390ff1f;--ok:#3ccf8e;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009;--grid:#f1f3f70d}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.6 Manrope,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}h1,h2,h3{color:var(--ink);margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:1280px;padding:0 var(--gutter);margin:0 auto}.accent{color:var(--accent)}.skip{z-index:100;background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}h2{letter-spacing:-.03em;max-width:16ch;margin-top:22px;font-size:clamp(32px,4.6vw,64px);line-height:1.06}.lead{max-width:560px;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.btn{cursor:pointer;white-space:nowrap;height:52px;transition:transform .2s var(--ease), opacity .2s;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;display:inline-flex;position:relative}.btn span{transition:transform .25s var(--ease);display:inline-block}.btn:hover span{transform:translate(4px)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{opacity:.9}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.btn-sm{height:42px;padding:0 18px;font-size:15px}.btn-lg{height:60px;padding:0 30px;font-size:17px}.icon-btn{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px;height:19px}.icon-btn .moon,:root[data-theme=dark] .icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-btn .sun{display:none}:root:not([data-theme=light]) .icon-btn .moon{display:block}}.nav{z-index:50;position:fixed;inset:0 0 auto}.nav:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);opacity:0;transition:opacity .3s;position:absolute;inset:0}.nav.solid:before,.nav.open:before{opacity:1}.nav-row{align-items:center;gap:24px;height:76px;display:flex}.brand{letter-spacing:-.04em;color:var(--ink);align-items:baseline;font-size:22px;font-weight:600;display:inline-flex}.brand i{background:var(--accent);border-radius:2px;width:7px;height:7px;margin-left:2px}.links{gap:4px;margin-left:auto;display:flex}.links a{color:var(--text);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;transition:color .2s}.links a:hover{color:var(--ink)}.nav-end{align-items:center;gap:10px;display:flex}.menu{place-content:center;gap:5px;display:none}.menu span{width:16px;height:1.8px;transition:transform .25s var(--ease);background:currentColor;border-radius:2px;display:block}.nav.open .menu span:first-child{transform:translateY(3.4px)rotate(45deg)}.nav.open .menu span:last-child{transform:translateY(-3.4px)rotate(-45deg)}@media (max-width:860px){.menu{display:inline-grid}.nav-end{margin-left:auto}.links{padding:8px var(--gutter) 20px;background:var(--bg);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s, transform .25s var(--ease), visibility 0s .25s;flex-direction:column;gap:0;position:absolute;top:76px;left:0;right:0;transform:translateY(-8px)}.links a{border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;font-size:20px}.nav.open .links{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s, transform .25s var(--ease);transform:none}}@media (max-width:520px){.nav-cta{display:none}}.hero{isolation:isolate;align-items:flex-end;min-height:100svh;padding:130px 0 40px;display:flex;position:relative;overflow:clip}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:top;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 70% 30%,#000 20%,#0000 75%)}.hero:after{content:"";z-index:-1;background:radial-gradient(closest-side, var(--accent-soft), transparent);pointer-events:none;width:70vmax;height:70vmax;position:absolute;top:-10%;right:-10%}.hero-inner{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}h1{letter-spacing:-.045em;font-size:clamp(46px,8.6vw,128px);line-height:.98}h1 .line{padding-bottom:.06em;display:block;overflow:hidden}h1 .line>span{display:inline-block}.hero .cta,.contact .cta{flex-wrap:wrap;gap:12px;display:flex}.hero-foot{border-top:1px solid var(--line);align-items:center;margin-top:clamp(24px,6vh,72px);padding-top:22px;display:flex}.scroll-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;font-size:13px;font-weight:600;display:inline-flex}.mouse{border:1.5px solid var(--line-strong);border-radius:12px;width:22px;height:34px;position:relative}.mouse i{background:var(--accent);width:3px;height:7px;animation:wheel 1.8s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:7px;left:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.in{animation:rise .9s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms + 80ms)}h1 .in{animation-name:line;animation-duration:1.1s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes line{0%{transform:translateY(105%)}}.band{border-block:1px solid var(--line);padding:clamp(18px,2.6vw,34px) 0;overflow:hidden}.band-track{will-change:transform;width:max-content;display:flex}.band-track>div{align-items:center;display:flex}.band span{letter-spacing:-.03em;color:var(--ink);white-space:nowrap;font-size:clamp(34px,6vw,80px);font-weight:400;line-height:1}.band i{background:var(--accent);border-radius:.08em;width:.34em;height:.34em;margin:0 .6em;font-size:clamp(34px,6vw,80px);transform:rotate(45deg)}.about{padding:clamp(96px,16vh,180px) 0}.manifesto{letter-spacing:-.025em;max-width:1100px;margin-top:40px;font-size:clamp(26px,3.7vw,54px);font-weight:600;line-height:1.26}.manifesto span{color:var(--dim);transition:color .35s}.manifesto span.on{color:var(--ink)}.process{height:400svh;position:relative}.pin{background:var(--surface-2);height:100svh;position:sticky;top:0;overflow:hidden}.pin-inner{flex-direction:column;height:100%;padding-top:112px;padding-bottom:clamp(24px,5vh,52px);display:flex}.process-grid{flex:1;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);min-height:0;display:grid}.phase-copy{display:grid}.phase{opacity:0;transition:opacity .45s, transform .6s var(--ease);pointer-events:none;grid-area:1/1;transform:translateY(20px)}.phase.active{opacity:1;pointer-events:auto;transform:none}.phase-num{color:var(--accent);font-weight:600}.phase h3{letter-spacing:-.04em;margin:10px 0 18px;font-size:clamp(40px,6vw,96px);line-height:1}.phase p{max-width:480px;font-size:clamp(17px,1.5vw,20px)}.progress{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;display:grid}.progress .fill{background:var(--line-strong);height:2px;display:block;overflow:hidden}.progress .fill i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.progress .name{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:12px;font-weight:600;transition:color .3s;display:block}.progress li.active .name{color:var(--ink)}.frame{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--line);width:100%;max-width:620px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-self:end;display:flex;position:relative;overflow:hidden}.frame-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.frame-bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.frame-bar b{background:var(--surface-2);border-radius:6px;flex:0 44%;height:18px;margin-left:14px}.live{letter-spacing:.1em;text-transform:uppercase;color:var(--ok);opacity:0;transition:opacity .4s, transform .4s var(--ease);align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex;transform:translateY(4px)}.live:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px}.frame-page{flex:1;grid-template-rows:auto 1fr auto;gap:6%;padding:5% 6%;display:grid;position:relative}.wf{display:flex}.wf span,.wf i,.wf b{border:1.5px dashed var(--line-strong);border-radius:6px;display:block;position:relative}.wf span:before,.wf span:after,.wf i:before,.wf i:after,.wf b:before,.wf b:after{content:"";border-radius:inherit;opacity:0;transition:opacity .5s;position:absolute;inset:-1.5px}.wf span:before,.wf i:before,.wf b:before{background:var(--surface-2)}.wf-nav{align-items:center;gap:4%}.wf-nav .logo{width:14%;height:14px;margin-right:auto}.wf-nav .nl{width:9%;height:8px}.wf-nav .nb{border-radius:999px;width:13%;height:20px}.wf-hero{flex-direction:column;justify-content:center;gap:5%}.wf-hero .t1{width:78%;height:12%}.wf-hero .t2{width:56%;height:12%}.wf-hero .t3{width:64%;height:5%}.wf-hero .hb{border-radius:999px;width:24%;height:11%}.wf-cards{gap:4%}.wf-cards>span{flex-direction:column;flex:1;gap:8px;height:92px;padding:10px;display:flex}.wf-cards i{width:22px;height:22px}.wf-cards b{height:7px}.wf-cards b+b{width:70%}.wf-cards>span:before{border:1.5px solid var(--line);background:0 0}.wf-nav .logo:after,.wf-hero .t1:after,.wf-hero .t2:after{background:var(--ink)}.wf-hero .t2:after{background:var(--accent)}.wf-nav .nl:after,.wf-hero .t3:after,.wf-cards b:after{background:var(--muted);opacity:0}.wf-nav .nb:after,.wf-hero .hb:after,.wf-cards i:after{background:var(--accent)}.notes{transition:opacity .45s, transform .5s var(--ease);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:22%;right:6%}.notes span{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600}.notes span:nth-child(2){transform:translate(-18px)rotate(-2deg)}.notes span:nth-child(3){transform:translate(6px)rotate(1.5deg)}.metric{background:var(--surface);border:1px solid var(--line);width:38%;box-shadow:var(--shadow);opacity:0;transition:opacity .45s, transform .5s var(--ease);border-radius:12px;padding:12px 14px;position:absolute;bottom:7%;right:5%;transform:translateY(12px)}.metric span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.metric svg{fill:none;width:100%;height:auto;stroke:var(--ok);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:6px;display:block}.frame[data-step="0"] .wf span,.frame[data-step="0"] .wf i,.frame[data-step="0"] .wf b{opacity:.9}.frame:not([data-step="0"]) .notes{opacity:0;transform:translate(16px)}.frame:not([data-step="0"]) .wf span:before,.frame:not([data-step="0"]) .wf i:before,.frame:not([data-step="0"]) .wf b:before,.frame[data-step="2"] .wf span:after,.frame[data-step="2"] .wf i:after,.frame[data-step="2"] .wf b:after,.frame[data-step="3"] .wf span:after,.frame[data-step="3"] .wf i:after,.frame[data-step="3"] .wf b:after{opacity:1}.frame[data-step="2"] .wf-nav .nl:after,.frame[data-step="2"] .wf-hero .t3:after,.frame[data-step="2"] .wf-cards b:after,.frame[data-step="3"] .wf-nav .nl:after,.frame[data-step="3"] .wf-hero .t3:after,.frame[data-step="3"] .wf-cards b:after{opacity:.35}.frame .wf-cards>span:after{display:none}.frame[data-step="3"] .live,.frame[data-step="3"] .metric{opacity:1;transform:none}@media (max-width:860px){.pin-inner{padding-top:96px}.process-grid{grid-template-columns:1fr;align-content:center;gap:28px}.frame{justify-self:start;max-width:min(100%,440px)}.phase h3{margin:6px 0 12px}.progress .name{letter-spacing:.08em;font-size:10px}}@media (max-width:860px) and (max-height:700px){.frame{display:none}}.services{padding:clamp(96px,16vh,180px) 0 clamp(64px,10vh,120px)}.grid{perspective:1200px;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:clamp(40px,6vw,72px);display:grid}.service{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease);flex-direction:column;grid-column:span 2;padding:28px;display:flex;position:relative}.service:nth-child(4),.service:nth-child(5){grid-column:span 3}.service:after{content:"";border-radius:inherit;border:1px solid var(--accent);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-1px}.service:hover:after{opacity:1}.card-stage{background:var(--bg);border:1px solid var(--line);border-radius:14px;height:200px;margin:-12px -12px 26px;overflow:hidden}.card-stage canvas{width:100%;height:100%;display:block}.num{color:var(--muted);font-size:14px;font-weight:600}.service h3{letter-spacing:-.02em;margin-top:10px;font-size:25px;line-height:1.15}.service p{max-width:44ch;margin-top:12px;font-size:16px}.tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tags li{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.aside{color:var(--muted);margin-top:26px;font-size:15px}@media (max-width:1080px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service,.service:nth-child(4),.service:nth-child(5){grid-column:span 1}.service:nth-child(5){grid-column:span 2}}@media (max-width:640px){.grid{grid-template-columns:1fr}.service,.service:nth-child(5){grid-column:auto;min-height:0}}.why{padding:clamp(64px,10vh,120px) 0 clamp(96px,16vh,180px)}.why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.why .lead{margin-top:24px}.points{gap:0;margin-top:22px;display:grid}.point{border-top:1px solid var(--line);gap:18px;padding:24px 0;display:flex}.point:last-child{border-bottom:1px solid var(--line)}.point svg{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;padding:6px}.point h3{letter-spacing:-.01em;font-size:19px}.point p{margin-top:4px;font-size:16px}.next-card{border:1px solid var(--line-strong);isolation:isolate;letter-spacing:-.02em;color:var(--ink);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(56px,8vw,96px);padding:clamp(26px,4vw,44px) clamp(22px,4vw,48px);font-size:clamp(22px,2.8vw,36px);line-height:1.2;display:flex;position:relative;overflow:hidden}.next-card:before{content:"";z-index:-1;background:var(--accent-soft);opacity:0;transition:opacity .3s;position:absolute;inset:0}.next-card:hover:before{opacity:1}.next-card .arrow{color:var(--accent);transition:transform .3s var(--ease);flex:none;font-size:1.3em}.next-card:hover .arrow{transform:translate(4px,-4px)}@media (max-width:860px){.why-grid{grid-template-columns:1fr}}.contact{background:var(--surface-2);border-top:1px solid var(--line);padding:clamp(96px,16vh,180px) 0}h2.big{letter-spacing:-.045em;max-width:none;margin-top:28px;font-size:clamp(40px,6.8vw,104px);line-height:1}.contact .lead{margin-top:28px}.contact .cta{margin-top:36px}.where{color:var(--muted);margin-top:28px;font-size:15px}@media (max-width:520px){.btn-lg{height:56px;padding:0 22px;font-size:16px}.contact .cta .btn{justify-content:center;width:100%}}.footer{border-top:1px solid var(--line);background:var(--surface-2);padding:32px 0}.foot-row{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.footer .brand{font-size:19px}.foot-links{flex-wrap:wrap;gap:4px 20px;font-size:15px;display:flex}.foot-links a:hover{color:var(--ink)}.copyright{color:var(--muted);margin-left:auto;font-size:14px}.toast{z-index:60;background:var(--ink);color:var(--bg);opacity:0;transition:opacity .3s, transform .3s var(--ease);pointer-events:none;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--d,0) * 80ms);transform:translateY(24px)}.reveal.shown{opacity:1;transform:none}.service.reveal.shown{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .8s var(--ease), transform .35s var(--ease);transition-delay:calc(var(--d,0) * 80ms), 0s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.in,h1 .in{animation:.6s both fade;animation-delay:calc(var(--i,0) * 60ms)}.reveal,.phase,.notes,.metric,.live{transition-property:opacity;transform:none!important}.mouse i{animation:none}.btn span,.next-card .arrow{transition:none}}@keyframes fade{0%{opacity:0}}
