:root{--background:#090b0f;--surface:#101319;--surface-light:#151920;--border:#ffffff1a;--text:#f5f7f8;--muted:#9da4ad;--accent:#c8ff5a;--accent-soft:#c8ff5a1f;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}main{overflow:hidden}.site-header{width:min(calc(100% - 40px), var(--max-width));z-index:20;justify-content:space-between;align-items:center;height:82px;margin:0 auto;display:flex;position:relative}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex}.logo-mark{color:var(--accent);font-family:Courier New,monospace;font-size:16px}.site-header nav{color:#c4c8ce;gap:32px;font-size:14px;display:flex}.site-header nav a,footer a{transition:color .18s}.site-header nav a:hover,footer a:hover{color:var(--accent)}.header-actions{align-items:center;gap:18px;display:flex}.language-switcher{color:#5f6670;letter-spacing:.08em;align-items:center;gap:7px;font:700 11px Courier New,monospace;display:inline-flex}.language-switcher button{color:#6f7781;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;transition:color .18s}.language-switcher button:hover,.language-switcher button.active{color:var(--accent)}.language-switcher button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.section{width:min(calc(100% - 40px), var(--max-width));margin:0 auto;padding:112px 0;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;min-height:calc(100vh - 82px);padding-top:110px;display:flex}.hero-glow{filter:blur(100px);pointer-events:none;border-radius:999px;position:absolute}.hero-glow-one{background:#694bff1f;width:380px;height:380px;top:80px;left:1%}.hero-glow-two{background:#c8ff5a17;width:320px;height:320px;top:250px;right:4%}.eyebrow,.section-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.eyebrow{align-items:center;gap:10px;margin-bottom:30px;display:inline-flex}.eyebrow span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%}.hero h1{letter-spacing:-.065em;max-width:1050px;margin:0;font-size:clamp(58px,7.7vw,106px);line-height:.95}.hero h1 span{color:#0000;-webkit-text-stroke:1px #ffffff8c;display:block}.hero-copy{color:var(--muted);max-width:680px;margin:32px 0 0;font-size:18px;line-height:1.75}.hero-actions{align-items:center;gap:34px;margin-top:38px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 23px;font-size:14px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px}.button-primary{background:var(--accent);color:#0a0c0e}.button-primary:hover{background:#dcff93}.button-outline{border-color:var(--border);background:#ffffff06}.button-outline:hover{border-color:#c8ff5a73}.button-small{min-height:42px;padding:0 17px;font-size:13px}.button-large{min-height:58px;padding:0 28px}.text-link{color:#d4d8dd;gap:10px;font-size:14px;display:inline-flex}.text-link span{color:var(--accent)}.hero-console{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#0d1015de;width:min(620px,90%);margin-top:76px;transform:perspective(1000px)rotateX(2deg);box-shadow:0 30px 80px #0000004d}.console-top{border-bottom:1px solid var(--border);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.console-top span{background:#3b414a;border-radius:50%;width:7px;height:7px}.console-code{color:#bcc3cc;padding:23px 28px;font:13px/1.8 Courier New,monospace}.console-code p{margin:0}.console-code b,.console-code span{color:#a884ff}.console-code em{color:#d6f6a0;font-style:normal}.console-code strong{color:#77d8ff}.console-code i{color:var(--accent);font-style:normal}.console-code .muted{color:#5f6873}.trusted-row{color:#666e78;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:24px;width:100%;margin-top:auto;padding-top:80px;font-size:10px;display:flex}.trusted-row div{background:var(--border);flex:1;height:1px}.section-bordered{border-top:1px solid var(--border)}.section-muted{width:100%;max-width:none;padding-left:max(20px, calc((100% - var(--max-width)) / 2));padding-right:max(20px, calc((100% - var(--max-width)) / 2));background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:100px;margin-bottom:58px;display:grid}.section-kicker{margin:0 0 20px}.section-heading h2,.about-copy h2,.contact-section h2{letter-spacing:-.05em;max-width:760px;margin:0;font-size:clamp(38px,5vw,62px);line-height:1.04}.section-heading>p,.about-copy>p,.contact-section>p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.services-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.service-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:370px;padding:38px;transition:background .22s,transform .22s}.service-card:hover{background:var(--surface)}.service-card-top{justify-content:space-between;align-items:flex-start;display:flex}.service-number{color:#59616b;font:12px Courier New,monospace}.service-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);place-items:center;display:grid}.service-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:23px}.service-icon .fill{fill:currentColor;stroke:none}.service-card h3,.project-copy h3,.process-item h3{letter-spacing:-.035em;margin:74px 0 15px;font-size:26px}.service-card>p{color:var(--muted);max-width:470px;margin:0;line-height:1.7}.tag-list{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.tag-list span{border:1px solid var(--border);color:#929aa4;padding:8px 10px;font-size:11px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);transition:transform .22s;overflow:hidden}.project-card:hover{transform:translateY(-5px)}.project-preview{aspect-ratio:1.18;padding:38px 26px 0;overflow:hidden}.project-blue{background:radial-gradient(circle at 80% 10%,#7ebaff8c,#0000 35%),linear-gradient(145deg,#183363,#0d1527)}.project-purple{background:radial-gradient(circle at 20% 20%,#c68bff66,#0000 32%),linear-gradient(145deg,#332451,#141021)}.project-orange{background:radial-gradient(circle at 80% 20%,#ffb65d73,#0000 35%),linear-gradient(145deg,#69321a,#20110d)}.mock-browser{background:#080a0ecc;border:1px solid #fff3;height:100%;box-shadow:0 30px 60px #00000059}.mock-browser-top{border-bottom:1px solid #ffffff1a;align-items:center;gap:5px;height:28px;padding-left:10px;display:flex}.mock-browser-top span{background:#777f89;border-radius:50%;width:5px;height:5px}.mock-content{padding:30px 24px}.mock-pill{text-transform:uppercase;letter-spacing:.15em;color:#c7ccd2;border:1px solid #fff3;padding:5px 7px;font-size:7px;display:inline-block}.mock-content strong{letter-spacing:-.04em;max-width:180px;margin-top:22px;font-size:22px;line-height:1.1;display:block}.mock-lines{margin:15px 0 20px}.mock-lines span{background:#ffffff26;width:72%;height:3px;margin-bottom:7px;display:block}.mock-lines span:last-child{width:48%}.mock-button{background:var(--accent);width:62px;height:20px}.project-copy{padding:26px}.project-copy p{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:10px}.project-copy h3{margin:10px 0 9px;font-size:21px}.project-copy>span{color:var(--muted);font-size:13px;line-height:1.6;display:block}.process-grid{grid-template-columns:repeat(4,1fr);margin-top:25px;display:grid}.process-item{border-top:1px solid var(--border);padding:15px 35px 0 0;position:relative}.process-item>span{color:#646c76;margin-top:18px;font:11px Courier New,monospace;display:block}.process-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%;position:absolute;top:-5px;left:0}.process-item h3{margin:42px 0 13px;font-size:22px}.process-item p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.about{grid-template-columns:.9fr 1.1fr;align-items:center;gap:110px;display:grid}.about-visual{aspect-ratio:1;background:radial-gradient(circle at center, #c8ff5a14, transparent 38%), linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);border:1px solid var(--border);background-size:auto,42px 42px,42px 42px;place-items:center;display:grid;position:relative}.about-code{background:var(--accent);color:#0a0c0e;place-items:center;width:130px;height:130px;font:700 30px Courier New,monospace;display:grid;transform:rotate(-4deg);box-shadow:22px 22px #ffffff0a}.orbit{border:1px solid #c8ff5a30;border-radius:50%;position:absolute}.orbit-one{width:72%;height:72%}.orbit-two{width:44%;height:44%}.floating-chip{border:1px solid var(--border);background:var(--surface);color:#b8bec6;padding:8px 12px;font:11px Courier New,monospace;position:absolute}.chip-one{top:16%;left:9%}.chip-two{top:29%;right:10%}.chip-three{bottom:13%;left:16%}.about-copy>p{margin-top:22px}.about-values{border-top:1px solid var(--border);margin-top:38px}.about-values>div{border-bottom:1px solid var(--border);grid-template-columns:110px 1fr;padding:18px 0;display:grid}.about-values strong{color:var(--accent);font-size:13px}.about-values span{color:var(--muted);font-size:13px}.contact-section{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c0f13;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;min-height:570px;padding-left:20px;padding-right:20px;display:flex}.contact-glow{filter:blur(100px);background:#c8ff5a14;border-radius:50%;width:550px;height:280px;position:absolute}.contact-section h2{max-width:780px;position:relative}.contact-section>p:not(.section-kicker){max-width:620px;margin-top:24px;position:relative}.contact-section .button{margin-top:34px;position:relative}.contact-section small{color:#666e78;margin-top:14px}footer{width:min(calc(100% - 40px), var(--max-width));color:#707883;grid-template-columns:auto 1fr auto auto;align-items:center;gap:40px;min-height:110px;margin:0 auto;font-size:12px;display:grid}footer p{margin:0}footer>div{gap:22px;display:flex}@media (max-width:900px){.site-header nav{display:none}.section{padding:88px 0}.hero{padding-top:80px}.hero h1{font-size:clamp(52px,13vw,78px)}.section-heading{grid-template-columns:1fr;gap:28px}.projects-grid{grid-template-columns:1fr}.project-preview{aspect-ratio:1.8}.process-grid{grid-template-columns:repeat(2,1fr);gap:46px 0}.about{grid-template-columns:1fr;gap:60px}.about-visual{width:100%;max-width:550px;margin:0 auto}footer{grid-template-columns:1fr 1fr;padding:35px 0}footer>span{text-align:right}}@media (max-width:640px){.site-header,.section,footer{width:min(calc(100% - 28px), var(--max-width))}.site-header{height:70px}.site-header .button{display:none}.header-actions{gap:0}.language-switcher{font-size:12px}.hero{min-height:auto;padding-top:75px;padding-bottom:70px}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:22px}.hero-console{width:100%;margin-top:58px}.console-code{padding:20px 16px;font-size:10px;overflow:hidden}.trusted-row{display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:28px}.service-card h3{margin-top:55px}.project-preview{aspect-ratio:1.18}.process-grid{grid-template-columns:1fr}.section-muted{width:100%;padding-left:14px;padding-right:14px}.about{width:calc(100% - 28px)}.about-copy h2,.section-heading h2,.contact-section h2{font-size:39px}.about-values>div{grid-template-columns:85px 1fr}.contact-section{width:100%}footer{grid-template-columns:1fr;gap:18px}footer>div{flex-wrap:wrap}footer>span{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
