@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=JetBrains+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500;600;700&display=swap");:root{--amber:#f59e0b;--bg:#09090b;--surface:#111113;--surface-2:#18181b;--border:#27272a;--border-light:#3f3f46;--text:#fafafa;--text-muted:#a1a1aa;--text-dim:#71717a;--text-faint:#52525b;--font-display:"Playfair Display",serif;--font-mono:"JetBrains Mono",monospace;--font-body:"DM Sans",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--amber);color:var(--bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-12px)}60%{transform:translateX(-50%) translateY(-6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(-15%,8%)}70%{transform:translate(9%,3%)}90%{transform:translate(-3%,7%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grain:before{content:"";position:fixed;inset:-100%;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite;pointer-events:none;opacity:.5}.service-card{transition:transform .35s ease,border-color .35s ease}.service-card:hover{transform:translateY(-6px);border-color:var(--border-light)!important}.tech-pill{transition:all .25s ease}.tech-pill:hover{background:var(--amber)!important;color:var(--bg)!important;transform:scale(1.08)}.cta-btn{transition:all .25s ease;position:relative;overflow:hidden}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(245,158,11,.25)}.nav-link{position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--amber);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--text)!important}.input-field{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none;font-family:inherit;transition:border-color .2s ease}.input-field:focus{border-color:var(--border-light)}.input-field::placeholder{color:var(--text-faint)}.exp-card{transition:all .3s ease}.exp-card:hover{border-color:var(--border-light)!important;background:#141416!important}.slot-btn{transition:all .2s ease}.slot-btn:hover:not(:disabled){border-color:var(--amber)!important;color:var(--amber)!important}.slot-btn.selected{background:var(--amber)!important;color:var(--bg)!important;border-color:var(--amber)!important;font-weight:600}.scroll-animate{opacity:0}.scroll-animate.visible{animation:fadeInUp .8s ease forwards}.scroll-animate-left{opacity:0}.scroll-animate-left.visible{animation:fadeInLeft .8s ease forwards}.scroll-animate-right{opacity:0}.scroll-animate-right.visible{animation:fadeInRight .8s ease forwards}.scroll-animate-scale{opacity:0}.scroll-animate-scale.visible{animation:scaleIn .6s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.4)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}.timeline-node.pulse{animation:pulse 2s infinite}.branch-line.visible{opacity:1!important}.tech-badge:hover{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.3)!important;color:#f59e0b!important;transform:translateY(-2px)}.exp-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.exp-card:hover{transform:scale(1.03)!important;border-color:rgba(245,158,11,.4)!important;box-shadow:0 12px 40px rgba(245,158,11,.15)!important}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.nav-links{display:flex;gap:28px;align-items:center}@media (max-width:768px){.hamburger{display:block}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(9,9,11,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:24px;z-index:100}.nav-links.open{display:flex}.nav-links .nav-link,.nav-links a{font-size:18px!important;color:#a1a1aa!important}.nav-links .cta-btn{font-size:16px!important}.section-padding{padding:60px 20px!important}.hero-section{padding:100px 20px 60px!important}.about-grid{grid-template-columns:1fr!important;gap:32px!important}.about-photo{order:-1;justify-self:center}.about-photo>div{width:200px!important;height:240px!important}.exp-card:hover{transform:none!important}.site-footer{gap:12px!important;text-align:center;padding:24px 20px!important}.contact-buttons,.site-footer{flex-direction:column!important}.contact-buttons{align-items:center}.contact-buttons>*{width:100%;max-width:280px;text-align:center}}