html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--crema:#f1e4d1;--crema-2:#e8d7bf;--oxido:#b8461f;--oxido-2:#e0703f;--neon:#d4ff3a;--carbon:#1d1b18;--carbon-2:#272420;--gris:#8f8578;--line-d:#f1e4d124;--line-l:#1d1b1829;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Manrope", system-ui, sans-serif;--gutter:clamp(16px, 4.5vw, 64px);--max:1280px;--nav-h:68px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--crema);color:var(--carbon);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}img,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--oxido);outline-offset:3px}body.is-booting{overflow:hidden}.accent{color:var(--oxido)}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);justify-content:space-between;gap:16px;font-size:12px;display:flex}h2{font-family:var(--mono);letter-spacing:-.035em;font-size:clamp(40px,6.2vw,92px);font-weight:800;line-height:1}.caret{vertical-align:-.15em;background:var(--neon);width:.55em;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.logo{font-family:var(--mono);letter-spacing:-.04em;color:var(--carbon);font-size:22px;font-weight:800;text-decoration:none}.logo .lt{color:var(--oxido)}.logo--big{font-size:clamp(64px,14vw,200px);line-height:.9}.btn{--bg:var(--carbon);--fg:var(--crema);background:var(--bg);min-height:52px;color:var(--fg);border:2px solid var(--bg);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;isolation:isolate;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--neon);transition:transform .35s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover{color:var(--carbon);border-color:var(--neon)}.btn:hover:before{transform:none}.btn:after{content:"→";transition:transform .3s var(--ease)}.btn:hover:after{transform:translate(4px)}.btn--sm{min-height:40px;padding:0 16px;font-size:12px}.btn--ghost{--bg:transparent;--fg:var(--carbon);border-color:var(--carbon);color:var(--carbon)}.btn--dark{--bg:var(--carbon);--fg:var(--crema)}.btn--ghost-dark{--bg:transparent;--fg:var(--carbon);border-color:var(--carbon);color:var(--carbon)}.code{font-family:var(--mono);background:var(--carbon);color:var(--crema);border-radius:10px;margin:0;padding:22px 26px;font-size:clamp(14px,1.4vw,18px);line-height:1.7}.c-k{color:var(--neon)}.c-r{color:var(--oxido-2)}.boot{z-index:200;background:var(--carbon);color:var(--crema);font-family:var(--mono);place-content:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}.boot__comment{color:var(--gris);font-size:13px}.boot__line{font-size:clamp(22px,4vw,44px);font-weight:700}.is-ready .boot{display:none}.nav{z-index:60;height:var(--nav-h);padding:0 var(--gutter);transition:background .3s, transform .4s var(--ease);align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line-l);background:#f1e4d1eb}.nav.is-hidden{transform:translateY(-100%)}.nav__links{gap:24px;margin-left:auto;display:flex}.nav__links a{font-family:var(--mono);opacity:.75;font-size:12.5px;text-decoration:none}.nav__links a b{color:var(--oxido);margin-right:4px;font-weight:700}.nav__links a:hover,.nav__links a.is-on{opacity:1}@media (width<=860px){.nav__links{display:none}.nav__cta{margin-left:auto}}.hero{min-height:100svh;padding:calc(var(--nav-h) + 40px) var(--gutter) 60px;align-content:center;display:grid;position:relative;overflow:hidden}.hero__grid{background-image:linear-gradient(var(--line-l) 1px, transparent 1px), linear-gradient(90deg, var(--line-l) 1px, transparent 1px);opacity:.55;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 75%)}.hero__inner{max-width:var(--max);gap:26px;width:100%;margin:0 auto;display:grid;position:relative}.hero__title{font-family:var(--mono);letter-spacing:-.05em;font-size:clamp(54px,10vw,156px);font-weight:800;line-height:.95}.hero__title .ln{padding-bottom:.04em;display:block;overflow:hidden}.hero__title .ln>span{display:inline-block}.hero__sub{color:#4d463e;max-width:46ch;font-size:clamp(16px,1.4vw,19px)}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__code{right:var(--gutter);position:absolute;bottom:110px;transform:rotate(-3deg);box-shadow:0 30px 60px -30px #1d1b1880}.hero__scroll{font-family:var(--mono);color:var(--gris);justify-items:center;gap:8px;font-size:11px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero__scroll i{transform-origin:top;width:1px;height:40px;animation:drip 1.8s var(--ease) infinite;background:currentColor}@keyframes drip{0%{transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=960px){.hero__code{max-width:var(--max);width:100%;margin:36px auto 0;position:relative;bottom:auto;right:auto;transform:rotate(-1.5deg)}}.marquee{background:var(--oxido);color:var(--crema);padding:16px 0;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.marquee__track{width:max-content;font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;font-size:clamp(18px,2.2vw,28px);font-weight:800;display:flex}.marquee__track span{padding-right:2.2em}.marquee__track span:after{content:"✱";color:var(--neon);margin-left:2.2em}.section-head{max-width:var(--max);gap:22px;margin:0 auto 50px;display:grid}.section-head__sub{color:#4d463e;max-width:52ch;font-size:17px}.lab{padding:clamp(110px, 18svh, 190px) var(--gutter) 40px}.lab__stack{max-width:var(--max);gap:0;margin:0 auto;display:grid}.case{top:calc(var(--nav-h) + 16px);background:var(--carbon);color:var(--crema);transform-origin:50% 0;border-radius:18px;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(20px,3vw,44px);min-height:min(78svh,720px);margin-bottom:9svh;padding:26px;display:grid;position:sticky}.case:nth-child(2n){background:var(--carbon-2)}.browser{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.browser__bar{background:#2f2b26;align-items:center;gap:8px;padding:10px 14px;display:flex}.browser__bar i{background:#5a5148;border-radius:50%;width:10px;height:10px}.browser__bar i:first-child{background:var(--oxido-2)}.browser__url{font-family:var(--mono);color:#a99d8d;white-space:nowrap;text-overflow:ellipsis;background:#221f1b;border-radius:6px;flex:1;margin-left:12px;padding:5px 10px;font-size:12px;overflow:hidden}.browser video{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.case__info{align-content:center;gap:16px;display:grid}.case__kind{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--neon);font-size:12px}.case__num{font-family:var(--mono);color:#f1e4d129;font-size:46px;font-weight:800;line-height:1}.case__title{font-family:var(--mono);letter-spacing:-.03em;font-size:clamp(24px,2.4vw,36px);font-weight:800;line-height:1.08}.case__text{color:#c9bca9;font-size:15px}.case__tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.case__tags li{font-family:var(--mono);border:1px solid var(--line-d);border-radius:999px;padding:5px 10px;font-size:11.5px}@media (width<=900px){.case{grid-template-columns:1fr;min-height:0;margin-bottom:18px;padding:16px;position:relative;top:0}}.services{padding:clamp(100px, 16svh, 170px) var(--gutter)}.services__list{max-width:var(--max);gap:18px;margin:0 auto;display:grid}.svc{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:min(68svh,600px);padding:clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.svc--1{background:var(--carbon);color:var(--crema)}.svc--2{background:var(--crema-2);color:var(--carbon)}.svc--3{background:var(--oxido);color:var(--crema)}.svc__body{align-content:end;gap:16px;max-width:44ch;display:grid}.svc__n{font-family:var(--mono);color:var(--neon);font-size:14px;font-weight:700}.svc--2 .svc__n{color:var(--oxido)}.svc--3 .svc__n{color:var(--carbon)}.svc__title{font-family:var(--mono);letter-spacing:-.04em;font-size:clamp(32px,4.4vw,66px);font-weight:800;line-height:1}.svc__text{opacity:.82;font-size:17px}.svc__code{font-family:var(--mono);opacity:.7;white-space:nowrap;font-size:13px}.svc__big{font-family:var(--mono);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:2px currentColor;transition:color .5s var(--ease);align-self:start;font-size:clamp(130px,25vw,360px);font-weight:800;line-height:.8}.svc:hover .svc__big{color:currentColor}.features{max-width:var(--max);margin:60px auto 0}.features__label{font-family:var(--mono);color:var(--gris);margin-bottom:14px;font-size:13px}.features__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.features__list li{font-family:var(--mono);background:var(--carbon);color:var(--crema);border-radius:999px;padding:9px 14px;font-size:13px}.features__list li:before{content:"✓ ";color:var(--neon)}@media (width<=860px){.svc{grid-template-columns:1fr;min-height:0}.svc__big{order:-1;font-size:120px}.svc__code{white-space:normal}}.statement{min-height:100svh;padding:clamp(120px, 20svh, 220px) var(--gutter);align-content:center;display:grid}.statement__inner{max-width:var(--max);gap:30px;width:100%;margin:0 auto;display:grid}.statement__text{letter-spacing:-.05em;max-width:13ch;font-size:clamp(44px,8vw,124px);line-height:.98}.statement__text em{font-style:italic}.statement__text .w{opacity:.13}.reduce .statement__text .w{opacity:1}main{position:relative}main>section,main>.marquee,.foot{z-index:2;position:relative}.stroke{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.stroke path{fill:none;stroke:var(--oxido);stroke-linecap:round;stroke-linejoin:round}.stroke--back{z-index:0}.stroke--front{z-index:3}.gl{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.process{background:var(--carbon);color:var(--crema);padding:clamp(100px, 16svh, 170px) var(--gutter)}.process .kicker{color:#a99d8d}.process .section-head__sub{color:#c9bca9}.steps{max-width:var(--max);margin:0 auto;position:relative}.steps__line{background:var(--line-d);height:2px;margin-bottom:30px}.steps__line i{background:var(--neon);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.steps__list{grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.step{align-content:start;gap:12px;display:grid}.step__n{font-family:var(--mono);color:var(--neon);font-size:56px;font-weight:800;line-height:1}.step__title{font-family:var(--mono);letter-spacing:-.02em;font-size:22px;font-weight:800}.step__text{color:#c9bca9;font-size:15px}@media (width<=860px){.steps__list{grid-template-columns:1fr 1fr}}@media (width<=520px){.steps__list{grid-template-columns:1fr}}.talk{background:var(--oxido);color:var(--crema);padding:clamp(100px, 16svh, 170px) var(--gutter)}.talk__inner{max-width:var(--max);justify-items:start;gap:30px;margin:0 auto;display:grid}.talk__inner>.kicker{width:100%}.talk .kicker{color:#f1e4d1bf}.talk__title{font-family:var(--mono);letter-spacing:-.04em;max-width:16ch;font-size:clamp(42px,7vw,108px);font-weight:800;line-height:.98}.talk__code{width:min(100%,520px)}.talk__fix{font-family:var(--mono);letter-spacing:-.03em;font-size:clamp(28px,4vw,56px);font-weight:800;line-height:1.05}.talk__fix span{color:var(--carbon)}.talk__actions{flex-wrap:wrap;gap:12px;display:flex}.talk .btn--dark:before{background:var(--neon)}.talk .btn--dark:hover{color:var(--carbon)}.foot{background:var(--crema);padding:90px var(--gutter) 40px;text-align:center;justify-items:center;gap:10px;display:grid}.foot__tag{font-family:var(--mono);letter-spacing:.5em;margin-top:-6px;font-size:14px}.foot__row{font-family:var(--mono);color:#4d463e;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:28px;font-size:13px;display:flex}.foot__note{color:var(--gris);max-width:60ch;font-size:12px}.reduce .case{position:relative;top:0}.hero__title .accent{background:linear-gradient(var(--neon), var(--neon)) 0 92% / 0% .2em no-repeat}.is-ready .hero__title .accent{transition:background-size 1s var(--ease) 1.1s;background-size:100% .2em}.statement__text em.accent{background:linear-gradient(var(--neon), var(--neon)) 0 88% / 0% .42em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}.reduce .statement__text em.accent{background-size:100% .42em}.svc--1 .svc__big{-webkit-text-stroke-color:var(--neon)}.svc--1:hover .svc__big{color:var(--neon)}.svc--3 .svc__code{color:var(--neon);opacity:1}.talk__fix span{color:var(--carbon);background:var(--neon);padding:0 .15em}.case .case__num{color:#d4ff3a38}.editor{max-width:var(--max);grid-template-columns:minmax(0,1fr) 230px;gap:14px;margin:0 auto 60px;display:grid}.editor__canvas{background-color:var(--carbon-2);background-image:radial-gradient(#f1e4d11f 1px,#0000 1px);background-size:22px 22px;border-radius:14px;align-content:center;min-height:min(56svh,520px);padding:64px clamp(20px,4vw,56px) 48px;display:grid;position:relative;overflow:hidden}.editor__file{font-family:var(--mono);color:#a99d8d;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:14px;left:18px}.editor__file i{background:#4a433b;border-radius:50%;width:9px;height:9px}.editor__file i:first-child{background:var(--oxido-2)}.tbox{justify-self:start;padding:10px 14px;position:relative}.tbox__frame{border:1.5px solid var(--neon);pointer-events:none;position:absolute;inset:0}.tbox__frame i{background:var(--carbon-2);border:1.5px solid var(--neon);width:9px;height:9px;position:absolute}.tbox__frame i:first-child{top:-5px;left:-5px}.tbox__frame i:nth-child(2){top:-5px;right:-5px}.tbox__frame i:nth-child(3){bottom:-5px;left:-5px}.tbox__frame i:nth-child(4){bottom:-5px;right:-5px}.tbox__frame b{background:var(--neon);color:var(--carbon);font-family:var(--mono);white-space:nowrap;padding:2px 7px;font-size:10.5px;font-weight:700;position:absolute;top:-24px;left:-1.5px}.tbox__text{letter-spacing:-.035em;color:var(--crema);font-size:22px;font-weight:400;line-height:1.4}.tbox__b{color:var(--neon);font-style:italic;display:block}.tbox__caret{vertical-align:-.08em;background:var(--neon);width:.08em;height:.9em;margin-left:.04em;animation:1s step-end infinite blink;display:inline-block}.cmt{background:var(--crema);max-width:260px;color:var(--carbon);border-radius:14px 14px 14px 4px;align-items:baseline;gap:8px;padding:10px 14px;font-size:13.5px;line-height:1.35;display:flex;position:absolute;box-shadow:0 18px 40px -18px #0009}.cmt b{font-family:var(--mono);color:var(--oxido);white-space:nowrap;font-size:11px}.cmt--1{top:16%;right:7%}.cmt--2{bottom:12%;right:12%}.cmt--2 b{color:var(--carbon);background:var(--neon);padding:0 5px}.panel{background:var(--carbon-2);font-family:var(--mono);border-radius:14px;align-content:start;gap:4px;padding:16px;font-size:12px;display:grid}.panel__title{color:#a99d8d;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.panel__row{color:#c9bca9;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:background .25s,color .25s;display:flex}.panel__row b{color:var(--crema);align-items:center;gap:6px;font-weight:700;display:inline-flex}.panel__row.is-live{background:var(--neon);color:var(--carbon)}.panel__row.is-live b{color:var(--carbon)}.sw{background:var(--crema);border-radius:3px;width:12px;height:12px}.sw--neon{background:var(--neon)}@media (width<=860px){.editor{grid-template-columns:1fr}.panel{display:none}.editor__canvas{min-height:62svh;padding:56px 18px 40px}.cmt{max-width:210px;font-size:12.5px}.cmt--1{top:12%;right:5%}.cmt--2{bottom:8%;right:5%}}.reduce .tbox__text{font-size:clamp(40px,6.6vw,96px);font-weight:800;line-height:1}.reduce .tbox__frame,.reduce .tbox__caret{display:none}
