/* Approved glossy graphite theme 1.1.0. No business data in artwork. */
:root { --bg:#17191b; --panel:#202326; --border:#3c4248; --muted:#b9bec7; --text:#f3f4f6; --cyan:#78b9ff; }
body,body.is-home,body.is-partner { background:#17191b; color:var(--text); }
h1,h2,h3 { color:#f5f6f8; }
.header { background:linear-gradient(115deg,#202326,#181a1c 60%); border-bottom:1px solid #34393e; height:auto; min-height:80px; }
.header-inner { min-height:80px; gap:42px; }
.brand { min-width:0; }
.brand strong { max-width:250px; white-space:normal; overflow-wrap:anywhere; line-height:1.3; }
.brand img { filter:none; flex-shrink:0; }
.brand-preview { display:flex; align-items:center; gap:20px; margin:20px 0; }
.brand-preview img { object-fit:contain; background:#292d31; border:1px solid #4a5158; padding:6px; border-radius:8px; }
.header-actions { flex-shrink:0; }
.main-nav { flex-shrink:0; }
.hero { background:#17191b; border:0; overflow:hidden; }
.hero-inner { min-height:490px; display:flex; position:relative; isolation:isolate; padding-block:60px; }
.hero-art { position:absolute; inset:0 calc((min(100vw - 64px,1340px) - 100vw)/2); z-index:-1; background:url('/assets/hero-graphite.webp') center 51% / cover no-repeat; }
.hero-art:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#17191b80,transparent 50%),linear-gradient(0deg,#17191b,transparent 12%,transparent 90%,#17191b66); }
.hero-copy { width:51%; max-width:650px; }
.hero h1 { font-size:clamp(38px,3.25vw,54px); line-height:1.35; }
.hero h1 span { color:#64a7fa; }
.hero p { font-size:20px; color:#d0d4da; max-width:95%; }
.hero .eyebrow { color:#b8c4d3; }
.hero-buttons { margin-block:28px 24px; }
.primary { background:linear-gradient(120deg,#20a8ed,#2863ff); border-color:#629cf2; box-shadow:inset 0 1px 0 #ffffff30,0 5px 15px #0002; }
.primary:hover { background:linear-gradient(120deg,#39b5f4,#3974ff); box-shadow:0 5px 18px #0004; }
.outline,.login-button { background:linear-gradient(130deg,#292d31,#1d2023); border-color:#59616c; box-shadow:inset 0 1px 0 #ffffff0c; }
.outline:hover,.login-button:hover { background:#30353b; border-color:#8390a0; }
.glass,.benefits,.product-card,.promo,.member-promo,.agent-promo,.membership-card,.is-partner .auth-card { background:linear-gradient(125deg,#282c2f 0%,#202325 38%,#1c1f21 100%); border-color:#3b4147; box-shadow:inset 0 1px 0 #ffffff09,0 6px 24px #0001; }
.benefits { margin-top:0; border-radius:14px; padding-block:24px; }
.benefits>div+div:before { background:#424950; }
.feature-icon,.quicklinks i,svg.quick-icon,svg.feature-icon,.gold { color:#619ffc!important; }
.gold { text-shadow:none!important; }
.catalog { margin-top:42px; }
.tech-chips a,.chip { background:linear-gradient(120deg,#282d32,#202428); border-color:#414a54; color:#d3dae4; }
.chip.selected { background:linear-gradient(120deg,#1e88e8,#2551c9); border-color:#72adfa; }
.search-form input { background:#202428!important; border-color:#46515e!important; }
.product-card { padding:10px; border-radius:12px; }
.product-card:hover { border-color:#697789; box-shadow:0 10px 26px #0003; }
.image-label { background:#263440; border-color:#516477; }
.language-tags span { background:#2b3036; border-color:#3a444e; color:#dae0e8; }
.price-line strong,.purchase-price strong { color:#ff795e; }
.price-line b,.agent-price { color:#c2cbd8; }
.member-badge { background:#2a333e; color:#c8defb; border-color:#4c6179; }
.promo-grid { gap:20px; margin-block:28px; }
.promo { min-height:150px; padding:26px; position:relative; }
.promo:after { content:""; position:absolute; right:0; top:0; width:38%; height:100%; background:linear-gradient(140deg,#64758b22,transparent 70%); pointer-events:none; }
.promo-icon,.member-promo>.promo-icon,.agent-promo>.promo-icon { display:block; visibility:visible; width:56px; min-width:56px; font-size:42px; color:#70a7ed!important; }
.quicklinks a+a { border-color:#41484f; }
.footer { background:#191c1e; border-color:#373d43; }
.eyebrow { color:#aebccc; }
.auth-art span { color:#8ebdff; }
.auth-page { position:relative; }
.notice { background:#252f3b; border-color:#4b627e; color:#d0def0; }
.notice.error { background:#39262a; border-color:#87515c; color:#ffd0d9; }
.sidebar nav a.active { background:#2b394a; border-color:#586f8c; }
.sidebar nav a:hover { background:#30373e; }
.avatar { background:linear-gradient(145deg,#405b7c,#283649); }
.stat strong,.purchase-price,.benefit-mini,.hash,.code-block { color:#c4d6ee; }
input,select,textarea { background:#1a1e22; border-color:#47515d; }
label { color:#cbd0d8; }
th { background:#2b3035; color:#c2cbd7; }
td,.section-tabs,.order-summary { border-color:#3b444e; }
.code-block { background:#171c22; border-color:#414c5a; }
.support-widget { position:fixed; right:18px; bottom:max(20px,env(safe-area-inset-bottom)); z-index:30; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.support-panel { width:246px; padding:10px; border:1px solid #484d53; border-radius:20px; background:linear-gradient(140deg,#292c2efa,#17191bfa); box-shadow:0 12px 36px #0005; max-height:calc(100dvh - 105px); overflow:auto; }
.support-panel[hidden] { display:none; }
.support-heading { display:flex; align-items:center; justify-content:space-between; padding:0 6px 8px; color:#bdc2ca; font-size:14px; }
.support-heading button { width:30px; height:30px; border:0; border-radius:6px; background:#ffffff09; color:white; font-size:24px; line-height:1; }
.support-channel { display:flex; align-items:center; gap:13px; min-height:94px; padding:14px; border:1px solid #444a51; border-radius:16px; background:linear-gradient(130deg,#2b2e32,#1d2023); }
.support-channel+.support-channel { margin-top:10px; }
.support-channel:hover { border-color:#747c87; background:#303439; }
.support-icon { width:54px; height:54px; padding:12px; border-radius:17px; background:linear-gradient(140deg,#3bc7ed,#6371ed); flex-shrink:0; }
.support-icon svg,.support-toggle svg { width:100%; height:100%; display:block; }
.support-channel strong { display:block; font-size:21px; color:#fff; line-height:1.4; }
.support-channel small { display:block; font-size:14px; color:#e1e9f3; margin-top:6px; white-space:nowrap; }
.support-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#72808d; margin-left:4px; }
.support-dot.configured { background:#3cdda4; box-shadow:0 0 8px #3cdda455; }
.support-toggle { width:58px; height:58px; border-radius:50%; padding:15px; border:1px solid #7cacf1; background:linear-gradient(145deg,#3bc7ed,#6371ed); box-shadow:0 5px 20px #0004; }
@media(min-width:1600px) { .hero-art { inset-inline:calc((min(100vw - 64px,1480px) - 100vw)/2); background-size:min(100vw,2000px) auto; } .hero-inner { min-height:550px; } }
@media(max-width:1250px) { .header-inner { gap:24px; flex-wrap:wrap; padding-block:12px; } .brand strong { max-width:200px; } .hero-art { inset-inline:-24px; } }
@media(min-width:721px) and (max-width:1000px) { .header-inner { gap:20px; } .brand strong { max-width:145px; font-size:24px; } .main-nav { gap:16px; } .header-actions { gap:12px; } .hero-copy { width:60%; } .hero h1 { font-size:42px; } }
@media(max-width:720px) {
 .header-inner { padding-block:12px 0; gap:8px; }
 .brand strong { font-size:22px; max-width:145px; }
 .main-nav { margin-top:0; }
 .hero-inner { min-height:550px; align-items:flex-start; padding-top:36px; padding-bottom:235px; }
 .hero-copy { width:100%; max-width:100%; }
 .hero h1 { font-size:38px; }
 .hero h1 span { display:block; }
 .hero p { font-size:17px; }
 .hero-art { inset:190px -16px 0; background-size:auto 360px; background-position:right bottom; }
 .hero-art:after { background:linear-gradient(180deg,#17191b,transparent 28%,transparent 85%,#17191b); }
 .hero-buttons { margin-block:22px 18px; }
 .tech-chips { gap:7px; }
 .tech-chips a { padding:4px 10px; }
 .promo { padding:20px; }
 .promo-icon,.member-promo>.promo-icon,.agent-promo>.promo-icon { width:42px; min-width:42px; }
 .support-widget { right:10px; bottom:max(12px,env(safe-area-inset-bottom)); gap:8px; }
 .support-panel { width:208px; padding:8px; border-radius:16px; }
 .support-channel { min-height:76px; padding:10px; gap:10px; }
 .support-channel strong { font-size:18px; }
 .support-channel small { font-size:13px; }
 .support-icon { width:44px; height:44px; padding:10px; border-radius:13px; }
 .support-toggle { width:50px; height:50px; padding:12px; }
}