:root{--bg: #07080a;--bg-2: #0d0f12;--bg-3: #14171c;--fg: #f4f5f7;--fg-dim: #9aa0aa;--fg-mute: #5e646e;--line: #1d2027;--line-2: #262a32;--accent: oklch(.85 .18 145);--accent-2: oklch(.78 .16 70);--accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);--grid: rgba(255, 255, 255, .04)}[data-theme=light]{--bg: #f6f5f1;--bg-2: #ecebe5;--bg-3: #e2e0d8;--fg: #0a0b0d;--fg-dim: #4a505b;--fg-mute: #7a8090;--line: #d8d6cc;--line-2: #c8c5b8;--accent: oklch(.62 .18 145);--accent-2: oklch(.62 .16 55);--accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);--grid: rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .4s ease,color .4s ease}.display{font-family:Space Grotesk,Inter,sans-serif;font-weight:500;letter-spacing:-.02em;line-height:.95}.mono{font-family:JetBrains Mono,SF Mono,monospace;font-feature-settings:"ss01","cv11"}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.shell{max-width:1400px;margin:0 auto;padding:0 32px}@media (max-width: 720px){.shell{padding:0 20px}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:16px 0;background:color-mix(in oklch,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease}.nav.scrolled{border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.02em}.logo-mark{width:44px;height:44px;position:relative;display:grid;place-items:center}.logo-mark svg{width:100%;height:100%}.logo-mark img{width:100%;height:100%;object-fit:contain;transform:scale(3)}.nav-links{display:flex;gap:28px;font-size:14px;color:var(--fg-dim)}.nav-links a{position:relative;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-right{display:flex;align-items:center;gap:14px}.nav-right .btn{min-width:150px;justify-content:center}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;font-size:11px;font-family:JetBrains Mono,monospace}.lang-switch button{padding:4px 10px;border-radius:999px;color:var(--fg-mute);transition:all .2s;letter-spacing:.05em}.lang-switch button.active{background:var(--fg);color:var(--bg)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:999px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#07080a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px var(--accent)}.btn-ghost{border:1px solid var(--line-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg)}@media (max-width: 880px){.nav-links{display:none}}.hero{position:relative;min-height:100vh;padding-top:120px;padding-bottom:80px;display:flex;align-items:center;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero canvas{width:100%;height:100%;display:block}.hero-content{position:relative;z-index:2;width:100%;pointer-events:none}.hero-content a,.hero-content button,.hero-content .btn{pointer-events:auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:32px;background:color-mix(in oklch,var(--bg) 60%,transparent)}.hero-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:clamp(48px,9vw,140px);margin-bottom:32px;max-width:1100px}.hero h1 .accent{color:var(--accent);font-style:italic;font-weight:400}.hero h1 .stroke{-webkit-text-stroke:1.5px var(--fg);color:transparent}.hero-sub{font-size:clamp(16px,1.4vw,20px);color:var(--fg-dim);max-width:620px;margin-bottom:48px;line-height:1.5}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:80px}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;border-top:1px solid var(--line);padding-top:32px;max-width:720px}.stat-num{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.02em}.stat-label{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);margin-top:4px}.hero-system{position:absolute;right:32px;bottom:32px;z-index:2;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);text-align:right;line-height:1.6}.hero-system .row{display:flex;gap:12px;align-items:center;justify-content:flex-end}.hero-system .key{color:var(--fg-mute)}.hero-system .val{color:var(--fg-dim)}@media (max-width: 720px){.hero-system{display:none}}section.block{padding:140px 0;position:relative}@media (max-width: 720px){section.block{padding:80px 0}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:80px;flex-wrap:wrap}.section-tag{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-mute);display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-tag:before{content:"";width:28px;height:1px;background:var(--accent)}.section-title{font-size:clamp(36px,5vw,72px);max-width:18ch}.section-desc{max-width:420px;color:var(--fg-dim);font-size:16px}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}.service{background:var(--bg);padding:40px;position:relative;cursor:pointer;transition:background .3s ease;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.service:hover{background:var(--bg-2)}.service.s-lg,.service.s-md{grid-column:span 3;min-height:340px}.service.s-half,.service.s-sm{grid-column:span 2}.service-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);letter-spacing:.1em}.service h3{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:16px 0 12px;max-width:14ch}.service p{color:var(--fg-dim);font-size:14px;max-width:38ch;line-height:1.6}.service-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px}.service-tags span{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);border:1px solid var(--line-2);padding:4px 8px;border-radius:4px}.service-icon{position:absolute;top:36px;right:36px;width:56px;height:56px;border:1px solid var(--line-2);border-radius:12px;display:grid;place-items:center;color:var(--accent);transition:all .3s ease}.service:hover .service-icon{border-color:var(--accent);background:var(--accent-soft)}.service-icon svg{width:24px;height:24px}@media (max-width: 980px){.services{grid-template-columns:1fr 1fr}.service.s-lg,.service.s-md,.service.s-half,.service.s-sm{grid-column:span 1;min-height:260px}}@media (max-width: 600px){.services{grid-template-columns:1fr}.service.s-lg,.service.s-md,.service.s-half,.service.s-sm{grid-column:span 1}}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.process-step{padding:40px 24px 40px 0;border-right:1px solid var(--line);position:relative}.process-step:last-child{border-right:none}.process-step:before{content:"";position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--accent)}.step-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:24px}.step-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.01em;margin-bottom:12px}.step-desc{color:var(--fg-dim);font-size:14px;line-height:1.6;max-width:32ch}.step-meta{margin-top:20px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);display:flex;gap:12px}@media (max-width: 980px){.process{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:none}}@media (max-width: 600px){.process{grid-template-columns:1fr}.process-step{border-right:none;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:none}}.stack-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.stack-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--fg-dim);transition:background .2s ease,color .2s ease}.stack-item:hover{background:var(--bg-2);color:var(--fg)}.stack-item .cat{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-mute)}.stack-item .name{font-family:Space Grotesk,sans-serif;font-size:18px;color:var(--fg);font-weight:500;letter-spacing:-.01em}.stack-item:nth-child(6n){border-right:none}.stack-grid>.stack-item:nth-last-child(-n+6){border-bottom:none}@media (max-width: 980px){.stack-grid{grid-template-columns:repeat(3,1fr)}.stack-item{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.stack-item:nth-child(3n){border-right:none!important}}@media (max-width: 560px){.stack-grid{grid-template-columns:repeat(2,1fr)}.stack-item:nth-child(3n){border-right:1px solid var(--line)!important}.stack-item:nth-child(2n){border-right:none!important}}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.t-card{border:1px solid var(--line);border-radius:20px;padding:32px;background:var(--bg-2);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;transition:border-color .3s ease,transform .3s ease}.t-card:hover{border-color:var(--line-2);transform:translateY(-4px)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects-head{align-items:flex-start;margin-bottom:56px}.projects-desc{max-width:360px;font-size:15px;line-height:1.75;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:color-mix(in oklch,var(--bg-2) 85%,transparent)}.project-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--bg-2);display:flex;flex-direction:column;gap:14px;min-height:220px;transition:border-color .3s ease,transform .3s ease,background .3s ease}.project-card:hover{border-color:var(--accent);background:color-mix(in oklch,var(--bg-2) 85%,var(--accent-soft));transform:translateY(-4px)}.project-no{font-size:11px;color:var(--fg-mute);letter-spacing:.1em}.project-card h3{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.02em}.project-card p{color:var(--fg-dim);font-size:14px;line-height:1.6;flex:1}.project-link{font-size:11px;color:var(--accent);letter-spacing:.05em;text-transform:lowercase}@media (max-width: 980px){.projects-head{margin-bottom:40px}.projects-desc{max-width:100%}.projects-grid{grid-template-columns:1fr}}.t-quote-mark{font-family:Space Grotesk,sans-serif;font-size:56px;line-height:.5;color:var(--accent);margin-bottom:16px;font-weight:500}.t-quote{font-family:Space Grotesk,sans-serif;font-size:18px;line-height:1.4;letter-spacing:-.01em;color:var(--fg);flex:1}.t-author{margin-top:24px;display:flex;align-items:center;gap:12px}.t-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--accent);border:1px solid var(--line-2)}.t-name{font-size:14px;font-weight:500}.t-role{font-size:12px;color:var(--fg-mute)}@media (max-width: 980px){.testimonials{grid-template-columns:1fr}}.faq{border-top:1px solid var(--line);max-width:920px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line);padding:28px 0;cursor:pointer}.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:-.01em}.faq-toggle{flex-shrink:0;width:28px;height:28px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;color:var(--fg-dim);transition:all .3s ease}.faq-item.open .faq-toggle{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .4s ease;color:var(--fg-dim);font-size:15px;line-height:1.6;max-width:65ch}.faq-item.open .faq-a{max-height:400px;margin-top:16px}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.contact-left h2{font-size:clamp(40px,6vw,88px);font-family:Space Grotesk,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:.95;margin-bottom:32px}.contact-left h2 .accent{color:var(--accent);font-style:italic;font-weight:400}.contact-channels{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);margin-top:40px}.contact-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .3s ease}.contact-row:hover{padding-left:12px}.contact-row .label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em}.contact-row .value{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px}.contact-row .value:after{content:"→";opacity:0;transition:opacity .2s ease,transform .2s ease;color:var(--accent)}.contact-row:hover .value:after{opacity:1;transform:translate(4px)}.contact-form{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:32px}.field{margin-bottom:18px}.field label{display:block;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:12px 14px;color:var(--fg);font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent)}.field textarea{resize:vertical;min-height:100px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.chip:hover{border-color:var(--fg-dim);color:var(--fg)}.chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.submit-btn{width:100%;background:var(--fg);color:var(--bg);padding:14px;border-radius:999px;font-weight:500;font-size:14px;margin-top:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover{background:var(--accent);color:var(--bg)}@media (max-width: 980px){.contact{grid-template-columns:1fr;gap:40px}}footer{border-top:1px solid var(--line);padding:60px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:60px;border-bottom:1px solid var(--line)}.footer-big{font-family:Space Grotesk,sans-serif;font-size:clamp(60px,14vw,220px);font-weight:500;letter-spacing:-.04em;line-height:.85;-webkit-text-stroke:1.5px var(--fg);color:transparent}.footer-bot{display:flex;justify-content:space-between;padding-top:24px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;gap:16px}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}[data-reveal].in{opacity:1;transform:none}[data-anim=off] [data-reveal]{opacity:1;transform:none;transition:none}[data-anim=off] .hero-eyebrow .dot{animation:none}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;margin:60px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;gap:60px;white-space:nowrap;animation:marquee 40s linear infinite;width:max-content}[data-anim=off] .marquee-track{animation:none}@keyframes marquee{to{transform:translate(-50%)}}.marquee-item{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.02em;color:var(--fg-dim);display:inline-flex;align-items:center;gap:60px}.marquee-item:after{content:"✦";color:var(--accent);font-size:16px}