:root{--bg-primary: #000000;--bg-elevated: #0A0A0A;--bg-card: #111111;--bg-card-hover: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--border-subtle: rgba(255, 255, 255, .1);--border-strong: #FFFFFF;--overlay: rgba(0, 0, 0, .5);--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--section-py: clamp(80px, 12vh, 160px);--block-gap: clamp(24px, 4vh, 48px);--hero-pt: clamp(80px, 10vh, 120px);--z-nav: 50;--z-overlay: 40;--z-drawer: 45}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:var(--font-sans);line-height:1.5}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.container{padding:0 16px}}.section-divider{width:100%;height:1px;background:var(--border-subtle);border:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border:1px solid #0066ff;background:#06f;color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;line-height:1}.btn-primary:hover{background:#0052cc;border-color:#0052cc;color:#fff}.btn-primary:active{transform:scale(.97)}.btn-lg{padding:16px 48px;font-size:14px}.btn-text{display:inline-flex;align-items:center;gap:4px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;transition:border-color .2s ease;text-decoration:none;padding:0;line-height:inherit}.btn-text:hover{border-bottom-color:var(--text-primary)}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-in-up.is-visible{opacity:1;transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.display-hero{font-size:clamp(48px,8vw,120px);font-weight:200;line-height:1;letter-spacing:.05em}.display-section{font-size:clamp(36px,5vw,72px);font-weight:200;line-height:1.05;letter-spacing:.03em}.heading-lg{font-size:clamp(24px,3vw,40px);font-weight:300;line-height:1.2;letter-spacing:.02em}.body-lg{font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.5;letter-spacing:normal}.body{font-size:16px;font-weight:400;line-height:1.5}.caption{font-size:12px;font-weight:300;line-height:1.4;letter-spacing:.05em}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.nav-spacer{height:64px}*:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary)}.scroll-indicator .scroll-icon{animation:bounce 2s infinite}