:root{--bg:#050505;--bg-2:#0d0d0d;--panel:hsla(0,0%,100%,.04);--panel-border:hsla(0,0%,100%,.08);--gold-1:#b88918;--gold-2:#f2d27b;--gold-3:#8d6810;--text:#fff;--muted:#a1a1aa}*{margin:0;padding:0;box-sizing:border-box}.page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(184,137,24,.18),transparent 25%),radial-gradient(circle at top left,hsla(0,0%,100%,.04),transparent 20%),linear-gradient(180deg,#030303,#0b0b0b);color:var(--text);font-family:Inter,sans-serif}.page a{text-decoration:none}.page .header{position:fixed;width:100%;top:0;z-index:50;padding:24px 60px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(0,0,0,.45);border-bottom:1px solid hsla(0,0%,100%,.04)}.page .logo{font-size:24px;font-weight:800;color:var(--gold-2)}.page nav{display:flex;gap:28px}.page .secondary-link,.page nav a{color:hsla(0,0%,100%,.8);transition:.3s}.page .secondary-link:hover,.page nav a:hover{color:#fff}.page .header-actions{display:flex;align-items:center;gap:18px}.page .secondary-link{display:flex;gap:8px;align-items:center}.page .hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:60px;gap:60px;align-items:center;padding:140px 60px 80px}.page .hero-light{position:absolute;border-radius:999px;filter:blur(80px)}.page .light-1{width:500px;height:500px;background:rgba(184,137,24,.14);top:0;right:10%}.page .light-2{width:400px;height:400px;background:hsla(0,0%,100%,.05);bottom:10%;left:10%}.page .eyebrow{color:var(--gold-2);font-size:13px;letter-spacing:2px;font-weight:600}.page .hero h1{margin-top:20px;font-size:78px;line-height:.95;font-weight:800;max-width:720px}.page .hero h1 span{color:var(--gold-2)}.page .hero p{margin-top:28px;color:var(--muted);font-size:20px;line-height:1.7;max-width:620px}.page .hero-actions{margin-top:36px}.page .gold-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--gold-3),var(--gold-1),var(--gold-2));color:#000;border:none;padding:18px 28px;border-radius:16px;font-weight:800;cursor:pointer;box-shadow:0 15px 35px rgba(184,137,24,.25),inset 0 1px 1px hsla(0,0%,100%,.25);transition:.3s}.page .gold-button:hover{transform:translateY(-3px)}.page .gold-button.full{width:100%;justify-content:center}.page .hero-proof{display:flex;gap:18px;margin-top:24px;color:hsla(0,0%,100%,.65)}.page .mockup-area{position:relative}.page .desktop-mockup{width:100%;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 80px rgba(0,0,0,.45)}.page .browser-bar{display:flex;gap:8px;margin-bottom:18px}.page .browser-bar span{width:12px;height:12px;border-radius:999px;background:hsla(0,0%,100%,.25)}.page .dashboard-screen{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.page .chart-card,.page .metric-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:18px}.page .metric-card{padding:24px;display:flex;flex-direction:column;gap:12px}.page .metric-label{font-size:12px;color:hsla(0,0%,100%,.55);text-transform:uppercase;letter-spacing:1px}.page .metric-card strong{font-size:28px}.page .mini-bar{width:100%;height:8px;border-radius:999px;background:hsla(0,0%,100%,.05);overflow:hidden}.page .mini-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-1),var(--gold-2))}.page .large-chart{grid-column:span 2;min-height:280px;padding:24px}.page .chart-header{display:flex;justify-content:space-between;margin-bottom:28px;font-size:14px;color:hsla(0,0%,100%,.65)}.page .chart-visual{height:160px;display:flex;align-items:end;gap:16px}.page .bar{flex:1 1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--gold-2),var(--gold-1))}.page .h1{height:35%}.page .h2{height:52%}.page .h3{height:48%}.page .h4{height:74%}.page .h5{height:68%}.page .h6{height:92%}.page .chart-line{margin-top:24px;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);opacity:.8}.page .mobile-mockup{position:absolute;width:180px;height:360px;right:-30px;bottom:-30px;border-radius:28px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);padding:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page .mobile-screen{display:flex;flex-direction:column;gap:14px}.page .mobile-chart{height:160px;border-radius:18px;background:hsla(0,0%,100%,.06)}.page .mobile-chart.small{height:100px}.page .benefits,.page .footer,.page .pricing,.page .results{padding:120px 60px}.page .footer h2,.page .results h2,.page .section-header h2{margin-top:12px;font-size:52px;max-width:780px}.page .features-grid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.page .feature-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:22px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page .feature-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(184,137,24,.12);color:var(--gold-2)}.page .feature-card h3{margin-top:20px;margin-bottom:14px}.page .feature-card p{color:var(--muted);line-height:1.6}.page .pricing-card,.page .results-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:24px;padding:40px}.page .results-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.page .results-grid div{padding:18px;border-radius:16px;background:hsla(0,0%,100%,.03)}.page .pricing-card{max-width:700px;margin:0 auto}.page .pricing-label{color:var(--gold-2);font-size:13px;letter-spacing:2px}.page .price{margin:20px 0;font-size:72px;font-weight:800}.page .pricing-card p{color:var(--muted)}.page ul{margin:30px 0;list-style:none;display:grid;grid-gap:16px;gap:16px}.page li{display:flex;gap:12px;align-items:center;color:var(--muted)}.page .footer{text-align:center;border-top:1px solid hsla(0,0%,100%,.05)}.page .footer a,.page .footer button{margin-top:30px}@media (max-width:980px){.page .features-grid,.page .hero,.page .results-grid{grid-template-columns:1fr}.page nav{display:none}.page .header{padding:20px}.page .benefits,.page .footer,.page .hero,.page .pricing,.page .results{padding-left:20px;padding-right:20px}.page .hero h1{font-size:46px}.page .mobile-mockup{display:none}}