:root{--bg: #0d0d0d;--bg-2: #111111;--surface: #161616;--border: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .14);--text: #f0f0f0;--text-muted: #888888;--cta-bg: #ffffff;--cta-text: #0d0d0d;--font-head: "Syne", sans-serif;--font-body: "Inter", sans-serif;--t-hero: clamp(2.8rem, 6vw, 6rem);--t-h2: clamp(1.9rem, 3.5vw, 3.2rem);--t-h3: clamp(1rem, 1.8vw, 1.25rem);--t-body: clamp(.875rem, 1.3vw, 1rem);--t-eye: .7rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--max-w: 1280px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}::selection{background:#ffffff1f}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#progress-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:#ffffff73;z-index:500;transition:width .08s linear}#cursor-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(700px circle at var(--cx, 50%) var(--cy, 50%),rgba(255,255,255,.028),transparent 70%)}#nav{position:fixed;top:0;left:0;right:0;z-index:100;height:66px;display:flex;align-items:center;padding:0 clamp(1rem,4vw,2.5rem);transition:background .5s var(--ease-out),border-bottom .5s var(--ease-out)}#nav.scrolled{background:#0d0d0dd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.nav-inner{width:100%;max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-head);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.logo span{color:var(--text-muted)}.btn-nav{background:var(--cta-bg);color:var(--cta-text);font-family:var(--font-body);font-weight:500;font-size:.825rem;padding:.55rem 1.3rem;border-radius:100px;transition:opacity .2s,transform .2s;white-space:nowrap}.btn-nav:hover{opacity:.85;transform:scale(1.03)}#hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8rem clamp(1rem,4vw,2.5rem) 6rem}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 100%);will-change:transform}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.hero-glow{position:absolute;bottom:-10%;left:50%;transform:translate(-50%);width:70%;height:50%;background:radial-gradient(ellipse,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:1;will-change:transform}.hero-content{position:relative;z-index:2;max-width:860px;text-align:center;will-change:transform,opacity}.eyebrow{display:inline-block;font-size:var(--t-eye);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;opacity:0;animation:fadeUp .7s var(--ease-out) .1s forwards}.hero-title{font-family:var(--font-head);font-size:var(--t-hero);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text)}.hero-line{display:block;overflow:hidden}.hero-line-inner{display:block;transform:translateY(108%);animation:slideUp .85s var(--ease-out) forwards}.hero-line:nth-child(1) .hero-line-inner{animation-delay:.2s}.hero-line:nth-child(2) .hero-line-inner{animation-delay:.32s}.hero-title em{font-style:normal;color:var(--text-muted)}.hero-sub{margin-top:1.5rem;font-size:var(--t-body);font-weight:300;color:var(--text-muted);opacity:0;animation:fadeUp .7s var(--ease-out) .6s forwards}.hero-cta{display:inline-block;margin-top:2.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:3px;transition:color .25s,border-color .25s;opacity:0;animation:fadeUp .7s var(--ease-out) .75s forwards}.hero-cta:hover{color:var(--text);border-color:#fff6}section{padding:var(--space-xl) clamp(1rem,4vw,2.5rem)}.section-inner{max-width:var(--max-w);margin:0 auto}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-lg)}.section-header .eyebrow{animation:none;opacity:1}.section-header h2{font-family:var(--font-head);font-size:var(--t-h2);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text)}section+section{border-top:1px solid var(--border)}.marquee-strip{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.9rem 0;background:var(--bg-2)}.marquee-track{display:flex;white-space:nowrap;animation:marquee 22s linear infinite;width:max-content}.marquee-item{display:inline-flex;align-items:center;gap:1.5rem;padding:0 2rem;font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.marquee-dot{width:4px;height:4px;border-radius:50%;background:#fff3;flex-shrink:0;display:inline-block}#portfolio{background:var(--bg-2)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transform-style:preserve-3d;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 55%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);z-index:3}.card:hover{box-shadow:0 28px 64px #0000008c,0 0 0 1px #ffffff17;border-color:var(--border-mid)}.card:hover:before{opacity:1}.card:nth-child(1){grid-column:span 6}.card:nth-child(2){grid-column:span 6}.card:nth-child(3){grid-column:span 4}.card:nth-child(4){grid-column:span 4}.card:nth-child(5){grid-column:span 4}.browser-chrome{background:#191919;border-bottom:1px solid var(--border);padding:9px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.chrome-dots{display:flex;gap:5px;flex-shrink:0}.chrome-dots span{width:9px;height:9px;border-radius:50%}.chrome-dots span:nth-child(1){background:#ff5f57}.chrome-dots span:nth-child(2){background:#febc2e}.chrome-dots span:nth-child(3){background:#28c840}.chrome-bar{flex:1;background:#222;border-radius:5px;padding:4px 10px;font-size:.67rem;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em}.browser-viewport{position:relative;width:100%;height:300px;overflow:hidden;background:#111}.card:nth-child(1) .browser-viewport,.card:nth-child(2) .browser-viewport{height:340px}.browser-viewport iframe{width:100%;height:100%;border:none;display:block}.browser-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.browser-viewport.active:after{display:none}.iframe-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(145deg,#151515,#0d0d0d);text-align:center;padding:var(--space-md)}.fallback-arrow{font-size:2.2rem;color:#ffffff1f;line-height:1}.fallback-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--text)}.fallback-link{font-size:.8rem;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .2s,border-color .2s}.fallback-link:hover{color:var(--text);border-color:#ffffff59}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-top:1px solid var(--border)}.card-title{font-family:var(--font-head);font-size:.875rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.card-link{font-size:.75rem;font-weight:500;color:var(--text-muted);transition:color .2s}.card-link:hover{color:var(--text)}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.pillar{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem 1.75rem;overflow:hidden;transition:border-color .35s var(--ease-out),transform .35s var(--ease-out)}.pillar:hover{border-color:var(--border-mid);transform:translateY(-3px)}.pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%)}.pillar-num{font-family:var(--font-head);font-size:4rem;font-weight:800;color:#ffffff0d;line-height:1;margin-bottom:1rem;letter-spacing:-.04em}.pillar h3{font-family:var(--font-head);font-size:var(--t-h3);font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.75rem;line-height:1.25}.pillar p{font-size:.875rem;font-weight:300;color:var(--text-muted);line-height:1.7}#contact{background:var(--bg-2)}.contact-inner{text-align:center;max-width:640px;margin:0 auto}.contact-inner h2{font-family:var(--font-head);font-size:var(--t-h2);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.contact-inner p{font-size:var(--t-body);font-weight:300;color:var(--text-muted);margin-bottom:2.5rem}.btn-email{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-size:clamp(.95rem,2vw,1.25rem);font-weight:700;letter-spacing:-.01em;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 2.2rem;transition:background .3s var(--ease-out),border-color .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.btn-email:hover{background:#ffffff0d;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 12px 36px #0006}.btn-email svg{opacity:.5;transition:opacity .2s,transform .3s var(--ease-out)}.btn-email:hover svg{opacity:1;transform:translate(2px,-2px)}footer{border-top:1px solid var(--border);padding:2rem clamp(1rem,4vw,2.5rem)}.foot-inner{width:100%;max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}footer span{font-size:.8rem;color:var(--text-muted);font-weight:300}.foot-logo{font-family:var(--font-head);font-weight:800;font-size:.875rem;color:var(--text)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.93) translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal-scale.visible{opacity:1;transform:scale(1) translateY(0)}.split-h2 .sl{display:block;overflow:hidden}.split-h2 .sl-inner{display:block;transform:translateY(105%);transition:transform .9s var(--ease-out)}.split-h2.visible .sl-inner{transform:translateY(0)}.split-h2.visible .sl:nth-child(2) .sl-inner{transition-delay:.12s}.split-h2.visible .sl:nth-child(3) .sl-inner{transition-delay:.22s}@keyframes slideUp{to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 900px){.card:nth-child(1){grid-column:span 12}.card:nth-child(2){grid-column:span 12}.card:nth-child(3){grid-column:span 6}.card:nth-child(4){grid-column:span 6}.card:nth-child(5){grid-column:span 12}.card:nth-child(1) .browser-viewport,.card:nth-child(2) .browser-viewport{height:300px}}@media (max-width: 768px){:root{--space-xl: 5rem;--space-lg: 2.5rem}.pillars-grid{grid-template-columns:1fr}}@media (max-width: 540px){.card:nth-child(n){grid-column:span 12}.browser-viewport,.card:nth-child(1) .browser-viewport,.card:nth-child(2) .browser-viewport{height:240px}}@media (prefers-reduced-motion: reduce){.hero-line-inner,.eyebrow,.hero-sub,.hero-cta{animation:none;opacity:1;transform:none}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none;transition:none}.split-h2 .sl-inner{transform:none;transition:none}.marquee-track{animation:marquee 22s linear infinite!important;animation-duration:22s!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}