:root{--background:#070a12;--panel:#101827;--panel-soft:#101827b8;--border:#1e293b;--text:#f8fafc;--muted:#94a3b8;--blue:#3b82f6;--green:#22c55e;--violet:#8b5cf6;--cyan:#06b6d4;--shadow:0 24px 80px #00000073;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#3b82f62e,#0000 28rem),radial-gradient(circle at 82% 6%,#8b5cf621,#0000 25rem),linear-gradient(#070a12 0%,#0a1020 48%,#070a12 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0}.logo{isolation:isolate;letter-spacing:0;align-items:center;font-weight:760;display:inline-flex;position:relative}.logo img{object-fit:contain;width:auto;height:42px;display:block}.nav-links{color:var(--muted);align-items:center;gap:24px;font-size:14px;display:none}.nav-links a:hover,.footer a:hover{color:var(--text)}.nav-cta{color:#dbeafe;background:#3b82f61a;border:1px solid #3b82f657;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:650;display:inline-flex}.hero,section{width:min(1180px,100% - 32px);margin:0 auto}.hero{align-items:center;gap:34px;padding:62px 0 76px;display:grid}.hero-copy{max-width:720px}.eyebrow,.panel-kicker{color:#a5f3fc;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:720;display:inline-flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:820px;margin-top:18px;font-size:clamp(42px,10vw,76px);line-height:.95}.hero-copy p{max-width:690px;color:var(--muted);margin-top:24px;font-size:clamp(17px,4vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:760;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover,.product-link:hover,.nav-cta:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;box-shadow:0 16px 44px #3b82f647}.button.secondary{color:#dbeafe;background:#10182794;border:1px solid #94a3b838}.arrow{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.hero-visual{position:relative}.hero-visual:before{content:"";filter:blur(40px);background:linear-gradient(135deg,#3b82f62e,#22c55e17);position:absolute;inset:10% -10% -8% 18%}.dashboard-shell,.pillar-card,.product-card,.mockup,.final-cta,.problem-card,.benefit-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#101827d1,#090e19b8);border:1px solid #94a3b829}.dashboard-shell{border-radius:24px;padding:16px;position:relative}.dashboard-topbar,.mockup-header,.panel-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-topbar strong,.mockup-header h3{margin-top:6px;font-size:18px;display:block}.live-pill{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:760;display:inline-flex}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.metric-card{background:#070a128a;border:1px solid #94a3b821;border-radius:16px;min-height:98px;padding:14px}.metric-card span,.mockup-stats span,.client-row span,.product-card li,.footer,.recommendation-panel p{color:var(--muted)}.metric-card strong{margin-top:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:24px;display:block}.metric-card.green strong{color:var(--green)}.metric-card.blue strong{color:#93c5fd}.metric-card.cyan strong{color:#67e8f9}.metric-card.violet strong{color:#c4b5fd}.signal-card{background:#8b5cf61a;border:1px solid #8b5cf63d;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.signal-card strong{margin-top:5px;font-size:14px;display:block}.signal-card a{color:#ddd6fe;flex:none;font-size:13px;font-weight:760}section{padding:76px 0}.section-header{max-width:780px;margin-bottom:28px}.section-header h2,.ai-copy h2,.final-cta h2{letter-spacing:0;margin-top:12px;font-size:clamp(31px,8vw,52px);line-height:1.02}.section-header p,.ai-copy p,.final-cta p{color:var(--muted);margin-top:16px;font-size:17px;line-height:1.65}.problem-grid,.benefit-grid,.audience-grid,.ai-grid{gap:12px;display:grid}.problem-card,.benefit-card{border-radius:var(--radius);min-height:82px;box-shadow:none;align-items:flex-start;gap:12px;padding:18px;display:flex}.problem-card span,.benefit-card span{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:999px;flex:none;width:9px;height:9px;margin-top:7px}.problem-card p,.benefit-card p{color:#dbeafe;line-height:1.45}.pillar-grid,.product-grid{gap:16px;display:grid}.pillar-card,.product-card{border-radius:22px;padding:24px}.pillar-number{color:var(--cyan);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:760}.pillar-card h3,.product-card h3{margin-top:20px;font-size:24px}.pillar-card p,.product-card p{color:var(--muted);margin-top:12px;line-height:1.62}.tag-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag-list span,.audience-grid span,.ai-action{color:#dbeafe;background:#94a3b812;border:1px solid #94a3b826;border-radius:999px}.tag-list span{padding:8px 10px;font-size:13px}.product-card{flex-direction:column;display:flex}.product-card ul{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.product-card li{align-items:center;gap:10px;display:flex}.product-card li:before{content:"";background:var(--green);border-radius:999px;width:7px;height:7px}.product-link{color:#93c5fd;align-items:center;gap:10px;width:fit-content;margin-top:auto;font-weight:760;transition:transform .18s;display:inline-flex}.ai-section{gap:28px;display:grid}.ai-copy{max-width:650px}.ai-action{padding:15px 16px}.mockup{border-radius:26px;grid-template-columns:54px 1fr;gap:0;min-height:540px;display:grid;overflow:hidden}.mockup-sidebar{background:#070a1285;border-right:1px solid #94a3b81f;flex-direction:column;align-items:center;gap:16px;padding:16px 10px;display:flex}.brand-mark,.mockup-sidebar span:not(.brand-mark){border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--cyan));font-weight:800}.mockup-sidebar span:not(.brand-mark){background:#94a3b80f;border:1px solid #94a3b81a}.mockup-main{min-width:0;padding:18px}.mockup-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.mockup-stats div{background:#070a1280;border:1px solid #94a3b821;border-radius:16px;min-height:92px;padding:14px}.mockup-stats strong{margin-top:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:23px;display:block}.mockup-content{gap:12px;margin-top:12px;display:grid}.performance-panel,.recommendation-panel{background:#070a1270;border:1px solid #94a3b81f;border-radius:18px;padding:16px}.panel-title strong{color:var(--green);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.client-row{border-bottom:1px solid #94a3b81a;grid-template-columns:1.2fr .85fr .5fr;align-items:center;gap:8px;min-height:58px;font-size:13px;display:grid}.client-row:last-child{border-bottom:0}.client-row strong{color:#93c5fd;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.client-row em{color:#a5f3fc;background:#06b6d41a;border-radius:999px;grid-column:1/-1;width:fit-content;padding:5px 8px;font-size:12px;font-style:normal}.recommendation-panel strong{margin-top:8px;font-size:20px;display:block}.recommendation-panel p{margin-top:12px;line-height:1.6}.bars{gap:8px;margin-top:18px;display:grid}.bars span{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:999px;height:9px}.bars span:nth-child(2){background:linear-gradient(90deg, var(--violet), var(--blue));width:72%}.bars span:nth-child(3){background:linear-gradient(90deg, var(--green), var(--cyan));width:54%}.audience-grid span{text-align:center;padding:14px 16px}.final-cta{text-align:center;border-radius:28px;margin-top:40px;padding:38px 22px}.final-cta .button{margin-top:26px}.footer{border-top:1px solid #94a3b81f;gap:18px;width:min(1180px,100% - 32px);margin:0 auto;padding:44px 0 34px;font-size:14px;display:grid}.footer div{flex-wrap:wrap;gap:14px 22px;display:flex}@media (min-width:680px){.nav-links{display:flex}.problem-grid,.benefit-grid,.audience-grid,.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.mockup-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-content{grid-template-columns:1.3fr .85fr}.client-row{grid-template-columns:1.1fr .7fr .45fr .85fr}.client-row em{grid-column:auto}.final-cta{padding:58px 46px}}@media (min-width:940px){.hero{grid-template-columns:.95fr 1.05fr;padding-top:86px}.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-grid,.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-section{grid-template-columns:.9fr 1.1fr;align-items:center}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:430px){.nav{width:min(100% - 24px,1180px)}.nav-cta{padding:0 12px;font-size:13px}.logo img{max-width:142px;height:34px}.hero,section,.footer{width:min(100% - 24px,1180px)}.hero{padding-top:42px}.metric-grid,.mockup{grid-template-columns:1fr}.mockup-sidebar{display:none}}