.reel-wrap{margin-top:clamp(40px,6vw,72px)}.reel{aspect-ratio:3.3;isolation:isolate;background:#f3f2ef;width:100%;min-height:300px;max-height:62vh;position:relative;overflow:hidden;container-type:size}.reel:after{content:"";z-index:8;pointer-events:none;opacity:.42;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.reel:before{content:"";z-index:7;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 12cqh #0000000f}.sc{background:var(--sbg);visibility:hidden;z-index:1;position:absolute;inset:0;overflow:hidden}.sc.on{visibility:visible;z-index:3}.sc.prev{visibility:visible;z-index:2}.sc.on[data-in=wipe]{animation:.6s cubic-bezier(.77,0,.18,1) both in-wipe}.sc.on[data-in=up]{animation:.6s cubic-bezier(.77,0,.18,1) both in-up}.sc.on[data-in=circle]{animation:.7s cubic-bezier(.77,0,.18,1) both in-circle}@keyframes in-wipe{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes in-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes in-circle{0%{clip-path:circle(0% at 50% 55%)}to{clip-path:circle(75% at 50% 55%)}}.reel.paused .sc,.reel.paused .sc *{animation-play-state:paused!important}.bg-paper{--sbg:radial-gradient(70% 120% at 85% 10%,#fff 0%,#fff0 60%),linear-gradient(135deg,#f4f3f0,#e9e8e4)}.bg-f2f{--sbg:radial-gradient(60% 140% at 90% 0%,#7c5cff 0%,#7c5cff00 60%),radial-gradient(60% 120% at 0% 100%,#2d6bff 0%,#2d6bff00 60%),linear-gradient(120deg,#3b4fe8,#5a45ec)}.bg-lilac{--sbg:radial-gradient(60% 120% at 20% 0%,#fff,#fff0 60%),linear-gradient(135deg,#ecebff,#dcddf7)}.bg-fapam{--sbg:radial-gradient(70% 140% at 85% 0%,#9a1414 0%,#9a141400 60%),linear-gradient(135deg,#5e0909,#3f0606)}.bg-sand{--sbg:radial-gradient(70% 140% at 10% 0%,#fff,#fff0 60%),linear-gradient(135deg,#f1eeea,#e4dfd8)}.bg-acr{--sbg:radial-gradient(70% 140% at 85% 0%,#3a3a3a 0%,#3a3a3a00 60%),linear-gradient(135deg,#1e1e1e,#121212)}.chap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding-block:16px;display:grid}.chs{justify-content:flex-start;gap:clamp(14px,3vw,40px);display:flex}.ch{all:unset;cursor:pointer;flex-direction:column;gap:8px;width:clamp(70px,12vw,160px);min-width:0;display:flex}.ch span{font:500 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);transition:color .2s}.ch i{background:var(--hair);height:2px;display:block;position:relative;overflow:hidden}.ch i:after{content:"";background:var(--ink);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.ch.on span{color:var(--ink)}.ch:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.tc{font:12px/1 var(--mono);color:var(--soft);font-variant-numeric:tabular-nums;align-items:center;gap:14px;display:flex}.pp{border:1px solid var(--line);background:var(--card);cursor:pointer;width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.pp:hover{border-color:var(--ink)}.pp svg{width:11px;height:11px}.kin{font:500 15cqh/1 var(--sans);letter-spacing:-.045em;color:var(--kc,#1b1b1b);flex-direction:column;justify-content:center;margin:0;padding-left:7cqw;display:flex;position:absolute;inset:0}.kin .l{padding-bottom:.08em;display:block;overflow:hidden}.kin .l>span{display:inline-block;transform:translateY(110%)}.on .kin .l>span{animation:.7s cubic-bezier(.16,1,.3,1) forwards mask-up;animation-delay:calc(var(--d,0) * 1ms)}@keyframes mask-up{to{transform:translateY(0)}}.kin .soft{color:var(--kc2,#9a9a9a)}.kin .ul{position:relative}.kin .ul:after{content:"";transform-origin:0;background:currentColor;height:.07em;position:absolute;bottom:.02em;left:0;right:0;transform:scaleX(0)}.on .kin .ul:after{animation:.6s cubic-bezier(.77,0,.18,1) .75s forwards draw}@keyframes draw{to{transform:scaleX(1)}}.serif{letter-spacing:-.02em;font-family:Lora,Georgia,serif;font-weight:400}.k-rule{transform-origin:0;background:#c3141c;width:12cqw;height:3px;position:absolute;bottom:20cqh;left:7cqw;transform:scaleX(0)}.on .k-rule{animation:.6s cubic-bezier(.77,0,.18,1) .7s forwards draw}.tag{z-index:6;font:max(10px,3cqh)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tc,#7a7a7a);position:absolute;bottom:8cqh;left:7cqw}.tag.r{left:auto;right:4cqw}.tag.chip{color:#1b1b1b;backdrop-filter:blur(6px);background:#ffffffe6;border-radius:999px;padding:.8em 1.1em}.tag.chip.dk{color:#fff;background:#0a0a1480}.on .tag{animation:.5s .5s both fade}@keyframes fade{0%{opacity:0}}.pills{pointer-events:none;z-index:5;position:absolute;inset:0}.pill{left:var(--x);top:var(--y);color:#1b1b1b;font:500 max(11px,4cqh)/1 var(--sans);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.65em;padding:.55em 1.1em .55em .55em;display:inline-flex;position:absolute;transform:scale(0);box-shadow:0 1.6cqh 4cqh -1.4cqh #14143c59}.pill .ic{background:var(--ia,#eef0ff);width:1.9em;height:1.9em;color:var(--ib,#4f46e5);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pill .ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.05em;height:1.05em}.on .pill{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards pop,3.2s ease-in-out infinite bob;animation-delay:calc(var(--d) * 1ms),calc(var(--d) * 1ms + .55s)}@keyframes pop{to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6cqh)}}.pill.dark{color:#fff;background:#1b1b1b}.pill.dark .ic{color:#fff;background:#ffffff1f}.pill.g .ic{color:#1e9e57;background:#e5f7ec}.pill.r .ic{color:#8b0e0e;background:#fbe9e9}.pill.k .ic{color:#1b1b1b;background:#f0eeea}.lp .scr img{width:100%;position:absolute;top:0;left:0}.wall{flex-direction:column;gap:2.2cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(120cqw)rotateX(26deg)rotate(-14deg)}.wall .r{gap:2cqw;width:max-content;display:flex}.wall .dev{filter:drop-shadow(0 1.4cqw 1.6cqw #0a083c73);width:9.5cqw}.on .wall .r:nth-child(odd){animation:2.7s cubic-bezier(.3,0,.2,1) both wl}.on .wall .r:nth-child(2n){animation:2.7s cubic-bezier(.3,0,.2,1) both wr}@keyframes wl{0%{transform:translate(8cqw)}to{transform:translate(-26cqw)}}@keyframes wr{0%{transform:translate(-34cqw)}to{transform:translate(-2cqw)}}.on .wall{animation:2.7s cubic-bezier(.3,0,.2,1) both wz}@keyframes wz{0%{transform:translate(-50%,-50%)perspective(120cqw)rotateX(26deg)rotate(-14deg)scale(1.2)}}.flow{position:absolute;top:46%;left:7cqw;right:7cqw;transform:translateY(-50%)}.flow svg{width:100%;height:auto;display:block;overflow:visible}.flow .path{fill:none;stroke:#1b1b1b;stroke-width:2px;stroke-dasharray:1000;stroke-dashoffset:1000px}.on .flow .path{animation:1.6s cubic-bezier(.65,0,.35,1) .2s forwards dash}@keyframes dash{to{stroke-dashoffset:0}}.flow .node{transform-box:fill-box;transform-origin:50%;transform:scale(0)}.on .flow .node{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards pop;animation-delay:calc(var(--d) * 1ms)}.flow .node rect{fill:#fff;stroke:#1b1b1b;stroke-width:1.5px}.flow .node.hi rect{fill:#4f46e5;stroke:#4f46e5}.flow .node text{font:500 15px var(--sans);fill:#1b1b1b;text-anchor:middle;dominant-baseline:central}.flow .node.hi text{fill:#fff}.flow .dot{fill:#4f46e5;offset-path:path("M60 40 H1140");offset-distance:0%}.on .flow .dot{animation:1.6s cubic-bezier(.65,0,.35,1) .2s forwards run}@keyframes run{to{offset-distance:100%}}.phs{align-items:flex-start;gap:3cqw;display:flex;position:absolute;top:14cqh;left:50%;transform:translate(-50%)}.phs .dev:nth-child(2){margin-top:-8cqh}.phs .dev{transform:translateY(110cqh)}.on .phs .dev{animation:.9s cubic-bezier(.16,1,.3,1) forwards rise-up;animation-delay:calc(var(--d) * 1ms)}@keyframes rise-up{to{transform:translateY(0)}}.zoom{transform-origin:50% 34%;position:absolute;top:0;left:50%}.on .zoom{animation:1.9s cubic-bezier(.65,0,.35,1) both zm}@keyframes zm{0%{transform:translate(-50%,-6cqh)scale(1)}to{transform:translate(-50%,-62cqh)scale(1.9)}}.cursor{z-index:6;filter:drop-shadow(0 .3cqw .5cqw #0000004d);width:max(14px,5cqh);position:absolute;top:52%;left:58%}.on .cursor{animation:1.9s cubic-bezier(.65,0,.35,1) both cur}@keyframes cur{0%,40%{opacity:0;transform:translate(16cqw,30cqh)}60%{opacity:1}85%,to{transform:translate(0)}}.ripple{opacity:0;z-index:5;border:2px solid #4f46e5;border-radius:50%;width:14cqh;height:14cqh;margin:-7cqh 0 0 -7cqh;position:absolute;top:52%;left:58%;transform:scale(0)}.on .ripple{animation:.6s ease-out 1.55s forwards rip}@keyframes rip{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.laps{align-items:flex-start;gap:3cqw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)rotate(-6deg)}.laps .dev{transform:translateY(90cqh)}.on .laps .dev{animation:.9s cubic-bezier(.16,1,.3,1) forwards rise-up;animation-delay:calc(var(--d) * 1ms)}.laps .dev:nth-child(2){margin-top:10cqh}.on .laps .scr img{animation:2.6s cubic-bezier(.65,0,.35,1) .6s both scr}.laps .dev:nth-child(2) .scr img{animation-name:scr2}@keyframes scr{to{transform:translateY(-38%)}}@keyframes scr2{to{transform:translateY(-26%)}}.big{color:#7a0c0c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.big b{font:500 52cqh/.8 var(--sans);letter-spacing:-.06em;font-variant-numeric:tabular-nums}.big span{font:max(12px,3.6cqh)/1.2 var(--mono);color:#6a6a6a;letter-spacing:.04em;margin-top:5cqh}.on .big b{animation:.8s cubic-bezier(.16,1,.3,1) both zoom-in}@keyframes zoom-in{0%{opacity:0;filter:blur(8px);transform:scale(.6)}}.duo{gap:4cqw;display:flex;position:absolute;top:22cqh;left:50%;transform:translate(-50%)}.duo .dev{transform:translateY(100cqh)}.on .duo .dev{animation:.9s cubic-bezier(.16,1,.3,1) forwards rise-up;animation-delay:calc(var(--d) * 1ms)}.on .duo .scr img{animation:2.4s cubic-bezier(.65,0,.35,1) .7s both scr}.focus{transform-origin:50% 40%;position:absolute;top:6cqh;left:50%}.on .focus{animation:2.3s cubic-bezier(.65,0,.35,1) both fz}@keyframes fz{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%,-6cqh)scale(1.28)}}.focus .scr img{transform:translateY(-28.7%)}.pair{width:88cqw;height:100cqh;position:absolute;top:10cqh;left:6cqw}.pair .dev{position:absolute;top:0}.pair .dev:first-child{left:0;transform:translateY(100cqh)}.pair .dev:nth-child(2){top:24cqh;right:0;transform:translateY(100cqh)}.on .pair .dev{animation:.9s cubic-bezier(.16,1,.3,1) forwards rise-up;animation-delay:calc(var(--d) * 1ms)}.on .pair .scr img{animation:2.6s cubic-bezier(.65,0,.35,1) .6s both scr}.fin{flex-direction:column;justify-content:center;padding-left:7cqw;display:flex;position:absolute;inset:0}.fin .l{padding-bottom:.1em;display:block;overflow:hidden}.fin .l>*{display:inline-block;transform:translateY(110%)}.on .fin .l>*{animation:.8s cubic-bezier(.16,1,.3,1) forwards mask-up;animation-delay:calc(var(--d,0) * 1ms)}.fin .name{font-size:22cqh;line-height:1}.fin small{font:max(12px,3.8cqh)/1.4 var(--mono);color:#6a6a6a;margin-top:3cqh}.fin .cases{font:500 max(11px,3.4cqh)/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;gap:2.6cqw;display:flex;position:absolute;bottom:10cqh;right:7cqw}.fin .cases span{opacity:0}.on .fin .cases span{animation:.4s forwards fade;animation-delay:calc(var(--d) * 1ms)}@media (width<=820px){.reel{aspect-ratio:16/10;max-height:none}.chap{grid-template-columns:minmax(0,1fr) auto}.chs{justify-content:flex-start}.kin{font-size:11cqh}.wall .dev{width:15cqw}.pill{font-size:max(10px,3.4cqh)}}.hero{padding-block:clamp(40px,7vw,96px) 0}.hero .meta-row{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.dot{vertical-align:1px;background:#2e9e5b;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.4s infinite ping;display:inline-block}@keyframes ping{0%{box-shadow:0 0 #2e9e5b80}70%{box-shadow:0 0 0 7px #2e9e5b00}to{box-shadow:0 0 #2e9e5b00}}.hero h1{font:400 clamp(34px,6vw,76px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ink-2);text-wrap:balance;max-width:18ch;margin:22px 0 0}.hero h1 b{color:var(--ink);font-weight:500}.hero h1 .w{animation:rise .9s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms);display:inline-block}@keyframes rise{0%{opacity:.0001;transform:translateY(.35em)}}.typed{font:15px/1.5 var(--mono);color:var(--mute);align-items:baseline;gap:14px;max-width:none;margin:26px 0 0;display:flex}@media (width>=821px){.typed{white-space:nowrap}}.typed:before{content:"";background:var(--ink);flex:0 0 48px;height:1px;transform:translateY(-4px)}.cta-row{flex-wrap:wrap;gap:22px;margin-top:28px;font-size:15px;display:flex}.cta-row a{border-bottom:1px solid var(--ink);gap:8px;padding-bottom:3px;display:inline-flex}.cta-row a.soft{border-color:var(--line);color:var(--mute)}.cta-row a:hover{color:var(--ink);border-color:var(--ink)}.hcase{border-top:1px solid var(--hair);grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(56px,7vw,96px);display:grid}.sec+.hcase{border-top:0}.line{font:12px/1 var(--mono);color:var(--soft);align-items:center;gap:12px;display:flex}.line:after{content:"";background:var(--line);flex:1;order:2;height:1px}.line b{font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);order:3}.hcase h3{font:400 clamp(26px,3.2vw,40px)/1.1 var(--sans);letter-spacing:-.035em;text-wrap:balance;margin:24px 0 0}.hcase p{color:var(--mute);max-width:46ch;margin:18px 0 0}.chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.chips span{font:12px/1 var(--mono);color:var(--mute);border:1px solid var(--hair);border-radius:999px;padding:7px 10px}.res{border-top:1px dashed var(--hair);color:var(--mute);align-items:baseline;gap:12px;margin-top:28px;padding-top:20px;font-size:14px;display:flex}.res b{font:400 32px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}.more{border-bottom:1px solid var(--ink);gap:8px;margin-top:32px;padding-bottom:3px;font-size:15px;display:inline-flex}.more i{transition:transform .25s var(--ease-out);font-style:normal}.hcase:hover .more i{transform:translate(4px)}.hcase.feat{grid-template-columns:minmax(0,1fr);gap:clamp(48px,6vw,88px);padding-block:clamp(40px,5vw,64px) clamp(64px,8vw,112px)}.hcase.feat .txt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.hcase.feat h3{max-width:16ch;font-size:clamp(30px,4.4vw,56px)}.trio{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;align-items:end;gap:clamp(20px,5vw,80px);padding-top:clamp(40px,5vw,64px);display:grid}.trio figure{margin:0}.trio .dev{transition:transform .6s var(--ease-out)}.hcase.feat:hover .trio .dev{transform:translateY(-3%)}.trio figcaption{font:12px/1.4 var(--mono);color:var(--soft);text-align:center;margin-top:20px}.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:44px 0;display:grid}.about h3{font:400 clamp(26px,3.2vw,40px)/1.12 var(--sans);letter-spacing:-.035em;max-width:18ch;margin:0}.about p{color:var(--mute);max-width:52ch;margin:18px 0 0}.tl>div{border-top:1px solid var(--hair);font:12px/1 var(--mono);color:var(--soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:16px;display:grid}.tl>div:after{content:"";background:var(--line);order:2;height:1px}.tl>div>span:last-of-type{order:3}.tl b{font:500 16px/1.3 var(--sans);color:var(--ink);order:4;grid-column:1/-1;display:block}.tl small{font:15px/1.5 var(--sans);color:var(--mute);order:5;grid-column:1/-1;margin-top:-6px;display:block}.contact{padding-block:44px 0}.contact h3{font:400 clamp(34px,6vw,76px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ink-2);text-wrap:balance;max-width:17ch;margin:0 0 32px}.contact h3 b{color:var(--ink);font-weight:500}@media (width<=820px){.hcase,.hcase.feat .txt,.about{grid-template-columns:minmax(0,1fr)}.hcase .vis{order:-1}.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:28px}}