:root{--bg-page: #0e0b0a;--bg-subtle: #151210;--bg-veil: rgba(255, 255, 255, .04);--bg-card: rgba(255, 255, 255, .03);--text-primary: #faf9f6;--text-body: #afaeac;--text-muted: #868584;--text-dim: #666469;--border-hairline: rgba(226, 226, 226, .14);--border-soft: rgba(226, 226, 226, .24);--border-strong: rgba(226, 226, 226, .35);--brand-teal: #4a9a95;--brand-teal-bright:#6bbfb8;--brand-navy: #1f4051;--brand-navy-soft: #2a5465;--accent: #6bbfb8;--accent-soft: rgba(107, 191, 184, .14);--accent-dim: rgba(107, 191, 184, .55);--btn-dark: #353534;--btn-dark-hover: #454545;--focus-ring: rgba(250, 249, 246, .35);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 50px;--section-padding: 120px 0;--container-max: 1280px;--container-padding: 0 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .2s ease;--t-normal: .35s var(--ease-out)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-body);font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding);background:var(--bg-page);position:relative}.section-alt{padding:var(--section-padding);background:var(--bg-subtle);position:relative}.eyebrow{display:inline-block;font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-teal-bright);margin-bottom:20px}.section-title{font-size:clamp(2rem,4.6vw,3.25rem);font-weight:400;color:var(--text-primary);letter-spacing:-.035em;line-height:1.1;margin-bottom:18px}.section-subtitle{font-size:1.125rem;color:var(--text-body);line-height:1.55;max-width:640px;font-weight:400;letter-spacing:-.011em}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-pill);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;border:none;letter-spacing:-.005em;transition:background var(--t-fast),color var(--t-fast),opacity var(--t-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.btn-primary{background:var(--brand-teal-bright);color:var(--brand-navy);font-weight:500}.btn-primary:hover{background:#8bd0ca;color:var(--brand-navy)}.btn-ghost{background:transparent;color:var(--brand-teal-bright);box-shadow:0 0 0 1px var(--accent-dim) inset}.btn-ghost:hover{color:var(--brand-navy);background:var(--brand-teal-bright);box-shadow:0 0 0 1px var(--brand-teal-bright) inset}.btn-outline{background:transparent;color:var(--brand-teal-bright);box-shadow:0 0 0 1px var(--accent-dim) inset}.btn-outline:hover{color:var(--brand-navy);background:var(--brand-teal-bright);box-shadow:0 0 0 1px var(--brand-teal-bright) inset}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-xs);font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-veil)}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#faf9f61a;border-radius:10px;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:#faf9f633}::selection{background:var(--accent-dim);color:var(--bg-page)}@media (max-width: 1024px){:root{--section-padding: 96px 0;--container-padding: 0 28px}}@media (max-width: 810px){:root{--section-padding: 80px 0;--container-padding: 0 22px}}@media (max-width: 640px){:root{--section-padding: 64px 0;--container-padding: 0 18px}.btn{padding:13px 22px;font-size:.92rem;min-height:44px}.section-title{font-size:clamp(1.6rem,7.5vw,2.3rem);letter-spacing:-.03em}.section-subtitle{font-size:1rem}.eyebrow{font-size:.7rem;margin-bottom:14px}}@media (max-width: 414px){:root{--section-padding: 56px 0;--container-padding: 0 16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
