html { scroll-behavior: smooth; }
body { margin:0; background:radial-gradient(circle at top, #0d1728 0%, #06101f 45%, #040811 100%); color:#fff; font-family:'Helvetica Neue', Arial, sans-serif; line-height:1.6; }
* { box-sizing:border-box; }
a { color:inherit; }
.container { width:min(1200px, calc(100% - 40px)); margin:0 auto; }
.site-header { position:fixed; top:0; left:0; width:100%; z-index:999; backdrop-filter:blur(18px); background:rgba(8,10,16,.72); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:0 10px 30px rgba(0,0,0,.25); }
.nav-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; }
.brand-wrap { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.5px; }
.brand-mark { width:14px; height:14px; background:linear-gradient(135deg, #f0d79a, #c8a45d); border-radius:3px; box-shadow:0 0 18px rgba(200,164,93,.65); }
.site-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.site-nav a { text-decoration:none; font-size:14px; opacity:.88; transition:.25s ease; padding:8px 10px; border-radius:999px; }
.site-nav a:hover { color:#0b0f17; background:#e7d3a2; opacity:1; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 22px; border-radius:999px; text-decoration:none; font-weight:700; font-size:14px; border:0; transition:.25s ease; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:linear-gradient(135deg, #f0d79a, #c8a45d); color:#08101d; }
.btn-secondary { background:rgba(255,255,255,.05); color:#fff; border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); }
.hero-section { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; padding-top:96px; background:radial-gradient(circle at 50% 0%, rgba(200,164,93,.14), transparent 28%), radial-gradient(circle at bottom right, rgba(231,211,162,.08), transparent 30%); }
.hero-overlay { position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; opacity:.12; transform:scale(1.08); filter:saturate(1.05) contrast(1.05); }
.hero-content { position:relative; text-align:center; padding:40px 0; }
.eyebrow { letter-spacing:4px; font-size:12px; color:#e7d3a2; margin-bottom:16px; text-transform:uppercase; }
.hero-content h1 { font-size:clamp(38px, 6vw, 66px); line-height:1.03; margin:0 0 20px; text-wrap:balance; text-shadow:0 8px 24px rgba(0,0,0,.28); }
.hero-text { opacity:.9; font-size:18px; max-width:760px; margin:0 auto 34px; color:#f3efe3; }
.hero-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.content-section { padding:108px 0; position:relative; }
.content-section::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 20%, rgba(255,255,255,.02)); pointer-events:none; }
.alt-section { background:rgba(255,255,255,.02); }
.section-head { text-align:center; margin-bottom:32px; }
.section-head.left-align { text-align:left; }
.section-head h2 { font-size:clamp(30px, 4vw, 44px); margin:0 0 12px; text-wrap:balance; }
.section-head p { opacity:.8; max-width:780px; margin:0 auto; color:#e9e1ca; }
.section-head.left-align p { margin-left:0; }
.carousel-header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.carousel-header p { color:#e8dfc0; font-size:14px; opacity:.9; }
.carousel-controls { display:flex; gap:10px; }
.carousel-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(320px, 380px); gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:8px 6px 18px; }
.carousel-track::-webkit-scrollbar { height:10px; }
.carousel-track::-webkit-scrollbar-track { background:#08101d; border-radius:999px; }
.carousel-track::-webkit-scrollbar-thumb { background:linear-gradient(90deg, #c8a45d, #f0d79a); border-radius:999px; }
.card { position:relative; display:flex; flex-direction:column; padding:30px; background:linear-gradient(160deg, rgba(16,35,72,.98), rgba(7,18,36,.98)); border:1px solid rgba(200,164,93,.75); border-radius:24px; box-shadow:0 18px 40px rgba(0,0,0,.34), inset 0 0 22px rgba(255, 215, 120, .08); color:#ece2c4; scroll-snap-align:start; backdrop-filter:blur(8px); }
.card::after { content:''; position:absolute; inset:0; border-radius:24px; padding:1px; background:linear-gradient(135deg, rgba(255,255,255,.28), transparent 30%, transparent 70%, rgba(255,255,255,.12)); pointer-events:none; }
.card.featured { border-width:2px; transform:translateY(-4px); }
.featured-badge { position:absolute; top:16px; right:16px; background:linear-gradient(135deg, #f0d79a, #c8a45d); color:#08101d; font-size:11px; padding:7px 11px; border-radius:999px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 10px 20px rgba(0,0,0,.2); }
.card-tag { font-size:11px; letter-spacing:2px; color:#f0d79a; text-transform:uppercase; font-weight:800; }
.card h3 { margin:10px 0 8px; font-size:25px; line-height:1.15; color:#fff2cf; font-family:Georgia, serif; }
.card p { opacity:.88; font-size:14px; margin:0 0 18px; color:#efe6cc; }
.price-block { margin:10px 0 18px; padding:16px 0; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }
.price-block span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:1.3px; color:#e8dfc0; margin-bottom:7px; }
.price-block strong { display:block; font-size:44px; line-height:1; font-weight:800; color:#fff2cf; font-family:Georgia, serif; }
.price-block small { display:block; margin-top:8px; font-size:13px; color:#d7caa0; }
.card ul { margin:0 0 18px; padding:0; list-style:none; }
.card li { padding:10px 0 10px 18px; border-bottom:1px solid rgba(255,255,255,.07); font-size:14px; position:relative; }
.card li::before { content:'•'; position:absolute; left:0; color:#f0d79a; }
.annual-card { max-width:920px; margin:0 auto; }
.two-col { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.feature-stack,.steps-grid { display:grid; gap:16px; }
.mini-card { background:rgba(255,255,255,.04); padding:26px; border-radius:20px; border:1px solid rgba(255,255,255,.09); box-shadow:0 12px 30px rgba(0,0,0,.16); }
.mini-card h3 { margin-top:0; }
.stats-section { background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); }
.stats-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin-top:42px; text-align:center; }
.stat-item { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:28px 18px; box-shadow:0 12px 30px rgba(0,0,0,.15); }
.stat-item strong { display:block; font-size:42px; color:#f0d79a; margin-bottom:10px; }
.stat-item span { color:#e8dfc0; }
.contact-box { max-width:760px; margin:0 auto; text-align:center; background:rgba(255,255,255,.04); padding:30px; border-radius:22px; border:1px solid rgba(255,255,255,.09); box-shadow:0 14px 32px rgba(0,0,0,.16); }
@media(max-width:900px){ .two-col,.stats-grid { grid-template-columns:1fr; } }
@media(max-width:768px){ .site-nav { display:none; } .nav-inner { padding:16px 0; } .content-section { padding:82px 0; } .carousel-track { grid-auto-columns:88%; } .carousel-header { align-items:flex-start; } .hero-text { font-size:16px; } }
@media (prefers-reduced-motion: reduce){ html { scroll-behavior:auto; } .hero-overlay { animation:none; } .carousel-track { scroll-behavior:auto; } .btn:hover { transform:none; } }