/* Phase 23: premium public/customer UI */
:root{--ca-bg:#060818;--ca-bg2:#0b1024;--ca-card:rgba(255,255,255,.08);--ca-card2:rgba(255,255,255,.12);--ca-border:rgba(255,255,255,.13);--ca-text:#f8fafc;--ca-muted:#a8b3cf;--ca-brand:#7c3aed;--ca-brand2:#22c55e;--ca-blue:#38bdf8;--ca-warn:#f59e0b;--ca-danger:#fb7185;--ca-shadow:0 28px 70px rgba(0,0,0,.32);--ca-radius:24px}
html,body{max-width:100%;overflow-x:hidden}body:not(.admin-shell-body){background:radial-gradient(circle at 15% 0,rgba(124,58,237,.26),transparent 32%),radial-gradient(circle at 85% 10%,rgba(34,197,94,.14),transparent 28%),linear-gradient(180deg,var(--ca-bg),#0a0f22 48%,#f7f8fb 48%);color:var(--ca-text);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:not(.admin-shell-body) .main-container{min-height:100vh}body:not(.admin-shell-body) .page-frame{padding-top:94px}.public-shell-body .page-content,.client-shell-body .page-content{max-width:1240px}.shell-nav{position:fixed;top:0;left:0;right:0;z-index:1040;background:rgba(6,8,24,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.shell-nav .container{max-width:1320px}.shell-nav__inner{min-height:78px}.shell-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.shell-brand__mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#22c55e);display:grid;place-items:center;color:white;box-shadow:0 14px 36px rgba(124,58,237,.35)}.shell-brand strong{display:block;color:#fff;font-weight:900}.shell-brand small{display:block;color:#aab5d3;font-size:.72rem}.shell-link{color:#dbe4ff!important;text-decoration:none;padding:.7rem .9rem;border-radius:999px;font-weight:800;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.shell-link:hover,.shell-link.active{background:rgba(255,255,255,.1);color:#fff!important}.shell-nav__dropdown{background:#0b1024;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:12px;box-shadow:var(--ca-shadow);min-width:330px;max-height:calc(100vh - 100px);overflow:auto}.menu-group-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#8ea0c8!important;font-weight:900}.menu-item{display:flex!important;gap:12px;border-radius:16px;padding:12px!important;color:#edf2ff!important}.menu-item:hover{background:rgba(124,58,237,.18)!important}.menu-item i{width:32px;height:32px;border-radius:12px;background:rgba(124,58,237,.2);display:grid;place-items:center;color:#a78bfa}.menu-item__body strong{display:block}.menu-item__body small{display:block;white-space:normal;color:#aeb9d4}.profile-dropdown{min-width:min(92vw,330px);border-radius:22px;padding:12px;background:#0b1024;border:1px solid rgba(255,255,255,.12);box-shadow:var(--ca-shadow);overflow-wrap:anywhere}.profile-dropdown .dropdown-item{color:#e9eefc;border-radius:14px;padding:10px 12px}.profile-dropdown .dropdown-item:hover{background:rgba(255,255,255,.1)}.profile-dropdown__header{display:flex;gap:12px;align-items:center;padding:12px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.profile-dropdown__header small{display:block;color:#aab5d3;max-width:220px;white-space:normal}.shell-user{display:flex;align-items:center;gap:10px;text-decoration:none;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}.shell-user__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#7c3aed);display:grid;place-items:center;color:white;font-weight:900}.shell-user__meta strong{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.shell-user__meta small{display:block;color:#aab5d3;font-size:.72rem}.theme-toggle{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:.55rem .85rem;font-weight:800}.btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:0;box-shadow:0 14px 32px rgba(124,58,237,.26);font-weight:900}.btn-ghost,.btn-surface{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff!important;font-weight:900}.btn-ghost:hover,.btn-surface:hover{background:rgba(255,255,255,.14)}.ca-section{padding:72px 0}.ca-hero{position:relative;padding:78px 0 54px}.ca-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:34px;align-items:center}.ca-kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 12px;font-weight:900;color:#dfe7ff;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em}.ca-hero h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.95;font-weight:950;letter-spacing:-.075em;margin:20px 0;color:#fff}.ca-lead{font-size:1.12rem;line-height:1.75;color:#c9d4ee;max-width:720px}.ca-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ca-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;color:#bfd0ec}.ca-trust span{display:inline-flex;gap:8px;align-items:center}.ca-trust i{color:#22c55e}.ca-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.13);border-radius:var(--ca-radius);box-shadow:var(--ca-shadow);padding:26px;backdrop-filter:blur(16px)}.ca-panel{background:#fff;color:#172033;border:1px solid #e9ecf5;border-radius:var(--ca-radius);box-shadow:0 18px 46px rgba(9,13,31,.08);padding:28px}.ca-panel h2,.ca-panel h3,.ca-section h2,.section-title{color:#10172a;font-weight:950;letter-spacing:-.04em}.dark-panel h2,.dark-panel h3,.dark-panel .section-title{color:#fff}.ca-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ca-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ca-feature{padding:24px}.ca-feature i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#f0ecff;color:#6d28d9;margin-bottom:16px}.ca-feature p,.section-copy,.muted{color:#5b6478}.ca-price{position:relative;overflow:hidden}.ca-price.featured{border-color:#7c3aed;box-shadow:0 28px 70px rgba(124,58,237,.16)}.ca-price .price{font-size:2.7rem;font-weight:950;color:#111827}.ca-price ul{list-style:none;padding:0;margin:20px 0}.ca-price li{padding:8px 0;color:#4b5563}.ca-price li:before{content:'✓';font-weight:900;color:#22c55e;margin-right:9px}.domain-search-card{display:flex;gap:10px;background:#fff;border-radius:24px;padding:10px;border:1px solid #e7eaf2;box-shadow:0 20px 50px rgba(17,24,39,.09)}.domain-search-card input{border:0;box-shadow:none!important;font-size:1.1rem;min-height:56px}.domain-search-card button{border-radius:18px;min-width:150px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:28px;align-items:center;min-height:calc(100vh - 160px);padding:46px 0}.auth-marketing{padding:38px;border-radius:32px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(34,197,94,.12));border:1px solid rgba(255,255,255,.12)}.auth-card{background:#fff;color:#111827;border-radius:30px;padding:34px;box-shadow:0 28px 70px rgba(0,0,0,.18)}.auth-card label,.form-label{color:#1f2937;font-weight:900}.auth-card .form-control,.auth-card .form-select,.form-control,.form-select{border-radius:16px;border:1px solid #dbe1ee;min-height:48px}.auth-card p,.auth-help{color:#5b6478}.auth-card h1,.auth-card h2{color:#10172a;font-weight:950}.otp-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.otp-inputs input{height:58px;text-align:center;font-size:1.35rem;font-weight:900;border-radius:16px;border:1px solid #dbe1ee}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stepper span{border-radius:16px;padding:12px;background:rgba(255,255,255,.08);color:#cbd6ef;font-weight:900}.stepper span.is-active,.stepper span.is-done{background:#fff;color:#111827}.customer-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.customer-sidebar{position:sticky;top:102px;background:#fff;color:#111827;border-radius:26px;border:1px solid #e8edf6;padding:14px;box-shadow:0 14px 36px rgba(2,8,23,.07)}.customer-sidebar a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#475569;font-weight:900;border-radius:16px;padding:12px}.customer-sidebar a:hover,.customer-sidebar a.active{background:#f3efff;color:#6d28d9}.customer-main{min-width:0}.workspace-hero,.client-hero{background:linear-gradient(135deg,#111827,#1e1b4b);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:30px;margin-bottom:24px;color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center}.workspace-hero__title{color:#fff!important}.workspace-hero__copy{color:#cbd5e1}.surface,.surface-card{background:#fff;color:#111827;border:1px solid #e8edf6;border-radius:24px;box-shadow:0 14px 36px rgba(2,8,23,.07);padding:24px}.surface-muted{background:#f8fafc}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-kicker{color:#7c3aed;font-weight:950;text-transform:uppercase;font-size:.75rem;letter-spacing:.09em}.section-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{background:#fff;border:1px solid #e8edf6;border-radius:24px;padding:22px;box-shadow:0 14px 36px rgba(2,8,23,.07)}.kpi-card strong{display:block;font-size:2rem;color:#111827}.table-responsive{border-radius:18px}.table{--bs-table-bg:transparent;color:#1f2937}.table th{color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.skeleton-card,.skeleton-line,.skeleton-input{background:linear-gradient(90deg,#edf1f7,#f8fafc,#edf1f7);background-size:200% 100%;animation:caSkeleton 1.4s ease-in-out infinite;border-radius:16px}.skeleton-line{height:14px;margin:10px 0}.skeleton-line--short{width:45%}.skeleton-input{height:48px}@keyframes caSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer-modern{margin-top:70px;background:#080b1d;color:#cbd5e1;padding:58px 0 28px}.footer-modern a{color:#dce6ff;text-decoration:none}.footer-modern h3,.footer-modern h4{color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:991px){body:not(.admin-shell-body) .page-frame{padding-top:82px}.shell-nav .navbar-collapse{background:#0b1024;border:1px solid rgba(255,255,255,.12);border-radius:24px;margin-top:12px;padding:14px;max-height:calc(100vh - 92px);overflow:auto}.shell-link{display:flex}.shell-nav__dropdown{min-width:100%;box-shadow:none}.ca-hero__grid,.auth-layout,.customer-shell,.section-grid{grid-template-columns:1fr}.customer-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr)}.dashboard-kpis,.ca-grid-4{grid-template-columns:repeat(2,1fr)}.ca-grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.workspace-hero{align-items:flex-start;flex-direction:column}.domain-search-card{flex-direction:column}.domain-search-card button{width:100%}}@media(max-width:575px){.ca-hero{padding-top:42px}.ca-hero h1{font-size:2.55rem}.auth-card{padding:24px;border-radius:24px}.customer-sidebar{grid-template-columns:1fr}.dashboard-kpis,.ca-grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.otp-inputs{gap:6px}.otp-inputs input{height:50px}.surface,.ca-panel{padding:20px}.shell-user__meta{display:none}}


/* Phase 24: deeper public storefront polish and product-driven cards */
.public-shell-body{background:#060818!important;}
.premium-hero,.premium-page-hero{position:relative;padding:96px 0 64px;color:#fff;}
.premium-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:34px;align-items:center;}
.premium-hero:before,.premium-page-hero:before{content:"";position:absolute;inset:-120px -20px auto -20px;height:480px;background:radial-gradient(circle at 20% 10%,rgba(124,58,237,.38),transparent 32%),radial-gradient(circle at 80% 0,rgba(56,189,248,.18),transparent 34%);z-index:-1;filter:blur(2px)}
.premium-hero h1,.premium-page-hero h1{font-size:clamp(2.7rem,6vw,6rem);line-height:.92;font-weight:950;letter-spacing:-.08em;color:#fff;margin:18px 0;max-width:980px;}
.hero-search-panel{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.35);border-radius:32px;padding:28px;backdrop-filter:blur(18px)}
.domain-card-header{display:flex;gap:14px;align-items:center;margin-bottom:20px}.domain-card-header h3{color:#fff;margin:0;font-weight:950}.domain-card-header p{color:#b8c5e3;margin:0}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 36px}.trust-strip span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;color:#dfe7ff;text-align:center;font-weight:900}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-head .section-copy{max-width:680px}.public-shell-body .section-title,.public-shell-body .ca-section h2{color:#f8fafc}.public-shell-body .section-copy{color:#b8c5e3}.premium-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.premium-plan{position:relative;background:linear-gradient(180deg,#fff,#f8f7ff);color:#101827;border:1px solid rgba(255,255,255,.9);border-radius:30px;padding:26px;box-shadow:0 24px 70px rgba(4,8,22,.24);display:flex;flex-direction:column;min-height:100%;overflow:hidden}.premium-plan:after{content:"";position:absolute;inset:auto -30% -40% -30%;height:160px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 58%)}.premium-plan.is-featured{transform:translateY(-8px);border:2px solid #7c3aed;box-shadow:0 30px 80px rgba(124,58,237,.28)}.plan-ribbon{position:absolute;top:16px;right:16px;background:#111827;color:#fff;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.plan-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-right:96px}.plan-icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#5b21b6);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(124,58,237,.24);flex:none}.plan-head h3{margin:0;color:#101827;font-size:1.35rem;font-weight:950;letter-spacing:-.04em}.plan-head p{margin:5px 0 0;color:#667085;line-height:1.55}.plan-price{font-size:2.45rem;font-weight:950;letter-spacing:-.05em;color:#0f172a;margin:8px 0 14px}.premium-plan ul{list-style:none;padding:0;margin:0 0 22px}.premium-plan li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;color:#475569;border-bottom:1px solid #edf0f7}.premium-plan li:before{content:"✓";color:#22c55e;font-weight:950}.premium-plan form,.premium-plan .btn{margin-top:auto;position:relative;z-index:1}.split-feature{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center}.split-feature h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;color:#fff}.split-feature p{color:#b8c5e3;font-size:1.05rem}.feature-list{display:grid;gap:12px;margin-top:22px}.feature-list span{display:flex;gap:10px;align-items:center;color:#e6eeff;font-weight:900}.feature-list i{color:#22c55e}.dark-product-panel{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));color:#fff;border-color:rgba(255,255,255,.14)}.dark-product-panel h3{color:#fff}.mini-service{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);margin-top:12px;color:#dbe6ff}.mini-service i{color:#a78bfa}.faq-panel{background:#fff;color:#101827;border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(4,8,22,.14)}.faq-panel h2,.faq-panel h3{color:#101827}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.premium-page-hero{max-width:1000px}.billing-toggle{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px;margin-top:14px}.billing-toggle button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#dbe6ff;font-weight:900}.billing-toggle button.active{background:#fff;color:#111827}.billing-toggle span{color:#aebad6;padding-right:10px}.comparison-card{background:#fff;color:#111827;border-radius:30px;padding:28px;box-shadow:0 24px 70px rgba(4,8,22,.18)}.comparison-card h2{color:#101827!important}.premium-table td,.premium-table th{vertical-align:middle}.product-bands{display:grid;grid-template-columns:1fr 1fr;gap:22px}.domain-result-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:#101827;border-radius:28px;padding:26px;border:1px solid #e7eaf2;box-shadow:0 22px 60px rgba(4,8,22,.16);margin-bottom:18px}.domain-result-card.available{border-left:6px solid #22c55e}.domain-result-card.taken{border-left:6px solid #f59e0b}.domain-result-card h2{color:#101827!important;margin:6px 0;font-size:2rem}.result-status{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#15803d;font-weight:950;padding:6px 10px;font-size:.78rem}.taken .result-status{background:#fff7ed;color:#c2410c}.result-action{display:grid;gap:10px;text-align:right}.result-action strong{font-size:1.4rem}.suggestion-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.suggestion-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px;color:#fff}.suggestion-card strong,.suggestion-card span{display:block}.suggestion-card span{color:#b8c5e3;margin:6px 0}.suggestion-card a{color:#a78bfa;font-weight:950;text-decoration:none}.empty-domain-state{background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.18);border-radius:28px;padding:42px;text-align:center;color:#dce6ff}.empty-domain-state i{font-size:2rem;color:#a78bfa;margin-bottom:12px}.domain-lookup-loading{background:#fff;border-radius:28px;padding:24px}.feature-icon{width:46px;height:46px;border-radius:16px;background:#f0ecff;color:#6d28d9;display:grid!important;place-items:center;margin-bottom:14px}.shell-mega{min-width:390px}.footer-modern + .shell-footer{display:none!important}
@media(max-width:1100px){.premium-plan-grid{grid-template-columns:repeat(2,1fr)}.suggestion-grid{grid-template-columns:repeat(3,1fr)}.premium-hero,.split-feature{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.premium-plan-grid,.product-bands,.faq-grid,.suggestion-grid,.trust-strip{grid-template-columns:1fr}.premium-plan.is-featured{transform:none}.domain-result-card{align-items:flex-start;flex-direction:column}.result-action{text-align:left;width:100%}.premium-hero h1,.premium-page-hero h1{font-size:2.7rem}.hero-search-panel{padding:20px}.plan-head{padding-right:0}.plan-ribbon{position:static;display:inline-flex;margin-bottom:12px}}