@layer base{:root{--marketing-bg: #05060a;--marketing-surface: rgba(14, 16, 24, .92);--marketing-surface-soft: rgba(21, 24, 34, .85);--marketing-surface-strong: rgba(21, 24, 34, .95);--marketing-panel: rgba(11, 13, 18, .9);--marketing-border: rgba(255, 255, 255, .06);--marketing-border-subtle: rgba(255, 255, 255, .04);--marketing-border-strong: rgba(75, 167, 255, .25);--marketing-border-focus: rgba(255, 79, 183, .45);--marketing-muted: #8c91a3;--marketing-muted-strong: #676c7d;--marketing-text: #f6f7fb;--marketing-text-primary: #f6f7fb;--marketing-text-secondary: #a2a7b6;--marketing-text-muted: #676c7d;--marketing-accent: #4ba7ff;--marketing-accent-glow: rgba(75, 167, 255, .18);--marketing-accent-halo: rgba(75, 167, 255, .08);--marketing-accent-soft: rgba(75, 167, 255, .12);--marketing-accent-strong: rgba(75, 167, 255, .22);--marketing-radius-lg: 24px;--marketing-radius-md: 18px;--marketing-radius-sm: 10px;--marketing-shadow: 0 24px 48px -12px rgba(0, 0, 0, .4);--marketing-shadow-soft: 0 16px 32px -8px rgba(0, 0, 0, .35);--marketing-shadow-card: 0 8px 16px -4px rgba(0, 0, 0, .25);--sg-page-title: 1.375rem;--sg-section-title: .9375rem;--sg-body: .8125rem;--sg-meta: .75rem;--sg-micro: .6875rem}.marketing-surface{background:var(--marketing-bg);color:var(--marketing-text-primary)}.marketing-surface[data-accent=magenta]{--marketing-border-strong: rgba(255, 79, 183, .25);--marketing-accent: #ff4fb7;--marketing-accent-soft: rgba(255, 79, 183, .12);--marketing-accent-strong: rgba(255, 79, 183, .22)}.marketing-surface[data-accent=purple]{--marketing-border-strong: rgba(124, 92, 255, .25);--marketing-accent: #7c5cff;--marketing-accent-soft: rgba(124, 92, 255, .12);--marketing-accent-strong: rgba(124, 92, 255, .22)}.marketing-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(3rem,5vw,6rem);padding:clamp(3rem,5vw,6rem) clamp(1.5rem,5vw,3.5rem)}}@layer utilities{.bg-marketing-surface{background-color:var(--marketing-surface)}.bg-marketing-surface-soft{background-color:var(--marketing-surface-soft)}.bg-marketing-surface-strong{background-color:var(--marketing-surface-strong)}.bg-marketing-panel{background-color:var(--marketing-panel)}.bg-marketing-accent{background-color:var(--marketing-accent)}.bg-marketing-accent-soft{background-color:var(--marketing-accent-soft)}.hover\:bg-marketing-accent-strong:hover{background-color:var(--marketing-accent-strong)}.border-marketing-subtle{border-color:var(--marketing-border-subtle)}.border-marketing-strong{border-color:var(--marketing-border-strong)}.border-marketing-focus{border-color:var(--marketing-border-focus)}.text-marketing-primary{color:var(--marketing-text-primary)}.text-marketing-secondary{color:var(--marketing-text-secondary)}.text-marketing-muted{color:var(--marketing-text-muted)}.text-marketing-accent{color:var(--marketing-accent)}.shadow-marketing{box-shadow:var(--marketing-shadow)}.shadow-marketing-soft{box-shadow:var(--marketing-shadow-soft)}.rounded-marketing-lg{border-radius:var(--marketing-radius-lg)}.rounded-marketing-md{border-radius:var(--marketing-radius-md)}.rounded-marketing-sm{border-radius:var(--marketing-radius-sm)}.ring-marketing-focus{box-shadow:0 0 0 2px var(--marketing-border-focus)}.transition-marketing{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}.text-sg-page-title{font-size:var(--sg-page-title);font-weight:600;line-height:1.3}.text-sg-section-title{font-size:var(--sg-section-title);font-weight:600;line-height:1.4}.text-sg-body{font-size:var(--sg-body);font-weight:400;line-height:1.5}.text-sg-meta{font-size:var(--sg-meta);font-weight:500;line-height:1.4}.text-sg-micro{font-size:var(--sg-micro);font-weight:500;line-height:1.3}}.marketing-layout{--marketing-accent: #66d7ff;--marketing-accent-glow: rgba(102, 215, 255, .18);--marketing-accent-halo: rgba(102, 215, 255, .08);--marketing-intelligence: #9280ff;--marketing-surface: rgba(10, 15, 25, .9);--marketing-panel: rgba(15, 21, 33, .82);--marketing-border: rgba(202, 221, 255, .12);--marketing-border-strong: rgba(202, 221, 255, .22);--marketing-muted: #97a6c0;--marketing-muted-strong: #6f7d96;--shadow-hero: 0 30px 90px -38px rgba(3, 7, 14, .95);--shadow-section: 0 24px 58px -30px rgba(3, 7, 14, .9);--shadow-card: 0 16px 34px -24px rgba(3, 7, 14, .88);background:radial-gradient(circle at 18% 0%,rgba(146,128,255,.16),transparent 28%),radial-gradient(circle at 82% 12%,rgba(102,215,255,.14),transparent 24%),radial-gradient(circle at 50% 110%,rgba(244,179,95,.08),transparent 28%),linear-gradient(180deg,#04070d,#050914 38%,#04060b)}.marketing-layout.accent-blue{--marketing-accent: #66d7ff;--marketing-accent-glow: rgba(102, 215, 255, .18);--marketing-accent-halo: rgba(102, 215, 255, .08)}.marketing-layout.accent-magenta{--marketing-accent: #f4b35f;--marketing-accent-glow: rgba(244, 179, 95, .16);--marketing-accent-halo: rgba(244, 179, 95, .08)}.marketing-layout.accent-purple{--marketing-accent: #9280ff;--marketing-accent-glow: rgba(146, 128, 255, .16);--marketing-accent-halo: rgba(146, 128, 255, .08)}.marketing-gradient{background:radial-gradient(ellipse 76% 48% at 50% 0%,var(--marketing-accent-glow),transparent 70%),radial-gradient(ellipse 50% 34% at 24% 12%,rgba(146,128,255,.12),transparent 72%)}.shadow-hero{box-shadow:var(--shadow-hero)}.shadow-section{box-shadow:var(--shadow-section)}.shadow-card{box-shadow:var(--shadow-card)}.marketing-layout .transition-polish,.marketing-layout a,.marketing-layout button,.marketing-layout [role=button]{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.marketing-layout :is(a,button,[role=button]):focus-visible{outline:none;box-shadow:0 0 0 1px #ffffff14,0 0 0 4px #66d7ff38}@keyframes marketing-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.marketing-layout section,.marketing-layout .shadow-card,.marketing-layout .shadow-section,.marketing-layout .shadow-hero{animation:marketing-fade-up .48s cubic-bezier(.22,1,.36,1)}}@media(prefers-reduced-motion:reduce){.marketing-layout *,.marketing-layout *:before,.marketing-layout *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}