:root{--bg:oklch(14% .012 285);--surface:oklch(17.5% .014 285);--surface-2:oklch(21% .016 288);--fg:oklch(97% .004 285);--muted:oklch(70% .014 285);--border:oklch(27% .012 285);--accent:oklch(64% .19 295);--accent-strong:oklch(72% .17 295);--accent-ink:oklch(16% .03 295);--display:"Space Grotesk", "Avenir Next", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--maxw:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}::selection{background:var(--accent);color:var(--accent-ink)}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;font-weight:600;line-height:1.08}h1{font-size:clamp(2.5rem,5.4vw,4.1rem)}h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}h3{font-size:1.25rem;line-height:1.3}.lead{color:var(--muted);max-width:34em;font-size:1.125rem}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);align-items:center;gap:10px;font-size:.78rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-strong);width:22px;height:1px}.btn{font-family:var(--body);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--fg);background:0 0}.btn-ghost:hover{background:oklch(19% .016 288);border-color:oklch(42% .03 295)}.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px;border-radius:6px}.topnav{z-index:50;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:oklch(14% .012 285/.84);position:sticky;top:0}.topnav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex;position:relative}.logo{font-family:var(--display);letter-spacing:.08em;font-size:1.25rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent-strong)}.nav-end{flex:none;align-items:center;gap:10px;display:flex}.nav-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;place-items:center;padding:0;display:none}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{background:currentColor;width:16px;height:1.5px;display:block}.nav-toggle-icon{position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.topnav.nav-open .nav-toggle-icon{background:0 0}.topnav.nav-open .nav-toggle-icon:before{top:0;transform:rotate(45deg)}.topnav.nav-open .nav-toggle-icon:after{top:0;transform:rotate(-45deg)}.cta-short{display:none}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--fg);border-bottom:2px solid #0000;padding:6px 2px;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .15s}.nav-links a:hover{border-bottom-color:var(--accent-strong)}.nav-cta{min-height:42px;padding:0 20px;font-size:.9rem}.hero{padding:104px 0 96px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,oklch(40% .14 295/.22),#0000 70%);border-radius:50%;width:560px;height:560px;position:absolute;top:-220px;right:-180px}.hero .wrap{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:72px;display:grid;position:relative}.hero h1 .accent{color:var(--accent-strong)}.hero p.sub{color:var(--muted);max-width:30em;margin:26px 0 0;font-size:1.2rem}.hero p.sub2{color:var(--muted);max-width:32em;margin:14px 0 0;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.hero-visual{min-height:440px;position:relative}.hv-grid{background-image:linear-gradient(oklch(26% .012 285/.5) 1px,#0000 1px),linear-gradient(90deg,oklch(26% .012 285/.5) 1px,#0000 1px);background-size:44px 44px;border-radius:20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 40%,#0000 78%);mask-image:radial-gradient(at 50% 45%,#000 40%,#0000 78%)}.hv-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;position:absolute;box-shadow:0 18px 44px oklch(8% .01 285/.55)}.hv-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.68rem}.hv-main{width:62%;top:54px;left:8%}.hv-bars{align-items:flex-end;gap:9px;height:92px;display:flex}.hv-bars i{background:oklch(33% .03 295);border-radius:4px 4px 0 0;flex:1}.hv-bars i:first-child{height:38%}.hv-bars i:nth-child(2){height:56%}.hv-bars i:nth-child(3){height:46%}.hv-bars i:nth-child(4){height:72%}.hv-bars i:nth-child(5){height:60%}.hv-bars i:nth-child(6){background:var(--accent);height:88%}.hv-bars i:nth-child(7){height:78%}.hv-flow{width:46%;top:232px;right:2%}.hv-steps{gap:12px;display:grid}.hv-step{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.hv-dot{background:oklch(40% .03 295);border-radius:50%;flex:none;width:9px;height:9px}.hv-step.on .hv-dot{background:var(--accent-strong)}.hv-step.on{color:var(--fg)}.hv-chip{max-width:calc(100% - 28px);color:var(--fg);align-items:center;gap:10px;padding:13px 18px;font-size:.85rem;line-height:1.35;display:flex;bottom:26px;left:14%}.hv-check{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.hv-line{background:oklch(36% .05 295/.6);position:absolute}.hv-line.l1{width:1px;height:64px;top:188px;left:46%}.hv-line.l2{width:70px;height:1px;top:306px;left:36%}section{padding:96px 0}.sec-head{max-width:620px;margin-bottom:56px}.sec-head h2{margin:16px 0 18px}.divider{border-top:1px solid var(--border)}.svc-grid{background:var(--border);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.svc{background:var(--bg);flex-direction:column;gap:14px;padding:36px 32px 40px;transition:background .18s;display:flex}.svc:hover{background:var(--surface)}.svc.featured{background:var(--surface);grid-column:span 3;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:44px 40px;display:grid}.svc.featured:hover{background:var(--surface-2)}.svc-icon{border:1px solid var(--border);width:42px;height:42px;color:var(--accent-strong);border-radius:10px;flex:none;place-items:center;display:grid}.svc p{color:var(--muted);font-size:.98rem}.svc-link{color:var(--fg);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.svc-link:after{content:"→";transition:transform .15s}.svc-link:hover:after{transform:translate(4px)}.svc-link:hover{text-underline-offset:4px;text-decoration:underline}.svc.featured .svc-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.svc-mini{border:1px solid var(--border);background:var(--bg);border-radius:12px;gap:11px;padding:22px;display:grid}.svc-mini i{background:oklch(30% .015 288);border-radius:5px;height:9px;display:block}.svc-mini i:first-child{width:46%}.svc-mini i:nth-child(2){width:78%}.svc-mini i:nth-child(3){background:oklch(44% .1 295);width:58%}.svc-mini i:nth-child(4){width:68%}.proj-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.proj{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.proj:hover{border-color:oklch(42% .05 295);transform:translateY(-3px)}.proj-media{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:repeating-linear-gradient(-45deg,oklch(19% .014 288),oklch(19% .014 288) 14px,oklch(20.5% .016 290) 14px 28px);place-items:center;display:grid}.proj-media span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--muted);border:1px dashed var(--border);background:oklch(15% .012 285/.7);border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;font-size:.75rem;line-height:1.45}.proj-body{flex-direction:column;flex:1;gap:10px;padding:28px 28px 32px;display:flex}.proj-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);font-size:.72rem}.proj-body h3 a{text-decoration:none}.proj-body h3 a:hover{color:var(--accent-strong)}.proj-body p{color:var(--muted);font-size:.97rem}.case-hero{padding:56px 0 32px}.case-hero h1{max-width:16em;margin:16px 0 18px}.case-hero .proj-links{margin-top:28px}.back{color:var(--muted);margin-bottom:28px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.back:hover{color:var(--fg)}.case-block{margin-top:8px}.case-block+.case-block{margin-top:56px}.case-block .diff-list{grid-template-columns:1fr;max-width:40rem}.case-block h2{margin-bottom:18px}.case-next h2{margin:16px 0 18px}.case-next .btn{margin-top:28px}.proj-links{flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:10px;display:flex}.proj-links a{align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.proj-links a:after{content:"→";transition:transform .15s}.proj-links a:hover:after{transform:translate(4px)}.proj-links a:hover{text-underline-offset:4px;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.steps{grid-template-columns:repeat(4,1fr);gap:40px;display:grid;position:relative}.steps:before{content:"";background:var(--border);height:1px;position:absolute;top:17px;left:4%;right:4%}.step{padding-top:48px;position:relative}.step-num{font-family:var(--mono);color:var(--accent-ink);background:var(--accent-strong);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:500;display:grid;position:absolute;top:0;left:0}.step h3{margin-bottom:10px;font-size:1.15rem}.step p{color:var(--muted);font-size:.95rem}.diff-list{grid-template-columns:1fr 1fr;gap:0 72px;max-width:980px;display:grid}.diff{border-bottom:1px solid var(--border);grid-template-columns:14px 1fr;gap:20px;padding:30px 0;display:grid}.diff-mark{background:var(--accent);opacity:.9;border-radius:4px;width:14px;height:14px;margin-top:7px}.diff h3{margin-bottom:6px;font-size:1.1rem}.diff p{color:var(--muted);font-size:.96rem}.faq-wrap{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px;display:grid}.faq-wrap .sec-head{margin-bottom:0}.faq{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-family:var(--display);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 4px;font-size:1.06rem;font-weight:500;list-style:none;transition:color .15s;display:flex}.faq summary span{flex:1;min-width:0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);color:var(--accent-strong);flex:none;font-size:1.2rem;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{color:var(--accent-strong)}.faq .faq-a{color:var(--muted);max-width:46em;padding:0 4px 24px;font-size:.97rem}.contact{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.contact .wrap{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;display:grid}.contact-side h2{margin-top:16px}.contact-side p{margin-top:18px}.contact-points{gap:14px;margin-top:36px;list-style:none;display:grid}.contact-points li{color:var(--muted);align-items:baseline;gap:12px;font-size:.97rem;display:flex}.contact-points li:before{content:"—";color:var(--accent-strong);flex:none}form{gap:20px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{gap:8px;display:grid}.field label{font-size:.88rem;font-weight:600}.field .opt{color:var(--muted);font-weight:400}input,select,textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--fg);font-family:var(--body);border-radius:10px;min-height:48px;padding:13px 15px;font-size:.97rem;transition:border-color .15s}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 21px) 55%,calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:5px 5px}textarea{resize:vertical;min-height:128px}input::placeholder,textarea::placeholder{color:oklch(52% .012 285)}input:hover,select:hover,textarea:hover{border-color:oklch(36% .02 290)}form .btn{justify-self:start}.form-ok{color:var(--accent-strong);font-size:.95rem}footer{padding:56px 0 44px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.foot-brand p{color:var(--muted);max-width:26em;margin-top:12px;font-size:.92rem}.foot-links{flex-wrap:wrap;gap:12px 28px;list-style:none;display:flex}.foot-links a{color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .15s}.foot-links a:hover{color:var(--fg)}.foot-bottom{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:44px;padding-top:24px;font-size:.84rem;display:flex}@media (width<=960px){.hero{padding:72px 0}.hero .wrap{grid-template-columns:1fr;gap:56px}.hero-visual{min-height:440px}.hv-line{display:none}.hv-main{width:min(420px,88%);top:8px;left:0}.hv-flow{width:min(360px,82%);top:188px;right:0}.hv-chip{width:auto;max-width:min(460px,100%);bottom:8px;left:0}.svc-grid{grid-template-columns:1fr}.svc.featured{grid-column:auto;grid-template-columns:1fr;gap:28px}.proj-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:0}.steps:before{width:1px;height:auto;inset:18px auto 18px 17px}.step{padding:0 0 44px 60px}.step:last-child{padding-bottom:0}.step-num{left:0}.diff-list{grid-template-columns:1fr;gap:0}.faq-wrap,.contact .wrap{grid-template-columns:1fr;gap:48px}.form-row{grid-template-columns:1fr}.nav-toggle{display:grid}.nav-links{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:4px 32px 12px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 18px 32px oklch(8% .01 285/.55)}.topnav.nav-open .nav-links{display:flex}.nav-links a{border-bottom:1px solid var(--border);padding:14px 2px}.nav-links a:hover{border-bottom-color:var(--border)}section{padding:72px 0}}@media (width<=600px){.wrap{padding:0 20px}body{font-size:16px}.cta-long{display:none}.cta-short{display:inline}.nav-links{padding-left:20px;padding-right:20px}.hero{padding:56px 0 64px}.hero-actions .btn,form .btn,.case-next .btn{width:100%}.hv-chip{width:100%;max-width:100%}.svc.featured{padding:32px 24px}.svc{padding:30px 24px 34px}.proj-body{padding:24px 22px 28px}.foot{flex-direction:column}.foot-links{flex-direction:column;align-items:flex-start;gap:12px}input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.proj,.svc,.faq summary:after,.proj-links a:after{transition:none}.btn-primary:hover,.proj:hover{transform:none}}