:root{--bg-primary: #070a12; --bg-secondary: #0b1025; --bg-card: #0e1530; --bg-card-hover: #111b38; --accent-gold: #c9a84c; --accent-gold-lt: #e2c87e; --accent-gold-dim: rgba(201,168,76,0.10); --accent-gold-glow: rgba(201,168,76,0.06); --accent-blue: #3a6b9c; --accent-blue-lt: #5a90c8; --text-primary: #eae4d8; --text-secondary: #8c8699; --text-muted: #4e4a5e; --border-gold: rgba(201,168,76,0.18); --border-subtle: rgba(255,255,255,0.04); --border-card: rgba(201,168,76,0.08); --shadow-card: 0 8px 48px rgba(0,0,0,0.45); --shadow-gold: 0 0 60px rgba(201,168,76,0.08); --nav-height: 74px; --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; --max-width: 1200px; --section-pad: 120px; --radius: 4px; --radius-lg: 8px; --ease: cubic-bezier(0.4,0,0.2,1); --transition: all 0.35s cubic-bezier(0.4,0,0.2,1);}
*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}
html{scroll-behavior: smooth; font-size: 16px; -webkit-text-size-adjust: 100%;}
body{font-family: var(--font-body); background-color: var(--bg-primary); color: var(--text-primary); line-height: 1.65; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img{display: block; max-width: 100%;}
a{color: inherit; text-decoration: none;}
ul, ol{list-style: none;}
.eyebrow{display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent-gold); margin-bottom: 18px;}
.eyebrow::before{content: ''; display: block; width: 28px; height: 1px; background: var(--accent-gold); flex-shrink: 0;}
h1, h2, h3, h4{font-family: var(--font-display); font-weight: 500; line-height: 1.15; letter-spacing: -0.01em;}
.section-title{font-size: clamp(2.2rem, 4vw, 3.2rem); color: var(--text-primary); margin-bottom: 16px;}
.section-subtitle{font-size: 1.05rem; font-weight: 300; color: var(--text-secondary); max-width: 620px; line-height: 1.75;}
.container{max-width: var(--max-width); margin: 0 auto; padding: 0 40px;}
.section{padding: var(--section-pad) 0; position: relative;}
.section-alt{background-color: var(--bg-secondary);}
.section-header{margin-bottom: 70px;}
.section-header-center{text-align: center; display: flex; flex-direction: column; align-items: center;}
.section-header-center .section-subtitle{text-align: center;}
.gold-rule{width: 60px; height: 1px; background: linear-gradient(to right, var(--accent-gold), transparent); margin-top: 28px;}
.gold-rule-center{margin-left: auto; margin-right: auto;}
.btn{display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 32px; border: none; cursor: pointer; transition: var(--transition); position: relative; overflow: hidden; white-space: nowrap; border-radius: var(--radius);}
.btn-primary{background: var(--accent-gold); color: #07090f;}
.btn-primary:hover{background: var(--accent-gold-lt); transform: translateY(-2px); box-shadow: 0 12px 40px rgba(201,168,76,0.28);}
.btn-secondary{background: transparent; color: var(--text-primary); border: 1px solid var(--border-gold);}
.btn-secondary:hover{background: var(--accent-gold-dim); border-color: var(--accent-gold); color: var(--accent-gold); transform: translateY(-2px);}
.btn-ghost{background: transparent; color: var(--accent-gold); border: none; padding: 12px 0; letter-spacing: 0.14em; font-size: 12px;}
.btn-ghost::after{content: '→'; margin-left: 8px; transition: transform 0.25s var(--ease); display: inline-block;}
.btn-ghost:hover::after{transform: translateX(5px);}
.hero{position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: var(--nav-height);}
#heroCanvas{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.9;}
.hero::before{content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(58, 107, 156, 0.12) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 20% 80%, rgba(201,168,76,0.06) 0%, transparent 60%), linear-gradient(180deg, rgba(7,10,18,0.3) 0%, transparent 30%, rgba(7,10,18,0.6) 100%); z-index: 1; pointer-events: none;}
.hero-content{position: relative; z-index: 2; text-align: center; max-width: 880px; padding: 40px 40px 80px;}
.hero-eyebrow{justify-content: center;}
.hero-title{font-size: clamp(2.8rem, 6.5vw, 5.5rem); font-weight: 400; line-height: 1.08; color: var(--text-primary); margin-bottom: 28px; letter-spacing: -0.02em;}
.hero-title em{font-style: italic; color: var(--accent-gold-lt);}
.hero-subtitle{font-size: clamp(1rem, 2vw, 1.2rem); font-weight: 300; color: var(--text-secondary); max-width: 640px; margin: 0 auto 48px; line-height: 1.8;}
.hero-actions{display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap;}
.hero-scroll{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer;}
.hero-scroll-text{font-size: 9px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--text-muted);}
.hero-scroll-line{width: 1px; height: 40px; background: linear-gradient(to bottom, var(--text-muted), transparent); animation: scrollPulse 2s ease-in-out infinite;}
@keyframes scrollPulse{0%, 100% { opacity: 0.3; transform: scaleY(1); }
            50% { opacity: 1; transform: scaleY(0.7); }}
.mission-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
.mission-body{font-size: 1.05rem; font-weight: 300; color: var(--text-secondary); line-height: 1.85; margin-bottom: 20px;}
.mission-stats{display: flex; flex-direction: column; gap: 32px; padding: 48px; background: var(--bg-card); border: 1px solid var(--border-card); border-left: 3px solid var(--accent-gold); border-radius: var(--radius-lg);}
.stat-item{}
.stat-number{font-family: var(--font-display); font-size: 3rem; font-weight: 600; color: var(--accent-gold); line-height: 1; letter-spacing: -0.03em;}
.stat-label{font-size: 12px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-secondary); margin-top: 8px;}
.stat-divider{width: 100%; height: 1px; background: var(--border-card);}
.platforms-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.platform-card{background: var(--bg-card); border: 1px solid var(--border-card); border-radius: var(--radius-lg); padding: 40px 36px; transition: var(--transition); position: relative; overflow: hidden; cursor: default;}
.platform-card::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, var(--accent-gold), transparent); opacity: 0; transition: opacity 0.35s var(--ease);}
.platform-card:hover{background: var(--bg-card-hover); border-color: var(--border-gold); transform: translateY(-6px); box-shadow: var(--shadow-card), 0 0 60px rgba(201,168,76,0.06);}
.platform-card:hover::before{opacity: 1;}
.platform-icon{width: 48px; height: 48px; margin-bottom: 28px; color: var(--accent-gold); opacity: 0.85;}
.platform-number{position: absolute; top: 36px; right: 32px; font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--text-muted); opacity: 0.5;}
.platform-name{font-family: var(--font-display); font-size: 1.45rem; font-weight: 500; color: var(--text-primary); margin-bottom: 14px; line-height: 1.2;}
.platform-desc{font-size: 0.92rem; font-weight: 300; color: var(--text-secondary); line-height: 1.75;}
.approach-steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative;}
.approach-steps::before{content: ''; position: absolute; top: 36px; left: calc(12.5% + 18px); right: calc(12.5% + 18px); height: 1px; background: linear-gradient(to right, var(--accent-gold) 0%, rgba(201,168,76,0.2) 50%, var(--accent-gold) 100%); z-index: 0;}
.step{position: relative; text-align: center; padding: 0 24px; padding-top: 90px;}
.step-number{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; border-radius: 50%; border: 1px solid var(--border-gold); background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 1.8rem; font-weight: 600; color: var(--accent-gold); z-index: 1; transition: var(--transition);}
.step:hover .step-number{background: var(--accent-gold); color: var(--bg-primary); border-color: var(--accent-gold); box-shadow: 0 0 40px rgba(201,168,76,0.3);}
.step-title{font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; color: var(--text-primary); margin-bottom: 12px;}
.step-desc{font-size: 0.9rem; font-weight: 300; color: var(--text-secondary); line-height: 1.75;}
.audience-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.audience-card{border: 1px solid var(--border-card); border-radius: var(--radius-lg); padding: 44px 36px; background: var(--bg-primary); transition: var(--transition); position: relative;}
.audience-card::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(to right, transparent, var(--accent-gold), transparent); border-radius: 0 0 var(--radius-lg) var(--radius-lg); opacity: 0; transition: opacity 0.35s;}
.audience-card:hover{border-color: rgba(201,168,76,0.22); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.3);}
.audience-card:hover::after{opacity: 1;}
.audience-icon{width: 44px; height: 44px; color: var(--accent-gold); margin-bottom: 24px; opacity: 0.8;}
.audience-title{font-family: var(--font-display); font-size: 1.35rem; font-weight: 500; color: var(--text-primary); margin-bottom: 12px;}
.audience-desc{font-size: 0.92rem; font-weight: 300; color: var(--text-secondary); line-height: 1.78;}
.licensing-intro{font-size: 1.05rem; font-weight: 300; color: var(--text-secondary); line-height: 1.85; max-width: 660px; margin-bottom: 60px;}
.licensing-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 56px;}
.tier-card{background: var(--bg-card); border: 1px solid var(--border-card); border-radius: var(--radius-lg); padding: 44px 36px; position: relative; transition: var(--transition);}
.tier-card.featured{border-color: var(--accent-gold); background: linear-gradient(135deg, rgba(13,21,48,1) 0%, rgba(15,24,54,1) 100%); box-shadow: 0 0 0 1px rgba(201,168,76,0.12), var(--shadow-gold);}
.tier-card:hover{transform: translateY(-6px); box-shadow: var(--shadow-card);}
.tier-card.featured:hover{box-shadow: var(--shadow-card), 0 0 80px rgba(201,168,76,0.1);}
.tier-badge{position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--accent-gold); color: #07090f; font-size: 10px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; padding: 5px 18px; border-radius: 20px; white-space: nowrap;}
.tier-name{font-family: var(--font-display); font-size: 1.6rem; font-weight: 500; color: var(--text-primary); margin-bottom: 10px;}
.tier-tagline{font-size: 0.88rem; font-weight: 300; color: var(--text-secondary); margin-bottom: 28px; line-height: 1.6;}
.tier-divider{width: 100%; height: 1px; background: var(--border-card); margin-bottom: 28px;}
.tier-features{display: flex; flex-direction: column; gap: 12px; margin-bottom: 36px;}
.tier-feature{display: flex; align-items: flex-start; gap: 12px; font-size: 0.9rem; font-weight: 300; color: var(--text-secondary); line-height: 1.5;}
.tier-feature-check{width: 18px; height: 18px; color: var(--accent-gold); flex-shrink: 0; margin-top: 1px;}
.licensing-note{font-size: 0.88rem; font-weight: 300; color: var(--text-muted); text-align: center; line-height: 1.7;}
.licensing-note a{color: var(--accent-gold); transition: color 0.25s;}
.licensing-note a:hover{color: var(--accent-gold-lt);}
.contact-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
.contact-lead{font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 400; line-height: 1.2; color: var(--text-primary); margin-bottom: 20px;}
.contact-sub{font-size: 1rem; font-weight: 300; color: var(--text-secondary); line-height: 1.8; margin-bottom: 40px;}
.contact-email-block{background: var(--bg-card); border: 1px solid var(--border-gold); border-radius: var(--radius-lg); padding: 48px; text-align: center; position: relative;}
.contact-email-label{font-size: 11px; font-weight: 500; letter-spacing: 0.20em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 20px;}
.contact-email-display{font-family: var(--font-display); font-size: 1.4rem; font-weight: 400; color: var(--accent-gold); margin-bottom: 32px; letter-spacing: 0.02em; cursor: pointer; transition: color 0.25s;}
.contact-email-display:hover{color: var(--accent-gold-lt);}
.contact-note{margin-top: 24px; font-size: 0.82rem; font-weight: 300; color: var(--text-muted); line-height: 1.65;}
.reveal{opacity: 0; transform: translateY(28px); transition: opacity 0.65s var(--ease), transform 0.65s var(--ease);}
.reveal.revealed{opacity: 1; transform: translateY(0);}
.reveal-delay-1{transition-delay: 0.1s;}
.reveal-delay-2{transition-delay: 0.2s;}
.reveal-delay-3{transition-delay: 0.3s;}
.reveal-delay-4{transition-delay: 0.4s;}
.reveal-delay-5{transition-delay: 0.5s;}
@media (max-width: 1024px){:root{--section-pad: 90px;}
.container{padding: 0 30px;}
.mission-grid{gap: 50px;}
.platforms-grid{grid-template-columns: repeat(2, 1fr);}
.approach-steps{grid-template-columns: repeat(2, 1fr); gap: 60px;}
.approach-steps::before{display: none;}
.step{padding-top: 90px;}}
@media (max-width: 768px){:root{--section-pad: 72px;}
.container{padding: 0 22px;}
.hero-content{padding: 40px 22px 80px;}
.hero-title{letter-spacing: -0.015em;}
.hero-actions{flex-direction: column; align-items: stretch;}
.hero-actions .btn{justify-content: center;}
.mission-grid{grid-template-columns: 1fr; gap: 40px;}
.mission-stats{flex-direction: row; flex-wrap: wrap; gap: 0; padding: 32px;}
.stat-item{width: 50%; padding: 16px;}
.stat-divider{display: none;}
.platforms-grid{grid-template-columns: 1fr; gap: 18px;}
.platform-card{padding: 32px 28px;}
.approach-steps{grid-template-columns: 1fr; gap: 48px;}
.step{padding-top: 80px;}
.step-number{width: 60px; height: 60px;}
.audience-grid{grid-template-columns: 1fr; gap: 18px;}
.licensing-grid{grid-template-columns: 1fr;}
.tier-card.featured{order: -1;}
.contact-inner{grid-template-columns: 1fr; gap: 40px;}}
@media (max-width: 480px){.stat-item{width: 100%;}
.stat-number{font-size: 2.4rem;}}
@media (max-width: 1024px){:root{--section-pad: 90px;}
.container{padding: 0 28px;}}
@media (max-width: 768px){:root{--section-pad: 60px;}
body{padding-top: 64px !important;}
.container{padding: 0 16px !important;}
.hero-inner{flex-direction: column !important; align-items: flex-start !important; padding: 0 16px !important; gap: 0 !important;}
.hero-content{max-width: 100% !important; width: 100% !important; padding: 32px 0 40px !important; text-align: left !important;}
.hero-image-right{display: none !important;}
.hero-title{font-size: clamp(2rem, 8vw, 3.2rem) !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; margin-bottom: 20px !important;}
.hero-subtitle{font-size: clamp(0.9rem, 3.5vw, 1.05rem) !important; margin-bottom: 32px !important; max-width: 100% !important;}
.hero-actions{flex-direction: column !important; align-items: stretch !important; gap: 12px !important;}
.hero-actions .btn, .hero-actions a.btn{justify-content: center !important; text-align: center !important; width: 100% !important;}
.hero{min-height: 70vh !important; padding-top: 64px !important;}
h1{font-size: clamp(1.8rem, 7vw, 2.8rem) !important; line-height: 1.12 !important;}
h2{font-size: clamp(1.5rem, 5.5vw, 2.2rem) !important;}
h3{font-size: clamp(1.2rem, 4.5vw, 1.6rem) !important;}
p{font-size: clamp(0.9rem, 3.5vw, 1rem) !important;}
.section, section{padding: 48px 0 !important;}
[class*="grid"], [class*="-grid"], [class*="Grid"], .features-grid, .platforms-grid, .mission-grid, .approach-steps, .audience-grid, .licensing-grid, .contact-inner{grid-template-columns: 1fr !important;}
.mission-grid{gap: 36px !important;}
.platforms-grid{gap: 16px !important;}
.approach-steps{gap: 40px !important;}
.platform-card{padding: 28px 20px !important;}
.tier-card.featured{transform: none !important; order: -1 !important;}
.step{padding-top: 72px !important;}
.step-number{width: 56px !important; height: 56px !important;}
.mission-stats{flex-direction: row; flex-wrap: wrap; gap: 0; padding: 28px;}
.stat-item{width: 50%; padding: 14px;}
.stat-divider{display: none;}
table, .comp-table{font-size: 0.72rem !important; display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: 100% !important;}
img, video{max-width: 100% !important; height: auto !important;}
.btn, .btn-ghost, .btn-primary, .btn-secondary, .hero-cta{min-width: 0 !important;}
.pricing-card.featured{transform: none !important;}}
@media (max-width: 480px){body{padding-top: 60px !important;}
.hero{min-height: 60vh !important; padding-top: 60px !important;}
h1{font-size: clamp(1.6rem, 8vw, 2.2rem) !important;}
h2{font-size: clamp(1.3rem, 6vw, 1.8rem) !important;}
.stat-item{width: 100% !important;}
.stat-number{font-size: 2.2rem !important;}
.platform-number{font-size: 2.2rem !important;}
.container{padding: 0 14px !important;}
.platform-card{padding: 22px 16px !important;}
.hero-title{font-size: clamp(1.5rem, 9vw, 2rem) !important;}}
@media (max-width: 768px){body{padding-top: 64px !important;}
.wrap, .container, .hero-content, .section-inner, .content-wrap{padding-left: 16px !important; padding-right: 16px !important;}
[class*="grid"], [class*="-grid"]{grid-template-columns: 1fr !important;}
[class*="-row"]{flex-direction: column !important;}
[class*="-cols"]{columns: 1 !important;}
.comp-table, .comparison-table, table{font-size: 0.72rem !important; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}
img{max-width: 100% !important; height: auto !important;}
h1{font-size: clamp(26px, 7vw, 48px) !important;}
h2{font-size: clamp(22px, 5.5vw, 38px) !important;}
h3{font-size: clamp(18px, 4.5vw, 26px) !important;}
.cta-btn, .btn, .pricing-cta, .cta-card{display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 10px !important;}
.hero-actions, .cta-options, .btn-row{flex-direction: column !important; align-items: stretch !important;}
.chart-img, .chart-container{max-width: 100% !important; overflow-x: auto;}
.bar-chart, .chart-section{flex-direction: column !important;}
.pricing-grid, .price-grid, .plans-grid{grid-template-columns: 1fr !important; gap: 16px !important;}
.pricing-card.featured, .price-card.featured{transform: none !important;}
.stats-row, .stat-row, .metrics-row, .kpi-row, .hero-meta, .meta-row{flex-wrap: wrap !important; gap: 16px 24px !important;}
.hero-meta{flex-direction: column !important; gap: 12px !important;}
[class*="-card"], [class*="card-"]{margin-bottom: 12px;}
.scroll-progress{z-index: 9999 !important;}}
@media (max-width: 480px){.hero-badges, .badge-row{flex-wrap: wrap !important; gap: 8px !important;}
.eyebrow{font-size: 9px !important; letter-spacing: 0.16em !important;}
section, .section{padding: 60px 0 !important;}
.stat, .stat-item{min-width: 120px;}}
:root{--navy: #070a12; --navy2: #0b1025; --navy3: #0e1530; --navy4: #111b38; --cyan: #c9a84c; --cyan2: #b8964e; --cyan3: #e2c87e; --cyanl: #e2c87e; --teal: #3a6b9c; --teal2: #223e5a; --blue: #3a6b9c; --blue2: #223e5a; --white: #eae4d8; --light: #eae4d8; --light2: #c9c3b6; --muted: #8c8699; --muted2: #4e4a5e; --accent: #c9a84c; --accent2:#b8964e; --green: #4e7c52; --green2: #3d5f40; --greenl: #89a67e; --coral: #A33B2A; --red: #8a3223; --card: #0e1530; --card2: #111b38;}
*, *::before, *::after{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background:var(--navy); color:var(--light); line-height:1.6; overflow-x:hidden;}
h1, h2, h3, h4{font-weight:700; line-height:1.2;}
h1{font-size:clamp(2.2rem,4.5vw,3.8rem);}
h2{font-size:clamp(1.5rem,2.8vw,2.2rem);}
h3{font-size:clamp(1rem,1.8vw,1.3rem);}
p{color:var(--muted); line-height:1.7;}
.cyan{color:var(--cyanl);}
.teal{color:#26C6DA;}
.blue{color:#64B5F6;}
.green{color:var(--greenl);}
.white{color:var(--white);}
.muted{color:var(--muted);}
.gold{color:#29B6F6;}
.container{max-width:1140px; margin:0 auto; padding:0 2rem;}
section{padding:7rem 0;}
#hero{min-height:100vh; display:flex; align-items:center; padding-top:80px; position:relative; overflow:hidden;}
.glow{position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none;}
.glow-1{width:550px; height:550px; background:rgba(0,151,178,0.1); top:-80px; right:-80px;}
.glow-2{width:380px; height:380px; background:rgba(21,101,192,0.08); bottom:0; left:-40px;}
.hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center;}
.hero-eyebrow{display:inline-flex; align-items:center; gap:0.5rem; background:rgba(0,151,178,0.1); border:1px solid rgba(0,151,178,0.28); padding:0.35rem 0.9rem; border-radius:20px; font-size:0.77rem; font-weight:700; color:var(--cyanl); letter-spacing:1px; text-transform:uppercase; margin-bottom:1.5rem;}
.hero-eyebrow::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--cyanl); display:block;}
.hero-title{color:var(--white); margin-bottom:1.2rem;}
.hero-title em{font-style:normal; color:var(--cyanl);}
.hero-sub{font-size:1.05rem; margin-bottom:2.5rem; max-width:500px;}
.hero-actions{display:flex; gap:1rem; flex-wrap:wrap;}
.btn-primary{background:var(--cyan); color:var(--white); padding:0.85rem 2rem; border-radius:8px; font-weight:700; font-size:0.95rem; text-decoration:none; transition:all 0.2s; display:inline-flex; align-items:center; gap:0.5rem;}
.btn-primary:hover{background:var(--cyan3); transform:translateY(-2px); box-shadow:0 8px 30px rgba(0,151,178,0.25);}
.btn-secondary{border:1px solid rgba(0,151,178,0.38); color:var(--cyanl); padding:0.85rem 2rem; border-radius:8px; font-weight:600; font-size:0.95rem; text-decoration:none; transition:all 0.2s; display:inline-flex; align-items:center; gap:0.5rem;}
.btn-secondary:hover{background:rgba(0,151,178,0.08); border-color:var(--cyanl);}
.hero-stats{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.hero-stat{background:var(--navy3); border:1px solid rgba(0,151,178,0.15); border-radius:12px; padding:1.4rem 1.2rem; transition:border-color 0.2s,transform 0.2s;}
.hero-stat:hover{border-color:rgba(0,151,178,0.4); transform:translateY(-3px);}
.hero-stat-num{font-size:2rem; font-weight:800; color:var(--cyanl); line-height:1; margin-bottom:0.3rem;}
.hero-stat-lbl{font-size:0.82rem; color:var(--muted);}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr;}}
.section-label{font-size:0.75rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--cyanl); margin-bottom:0.8rem;}
.section-title{color:var(--white); margin-bottom:1rem;}
.section-sub{max-width:620px; font-size:1.05rem;}
.section-header{margin-bottom:4rem;}
.section-header.center{text-align:center;}
.section-header.center .section-sub{margin:0 auto;}
.divider{height:1px; background:linear-gradient(90deg,transparent,rgba(0,151,178,0.2),transparent);}
.problem-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem;}
.problem-card{background:var(--navy3); border-radius:12px; padding:1.8rem 1.5rem; border-top:3px solid var(--pc,var(--cyan)); transition:transform 0.2s;}
.problem-card:hover{transform:translateY(-4px);}
.problem-num{font-size:2.5rem; font-weight:900; opacity:0.12; line-height:1; margin-bottom:1rem; color:var(--pc,var(--cyan));}
.problem-card h3{color:var(--white); margin-bottom:0.5rem;}
.caps-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:1rem;}
.cap-card{background:var(--navy3); border:1px solid rgba(0,151,178,0.12); border-radius:10px; padding:1.3rem; display:flex; gap:0.8rem; align-items:flex-start; transition:border-color 0.2s,transform 0.2s;}
.cap-card:hover{border-color:rgba(0,151,178,0.38); transform:translateY(-3px);}
.cap-icon{font-size:1.6rem; flex-shrink:0;}
.cap-info h4{color:var(--white); font-size:0.88rem; margin-bottom:0.2rem;}
.cap-info p{font-size:0.78rem; margin:0;}
#how{background:var(--navy2);}
.steps-flow{display:flex; gap:0; overflow-x:auto; padding-bottom:1rem;}
.step-item{flex:1; min-width:155px; text-align:center; position:relative; padding:0 1rem;}
.step-item:not(:last-child)::after{content:'→'; position:absolute; right:-12px; top:28px; color:var(--cyan2); font-size:1.4rem;}
.step-circle{width:58px; height:58px; border-radius:50%; border:2px solid var(--sc,var(--cyanl)); display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; font-size:0.8rem; font-weight:800; color:var(--sc,var(--cyanl)); background:var(--navy3); transition:transform 0.2s;}
.step-item:hover .step-circle{transform:scale(1.1);}
.step-title{font-size:0.9rem; font-weight:700; color:var(--white); margin-bottom:0.3rem;}
.step-desc{font-size:0.78rem; color:var(--muted);}
.zh-bar{margin-top:3.5rem; background:var(--navy3); border:1px solid rgba(0,151,178,0.2); border-radius:12px; padding:1.5rem 2rem; display:flex; align-items:center; justify-content:center; gap:2.5rem; flex-wrap:wrap;}
.zh-item{font-size:0.87rem; font-weight:700; color:var(--cyanl);}
.zh-dot{width:5px; height:5px; border-radius:50%; background:var(--cyan2); flex-shrink:0;}
#science{background:var(--navy2);}
.science-grid{display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;}
.science-card{background:var(--navy3); border-radius:12px; padding:2rem; border-left:3px solid var(--sc2,var(--cyanl)); transition:transform 0.2s;}
.science-card:hover{transform:translateY(-3px);}
.science-card h3{color:var(--white); margin-bottom:0.25rem;}
.sci-sub{font-size:0.82rem; font-style:italic; margin-bottom:0.8rem;}
.tag{display:inline-block; font-size:0.72rem; font-weight:700; padding:0.2rem 0.7rem; border-radius:20px; letter-spacing:0.5px; margin-bottom:0.8rem;}
.tag.cyan{background:rgba(0,151,178,0.15); color:var(--cyanl);}
.tag.teal{background:rgba(0,121,107,0.2); color:#4DB6AC;}
.tag.blue{background:rgba(21,101,192,0.2); color:#64B5F6;}
.tag.green{background:rgba(46,125,50,0.2); color:#81C784;}
@media(max-width:640px){.science-grid{grid-template-columns:1fr;}}
.market-grid{display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;}
.tam-rings{position:relative; width:100%; aspect-ratio:1; max-width:400px; margin:0 auto;}
.tam-ring{position:absolute; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform 0.3s;}
.tam-ring:hover{transform:scale(1.03);}
.tam-ring.r1{inset:0; border:2px solid var(--cyan2); background:rgba(0,151,178,0.06);}
.tam-ring.r2{inset:12%; border:2px solid #1E88E5; background:rgba(30,136,229,0.07);}
.tam-ring.r3{inset:26%; border:2px solid var(--teal); background:rgba(0,121,107,0.1);}
.tam-label{position:absolute; text-align:center;}
.tam-label .num{font-size:1.4rem; font-weight:800; line-height:1;}
.tam-label .desc{font-size:0.68rem; color:var(--muted);}
.tam-l1{top:5%; left:5%;}
.tam-l2{top:22%; left:14%;}
.market-stats{display:grid; gap:1rem;}
.ms-card{background:var(--navy3); border-radius:10px; padding:1.2rem 1.5rem; border:1px solid rgba(0,151,178,0.12); display:flex; gap:1.2rem; align-items:center;}
.ms-num{font-size:1.7rem; font-weight:800; white-space:nowrap;}
.ms-info h4{color:var(--white); font-size:0.9rem;}
.ms-info p{font-size:0.8rem; margin:0;}
@media(max-width:768px){.market-grid{grid-template-columns:1fr;}}
#audience{background:var(--navy2);}
.audience-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem;}
.aud-card{background:var(--navy3); border-radius:14px; overflow:hidden; border:1px solid rgba(0,151,178,0.12); transition:transform 0.2s,border-color 0.2s;}
.aud-card:hover{transform:translateY(-5px); border-color:rgba(0,151,178,0.35);}
.aud-top{padding:2rem 1.5rem 1.5rem; border-bottom:1px solid rgba(255,255,255,0.06);}
.aud-icon{font-size:2.4rem; margin-bottom:0.8rem;}
.aud-top h3{color:var(--white); margin-bottom:0.2rem;}
.aud-sub{font-size:0.8rem; font-style:italic; margin-bottom:0;}
.aud-body{padding:1.2rem 1.5rem;}
.aud-pts{list-style:none;}
.aud-pts li{font-size:0.85rem; color:var(--light); padding:0.3rem 0; display:flex; gap:0.5rem;}
.aud-pts li::before{content:'✓'; color:var(--ac,var(--cyanl)); flex-shrink:0; font-weight:700;}
.aud-foot{padding:1rem 1.5rem; background:rgba(0,151,178,0.04); border-top:1px solid rgba(255,255,255,0.06);}
.aud-rev{font-size:1.2rem; font-weight:800;}
.aud-rev-sub{font-size:0.74rem; color:var(--muted);}
.compare-wrap{overflow-x:auto;}
table.compare{width:100%; border-collapse:collapse; font-size:0.87rem;}
table.compare th, table.compare td{padding:0.72rem 1rem; text-align:center; border-bottom:1px solid rgba(255,255,255,0.05);}
table.compare th{background:var(--navy3); color:var(--muted); font-weight:600; font-size:0.8rem;}
table.compare th.qcol{background:rgba(0,151,178,0.2); color:var(--cyanl);}
table.compare td:first-child{text-align:left; color:var(--light); font-weight:500;}
table.compare td.qcol{background:rgba(0,151,178,0.06); font-weight:700;}
table.compare tr:hover td{background:rgba(255,255,255,0.02);}
.ck{color:var(--greenl);}
.cx{color:#EF9A9A; opacity:0.8;}
.ch{color:#4FC3F7;}
.pricing-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1.5rem; align-items:start;}
.pricing-card{background:var(--navy3); border-radius:14px; border:1px solid rgba(0,151,178,0.12); overflow:hidden; transition:transform 0.2s;}
.pricing-card:hover{transform:translateY(-5px);}
.pricing-card.featured{border-color:var(--cyanl); box-shadow:0 0 40px rgba(0,151,178,0.12);}
.pricing-badge{background:var(--cyan); color:var(--white); font-size:0.7rem; font-weight:800; letter-spacing:1px; text-align:center; padding:0.35rem; text-transform:uppercase;}
.pricing-head{padding:1.8rem 1.5rem 1.2rem;}
.pricing-name{font-size:1rem; font-weight:800; color:var(--white); margin-bottom:0.4rem;}
.pricing-price{font-size:1.5rem; font-weight:800; line-height:1.2;}
.pricing-aud{font-size:0.8rem; font-style:italic; color:var(--muted); margin-top:0.5rem;}
.pricing-divider{height:1px; background:rgba(255,255,255,0.07); margin:0 1.5rem;}
.pricing-feats{padding:1.2rem 1.5rem 1.8rem; list-style:none;}
.pricing-feats li{padding:0.3rem 0; font-size:0.84rem; color:var(--light); display:flex; gap:0.5rem;}
.pricing-feats li::before{content:'—'; flex-shrink:0; color:var(--cyan2);}
.pricing-cta{display:block; margin:0 1.5rem 1.5rem; padding:0.65rem; text-align:center; border-radius:8px; font-size:0.88rem; font-weight:700; text-decoration:none; border:1px solid var(--cyan2); color:var(--cyanl); transition:background 0.2s,color 0.2s;}
.pricing-cta:hover{background:var(--cyan2); color:var(--white);}
.pricing-card.featured .pricing-cta{background:var(--cyan); color:var(--white); border-color:var(--cyan);}
.pricing-card.featured .pricing-cta:hover{background:var(--cyan3);}
#revenue{background:var(--navy2);}
.rev-grid{display:grid; grid-template-columns:1fr 300px; gap:4rem; align-items:center;}
@media(max-width:900px){.rev-grid{grid-template-columns:1fr;}}
.bar-chart{display:flex; flex-direction:column; gap:1.2rem;}
.bar-row{display:flex; flex-direction:column; gap:0.32rem;}
.bar-label{font-size:0.8rem; color:var(--muted); display:flex; justify-content:space-between;}
.bar-label .val{color:var(--white); font-weight:700;}
.bar-track{height:10px; background:rgba(255,255,255,0.06); border-radius:5px; overflow:hidden;}
.bar-fill{height:100%; border-radius:5px; transition:width 1.5s cubic-bezier(0.16,1,0.3,1);}
.rev-kpis{display:grid; gap:1rem;}
.kpi-card{background:var(--navy3); border-radius:10px; padding:1.3rem; border:1px solid rgba(0,151,178,0.1); text-align:center;}
.kpi-num{font-size:1.7rem; font-weight:800; line-height:1; margin-bottom:0.3rem;}
.kpi-lbl{font-size:0.8rem; color:var(--muted);}
.invest-grid{display:grid; grid-template-columns:1.2fr 1fr; gap:4rem; align-items:center;}
@media(max-width:768px){.invest-grid{grid-template-columns:1fr;}}
.invest-main{background:var(--navy3); border-radius:14px; border:2px solid var(--cyan); padding:2.5rem; box-shadow:0 0 50px rgba(0,151,178,0.1);}
.seek-label{font-size:0.72rem; font-weight:700; letter-spacing:2px; color:var(--muted); text-transform:uppercase; margin-bottom:0.5rem;}
.seek-amount{font-size:3.8rem; font-weight:900; color:var(--cyanl); line-height:1; margin-bottom:0.4rem;}
.seek-sub{color:var(--muted); font-size:0.9rem; margin-bottom:2rem;}
.ms-list{list-style:none; display:flex; flex-direction:column; gap:0.8rem;}
.ms-list li{display:flex; gap:1rem; align-items:flex-start; font-size:0.87rem;}
.ms-dot{width:22px; height:22px; border-radius:50%; background:var(--cyan); color:var(--white); display:flex; align-items:center; justify-content:center; font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;}
.ms-period{font-weight:700; color:var(--cyanl); white-space:nowrap; min-width:55px;}
.ms-goal{color:var(--light);}
.invest-metrics{display:grid; gap:1rem;}
.im-card{background:var(--navy3); border-radius:10px; padding:1.5rem; border:1px solid rgba(0,151,178,0.12);}
.im-label{font-size:0.74rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:0.3rem;}
.im-val{font-size:1.8rem; font-weight:800; line-height:1;}
.donut-wrap{position:relative; width:190px; height:190px; margin:0 auto 1.5rem;}
.donut-svg{width:100%; height:100%; transform:rotate(-90deg);}
.donut-c{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:0.7rem; color:var(--muted); text-align:center;}
.donut-legend{display:grid; grid-template-columns:1fr 1fr; gap:0.4rem 1.2rem;}
.leg-item{display:flex; gap:0.5rem; align-items:center; font-size:0.77rem; color:var(--muted);}
.leg-dot{width:10px; height:10px; border-radius:2px; flex-shrink:0;}
#moat{background:var(--navy2);}
.moat-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem;}
.moat-card{background:var(--navy3); border-radius:12px; padding:1.8rem; border:1px solid rgba(0,151,178,0.1); display:flex; gap:1.2rem; transition:transform 0.2s,border-color 0.2s;}
.moat-card:hover{transform:translateY(-4px); border-color:rgba(0,151,178,0.32);}
.moat-icon{font-size:2rem; flex-shrink:0;}
.moat-info h3{color:var(--white); margin-bottom:0.4rem; font-size:1.05rem;}
.road-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem;}
.road-card{border-radius:12px; overflow:hidden; border:1px solid rgba(0,151,178,0.1); transition:transform 0.2s;}
.road-card:hover{transform:translateY(-4px);}
.road-head{padding:1.2rem 1.4rem;}
.road-phase{font-weight:800; font-size:0.8rem; letter-spacing:1px; text-transform:uppercase;}
.road-period{font-size:0.75rem; opacity:0.85;}
.road-title{font-weight:800; font-size:1.1rem; margin-top:0.3rem;}
.road-body{background:var(--navy3); padding:1.2rem 1.4rem;}
.road-items{list-style:none;}
.road-items li{font-size:0.84rem; color:var(--light); padding:0.28rem 0; display:flex; gap:0.5rem;}
.road-items li::before{content:'→'; flex-shrink:0; opacity:0.45;}
#cta{background:linear-gradient(135deg,var(--navy2) 0%,#0A1530 50%,var(--navy) 100%); text-align:center; position:relative; overflow:hidden;}
.cta-glow{position:absolute; width:700px; height:700px; border-radius:50%; filter:blur(100px); background:rgba(0,151,178,0.07); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;}
.cta-title{color:var(--white); margin-bottom:1rem; position:relative;}
.cta-sub{max-width:580px; margin:0 auto 3rem; font-size:1.05rem; position:relative;}
.cta-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem; position:relative;}
.cta-card{background:var(--navy3); border-radius:12px; padding:2rem 1.5rem; border:2px solid transparent; transition:border-color 0.2s,transform 0.2s; text-decoration:none; color:var(--light, #E3F2FD); display:block;}
.cta-card:hover{transform:translateY(-5px);}
.cta-card.c1{border-color:rgba(0,151,178,0.3);}
.cta-card:hover.c1{border-color:var(--cyanl);}
.cta-card.c2{border-color:rgba(0,121,107,0.3);}
.cta-card:hover.c2{border-color:#4DB6AC;}
.cta-card.c3{border-color:rgba(21,101,192,0.3);}
.cta-card:hover.c3{border-color:#64B5F6;}
.cta-lbl{font-size:0.78rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:0.5rem;}
.cta-card h3{color:var(--white, #FFFFFF); font-size:1.12rem; margin-bottom:0.5rem;}
.cta-card p{font-size:0.87rem; margin:0; color:var(--light, #E3F2FD);}
.disclaimer{background:rgba(0,151,178,0.05); border:1px solid rgba(0,151,178,0.15); border-radius:10px; padding:1rem 1.4rem; margin-top:3rem; font-size:0.8rem; color:var(--muted2); text-align:center; line-height:1.6;}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:none;}}
.fade-up{animation:fadeUp 0.65s ease both;}
.fade-up.d1{animation-delay:0.1s;}
.fade-up.d2{animation-delay:0.2s;}
.fade-up.d3{animation-delay:0.3s;}
.fade-up.d4{animation-delay:0.4s;}
[data-reveal]{opacity:0; transform:translateY(18px); transition:opacity 0.6s ease,transform 0.6s ease;}
[data-reveal].visible{opacity:1; transform:none;}
h1, h2, h3, .hero-title, .section-title, .pricing-name, .cta-title, .moat-info h3, .science-card h3, .pricing-price, .kpi-num, .hero-stat-num, .invest-main .im-val, .ms-num, .tam-l1, .tam-l2, .seek-amount{font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important; font-weight: 400 !important; letter-spacing: -0.01em;}
.section-label, .hero-eyebrow, .tag, .pricing-badge, .hero-stat-lbl, .kpi-lbl, .im-label, .tam-label, .seek-label, .ms-period, .bar-label{font-family: 'JetBrains Mono', ui-monospace, monospace !important; letter-spacing: 0.16em !important; text-transform: uppercase; font-weight: 500;}
.hero-title{font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: 1.04;}
.hero-title em{font-style: italic; color: var(--cyan);}
.section-title{font-size: clamp(2.2rem, 3.6vw, 3.4rem); line-height: 1.12; font-weight: 400;}
.section-title em{font-style: italic; color: var(--cyan);}
.hero-sub, .section-sub{color: var(--muted); font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.2rem;}
.problem-card, .cap-card, .science-card, .moat-card, .pricing-card, .aud-card, .kpi-card, .ms-card, .cta-card, .step-item{background: var(--card) !important; border: 1px solid rgba(234,228,216,0.06) !important; border-radius: 4px !important;}
.btn-primary, .pricing-cta{background: var(--cyan) !important; color: #070a12 !important; border: 1px solid var(--cyan) !important; font-family: 'JetBrains Mono', ui-monospace, monospace !important; letter-spacing: 0.18em !important; text-transform: uppercase; font-weight: 500; border-radius: 2px !important;}
.btn-primary:hover, .pricing-cta:hover{background: var(--cyanl) !important; border-color: var(--cyanl) !important;}
.btn-secondary{background: transparent !important; color: var(--cyan) !important; border: 1px solid var(--cyan) !important; font-family: 'JetBrains Mono', ui-monospace, monospace !important; letter-spacing: 0.18em !important; text-transform: uppercase; font-weight: 500; border-radius: 2px !important;}
.kpi-num, .hero-stat-num, .ms-num, .pricing-price, .seek-amount, .tam-l1, .im-val, .invest-main .val, .problem-num{color: var(--cyan) !important;}