*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--c-bg: #07090f;--c-surface: #0e1120;--c-border: rgba(255,255,255,.07);--c-text: #e8eaf2;--c-muted: #7a7f9a;--c-accent: #4f8ef7;--c-accent2: #7b5cf0;--c-accent3: #00d4a0;--c-glow: rgba(79,142,247,.18);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--nav-h: 68px}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.6rem 1.2rem;background:var(--c-accent);color:#fff;font-size:.875rem;font-weight:600;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}section{padding:7rem 5vw}.section-wrap{max-width:1200px;margin:0 auto}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#4f8ef7 0%,#7b5cf0 60%,#00d4a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-logo span{font-weight:400;opacity:.7}.copilot-inner,.about-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.9rem;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:.01em;font-family:var(--font-body);text-decoration:none;color:#fff;background:linear-gradient(135deg,#4f8ef7 0%,#7b5cf0 100%);border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 30px #4f8ef74d,0 4px 12px #4f8ef733,inset 0 1px #ffffff2e;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 55%);pointer-events:none}.btn-primary:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 55px #4f8ef780,0 8px 24px #4f8ef74d,inset 0 1px #ffffff2e}.btn-primary:hover:after{left:130%}.btn-primary:active{transform:translateY(-1px) scale(.99);box-shadow:0 0 25px #4f8ef74d,inset 0 1px #ffffff1a;transition-duration:.08s}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.9rem;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:.01em;font-family:var(--font-body);text-decoration:none;color:var(--c-text);background:rgba(255,255,255,.04);border:1px solid var(--c-border);cursor:pointer;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.btn-secondary:active{transform:translateY(0);transition-duration:.08s}.section-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--c-accent);margin-bottom:1.1rem}.section-label:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 8px var(--c-accent);flex-shrink:0}.section-title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:1.1rem}.section-sub{font-size:1.025rem;color:var(--c-muted);line-height:1.8;max-width:580px}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header .section-sub{margin:0 auto}.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}select option{background:var(--c-surface)}@media (max-width: 900px){.copilot-inner,.about-inner{grid-template-columns:1fr;gap:3rem}}@media (max-width: 480px){section{padding:4.5rem 5vw}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none;will-change:auto}}