:root{--bg:#080b12;--card:#111827;--card2:#172033;--text:#f9fafb;--muted:#9ca3af;--gold:#facc15;--blue:#38bdf8;--green:#22c55e;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#05070c,#101827 55%,#1f1600);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:rgba(5,7,12,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(250,204,21,.18)}.brand{font-size:22px;font-weight:900;color:var(--gold)}nav a{margin-left:16px;color:#e5e7eb}.wrap{max-width:1180px;margin:auto;padding:34px 18px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;min-height:72vh}.hero h1{font-size:54px;line-height:1.02;margin:0 0 16px}.grad{color:var(--gold)}.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.25);padding:24px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat{background:var(--card);padding:18px;border-left:4px solid var(--gold)}.stat b{display:block;font-size:30px}.btn,button{display:inline-block;border:0;background:linear-gradient(135deg,var(--gold),#f59e0b);color:#111;padding:12px 18px;font-weight:800;cursor:pointer}.btn.alt{background:#1f2937;color:#fff;border:1px solid #374151}.btn.small{padding:8px 12px}.danger{background:var(--red)!important;color:#fff}input,select,textarea{width:100%;padding:12px;margin:7px 0 14px;border:1px solid #374151;background:#0b1220;color:#fff}label{color:#d1d5db;font-weight:700}.sidebar-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}.sidebar{background:#0b1220;border:1px solid #23304a;padding:18px;height:max-content}.sidebar a{display:block;padding:11px;border-bottom:1px solid #1f2937;color:#d1d5db}.sidebar a:hover{color:var(--gold)}table{width:100%;border-collapse:collapse;background:#0b1220}th,td{padding:12px;border-bottom:1px solid #1f2937;text-align:left}th{color:var(--gold)}.badge{padding:5px 8px;background:#243047;color:#fff;font-size:12px}.preview{width:100%;min-height:620px;background:white;border:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery img{width:100%;height:130px;object-fit:cover;border:1px solid rgba(250,204,21,.3)}@media(max-width:800px){.hero,.grid,.grid2,.sidebar-layout{grid-template-columns:1fr}.hero h1{font-size:36px}nav a{margin-left:8px}.gallery{grid-template-columns:repeat(2,1fr)}}
/* Premium black, yellow and gold SaaS landing page */
.topbar{background:rgba(3,4,7,.86);border-bottom:1px solid rgba(234,179,8,.22);box-shadow:0 10px 40px rgba(0,0,0,.45)}
.brand{letter-spacing:.3px;background:linear-gradient(135deg,#fff7cc,#eab308,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{font-weight:700;color:#d6d3d1}.topbar .btn{border-radius:12px;box-shadow:0 0 25px rgba(234,179,8,.3)}
.landing-hero{position:relative;overflow:hidden;min-height:760px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 20px;border:1px solid rgba(234,179,8,.15);background:radial-gradient(circle at center,rgba(234,179,8,.20),rgba(8,8,8,.55) 34%,#030407 72%),linear-gradient(135deg,#030407,#0f0b00);box-shadow:inset 0 0 120px rgba(234,179,8,.08);}
.landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,179,8,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(234,179,8,.055) 1px,transparent 1px);background-size:42px 42px;opacity:.55;mask-image:radial-gradient(circle at center,#000,transparent 74%)}
.landing-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 1px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(255,255,255,.55) 1px,transparent 2px),radial-gradient(circle at 82% 64%,rgba(255,255,255,.45) 1px,transparent 2px),radial-gradient(circle at 35% 75%,rgba(255,255,255,.5) 1px,transparent 2px);background-size:360px 280px;opacity:.5}
.hero-glow{position:absolute;border-radius:999px;filter:blur(35px);opacity:.45}.hero-glow-one{width:420px;height:420px;background:#eab308;top:25%;left:50%;transform:translateX(-50%)}.hero-glow-two{width:260px;height:260px;background:#f59e0b;right:12%;top:16%}
.hero-badge,.landing-hero h1,.hero-subtitle,.hero-actions,.hero-checks,.hero-stats{position:relative;z-index:2}.hero-badge{display:inline-flex;gap:8px;align-items:center;padding:11px 20px;margin-bottom:30px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(234,179,8,.28);color:#fde68a;box-shadow:0 0 30px rgba(234,179,8,.15);font-weight:800}.landing-hero h1{max-width:950px;margin:0;font-size:72px;line-height:1.02;letter-spacing:-2.5px;font-weight:1000;background:linear-gradient(135deg,#fff7cc,#facc15 36%,#d97706 74%,#fff3b0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(234,179,8,.12)}.landing-hero h1 span{display:block}.hero-subtitle{max-width:760px;margin:28px auto 0;color:#f5f5f4;font-size:20px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;margin-top:34px;flex-wrap:wrap}.btn-gold,.btn-dark{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:14px;font-weight:900;text-decoration:none}.btn-gold{background:linear-gradient(135deg,#fde047,#eab308,#b45309);color:#120d00;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 35px rgba(234,179,8,.35)}.btn-dark{background:rgba(0,0,0,.68);color:#fde68a;border:1px solid rgba(234,179,8,.25)}.btn-gold:hover,.btn-dark:hover{transform:translateY(-2px);transition:.2s}.hero-checks{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-top:42px;color:#fff7ed;font-weight:800}.hero-checks span{color:#fef3c7}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;width:min(980px,100%);margin-top:64px}.hero-stats div{padding:28px 18px;border-radius:18px;background:rgba(0,0,0,.72);border:1px solid rgba(234,179,8,.18);box-shadow:0 18px 50px rgba(0,0,0,.38)}.hero-stats b{display:block;font-size:36px;background:linear-gradient(135deg,#fff7cc,#facc15,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats small{display:block;margin-top:8px;color:#d6d3d1;font-weight:800}.feature-section,.pricing-section,.asset-section{padding:70px 0}.section-title{text-align:center;margin-bottom:30px}.section-title span{color:#facc15;font-weight:1000;text-transform:uppercase;letter-spacing:2px}.section-title h2{font-size:40px;margin:10px 0 0}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card,.price-card{position:relative;background:linear-gradient(180deg,rgba(24,24,27,.98),rgba(5,5,5,.98));border:1px solid rgba(234,179,8,.18);padding:28px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.feature-card h3,.price-card h3{color:#fde68a;margin-top:0}.feature-card p,.price-card p{color:#d6d3d1;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,1fr)}.price-card.popular{border-color:rgba(250,204,21,.75);box-shadow:0 0 45px rgba(234,179,8,.18)}.tag{position:absolute;right:18px;top:18px;background:#facc15;color:#111;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:1000}.price{font-size:44px;font-weight:1000;color:#fff7cc;margin:14px 0}.price span{font-size:15px;color:#d6d3d1}.full{width:100%;margin-top:12px}.premium-gallery img{border-radius:16px;border-color:rgba(234,179,8,.22);box-shadow:0 18px 45px rgba(0,0,0,.35)}
@media(max-width:900px){.landing-hero{min-height:auto;padding:80px 16px}.landing-hero h1{font-size:44px}.hero-subtitle{font-size:17px}.hero-stats,.feature-grid,.pricing-grid{grid-template-columns:1fr}.hero-checks{gap:14px}.section-title h2{font-size:30px}}

/* ===== Homepage V3: premium black / gold / yellow SaaS landing ===== */
.wrap{max-width:1240px}.topbar{border-bottom:1px solid rgba(245,158,11,.18);background:rgba(5,5,5,.82);backdrop-filter:blur(18px)}
.topbar nav a{padding:10px 12px;border-radius:999px}.topbar nav a:hover{background:rgba(245,158,11,.11);color:#facc15}.topbar .btn.small{background:linear-gradient(135deg,#fef3c7,#facc15,#d97706);color:#111;border-radius:999px;box-shadow:0 0 30px rgba(250,204,21,.22)}
.home-hero{position:relative;min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:74px 0 56px;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:-40px -80px;background:radial-gradient(circle at 18% 20%,rgba(250,204,21,.22),transparent 28%),radial-gradient(circle at 74% 25%,rgba(245,158,11,.18),transparent 26%),linear-gradient(135deg,#030303,#0b0902 52%,#151006);z-index:-3}.home-hero:after{content:"";position:absolute;inset:-20px;background-image:linear-gradient(rgba(250,204,21,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(250,204,21,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000,transparent 82%);z-index:-2}.hero-bg-orb{position:absolute;border-radius:999px;filter:blur(45px);opacity:.55;z-index:-1}.orb-a{width:340px;height:340px;background:#eab308;left:45%;top:22%}.orb-b{width:230px;height:230px;background:#92400e;right:4%;bottom:16%}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:22px;border:1px solid rgba(250,204,21,.28);border-radius:999px;background:rgba(0,0,0,.42);color:#fde68a;font-weight:900;box-shadow:0 0 28px rgba(250,204,21,.12)}.hero-copy h1{max-width:700px;margin:0;font-size:72px;line-height:.98;letter-spacing:-3px;font-weight:1000;background:linear-gradient(135deg,#fff7cc 0%,#facc15 34%,#d97706 70%,#fff1a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:650px;margin:24px 0 0;font-size:19px;line-height:1.75;color:#e7e5e4}.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.gold-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;border-radius:16px;font-weight:1000;letter-spacing:.1px;transition:.2s}.gold-btn{background:linear-gradient(135deg,#fff7cc,#facc15 42%,#d97706);color:#111;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 50px rgba(250,204,21,.22),inset 0 1px rgba(255,255,255,.45)}.outline-btn{background:rgba(0,0,0,.36);color:#fde68a;border:1px solid rgba(250,204,21,.28)}.gold-btn:hover,.outline-btn:hover{transform:translateY(-3px)}.trust-row{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap;color:#fef3c7;font-weight:800}.trust-row span{padding:10px 14px;background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.14);border-radius:999px}.hero-showcase{position:relative;min-height:520px}.browser-card{position:relative;z-index:2;padding:16px;border-radius:28px;background:linear-gradient(180deg,rgba(39,39,42,.98),rgba(3,3,3,.98));border:1px solid rgba(250,204,21,.22);box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 60px rgba(250,204,21,.12);transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}.browser-top{height:46px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(250,204,21,.14);color:#fde68a}.browser-top span{width:11px;height:11px;border-radius:50%;background:#facc15}.browser-top span:nth-child(2){background:#d97706}.browser-top span:nth-child(3){background:#fff7cc}.browser-top b{margin-left:auto;font-size:13px}.builder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding-top:16px}.builder-panel,.site-preview-card{min-height:360px;border-radius:22px;background:#060606;border:1px solid rgba(250,204,21,.13);padding:18px}.builder-panel small{color:#facc15;font-weight:900;text-transform:uppercase;letter-spacing:1px}.field-line{height:42px;margin-top:16px;border-radius:12px;background:linear-gradient(90deg,#1c1917,#292524,#111)}.field-line.long{width:100%}.field-line.medium{width:72%}.builder-panel button{width:100%;margin-top:22px;border-radius:14px;background:linear-gradient(135deg,#facc15,#d97706);color:#111;font-weight:1000}.preview-nav{height:26px;border-radius:999px;background:rgba(250,204,21,.18);width:72%;margin-bottom:22px}.preview-hero{height:130px;border-radius:20px;background:radial-gradient(circle at center,rgba(250,204,21,.58),rgba(217,119,6,.20),#111);border:1px solid rgba(250,204,21,.18)}.preview-lines{margin-top:20px}.preview-lines i{display:block;height:12px;margin:10px 0;border-radius:999px;background:#292524}.preview-lines i:nth-child(1){width:88%}.preview-lines i:nth-child(2){width:68%}.preview-lines i:nth-child(3){width:78%}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.preview-cards i{height:70px;border-radius:14px;background:linear-gradient(180deg,#1c1917,#090909);border:1px solid rgba(250,204,21,.13)}.floating-card{position:absolute;z-index:3;padding:16px 18px;border-radius:18px;background:rgba(0,0,0,.84);border:1px solid rgba(250,204,21,.26);box-shadow:0 20px 50px rgba(0,0,0,.42)}.floating-card b{display:block;color:#fff7cc}.floating-card span{display:block;margin-top:5px;color:#d6d3d1;font-size:13px}.domain-card{left:-8px;bottom:58px}.ai-card{right:8px;top:72px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 76px}.metric-strip div{padding:24px;border-radius:22px;background:linear-gradient(180deg,rgba(28,25,23,.95),rgba(0,0,0,.9));border:1px solid rgba(250,204,21,.18);text-align:center}.metric-strip strong{display:block;font-size:36px;color:#facc15}.metric-strip span{display:block;margin-top:6px;color:#d6d3d1;font-weight:800}.home-section{padding:72px 0}.section-heading{text-align:center;max-width:790px;margin:0 auto 34px}.section-heading span,.process-copy span{color:#facc15;font-weight:1000;text-transform:uppercase;letter-spacing:2px}.section-heading h2,.process-copy h2,.final-cta h2{font-size:44px;line-height:1.12;margin:12px 0 0;color:#fff7cc}.feature-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid-pro article{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(28,25,23,.94),rgba(3,3,3,.96));border:1px solid rgba(250,204,21,.16);box-shadow:0 18px 70px rgba(0,0,0,.28)}.feature-grid-pro article:hover{border-color:rgba(250,204,21,.45);transform:translateY(-4px);transition:.2s}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:rgba(250,204,21,.13);color:#facc15;font-size:20px}.feature-grid-pro h3{color:#fde68a}.feature-grid-pro p,.process-list p,.plan-card p,.final-cta p{color:#d6d3d1;line-height:1.65}.process-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start;padding:70px 0;border-top:1px solid rgba(250,204,21,.12);border-bottom:1px solid rgba(250,204,21,.12)}.process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.process-list div{padding:24px;border-radius:22px;background:rgba(0,0,0,.42);border:1px solid rgba(250,204,21,.15)}.process-list b{font-size:28px;color:#facc15}.process-list h3{margin:10px 0;color:#fff7cc}.pricing-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;padding:30px;border-radius:28px;background:linear-gradient(180deg,rgba(28,25,23,.98),rgba(0,0,0,.98));border:1px solid rgba(250,204,21,.18);box-shadow:0 25px 90px rgba(0,0,0,.25)}.featured-plan{border-color:rgba(250,204,21,.7);box-shadow:0 0 75px rgba(250,204,21,.16)}.popular-badge{position:absolute;right:20px;top:20px;background:#facc15;color:#111;border-radius:999px;padding:7px 12px;font-weight:1000;font-size:12px}.plan-card h3{font-size:24px;color:#fff7cc}.plan-price{font-size:46px!important;font-weight:1000;color:#facc15!important;margin:12px 0!important}.plan-price span{font-size:15px;color:#d6d3d1}.plan-card ul{padding-left:20px;color:#fef3c7;line-height:2}.full{width:100%;margin-top:12px}.final-cta{text-align:center;margin:50px 0 30px;padding:64px 20px;border-radius:32px;background:radial-gradient(circle at center,rgba(250,204,21,.18),rgba(0,0,0,.95) 62%),linear-gradient(135deg,#0a0a0a,#1c1300);border:1px solid rgba(250,204,21,.25);box-shadow:0 30px 100px rgba(0,0,0,.35)}.final-cta p{max-width:640px;margin:14px auto 28px}
@media(max-width:980px){.home-hero,.process-section{grid-template-columns:1fr}.hero-copy h1{font-size:48px}.hero-showcase{min-height:auto}.browser-card{transform:none}.metric-strip,.feature-grid-pro,.pricing-grid-pro,.process-list{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.domain-card,.ai-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:14px 0 0}.section-heading h2,.process-copy h2,.final-cta h2{font-size:32px}}