:root{--y:#ffd426;--ink:#111217;--text:#666970;--bg:#fff;--soft:#f5f5f1;--card:#fff;--line:#e4e4df;--inverse:#15171b;--shadow:#1112}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.progress{position:fixed;z-index:99;left:0;top:0;height:3px;width:0;background:var(--y)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{font-weight:950;font-size:21px;color:var(--ink);text-decoration:none}.logo span,footer b span{background:var(--y);color:#111;padding:5px 7px;margin-left:3px}.nav nav{display:flex;gap:32px}.nav nav a,.ghost{color:var(--text);text-decoration:none;font-size:14px}.nav-actions{display:flex;gap:10px;align-items:center}.theme{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:30px;padding:10px 13px;cursor:pointer;display:flex;gap:7px}.btn{display:inline-flex;align-items:center;gap:22px;background:var(--y);color:#111;text-decoration:none;padding:16px 21px;border-radius:10px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px #d4aa0035}.btn.small{padding:11px 15px;font-size:13px}.hero{min-height:670px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:var(--text);display:flex;align-items:center;gap:10px}.kicker:before,.eyebrow:before{content:"";width:24px;height:2px;background:var(--y)}h1{font-size:clamp(54px,6.3vw,82px);line-height:.96;letter-spacing:-.06em;margin:22px 0}h1 em,.section-head em,.contact h2 em{font-style:normal;position:relative;z-index:1}h1 em:after,.section-head em:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:2px;height:13px;background:var(--y)}.lead{font-size:19px;line-height:1.65;color:var(--text);max-width:680px}.actions{display:flex;gap:25px;align-items:center;margin:32px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:8px 11px;background:var(--soft);border:1px solid var(--line);border-radius:8px;font-size:11px}.visual{position:relative;perspective:1000px}.orb{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#ffd42650,transparent 68%);inset:-90px -80px;filter:blur(5px)}.codecard{position:relative;background:linear-gradient(145deg,#1d2026,#101216);border:1px solid #31343b;color:#eee;border-radius:18px;padding:18px;box-shadow:0 40px 90px #0003;transition:transform .12s}.dots{font-size:9px}.dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#555;margin-right:4px}.dots b{float:right;color:#777;font-size:10px}.codecard pre{font-size:13px;line-height:2;padding:28px 3px 18px;white-space:pre-wrap}.codecard pre small{color:#4d5159;margin-right:8px}.codecard pre i{color:#777}.codecard pre strong{color:#ffe15c}.codecard pre span{color:#75e39c}.status{border-top:1px solid #2f3238;padding:13px 3px 0;display:flex;justify-content:space-between;font-size:10px;color:#777}.status span{color:#75e39c}.float-card{position:absolute;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 35px var(--shadow);padding:12px 15px;border-radius:10px;font-size:11px;font-weight:800;animation:float 4s ease-in-out infinite}.fc1{right:-30px;top:-25px}.fc2{left:-25px;bottom:-28px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-8px)}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:var(--soft);white-space:nowrap}.marquee div{font-size:12px;font-weight:900;letter-spacing:.12em;animation:move 25s linear infinite;width:max-content}.marquee b{color:#d0aa00;margin:0 22px}@keyframes move{to{transform:translateX(-40%)}}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin:15px 0 48px}.section-head h2,.contact h2{font-size:48px;line-height:1.03;letter-spacing:-.045em;margin:0}.section-head>p{max-width:330px;color:var(--text);line-height:1.6}.grid{display:grid;gap:14px}.services{grid-template-columns:repeat(4,1fr)}.services article{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:27px;min-height:260px;transition:.25s}.services article:hover{transform:translateY(-7px);box-shadow:0 25px 55px var(--shadow)}.services article>b{color:#aaa;font-size:11px}.service-icon{font-size:25px;margin-top:30px}.services h3{font-size:20px;margin:18px 0 10px}.services p,.cases p,.steps p{font-size:14px;line-height:1.65;color:var(--text)}.services article:nth-child(2){background:var(--inverse);color:#fff;border-color:var(--inverse)}.services article:nth-child(2) p{color:#aaa}.services article:nth-child(2)>b{color:var(--y)}.alt{background:var(--soft)}.cases{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cases article{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:30px;min-height:260px;transition:.25s}.cases article:hover{transform:translateY(-5px)}.cases .case-feature{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr;min-height:340px;background:var(--inverse);color:#fff;border:0}.cases article>span{font-size:10px;font-weight:900;letter-spacing:.1em}.cases h3{font-size:26px;letter-spacing:-.025em;margin:45px 0 12px}.case-feature h3{font-size:40px;margin:50px 0 15px}.cases a{display:inline-block;margin-top:20px;color:inherit;font-size:12px;font-weight:800;text-decoration:none}.case-metric{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff1c;padding-left:45px}.case-metric strong{font-size:70px;color:var(--y);letter-spacing:-.06em}.case-metric span{font-size:12px;color:#aaa}.draft{font-size:10px;color:#999}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps>div{border-top:2px solid var(--ink);padding-top:18px;position:relative}.steps>div:after{content:"";position:absolute;left:0;top:-2px;height:2px;width:0;background:var(--y);transition:.35s}.steps>div:hover:after{width:100%}.steps b{font-size:11px;color:#999}.steps h3{font-size:18px;margin:32px 0 8px}.contact{padding:95px 0;background:var(--y);color:#111;position:relative;overflow:hidden}.contact:after{content:"1C";position:absolute;right:-30px;top:-120px;font-size:360px;font-weight:950;color:#00000009;letter-spacing:-.12em;transform:rotate(-7deg)}.contactbox{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;position:relative;z-index:1}.contact h2{font-size:58px;margin:15px 0}.contact p{max-width:650px;line-height:1.6}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.btn.dark{background:#111;color:#fff}.contact-actions span{font-size:10px}footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
html.dark{--ink:#f2f1ec;--text:#a5a6a8;--bg:#0c0e11;--soft:#121418;--card:#15171b;--line:#292c31;--inverse:#f1f0e9;--shadow:#0006}html.dark body{background:#0c0e11;color:#f2f1ec}html.dark .services article:nth-child(2){background:var(--y);color:#111;border-color:var(--y)}html.dark .services article:nth-child(2) p{color:#5e541d}html.dark .services article:nth-child(2)>b{color:#111}html.dark .case-feature{background:#f0efe9;color:#111}html.dark .case-feature p{color:#5e6064}html.dark .case-metric{border-color:#0002}html.dark .case-metric strong{color:#b99400}html.dark h1 em:after,html.dark .section-head em:after{opacity:.8}html.dark .float-card{background:#1a1c20}html.dark footer b{color:#eee}
@media(max-width:800px){.wrap{width:min(100% - 30px,1180px)}.nav nav,.nav .btn.small{display:none}.theme-text{display:none}.hero{grid-template-columns:1fr;gap:65px;padding:70px 0 90px}.hero h1{font-size:50px}.visual{margin:0 10px}.fc1{right:-5px}.fc2{left:-5px}.section{padding:75px 0}.section-head{display:block}.section-head h2{font-size:38px}.section-head>p{margin-top:20px}.services,.steps{grid-template-columns:1fr}.cases{grid-template-columns:1fr}.cases .case-feature{grid-column:auto;grid-template-columns:1fr}.case-metric{border-left:0;border-top:1px solid #ffffff1c;padding:25px 0 0}.case-metric strong{font-size:55px}.contactbox{grid-template-columns:1fr}.contact h2{font-size:44px}.contact:after{font-size:220px;top:-30px}footer{gap:10px}.marquee div{animation-duration:18s}}/* interaction pass */
@media(pointer:fine){body{cursor:none}a,button,.codecard{cursor:none}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--y)}.cursor-ring{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);transition:width .18s,height .18s,background .18s,border .18s}.cursor-ring.hover{width:56px;height:56px;background:#ffd4261c;border-color:var(--y)}}
.hero{overflow:visible}.hero-copy{position:relative}.hero-copy:after{content:"";position:absolute;width:260px;height:260px;left:-150px;top:30px;border:1px solid var(--line);border-radius:50%;opacity:.55;z-index:-1}.visual:after{content:"";position:absolute;inset:-65px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:30px 30px;opacity:.28;z-index:-2;mask-image:radial-gradient(circle,#000 10%,transparent 70%)}
.hero .eyebrow{width:max-content;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px)}.hero .eyebrow:before{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #ffd42625;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #ffd42608}}
.codecard{transform-style:preserve-3d}.codecard>*{transform:translateZ(16px)}.float-card{backdrop-filter:blur(12px)}.hero .chips span{transition:.2s}.hero .chips span:hover{border-color:var(--y);transform:translateY(-2px)}
.scramble{display:inline-block}.magnetic{will-change:transform}.spotlight{position:fixed;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffd4260c 0,transparent 68%);transform:translate(-50%,-50%)}html.dark .spotlight{background:radial-gradient(circle,#ffd42612 0,transparent 68%)}
@media(max-width:800px){.hero-copy:after{display:none}.visual:after{inset:-20px}.spotlight{display:none}}/* interaction pass */
@media(pointer:fine){body{cursor:none}a,button,.codecard{cursor:none}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--y)}.cursor-ring{width:36px;height:36px;border:1px solid var(--text);transition:width .18s,height .18s,background .18s,border .18s}.cursor-ring.hover{width:56px;height:56px;background:#ffd4261c;border-color:var(--y)}}
.hero-copy{position:relative}.hero-copy:after{content:"";position:absolute;width:260px;height:260px;left:-150px;top:30px;border:1px solid var(--line);border-radius:50%;opacity:.55;z-index:-1}.visual:after{content:"";position:absolute;inset:-65px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:30px 30px;opacity:.28;z-index:-2;mask-image:radial-gradient(circle,#000 10%,transparent 70%)}
.hero .eyebrow{width:max-content;padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:var(--bg)}.hero .eyebrow:before{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #ffd42625;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #ffd42608}}
.codecard{transform-style:preserve-3d}.float-card{backdrop-filter:blur(12px)}.hero .chips span{transition:.2s}.hero .chips span:hover{border-color:var(--y);transform:translateY(-2px)}.magnetic{will-change:transform}.spotlight{position:fixed;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffd4260c 0,transparent 68%);transform:translate(-50%,-50%)}html.dark .spotlight{background:radial-gradient(circle,#ffd42612 0,transparent 68%)}
@media(max-width:800px){.hero-copy:after{display:none}.visual:after{inset:-20px}.spotlight{display:none}}/* loader, theme transition, conversion UX */
.loader{position:fixed;inset:0;z-index:10000;background:#111318;color:#fff;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s}.loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center;width:min(280px,70vw)}.loader-logo{font-size:28px;font-weight:950;letter-spacing:-.04em}.loader-logo span{background:var(--y);color:#111;padding:5px 7px;margin-left:4px}.loader-line{height:2px;background:#ffffff1c;margin:24px 0 12px;overflow:hidden}.loader-line i{display:block;height:100%;width:0;background:var(--y);animation:loadline .9s cubic-bezier(.7,0,.2,1) forwards}@keyframes loadline{to{width:100%}}.loader small{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#777}
.theme{position:relative;overflow:hidden}.theme-icon{transition:transform .45s}.theme:hover .theme-icon{transform:rotate(180deg)}
.nav{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);width:min(1180px,calc(100% - 48px));transition:box-shadow .25s}.nav.scrolled{box-shadow:0 12px 35px var(--shadow)}.hero .lead strong{color:var(--ink)}.services article{position:relative;overflow:hidden}.services article:after{content:"→";position:absolute;right:25px;bottom:20px;font-size:18px;opacity:0;transform:translateX(-8px);transition:.2s}.services article:hover:after{opacity:.6;transform:none}.case-feature{position:relative;overflow:hidden}.case-feature:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff1a;border-radius:50%;right:-80px;bottom:-100px}
.contact .btn{min-width:220px;justify-content:space-between}.mobile-cta{display:none}.trustline{display:flex;gap:18px;align-items:center;color:var(--text);font-size:11px;margin-top:22px}.trustline span{display:flex;align-items:center;gap:6px}.trustline i{width:6px;height:6px;border-radius:50%;background:#61d98a}
@media(max-width:800px){.nav{width:100%;padding-left:15px;padding-right:15px}.mobile-cta{display:block;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;transform:translateY(90px);transition:.3s}.mobile-cta.show{transform:none}.mobile-cta a{display:flex;justify-content:space-between;background:var(--y);color:#111;text-decoration:none;font-weight:850;padding:16px 18px;border-radius:12px;box-shadow:0 12px 35px #0003}footer{padding-bottom:75px}}
/* calmer motion pass */
body{transition:background-color .9s ease,color .75s ease}
.nav,.services article,.cases article,.hero .chips span{transition-duration:.55s}
.reveal{transition:opacity 1.15s ease,transform 1.15s cubic-bezier(.22,.61,.36,1)}
.float-card{animation-duration:7s}
.marquee div{animation-duration:42s}
.theme-icon{transition-duration:.8s}
.loader{transition:opacity .9s ease,visibility .9s}
.loader-line i{animation-duration:1.45s}
@keyframes pulse{50%{box-shadow:0 0 0 7px #ffd42610}}
.hero .eyebrow:before{animation-duration:3.2s}
@media(max-width:800px){.marquee div{animation-duration:34s}.mobile-cta{transition-duration:.55s}}

/* Paint the viewport directly when the theme changes. */
html{background-color:#fff}
html.dark{background-color:#0c0e11}
body{transition:none}