.marketing-layout{--marketing-accent: #4ba7ff;--marketing-accent-glow: rgba(75, 167, 255, .18);--marketing-accent-halo: rgba(75, 167, 255, .08);--marketing-surface: rgba(14, 16, 24, .92);--marketing-panel: rgba(18, 21, 30, .88);--marketing-border: rgba(255, 255, 255, .06);--marketing-border-strong: rgba(255, 255, 255, .12);--marketing-muted: #8c91a3;--marketing-muted-strong: #676c7d;--shadow-hero: 0 24px 48px -12px rgba(0, 0, 0, .4);--shadow-section: 0 16px 32px -8px rgba(0, 0, 0, .35);--shadow-card: 0 8px 16px -4px rgba(0, 0, 0, .25)}.marketing-layout.accent-blue{--marketing-accent: #4ba7ff;--marketing-accent-glow: rgba(75, 167, 255, .18);--marketing-accent-halo: rgba(75, 167, 255, .08)}.marketing-layout.accent-magenta{--marketing-accent: #ff4fb7;--marketing-accent-glow: rgba(255, 79, 183, .16);--marketing-accent-halo: rgba(255, 79, 183, .08)}.marketing-layout.accent-purple{--marketing-accent: #7c5cff;--marketing-accent-glow: rgba(124, 92, 255, .16);--marketing-accent-halo: rgba(124, 92, 255, .08)}.marketing-gradient{background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--marketing-accent-glow),transparent 70%)}.shadow-hero{box-shadow:var(--shadow-hero)}.shadow-section{box-shadow:var(--shadow-section)}.shadow-card{box-shadow:var(--shadow-card)}@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}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer components{.stagegraph-touch-target{min-width:44px;min-height:44px}.stagegraph-card-mobile{border-radius:var(--radius-xl,.75rem);padding:calc(var(--spacing,.25rem)*4)}@media(min-width:640px){.stagegraph-card-mobile{border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem)*6)}}.stagegraph-button-wrap{gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.stagegraph-badge-mobile{max-width:100%;padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));word-break:break-word}}@media(max-width:767px){.stagegraph-hero{padding:1.5rem!important}.stagegraph-auth-buttons{justify-content:center;margin-bottom:1rem;position:static!important}.stagegraph-card{max-width:100%;overflow-x:hidden}.stagegraph-title-mobile{font-size:1.5rem!important;line-height:1.3!important}.stagegraph-cta-group{width:100%;flex-direction:column!important}.stagegraph-cta-group>*{width:100%!important}.stagegraph-project-card{padding:1rem}.stagegraph-project-card .stagegraph-button-group{flex-direction:column;gap:.5rem;width:100%}.stagegraph-project-card .stagegraph-button-group>button{justify-content:center;width:100%}.stagegraph-stats-grid{gap:.75rem;grid-template-columns:1fr!important}.stagegraph-badge-container{flex-wrap:wrap!important;overflow-x:visible!important}.stagegraph-nav-back{min-height:44px;padding-left:.5rem;padding-right:1rem}.stagegraph-dropdown-trigger{min-width:44px;min-height:44px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.stagegraph-container{padding-bottom:env(safe-area-inset-bottom)}}.stagegraph-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.stagegraph-responsive-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media(max-width:767px){.stagegraph-input{min-height:48px;font-size:16px!important}}.stagegraph-tappable{-webkit-tap-highlight-color:#3d9eff33;cursor:pointer;transition:transform .1s}.stagegraph-tappable:active{transform:scale(.98)}.stagegraph-loading-mobile{justify-content:center;align-items:center;min-height:200px;display:flex}
