:root{--bg: #030303;--fg: #fafafa;--fg-secondary: #a0a0a0;--fg-muted: #666;--surface: #080808;--surface-elevated: #0d0d0d;--surface-hover: #111;--accent: hsl(220, 18%, 62%);--accent-fg: #050505;--link: var(--accent);--border-color: 0 0% 12%;--border: 1px solid hsl(0, 0%, 12%);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4), inset 0 1px 0 hsla(0, 0%, 85%, .05);--card-shadow-hover: 0 8px 40px rgba(0, 0, 0, .6), inset 0 1px 0 hsla(0, 0%, 85%, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max-width: 1000px;--radius-btn: 6px;--radius-card: 10px}[data-theme=light]{--bg: #f7f6f3;--fg: #1a1a1a;--fg-secondary: #4a4a4a;--fg-muted: #7a7a7a;--surface: #efede8;--surface-elevated: #ffffff;--surface-hover: #e6e3dd;--border-color: 0 0% 88%;--border: 1px solid hsl(0, 0%, 88%);--card-shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 4px 16px rgba(20, 20, 20, .06), inset 0 1px 0 hsla(0, 0%, 100%, .9);--card-shadow-hover: 0 2px 4px rgba(20, 20, 20, .05), 0 12px 32px rgba(20, 20, 20, .1), inset 0 1px 0 hsla(0, 0%, 100%, 1);--accent-fg: #ffffff;--border-soft: 1px solid hsl(0, 0%, 90%);--border-strong: 1px solid hsl(0, 0%, 82%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;font-weight:400;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at top,var(--surface) 0%,var(--bg) 100%);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.015;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::selection{background:#ffffff26;color:#fff}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.025em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section-label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-bottom:32px}h1{font-size:40px;font-weight:600;letter-spacing:-2px;line-height:1.05}h2{font-size:32px;font-weight:600;letter-spacing:-1.4px;line-height:1.1}h3{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.3}.mono{font-family:var(--font-mono)}.badge{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:6px 14px;border-radius:9999px;border:1px solid hsl(0,0%,12%)}.pill{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--fg-secondary);padding:4px 12px;border-radius:9999px;border:1px solid hsl(0,0%,12%);background:var(--surface);white-space:nowrap}.chip{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);padding:4px 10px;border-radius:9999px;border:1px solid hsl(0,0%,12%)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;padding:11px 18px;border-radius:var(--radius-btn);cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 2px 12px #8d98b040}.btn-primary:hover{background:#9fa9bc;box-shadow:0 4px 20px #8d98b059;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid hsl(0,0%,12%)}.btn-ghost:hover{border-color:#404040;background:var(--surface-hover)}.card{background:linear-gradient(135deg,#080808e6,#0d0d0df2);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid hsl(0,0%,12%);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,85%,.2),transparent)}.card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);border-color:#d9d9d933;background:linear-gradient(135deg,#111111f2,#0d0d0d)}.header{position:sticky;top:0;z-index:50;background:#030303d9;backdrop-filter:saturate(180%) blur(8px);transition:box-shadow .2s ease}.header.scrolled{box-shadow:0 1px #1f1f1f}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--fg);letter-spacing:-.2px}.logo:hover{text-decoration:none}.nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;font-weight:500;color:var(--fg-secondary)}.nav-link:hover{color:var(--fg);text-decoration:none}.nav-cta{display:inline-flex}.hero{padding:80px 0 64px}.hero h1{margin:20px 0}.hero-tagline{font-size:18px;line-height:1.5;color:var(--fg-secondary);max-width:640px;letter-spacing:-.3px}.hero-meta{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);margin:20px 0 28px}.hero-meta a{color:var(--fg-secondary)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-card h3{margin-bottom:8px;font-size:17px}.service-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--surface);border:var(--border);color:var(--accent);margin-bottom:12px}.service-card p{font-size:14px;color:var(--fg-secondary);line-height:1.55}.work-grid{display:grid;grid-template-columns:1fr;gap:12px}.project-card{display:grid;grid-template-columns:1fr;gap:16px}.project-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-name{font-family:var(--font-mono);font-size:18px;font-weight:500;letter-spacing:-.4px;color:var(--fg)}.project-desc{font-size:14px;color:var(--fg-secondary);line-height:1.6}.project-result{font-size:15px;font-weight:600;color:var(--accent);margin-bottom:16px;padding:8px 12px;background:#8d98b00f;border-radius:6px;letter-spacing:-.01em}.project-stack{display:flex;flex-wrap:wrap;gap:8px}.project-outcome{font-size:14px;font-weight:500;color:var(--fg);padding-top:16px;border-top:1px solid hsl(0,0%,12%)}.project-outcome span{font-family:var(--font-mono);color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-right:10px}.cta{padding:72px 0}.cta-inner{text-align:center}.cta h2{font-size:30px;letter-spacing:-1.4px}.cta h2 .muted{color:var(--fg-muted);display:block}.cta .btn-row{justify-content:center;margin-top:32px}.footer{padding:36px 0;border-top:1px solid hsl(0,0%,12%)}.footer-inner{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);display:flex;align-items:center;gap:8px}.cursor{display:inline-block;width:10px;height:18px;background:var(--accent);animation:cursorBlink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.theme-toggle{background:none;border:1px solid var(--fg-muted);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fg-secondary);transition:border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .moon-icon{display:block}.theme-toggle .sun-icon,[data-theme=dark] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.05s}.reveal-delay-2{transition-delay:.1s}.reveal-delay-3{transition-delay:.15s}.reveal-delay-4{transition-delay:.2s}.typing-cursor:after{content:"⌁";display:inline-block;margin-left:2px;animation:cursorBlink 1.1s step-end infinite;color:var(--fg-muted);font-weight:300}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-gradient-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:orbFloat 12s ease-in-out infinite alternate}.hero-gradient-orb:nth-child(1){width:500px;height:500px;background:#8d98b0;top:-20%;left:-10%;animation-duration:14s}.hero-gradient-orb:nth-child(2){width:400px;height:400px;background:#5c7070;bottom:-15%;right:-5%;animation-duration:10s;animation-delay:-4s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}to{transform:translate(-20px,30px) scale(.95)}}.bg-grid{background-image:linear-gradient(hsl(0,0%,8%) 1px,transparent 1px),linear-gradient(90deg,hsl(0,0%,8%) 1px,transparent 1px);background-size:60px 60px}.section-alt{background:var(--surface)}@media(max-width:768px){.section{padding:48px 0}h1{font-size:28px;letter-spacing:-1.6px}h2{font-size:24px;letter-spacing:-1px}.hero{padding:80px 0 64px}.hero-tagline{font-size:17px}.services-grid{grid-template-columns:1fr}.nav-link:not(.nav-cta){display:none}.cta h2{font-size:26px}}[data-theme=light] body{background:radial-gradient(ellipse at top,#f1eee7 0%,var(--bg) 100%)}[data-theme=light] body:before{opacity:.025}[data-theme=light] ::selection{background:#8d98b038;color:#1a1a1a}[data-theme=light] .badge{border-color:#dbdbdb;background:var(--surface-elevated);color:#546383}[data-theme=light] .pill{border-color:#dbdbdb;background:var(--surface-elevated);color:var(--fg-secondary)}[data-theme=light] .chip{border-color:#e0e0e0;background:transparent;color:var(--fg-muted)}[data-theme=light] .btn-primary{background:#5f7195;color:#fff;box-shadow:0 2px 10px #5f719547}[data-theme=light] .btn-primary:hover{background:#546383;box-shadow:0 6px 20px #5f719566}[data-theme=light] .btn-ghost{border-color:#d1d1d1;color:var(--fg)}[data-theme=light] .btn-ghost:hover{border-color:#b3b3b3;background:var(--surface-hover)}[data-theme=light] .card{background:var(--surface-elevated);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid hsl(0,0%,90%)}[data-theme=light] .card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9),transparent)}[data-theme=light] .card:hover{border-color:#ccc;background:var(--surface-elevated)}[data-theme=light] .header{background:#f7f6f3d1;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid transparent}[data-theme=light] .header.scrolled{box-shadow:0 1px #e0e0e0,0 4px 16px #1414140d}[data-theme=light] .hero-gradient-orb{opacity:.18}[data-theme=light] .hero-gradient-orb:nth-child(1){background:#b3c0db}[data-theme=light] .hero-gradient-orb:nth-child(2){background:#e3d0b5}[data-theme=light] .bg-grid{background-image:linear-gradient(hsl(0,0%,90%) 1px,transparent 1px),linear-gradient(90deg,hsl(0,0%,90%) 1px,transparent 1px)}[data-theme=light] .project-result{color:#44577e;background:#5f719514;border:1px solid hsla(220,22%,48%,.12)}[data-theme=light] .project-outcome,[data-theme=light] .footer{border-top-color:#e0e0e0}[data-theme=light] .footer-inner{color:var(--fg-muted)}[data-theme=light] .theme-toggle{border-color:#ccc;color:var(--fg-secondary)}[data-theme=light] .theme-toggle:hover{border-color:#5f7195;color:#546383}[data-theme=light] .section-alt{background:var(--surface)}