:root{color:#d7def0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#070b14;--surface:#0c1424d1;--surface-strong:#0e182cf5;--surface-soft:#101c34b3;--border:#9aabcf29;--border-strong:#78a2ff4d;--text:#d7def0;--text-muted:#92a0bf;--heading:#f5f7ff;--accent:#64b5ff;--accent-strong:#86d4ff;--accent-soft:#64b5ff1f;--shadow:0 18px 60px #01061273;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--content-width:1180px;--transition:.18s ease;background:radial-gradient(circle at top,#3d82ff38,#0000 32%),radial-gradient(circle at 80% 20%,#38bdf82e,#0000 22%),linear-gradient(#050816 0%,#0a1020 48%,#070b14 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 85%);mask-image:linear-gradient(#00000073,#0000 85%)}a{color:inherit;text-decoration:none}button,a{transition:transform var(--transition), border-color var(--transition), background-color var(--transition), color var(--transition), opacity var(--transition)}input,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--heading);font:inherit;background:#080e1ce0;padding:.9rem 1rem}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--border-strong);outline:2px solid #86d4ff40}img{max-width:100%;display:block}#root{min-height:100vh}.site-shell{min-height:100vh;position:relative}.site-main{padding-bottom:3rem}.container{width:min(var(--content-width), calc(100% - 2rem));margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b14b8;border-bottom:1px solid #9aabcf1a;position:sticky;top:0}.nav-bar{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5.25rem;display:flex}.brand{align-items:center;gap:.9rem;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);width:2.75rem;height:2.75rem;color:var(--heading);letter-spacing:.08em;background:linear-gradient(135deg,#64b5ff33,#86d4ff14);border-radius:16px;place-items:center;font-weight:700;display:grid}.brand-copy{flex-direction:column;gap:.1rem;display:flex}.brand-copy strong{color:var(--heading);font-size:.98rem}.brand-copy span{color:var(--text-muted);font-size:.84rem}.nav-links{align-items:center;gap:.4rem;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;padding:.72rem .95rem}.nav-link:hover,.nav-link.is-active{color:var(--heading);background:#ffffff0a}.menu-toggle{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:14px;padding:.75rem;display:none}.menu-toggle span{background:currentColor;width:1.15rem;height:2px;margin:.18rem 0;display:block}.hero-section,.page-hero{padding:5rem 0 2rem}.hero-grid,.page-hero-grid,.two-column-grid,.contact-grid,.case-study-layout,.footer-grid{gap:1.5rem;display:grid}.hero-grid,.page-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:stretch}.hero-copy,.hero-panel-inner,.content-card,.project-card,.metric-card,.skill-card,.case-study-card,.case-study-sidebar,.cta-card,.about-preview-card,.contact-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0e182cd6,#090f1ce6)}.hero-copy,.hero-panel-inner,.content-card,.case-study-sidebar,.cta-card,.about-preview-card{border-radius:var(--radius-lg);padding:2rem}.hero-copy{position:relative;overflow:hidden}.hero-copy:after{content:"";background:radial-gradient(circle,#64b5ff33,#0000 65%);border-radius:50%;width:14rem;height:14rem;position:absolute;inset:auto -4rem -4rem auto}.hero-subtitle{color:#c7d7fb;margin:0 0 1.15rem;font-size:clamp(1.55rem,2vw,2.2rem);line-height:1.2}.hero-panel{display:grid}.hero-highlights,.detail-list{color:var(--text-muted);margin:0;padding-left:1.1rem}.hero-highlights li,.detail-list li{margin-bottom:.75rem}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .75rem;font-size:.78rem;font-weight:700}h1,h2,h3{color:var(--heading);letter-spacing:-.03em;margin:0}h1{margin-bottom:1rem;font-size:clamp(3rem,7vw,5.4rem);line-height:.95}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}h3{font-size:1.2rem;line-height:1.2}p{color:var(--text-muted);margin:0}.lead,.section-description{max-width:62ch;font-size:1.05rem}.hero-actions,.page-hero-actions,.pill-row{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions{margin-top:2rem}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1.2rem;font-weight:600;display:inline-flex}.button:hover,.text-link:hover,.footer-link:hover,.contact-card:hover,.project-card:hover{transform:translateY(-2px)}.button-primary{color:#031121;background:linear-gradient(135deg,#64b5ff,#86d4ff)}.button-secondary{border-color:var(--border);color:var(--heading);background:#ffffff08}.button:disabled{cursor:wait;opacity:.75;transform:none}.section{padding:1.75rem 0}.section-heading{gap:.9rem;margin-bottom:1.5rem;display:grid}.metric-grid,.project-grid,.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.skill-card,.project-card,.case-study-card,.contact-card{border-radius:var(--radius-md)}.metric-card,.skill-card,.project-card,.case-study-card,.contact-card,.footer-link{padding:1.5rem}.metric-card strong{color:var(--heading);margin-bottom:.75rem;font-size:2rem;display:block}.metric-card h3,.skill-card h3,.project-card h3,.case-study-card h3{margin-bottom:.75rem}.skill-card ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.skill-card li,.pill{color:#c6d3ef;background:#ffffff08;border:1px solid #86d4ff26;border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.92rem;display:inline-flex}.project-card{flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}.project-card-top,.project-card-bottom,.stack-block{gap:.9rem;display:grid}.project-tag,.project-outcome{color:#c5d4f9}.text-link{color:var(--accent-strong);font-weight:600}.about-preview-card,.cta-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.5rem;display:grid}.contact-grid{grid-template-columns:1fr}.contact-card{gap:.8rem;display:grid}.contact-form-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0e182cd6,#090f1ce6);gap:1rem;padding:2rem;display:grid}.contact-form-intro,.field{gap:.55rem;display:grid}.field span{color:var(--heading);font-weight:600}.field-error{color:#f7a7a7}.field-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form-actions{gap:.8rem;display:grid}.form-status{min-height:1.5rem}.form-status-success{color:#8de2b3}.form-status-error{color:#f7a7a7}.form-status-sending{color:#c5d4f9}.page-hero-actions{align-content:start}.case-study-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start}.case-study-sidebar{gap:1rem;display:grid;position:sticky;top:6.6rem}.case-study-sections{gap:1rem;display:grid}.site-footer{padding:1rem 0 3rem}.footer-grid{border-top:1px solid #9aabcf1a;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:1.5rem 0 0}.footer-title{max-width:18ch}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.footer-link{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;gap:.35rem;display:grid}.footer-link span{color:var(--text-muted)}.footer-link strong{color:var(--heading)}@media (width<=980px){.hero-grid,.page-hero-grid,.two-column-grid,.contact-layout,.case-study-layout,.footer-grid,.contact-grid,.project-grid,.skill-grid,.metric-grid{grid-template-columns:1fr}.site-header,.case-study-sidebar{position:static}.nav-links{border:1px solid var(--border);background:var(--surface-strong);min-width:14rem;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:stretch;padding:.75rem;display:none;position:absolute;top:calc(100% + .75rem);right:1rem}.nav-links.is-open{display:flex}.menu-toggle{flex-direction:column;justify-content:center;display:inline-flex}}@media (width<=720px){.hero-section,.page-hero{padding-top:3rem}.hero-copy,.hero-panel-inner,.content-card,.case-study-sidebar,.cta-card,.about-preview-card,.contact-form-card{padding:1.4rem}.metric-card,.skill-card,.project-card,.case-study-card,.contact-card,.footer-link{padding:1.2rem}.about-preview-card,.cta-card{flex-direction:column;align-items:flex-start}.footer-links{grid-template-columns:1fr}}
