:root{color-scheme:dark;--bg: #020617;--bg-2: #050816;--bg-3: #0b1120;--surface: rgba(15, 23, 42, .65);--surface-strong: rgba(15, 23, 42, .86);--line: rgba(56, 189, 248, .35);--line-soft: rgba(148, 163, 184, .16);--primary: #0ea5e9;--electric: #2563eb;--cyan: #22d3ee;--amber: #f59e0b;--text: #f8fafc;--muted: #94a3b8;--muted-2: #cbd5e1;--shadow: 0 24px 80px rgba(2, 8, 23, .55);--glow: 0 0 28px rgba(34, 211, 238, .28);--max: 1180px;--radius: 28px;--font-display: "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, sans-serif;--font-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.28),transparent 32rem),radial-gradient(circle at 82% 15%,rgba(34,211,238,.16),transparent 34rem),linear-gradient(135deg,var(--bg),var(--bg-2) 45%,var(--bg-3))}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:999px}.site-shell{position:relative;isolation:isolate;min-height:100vh}.ambient-grid{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.12),transparent 34rem);opacity:.6;z-index:-3}.orb{position:fixed;width:28rem;aspect-ratio:1;border-radius:999px;filter:blur(70px);opacity:.22;pointer-events:none;z-index:-2;animation:drift 18s ease-in-out infinite alternate}.orb-a{top:9rem;left:-9rem;background:var(--electric)}.orb-b{right:-8rem;bottom:18rem;background:var(--cyan);animation-delay:-7s}.nav-wrap{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:1rem;position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(56,189,248,.22);border-radius:999px;background:#020617ad;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.logo,.nav-actions,nav{display:flex;align-items:center;gap:.75rem}.logo{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}.logo-mark{display:grid;place-items:center;width:2.15rem;aspect-ratio:1;border-radius:50%;color:var(--bg);background:linear-gradient(135deg,var(--cyan),var(--primary));box-shadow:var(--glow);font-size:.78rem}nav{gap:1.1rem;color:var(--muted-2);font-size:.9rem}nav a,.icon-link{transition:color .2s ease,text-shadow .2s ease}nav a:hover,.icon-link:hover{color:var(--cyan);text-shadow:0 0 18px rgba(34,211,238,.7)}.icon-link{display:grid;place-items:center;width:2.15rem;aspect-ratio:1;border:1px solid var(--line-soft);border-radius:50%;font-family:var(--font-code);font-size:.72rem;color:var(--muted-2)}.nav-cta{padding:.75rem 1rem;border-radius:999px;color:var(--text);background:linear-gradient(135deg,#0ea5e952,#2563eb80);border:1px solid rgba(34,211,238,.36);box-shadow:inset 0 1px #ffffff24}main,footer{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.section-pad{padding:clamp(4.5rem,8vw,8rem) 0}.hero{min-height:calc(100vh - 6rem);display:grid;grid-template-columns:minmax(0,.94fr) minmax(20rem,1.06fr);align-items:center;gap:clamp(2rem,6vw,5rem)}.eyebrow{margin:0 0 1rem;color:var(--cyan);font:700 .78rem/1 var(--font-code);letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:-.055em;line-height:.95}h1{max-width:11ch;font-size:clamp(3.6rem,7.6vw,7.5rem)}h2{font-size:clamp(2.35rem,5vw,4.8rem)}h3{font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.035em}p{margin:0}.hero-lede{max-width:42rem;margin-top:1.35rem;color:var(--muted-2);font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.95rem 1.25rem;border-radius:999px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--primary),var(--electric));box-shadow:0 0 36px #0ea5e957}.secondary{border:1px solid rgba(56,189,248,.42);color:var(--cyan);background:#0f172a61}.signal-strip{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;color:var(--muted);font-size:.9rem}.signal-strip span{padding:.65rem .85rem;border:1px solid var(--line-soft);border-radius:999px;background:#0f172a5c}.signal-strip strong{color:var(--amber)}.hero-visual{position:relative;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .22s ease-out}.hero-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow),var(--glow)}.hero-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,238,.18),transparent 38%,rgba(245,158,11,.1));z-index:1;pointer-events:none}.hero-frame img{aspect-ratio:3 / 2;width:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04)}.scanline{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 1px,transparent 1px 8px);mix-blend-mode:overlay;opacity:.18}.hud-card,.code-panel{position:absolute;z-index:4;border:1px solid rgba(56,189,248,.42);border-radius:18px;background:#020617b8;backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000005c,var(--glow)}.hud-card{padding:.9rem 1rem;color:var(--muted-2);font-size:.78rem}.hud-card strong{display:block;color:var(--text);margin-top:.25rem}.status-card{left:-1.8rem;top:13%;display:flex;align-items:center;gap:.75rem}.status-dot{width:.72rem;aspect-ratio:1;border-radius:50%;background:#22c55e;box-shadow:0 0 20px #22c55e}.stack-card{right:-1.25rem;top:45%;display:grid;grid-template-columns:auto auto;gap:.35rem .7rem}.stack-card p{color:var(--muted)}.code-panel{left:5%;bottom:-2.1rem;max-width:min(25rem,92%);margin:0;padding:1rem;color:var(--cyan);font:600 .82rem/1.55 var(--font-code);overflow:auto}.float-a{animation:float 5.8s ease-in-out infinite}.float-b{animation:float 6.6s ease-in-out infinite reverse}.float-c{animation:float 7.4s ease-in-out infinite}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem)}.copy-stack{display:grid;gap:1.1rem;color:var(--muted-2);font-size:1.08rem;line-height:1.75}.portrait-card{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:center;margin-top:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.portrait-card img{height:7rem;width:8rem;object-fit:cover;border-radius:16px;filter:saturate(.92) contrast(1.05)}.portrait-card strong,.portrait-card span{display:block}.portrait-card strong{color:var(--text)}.portrait-card span{color:var(--muted);margin-top:.25rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{max-width:12ch}.tech-grid,.card-grid,.blog-grid{display:grid;gap:1rem}.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tech-chip{min-height:6rem;display:grid;place-items:center;padding:1rem;border:1px solid var(--line-soft);border-radius:22px;background:linear-gradient(145deg,#0f172abd,#0f172a52);color:var(--text);font:800 1rem/1.1 var(--font-display);text-align:center;box-shadow:inset 0 1px #ffffff14}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.glass-card,.blog-card,.contact-cta,.service-board{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),rgba(15,23,42,.32));box-shadow:inset 0 1px #ffffff14}.glass-card{min-height:18rem;padding:1.35rem;position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;inset:auto 1.25rem 1.25rem;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.4}.glass-card p:last-child{margin-top:1rem;color:var(--muted-2);line-height:1.7}.services{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}.service-board{padding:.7rem}.service-row{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:18px}.service-row+.service-row{border-top:1px solid var(--line-soft)}.service-row span{color:var(--amber);font-family:var(--font-code)}.service-row strong{font-size:1.05rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{min-height:12rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--line)}.blog-card span{color:var(--amber);font:700 .78rem/1 var(--font-code);text-transform:uppercase;letter-spacing:.12em}.blog-card strong{font-family:var(--font-display);font-size:1.35rem;line-height:1.08}.contact-cta{padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact-cta p:not(.eyebrow){max-width:48rem;margin-top:1rem;color:var(--muted-2);line-height:1.7}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0 3rem;color:var(--muted);border-top:1px solid var(--line-soft)}[data-reveal],[data-stagger] .tech-chip{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--reveal-delay, 0ms),transform .7s ease var(--reveal-delay, 0ms)}.is-visible,[data-stagger] .tech-chip.is-visible{opacity:1;transform:translateY(0)}.reduced-motion [data-reveal],.reduced-motion [data-stagger] .tech-chip{opacity:1;transform:none}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3rem,2rem,0) scale(1.08)}}@media(max-width:980px){.nav-wrap{align-items:flex-start;border-radius:28px;flex-wrap:wrap}nav{order:3;width:100%;overflow-x:auto;padding-bottom:.2rem}.hero,.two-col,.services{grid-template-columns:1fr}.hero{padding-top:4rem}.hero-copy{order:1}.hero-visual{order:2}.tech-grid,.card-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{left:.75rem;top:.75rem}.stack-card{right:.75rem}}@media(max-width:640px){main,footer,.nav-wrap{width:min(100% - 1rem,var(--max))}.section-pad{padding:3.5rem 0}.hero{min-height:auto;gap:3rem}h1{font-size:clamp(3rem,16vw,4.4rem)}.nav-actions{width:100%;justify-content:space-between}.nav-cta{margin-left:auto}.tech-grid,.card-grid,.blog-grid{grid-template-columns:1fr}.hero-actions,.contact-cta,footer{flex-direction:column;align-items:stretch}.button{width:100%}.hud-card,.code-panel{position:relative;inset:auto;margin-top:.75rem}.hero-visual{display:grid}.stack-card{grid-template-columns:1fr 1fr}.portrait-card{grid-template-columns:1fr}.portrait-card img{width:100%;height:13rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}