:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext-1: #bac2de;--subtext-0: #a6adc8;--overlay-2: #9399b2;--overlay-1: #7f849c;--overlay-0: #6c7086;--surface-2: #585b70;--surface-1: #45475a;--surface-0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--bg: var(--crust);--bg-soft: var(--mantle);--panel: color-mix(in srgb, var(--surface-0) 74%, var(--base));--panel-strong: color-mix(in srgb, var(--surface-1) 58%, var(--base));--border: color-mix(in srgb, var(--surface-2) 42%, transparent);--border-soft: color-mix(in srgb, var(--surface-1) 38%, transparent);--accent: var(--blue);--accent-2: var(--teal);--accent-3: var(--peach);--container: clamp(1180px, 82vw, 1880px);--radius: 8px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow: 0 20px 70px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(137,180,250,.07),transparent 460px),linear-gradient(90deg,rgba(148,226,213,.05),transparent 42%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(205,214,244,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(205,214,244,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}::selection{background:color-mix(in srgb,var(--overlay-2) 28%,transparent);color:var(--text)}a{color:inherit}img{display:block;max-width:100%}main{overflow:hidden}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.nav{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--crust) 84%,transparent);backdrop-filter:blur(18px)}.nav-container{width:min(clamp(1280px,84vw,1960px),calc(100% - 40px));min-height:72px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav-logo{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,var(--surface-0),var(--crust));text-decoration:none;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 10%,transparent)}.nav-logo svg{width:34px;height:34px;overflow:visible}.logo-arc{fill:none;stroke-linecap:round;stroke-width:9}.logo-arc-a{stroke:var(--teal)}.logo-arc-b{stroke:var(--blue)}.logo-arc-c{stroke:var(--lavender)}.logo-node{fill:var(--mantle);stroke-width:5.5}.logo-node-a{stroke:var(--teal)}.logo-node-b{stroke:var(--blue)}.logo-node-c{stroke:var(--lavender)}.logo-dot-a{fill:var(--teal)}.logo-dot-b{fill:var(--blue)}.logo-dot-c{fill:var(--lavender)}.nav-menu{display:flex;align-items:center;gap:.2rem;margin:0;padding:.35rem;list-style:none;border:1px solid var(--border-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--mantle) 72%,transparent)}.nav-link{display:inline-flex;align-items:center;min-height:36px;padding:0 .85rem;border-radius:6px;color:var(--subtext-0);text-decoration:none;font-size:.9rem;font-weight:650;transition:color .16s ease,background .16s ease}.nav-link:hover,.nav-link.active{color:var(--text);background:color-mix(in srgb,var(--surface-0) 62%,transparent)}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--mantle);color:var(--text);cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}.hero{min-height:92vh;display:grid;align-items:center;padding:120px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);gap:clamp(2rem,5vw,5rem);align-items:center}.eyebrow,.section-kicker,.panel-label,.project-label{display:inline-flex;align-items:center;gap:.55rem;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:2rem;height:1px;background:currentColor;opacity:.7}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:1.4rem;font-size:clamp(3rem,6vw,7.6rem);line-height:.98;letter-spacing:0;color:var(--text)}.hero-subtitle{max-width:62ch;margin-bottom:2rem;color:var(--subtext-1);font-size:clamp(1.05rem,1.6vw,1.45rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.05rem;border:1px solid transparent;border-radius:var(--radius);text-decoration:none;font-weight:750;font-size:.95rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--crust);background:linear-gradient(135deg,var(--blue),var(--sapphire))}.btn-secondary{color:var(--text);background:color-mix(in srgb,var(--surface-0) 58%,transparent);border-color:var(--border)}.hero-panel{display:grid;gap:1rem}.system-card,.capability-card,.stack-panel,.timeline-content,.project-card,.contact-form{border:1px solid var(--border-soft);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--base) 92%,transparent))}.system-card{padding:clamp(1.25rem,2.6vw,2.5rem);box-shadow:var(--shadow)}.system-card-primary{border-color:color-mix(in srgb,var(--blue) 32%,var(--border-soft))}.system-card h2{margin:.8rem 0 1rem;font-size:clamp(1.45rem,2.2vw,2.55rem);line-height:1.12}.system-card p{margin-bottom:0;color:var(--subtext-0)}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hero-stats div{min-height:clamp(136px,8vw,170px);padding:clamp(1.15rem,1.4vw,1.55rem);border:1px solid var(--border-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--mantle) 70%,transparent)}.hero-stats strong{display:block;margin-bottom:.45rem;color:var(--peach);font-size:1.5rem}.hero-stats span{color:var(--subtext-1);font-size:.95rem}.cred-strip{border-block:1px solid var(--border-soft);background:color-mix(in srgb,var(--mantle) 84%,transparent)}.cred-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.cred-grid span{min-height:72px;display:grid;place-items:center;padding:1rem;color:var(--subtext-1);font-size:.9rem;font-weight:720;text-align:center;border-inline:1px solid color-mix(in srgb,var(--surface-0) 38%,transparent)}.section{padding:clamp(4.5rem,9vw,7.5rem) 0}.about,.contact{background:color-mix(in srgb,var(--mantle) 58%,transparent)}.split-layout,.contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.section-heading{max-width:760px;margin-bottom:2rem}.section-title{margin:.7rem 0 0;color:var(--text);font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:0}.prose{color:var(--subtext-1);font-size:1.05rem}.prose .lead{color:var(--text);font-size:1.28rem;line-height:1.45}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.capability-card{padding:1.35rem}.capability-card h3{margin-bottom:.7rem;color:var(--lavender);font-size:1.08rem}.capability-card p{margin-bottom:0;color:var(--subtext-1)}.stack-panel{margin-top:1rem;padding:1.35rem}.stack-tags,.project-tags{display:flex;flex-wrap:wrap;gap:.6rem}.stack-tags span,.project-tags span{display:inline-flex;align-items:center;min-height:32px;padding:0 .7rem;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--border-soft));border-radius:999px;color:var(--subtext-1);background:color-mix(in srgb,var(--blue) 9%,transparent);font-size:.86rem;font-weight:680}.timeline{position:relative;display:grid;gap:1rem;max-width:890px}.timeline:before{content:"";position:absolute;top:.6rem;bottom:.6rem;left:7px;width:1px;background:linear-gradient(var(--blue),var(--teal))}.timeline-item{position:relative;padding-left:2.3rem}.timeline-item:before{content:"";position:absolute;top:.45rem;left:0;width:15px;height:15px;border:2px solid var(--blue);border-radius:999px;background:var(--crust)}.timeline-item-current:before{border-color:var(--peach);box-shadow:0 0 0 5px color-mix(in srgb,var(--peach) 12%,transparent)}.timeline-date{margin-bottom:.45rem;color:var(--teal);font-size:.85rem;font-weight:800}.timeline-content{padding:1.25rem}.timeline-content h3{margin-bottom:.25rem;font-size:1.15rem}.company{display:block;margin-bottom:.8rem;color:var(--subtext-0);font-weight:680}.timeline-content p{margin-bottom:0;color:var(--subtext-1)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{overflow:hidden}.project-card-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)}.project-image{height:230px;background:var(--surface-0)}.project-card-featured .project-image{height:100%;min-height:360px}.project-image picture,.project-image img{width:100%;height:100%}.project-image img{object-fit:cover;filter:saturate(.82) contrast(1.02)}.project-content{padding:1.35rem}.project-label{color:var(--peach)}.project-content h3{margin:.55rem 0 .7rem;font-size:1.35rem}.project-content p{color:var(--subtext-1)}.project-note{padding-top:1rem;border-top:1px solid var(--border-soft)}.contact-copy p{max-width:44ch;color:var(--subtext-1);font-size:1.06rem}.contact-links{display:grid;gap:.7rem;margin-top:1.5rem}.contact-link{display:flex;align-items:center;min-height:48px;padding:0 1rem;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--text);background:color-mix(in srgb,var(--surface-0) 42%,transparent);text-decoration:none;font-weight:720;transition:border-color .16s ease,background .16s ease}.contact-link:hover{border-color:color-mix(in srgb,var(--blue) 48%,var(--border));background:color-mix(in srgb,var(--blue) 10%,var(--surface-0))}.contact-form{padding:clamp(1rem,2.2vw,1.5rem)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-group{display:grid;gap:.45rem;margin-bottom:.85rem}.form-group label{color:var(--subtext-1);font-size:.9rem;font-weight:720}.form-group input,.form-group textarea{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius);padding:.8rem .9rem;color:var(--text);background:color-mix(in srgb,var(--crust) 48%,transparent);font:inherit}.form-group input:focus,.form-group textarea:focus{outline:2px solid color-mix(in srgb,var(--blue) 42%,transparent);border-color:var(--blue)}.form-group textarea{min-height:132px;resize:vertical}.honeypot-field{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.security-challenge{padding:.9rem;border:1px dashed color-mix(in srgb,var(--teal) 42%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--teal) 7%,transparent)}.security-note{color:var(--overlay-2);font-size:.8rem}.form-submit{width:100%;margin-top:.3rem}.form-status{display:none;margin-top:.9rem;padding:.85rem;border-radius:var(--radius);font-size:.9rem}.form-status.success{display:block;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 38%,var(--border));background:color-mix(in srgb,var(--green) 9%,transparent)}.form-status.error{display:block;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 38%,var(--border));background:color-mix(in srgb,var(--red) 9%,transparent)}.legal-page{padding:132px 0 88px}.legal-content{max-width:880px}.legal-content h1{max-width:none;margin:.8rem 0 2rem;font-size:clamp(2.6rem,6vw,5rem)}.legal-content h2{margin:2.1rem 0 .7rem;color:var(--lavender);font-size:1.35rem}.legal-content h3{margin:1.4rem 0 .45rem;color:var(--text)}.legal-content h4{margin:1rem 0 .4rem;color:var(--subtext-1)}.legal-content p,.legal-content li{color:var(--subtext-1)}.legal-content a{color:var(--blue)}.footer{border-top:1px solid var(--border-soft);background:var(--crust)}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--overlay-2);font-size:.9rem}.footer p{margin:0}.footer a{color:var(--subtext-1);text-decoration:none}.footer a:hover{color:var(--blue)}#cc-main{--cc-font-family: var(--font);--cc-bg: var(--mantle);--cc-text: var(--text);--cc-btn-primary-bg: var(--blue);--cc-btn-primary-text: var(--crust);--cc-btn-primary-hover-bg: var(--sapphire);--cc-btn-secondary-bg: color-mix(in srgb, var(--surface-1) 82%, var(--mantle));--cc-btn-secondary-text: var(--text);--cc-btn-secondary-hover-bg: var(--surface-1);--cc-btn-secondary-border-color: var(--border);--cc-toggle-on-bg: var(--blue);--cc-toggle-off-bg: var(--surface-1);--cc-toggle-on-knob-bg: var(--crust);--cc-separator-border-color: var(--border-soft);--cc-btn-border-radius: var(--radius);--cc-modal-border-radius: var(--radius);--cc-footer-bg: var(--crust);--cc-footer-text: var(--subtext-1);--cc-footer-border-color: var(--border-soft);--cc-primary-color: var(--text)}#cc-main .cm,#cc-main .pm{border:1px solid var(--border-soft);backdrop-filter:blur(10px)}@media(max-width:900px){.hero-grid,.split-layout,.contact-grid,.project-card-featured{grid-template-columns:1fr}.hero{min-height:auto}.cred-grid,.capability-grid,.projects-grid{grid-template-columns:1fr}.project-card-featured{grid-column:auto}.project-card-featured .project-image{min-height:240px}}@media(max-width:720px){.container,.nav-container{width:min(100% - 28px,var(--container))}.nav-toggle{display:block}.nav-menu{position:fixed;top:72px;left:14px;right:14px;z-index:30;display:grid;gap:.25rem;padding:.55rem;transform:translateY(-16px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.nav-toggle[aria-expanded=true]+.nav-menu,.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link{min-height:44px}h1{font-size:clamp(3rem,17vw,4.4rem)}.hero-actions,.hero-stats,.form-row,.footer-inner{grid-template-columns:1fr}.hero-actions{display:grid}.btn{width:100%}.footer-inner{display:grid;justify-items:start;padding:1.4rem 0}}