*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#020306;color:#f5f2ea;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 0%,rgba(216,189,104,.16),transparent 34rem),radial-gradient(circle at 88% 10%,rgba(168,116,26,.16),transparent 28rem),linear-gradient(180deg,#080909 0%,#020306 54%,#060504 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(216,189,104,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,189,104,.026) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 78%)}
a{color:inherit}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
main{min-height:72vh}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(14px,3vw,34px);background:rgba(3,4,6,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,189,104,.22);box-shadow:0 18px 48px rgba(0,0,0,.42)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;color:#fff;min-width:0;letter-spacing:0}
.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(216,189,104,.34))}
.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f4e4a4,var(--primary) 48%,#9b6919);color:#060504;font-weight:950}
.brand span:last-child{font-size:1.1rem;text-shadow:0 0 28px rgba(216,189,104,.24)}
.menu-button{border:1px solid rgba(216,189,104,.34);background:#0d0d0d;color:#fff;border-radius:8px;padding:9px 12px;font-weight:900}
.site-nav{display:none;position:absolute;inset:84px 12px auto 12px;background:rgba(7,7,8,.98);border:1px solid rgba(216,189,104,.28);border-radius:8px;padding:10px;box-shadow:0 24px 64px rgba(0,0,0,.55)}
.site-nav.open{display:grid;gap:6px}
.site-nav a,.link-button{display:block;text-decoration:none;color:#e2ded4;padding:9px 11px;border-radius:8px;border:0;background:transparent;text-align:inherit;cursor:pointer;font-weight:850}
.site-nav a:hover,.link-button:hover,.site-nav .active{background:rgba(216,189,104,.13);color:#fff}
.nav-cta{background:linear-gradient(135deg,#f5e8b1,var(--primary) 52%,#a8741a)!important;color:#060504!important;font-weight:950}
.inline-form{display:inline;margin:0}
.lang-switch{display:flex;gap:4px;padding:4px;background:#0c0d10;border:1px solid rgba(216,189,104,.22);border-radius:8px}
.lang-switch a{padding:6px 9px;color:#d8d1c0}
.lang-switch a.active{background:#f5e8b1;color:#060504}
.hero{position:relative;display:grid;gap:30px;align-items:center;padding:56px 16px 28px;max-width:1240px;margin:0 auto}
.hero:before{content:"";position:absolute;inset:26px 16px auto 16px;height:1px;background:linear-gradient(90deg,transparent,rgba(216,189,104,.58),transparent)}
.hero-logo{width:min(250px,68vw);max-height:132px;object-fit:contain;margin:0 0 12px;filter:drop-shadow(0 20px 38px rgba(216,189,104,.3))}
.hero h1{margin:0;font-size:clamp(2.25rem,5.35vw,5.65rem);line-height:1.02;letter-spacing:0}
.hero h1 span,.hero h1 strong{display:block;letter-spacing:0}
.hero h1 span{color:var(--primary);text-shadow:0 0 34px rgba(216,189,104,.26)}
.hero h1 strong{color:#fff}
.hero p{color:#c9c2b2;max-width:700px;font-size:1.05rem}
.eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border:1px solid rgba(216,189,104,.34);border-radius:8px;background:linear-gradient(180deg,rgba(216,189,104,.14),rgba(216,189,104,.06));color:#f4e4a4!important;font-weight:950;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}
.hero-actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid rgba(216,189,104,.28);text-decoration:none;font-weight:950;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(0,0,0,.28)}
.button.primary{background:linear-gradient(135deg,#f6e9b3 0%,var(--primary) 48%,#a8741a 100%);color:#060504;border-color:transparent;box-shadow:0 16px 36px rgba(216,189,104,.18)}
.button.ghost{background:rgba(10,10,11,.78);color:#fff}
.button.danger{background:#7f1d1d;color:#fff;border-color:#991b1b}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hero-badges span{border:1px solid rgba(216,189,104,.2);background:rgba(255,255,255,.045);color:#ddd4c0;border-radius:8px;padding:7px 10px;font-size:.86rem;font-weight:850}
.hero-screen{position:relative;background:linear-gradient(180deg,rgba(20,20,20,.96),rgba(5,5,6,.97));border:1px solid rgba(216,189,104,.28);border-radius:8px;padding:17px;box-shadow:0 34px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06)}
.hero-screen:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(216,189,104,.16),transparent 42%,rgba(168,116,26,.12));pointer-events:none}
.screen-top{position:relative;display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#f5e8b1;font-weight:950}
.screen-top span{width:9px;height:9px;border-radius:50%;background:#5e5340}
.screen-top strong{margin-inline-start:auto;font-size:.86rem;color:#f4e4a4}
.screen-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.screen-tile{min-height:106px;border-radius:8px;display:grid;place-items:center;font-weight:950;color:#070605;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.screen-tile.live{background:linear-gradient(135deg,#fff3bf,#d8bd68)}
.screen-tile.sport{background:linear-gradient(135deg,#e3c66e,#a8741a)}
.screen-tile.vod{background:linear-gradient(135deg,#f8eed1,#b59a55)}
.screen-tile.mag{background:linear-gradient(135deg,#d6a435,#8c5b12)}
.screen-status{position:relative;display:grid;gap:10px;margin-top:12px}
.screen-status div{display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(216,189,104,.14);border-radius:8px;padding:10px}
.screen-status span{color:#a99f8d}.screen-status strong{color:#fff}
.band{background:rgba(7,7,8,.76);border-block:1px solid rgba(216,189,104,.16);margin:18px 0}
.stats-grid{display:grid;gap:10px;max-width:1240px;margin:0 auto;padding:16px}
.stats-grid>div{background:linear-gradient(180deg,rgba(18,18,18,.95),rgba(8,8,9,.95));border:1px solid rgba(216,189,104,.18);border-radius:8px;padding:15px}
.stats-grid strong{display:block;color:#fff;font-size:1.22rem}.stats-grid span{color:#b4aa98}
.section,.page-title,.checkout,.dashboard-grid,.admin-shell{max-width:1240px;margin:0 auto;padding:26px 16px}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.section-head a{color:#f4e4a4;font-weight:950}
h1,h2,h3{line-height:1.18;color:#fff;margin:0 0 10px;letter-spacing:0}
.page-title{padding-top:42px}
.page-title h1{font-size:clamp(2rem,4vw,3.65rem);color:#f0da93}
.page-title p{color:#c9c2b2;max-width:760px}
.cards{display:grid;gap:14px}
.card,.panel,.auth-card,.checkout-summary{background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(7,7,8,.98));border:1px solid rgba(216,189,104,.18);border-radius:8px;padding:17px;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.plan-card{display:grid;align-content:start;gap:9px;position:relative;overflow:hidden}
.plan-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f6e9b3,var(--primary),#8c5b12);opacity:.9}
.plan-card ul{padding-inline-start:20px;margin:0;color:#ded8c9}
.plan-card li{margin:6px 0}
.badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:8px;background:rgba(216,189,104,.14);border:1px solid rgba(216,189,104,.28);color:#f5e8b1;font-weight:950;font-size:.76rem}
.price{font-size:1.85rem;font-weight:950;color:#f0da93}
.faq details{border-top:1px solid rgba(216,189,104,.16);padding:13px 0}.faq summary{cursor:pointer;color:#fff;font-weight:950}.faq p{color:#c9c2b2}
.split{display:grid;gap:16px;max-width:1240px;margin:0 auto;padding:26px 16px}
.auth-card{max-width:530px;margin:42px auto}
.form-grid{display:grid;gap:12px}
label{display:grid;gap:6px;color:#dfd8c9;font-weight:850}
input,select,textarea{width:100%;background:#050506;border:1px solid rgba(216,189,104,.24);border-radius:8px;color:#fff;padding:11px;min-height:44px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(216,189,104,.13)}
textarea{min-height:110px;resize:vertical}
.compact{gap:8px}
.checkout{display:grid;gap:16px}
.checkout-summary{border-color:rgba(216,189,104,.22)}
.flash{max-width:1240px;margin:14px auto 0;padding:11px 14px;border-radius:8px;border:1px solid}
.flash.success{background:#052e1a;border-color:#166534;color:#bbf7d0}.flash.error{background:#3b1111;border-color:#7f1d1d;color:#fecaca}
.empty-state{max-width:760px;margin:32px auto;padding:22px;border:1px solid rgba(216,189,104,.2);border-radius:8px;background:rgba(18,18,18,.92);text-align:center}
.dashboard-grid{display:grid;gap:14px}
.wide{min-width:0}
.sub-list{display:grid;gap:11px}
.sub-card{border:1px solid rgba(216,189,104,.16);border-radius:8px;padding:15px;background:rgba(10,10,11,.9)}
.secret-row{display:flex;gap:8px;align-items:center;margin:8px 0;min-width:0}
.secret-row code{overflow:auto;white-space:nowrap;display:block;flex:1;background:#030304;border:1px solid rgba(216,189,104,.1);border-radius:8px;padding:9px;color:#f5f2ea}
.secret-row button{border:1px solid rgba(216,189,104,.28);background:#111112;color:#fff;border-radius:8px;padding:8px;cursor:pointer;font-weight:850}
.admin-shell{display:grid;gap:14px}
.admin-menu{display:flex;gap:8px;overflow:auto;padding-bottom:8px}
.admin-menu a{white-space:nowrap;text-decoration:none;padding:10px 11px;border-radius:8px;background:#0d0d0e;border:1px solid rgba(216,189,104,.12);color:#ddd6c6;font-weight:900}
.admin-menu a.active{background:linear-gradient(135deg,#f6e9b3,var(--primary),#a8741a);color:#060504;border-color:transparent}
.admin-content{min-width:0}
.admin-form{max-width:780px}
.table-wrap{overflow:auto;border:1px solid rgba(216,189,104,.16);border-radius:8px;background:rgba(10,10,11,.96)}
.notice{margin:12px 0 18px;padding:14px 16px;border:1px solid rgba(216,189,104,.2);border-radius:8px;background:rgba(216,189,104,.07);color:#f0e4bd}
table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:11px;border-bottom:1px solid rgba(255,255,255,.07);text-align:start;vertical-align:top}th{color:#f5e8b1;background:#111112}
small{color:#b5ad9e}
.mini{grid-template-columns:1fr}
.bridge{text-align:center}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 16px;max-width:1240px;margin:36px auto 0;border-top:1px solid rgba(216,189,104,.18);color:#b8af9d}
.site-footer strong{color:#f4e4a4}.site-footer span{margin-inline-start:8px}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#ded8c9}
.whatsapp-float{position:fixed;right:14px;bottom:14px;z-index:60;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;text-decoration:none;font-weight:950;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.rtl .site-nav,.rtl input,.rtl textarea,.rtl select{text-align:right}
@media (min-width:720px){
  .menu-button{display:none}.site-nav{display:flex;position:static;align-items:center;gap:5px;background:transparent;border:0;box-shadow:none;padding:0}.site-nav.open{display:flex}
  .hero{grid-template-columns:1.03fr .97fr;padding-top:82px}.stats-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.cards-plans{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:.8fr 1.2fr}.checkout{grid-template-columns:.82fr 1.18fr}.dashboard-grid{grid-template-columns:320px 1fr}.wide{grid-column:auto / span 1}.mini{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:235px 1fr}.admin-menu{display:grid;align-content:start;overflow:visible}
}
@media (max-width:719px){
  .brand img{width:54px;height:54px}.hero{padding-top:36px}.screen-tile{min-height:88px}.section-head{display:grid}.site-footer span{display:block;margin:4px 0 0}
}
@media (max-width:420px){
  .hero-actions .button,.toolbar .button{width:100%}.site-header{padding-inline:10px}.brand span:last-child{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-row{display:grid}.button{width:100%}.hero h1{font-size:2rem}
}

.hero-premium{min-height:calc(100vh - 110px);padding-bottom:46px}
.hero-copy{position:relative;z-index:1}
.hero h1{font-size:clamp(2.4rem,5vw,5rem)}
.hero p{font-size:1.08rem}
.muted{color:#c9c2b2}
.section-tight{max-width:1240px;margin:0 auto;padding:6px 16px 28px}
.section-split{display:grid;gap:22px;align-items:center}
.feature-grid{display:grid;gap:12px}
.feature-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(7,7,8,.98));border:1px solid rgba(216,189,104,.18);border-radius:8px;padding:16px;box-shadow:0 18px 46px rgba(0,0,0,.24)}
.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#f7e8ad,var(--primary),transparent)}
.feature-card span{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:8px;background:rgba(216,189,104,.12);border:1px solid rgba(216,189,104,.22);color:#f6e9b3;font-weight:950}
.feature-card h3,.access-card h3,.step-card h3{margin:0 0 7px;color:#fff}
.feature-card p,.access-card p,.step-card p,.guide-card span,.comparison-grid span,.device-matrix span{margin:0;color:#bfb6a4}
.access-cards .card{min-height:230px}
.access-card{background-image:linear-gradient(145deg,rgba(216,189,104,.12),transparent 45%)}
.cards-featured .plan-card:nth-child(2){border-color:rgba(216,189,104,.42);box-shadow:0 24px 70px rgba(216,189,104,.1),0 18px 48px rgba(0,0,0,.3)}
.steps-grid{display:grid;gap:12px}
.step-card{background:#080808;border:1px solid rgba(216,189,104,.18);border-radius:8px;padding:17px}
.step-card strong{display:inline-flex;margin-bottom:28px;color:#060504;background:linear-gradient(135deg,#f6e9b3,var(--primary),#a8741a);border-radius:8px;padding:6px 9px;font-weight:950}
.page-title-premium{position:relative}
.page-title-premium:after{content:"";display:block;width:120px;height:3px;margin-top:18px;background:linear-gradient(90deg,#f7e8ad,var(--primary),transparent);border-radius:999px}
.pricing-guide{display:grid;gap:12px;padding-top:0}
.guide-card{display:grid;gap:6px;background:rgba(10,10,11,.88);border:1px solid rgba(216,189,104,.17);border-radius:8px;padding:15px}
.guide-card strong{color:#fff;font-size:1rem}
.comparison-panel{padding:20px}
.comparison-grid{display:grid;gap:12px;margin-top:14px}
.comparison-grid div,.device-matrix article{display:grid;gap:7px;background:rgba(255,255,255,.035);border:1px solid rgba(216,189,104,.13);border-radius:8px;padding:14px}
.comparison-grid strong,.device-matrix strong{color:#f5e8b1}
.device-matrix{display:grid;gap:12px;padding-top:0}
.app-cards .card{min-height:220px}
.support-note{background:linear-gradient(135deg,rgba(216,189,104,.1),rgba(10,10,11,.96) 45%)}
.reseller-split{align-items:start}
.compact-features{margin-top:16px}
.offer-cards .card{border-color:rgba(216,189,104,.24)}
.plan-meta{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0 2px}
.plan-meta span{display:inline-flex;border:1px solid rgba(216,189,104,.16);background:rgba(216,189,104,.07);border-radius:8px;padding:5px 8px;color:#d9d0bf;font-size:.82rem;font-weight:850}
.plan-card .button{margin-top:auto}
.rtl .page-title-premium:after{background:linear-gradient(270deg,#f7e8ad,var(--primary),transparent)}
.brand-rail{position:relative;width:100%;padding:24px 0 30px;overflow:hidden;background:linear-gradient(90deg,#020303 0%,#0b0905 42%,#141006 50%,#0b0905 58%,#020303 100%);border-block:1px solid rgba(216,189,104,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 70px rgba(0,0,0,.32)}
.brand-rail:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(216,189,104,.14),transparent 48%),linear-gradient(90deg,#020306 0%,transparent 12%,transparent 88%,#020306 100%);pointer-events:none;z-index:2}
.brand-rail:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(216,189,104,.04) 1px,transparent 1px);background-size:96px 100%;opacity:.3;pointer-events:none;z-index:1}
.apps-strip-inner{position:relative;z-index:3}
.brand-rail-head{display:grid;gap:4px;place-items:center;text-align:center;margin:0 auto 18px;padding:0 16px}
.brand-rail-head span{color:#c8b36a;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.brand-rail-head strong{color:#f7e8ad;font-size:clamp(.95rem,2vw,1.12rem);font-weight:950}
.apps-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.apps-marquee-track{display:flex;width:max-content;gap:12px;animation:apps-marquee 58s linear infinite;will-change:transform;padding:2px 0}
.apps-marquee-group{display:flex;gap:12px}
.apps-marquee:hover .apps-marquee-track{animation-play-state:paused}
.app-logo-card{position:relative;width:154px;height:62px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.026));border:1px solid rgba(216,189,104,.18);display:grid;place-items:center;padding:12px 18px;box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden}
.app-logo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(216,189,104,.13),transparent 62%);opacity:.75;pointer-events:none}
.app-logo-card:hover{transform:translateY(-2px);border-color:rgba(216,189,104,.5);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.034));box-shadow:0 18px 42px rgba(216,189,104,.11),0 16px 38px rgba(0,0,0,.32)}
.app-logo-card img{position:relative;z-index:1;display:block;max-width:112px;max-height:32px;width:auto;height:auto;object-fit:contain;filter:brightness(1.2) contrast(1.12)}
.app-logo-card strong{position:relative;z-index:1;color:#fff;font-size:.92rem;font-weight:950;line-height:1;text-align:center;text-transform:none;text-shadow:0 12px 26px rgba(0,0,0,.45);max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-logo-card span{display:none}
.app-tone-red strong{color:#ff4d4d}.app-tone-blue strong{color:#dbeafe}.app-tone-purple strong{color:#efe3ff}.app-tone-green strong{color:#d8f8df}.app-tone-gold strong{color:#f7e8ad}.app-tone-silver strong{color:#f5f5f4}
.app-tone-blue strong,.app-tone-silver strong{letter-spacing:-.01em}.app-tone-red strong,.app-tone-gold strong{letter-spacing:.02em}
.app-tone-red{--tone:rgba(239,68,68,.22)}.app-tone-blue{--tone:rgba(59,130,246,.2)}.app-tone-purple{--tone:rgba(168,85,247,.18)}.app-tone-green{--tone:rgba(34,197,94,.18)}.app-tone-gold{--tone:rgba(216,189,104,.24)}.app-tone-silver{--tone:rgba(226,232,240,.18)}
.app-logo-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,var(--tone,rgba(216,189,104,.16)),transparent 46%);pointer-events:none}
@keyframes apps-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
.rtl .apps-marquee-track{animation-name:apps-marquee-rtl}
@keyframes apps-marquee-rtl{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(0)}}

@media (min-width:720px){
  .brand img{width:58px;height:58px}
  .section-split{grid-template-columns:.92fr 1.08fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(3,1fr)}
  .pricing-guide{grid-template-columns:repeat(3,1fr)}
  .comparison-grid{grid-template-columns:repeat(3,1fr)}
  .device-matrix{grid-template-columns:repeat(4,1fr)}
  .stats-grid-four{grid-template-columns:repeat(4,1fr)}
}

@media (max-width:719px){
  .hero-premium{min-height:auto}
  .hero h1{font-size:clamp(2.25rem,12vw,3.3rem)}
  .section-tight{padding-inline:16px}
  .pricing-guide{padding-inline:16px}
  .device-matrix{padding-inline:16px}
  .brand-rail{padding:18px 0 22px}
  .brand-rail-head{margin-bottom:14px}
  .brand-rail-head span{font-size:.66rem}
  .brand-rail-head strong{font-size:.92rem}
  .apps-marquee-track{gap:9px;animation-duration:44s}
  .app-logo-card{width:118px;height:54px;padding:10px 14px}
  .app-logo-card img{max-width:86px;max-height:28px}
  .app-logo-card strong{font-size:.76rem}
}

/* Luxury polish layer */
.site-header{min-height:88px;padding:10px clamp(18px,3vw,44px);background:rgba(2,3,5,.94);border-bottom:1px solid rgba(216,189,104,.2)}
.brand{gap:14px}
.brand img{width:58px;height:58px}
.brand span:last-child{font-size:1rem;font-weight:900}
.site-nav a,.link-button{font-size:.96rem;font-weight:850;line-height:1;padding:11px 14px;color:#eee7d8}
.site-nav .active{background:linear-gradient(180deg,rgba(216,189,104,.16),rgba(216,189,104,.08));color:#fff}
.nav-cta{box-shadow:0 14px 34px rgba(216,189,104,.16)}
.lang-switch{background:#090a0c;border-color:rgba(216,189,104,.26)}
.lang-switch a{min-width:42px;text-align:center;font-weight:900}
.hero-premium{min-height:calc(100vh - 92px)}
.band{margin:0;background:linear-gradient(180deg,rgba(9,9,10,.86),rgba(6,6,7,.92))}
.stats-grid{padding-block:20px}
.stats-grid>div{min-height:118px;display:grid;align-content:center}
.section{padding-block:42px}
.section-split{padding-top:58px}
.feature-card{min-height:162px;padding:22px}
.feature-card span{margin-bottom:18px}
.feature-card p{font-size:1rem;line-height:1.65}
.page-title{padding-top:54px}

@media (min-width:720px){
  .site-nav{gap:4px}
}

@media (max-width:719px){
  .site-header{min-height:72px}
  .brand img{width:48px;height:48px}
  .site-nav a,.link-button{font-size:.95rem}
  .stats-grid>div{min-height:96px}
  .section{padding-block:30px}
}

/* Cinematic storefront hero */
.hero-premium{max-width:none;min-height:calc(100vh - 92px);grid-template-columns:minmax(0,1fr) minmax(420px,680px);gap:46px;padding:74px clamp(18px,5vw,76px) 58px;overflow:hidden;isolation:isolate}
.hero-premium:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(216,189,104,.11),transparent 38%,rgba(216,189,104,.08)),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.46) 100%);pointer-events:none}
.hero-premium .hero-copy{max-width:760px}
.hero-premium .hero-logo{width:148px;max-height:100px;margin-bottom:18px}
.hero-premium h1{font-size:5rem;line-height:1.02;max-width:860px}
.hero-premium p{font-size:1.12rem;max-width:690px}
.cinema-stage{position:relative;min-height:548px;overflow:hidden;border-radius:8px;border:1px solid rgba(216,189,104,.26);background:linear-gradient(145deg,#050505 0%,#12100a 42%,#030405 100%);box-shadow:0 38px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);isolation:isolate}
.cinema-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,3,4,.96) 0%,transparent 16%,transparent 84%,rgba(2,3,4,.96) 100%),linear-gradient(180deg,rgba(216,189,104,.13),transparent 24%,rgba(0,0,0,.56) 100%);pointer-events:none}
.cinema-stage:after{content:"";position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.cinema-copyline{position:absolute;top:18px;left:18px;right:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(216,189,104,.18);border-radius:8px;background:rgba(5,5,5,.58);backdrop-filter:blur(14px)}
.cinema-copyline span{color:#d9cfb7;font-size:.82rem;font-weight:900}
.cinema-copyline strong{color:#f5e8b1;font-size:.92rem;font-weight:950}
.poster-marquee{position:absolute;left:-16%;right:-16%;z-index:3;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%)}
.poster-marquee-primary{top:86px;transform:rotate(-5deg)}
.poster-marquee-secondary{bottom:82px;transform:rotate(4deg);opacity:.78}
.poster-track{display:flex;width:max-content;gap:16px;animation:poster-stream 46s linear infinite;will-change:transform}
.poster-track-reverse{animation-name:poster-stream-reverse;animation-duration:54s}
.poster-card{position:relative;flex:0 0 146px;aspect-ratio:2/3;margin:0;border-radius:8px;overflow:hidden;background:#090806;border:1px solid rgba(216,189,104,.24);box-shadow:0 24px 48px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.03);transform:translateZ(0)}
.poster-card-small{flex-basis:122px}
.poster-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.05)}
.poster-card figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:1px;padding:28px 9px 9px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));color:#fff}
.poster-card figcaption strong{font-size:.78rem;line-height:1.1;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poster-card figcaption span{color:#d8bd68;font-size:.68rem;font-weight:850}
.cinema-panel{position:absolute;left:22px;right:22px;bottom:20px;z-index:6;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px;border-radius:8px;border:1px solid rgba(216,189,104,.26);background:linear-gradient(135deg,rgba(12,12,11,.9),rgba(38,31,12,.78));backdrop-filter:blur(18px);box-shadow:0 22px 58px rgba(0,0,0,.48)}
.cinema-panel div:first-child{display:grid;gap:4px}
.cinema-panel span{color:#cfc5ad;font-size:.8rem;font-weight:850}
.cinema-panel strong{color:#fff;font-size:1rem;line-height:1.35;font-weight:950}
.cinema-metrics{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.cinema-metrics span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:34px;padding:6px 9px;border-radius:8px;background:rgba(216,189,104,.13);border:1px solid rgba(216,189,104,.22);color:#f5e8b1;font-weight:950}
@keyframes poster-stream{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
@keyframes poster-stream-reverse{from{transform:translateX(-33.333%)}to{transform:translateX(0)}}

@media (max-width:980px){
  .hero-premium{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:42px}
  .hero-premium h1{font-size:3.5rem}
  .cinema-stage{min-height:480px}
}

@media (max-width:719px){
  .hero-premium{padding:30px 14px 34px}
  .hero-premium .hero-logo{width:118px;max-height:84px}
  .hero-premium h1{font-size:2.55rem}
  .hero-premium p{font-size:1rem}
  .cinema-stage{min-height:390px}
  .poster-marquee{left:-30%;right:-30%}
  .poster-marquee-primary{top:74px}
  .poster-marquee-secondary{bottom:86px}
  .poster-track{gap:10px;animation-duration:38s}
  .poster-card{flex-basis:104px}
  .poster-card-small{flex-basis:88px}
  .poster-card figcaption{display:none}
  .cinema-panel{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;padding:13px}
  .cinema-metrics{justify-content:flex-start}
}

@media (max-width:420px){
  .hero-premium h1{font-size:2.2rem}
  .cinema-stage{min-height:350px}
  .cinema-copyline{left:12px;right:12px}
  .cinema-panel strong{font-size:.92rem}
}

@media (prefers-reduced-motion:reduce){
  .poster-track,.apps-marquee-track{animation:none}
}

/* Final storefront composition pass */
.site-header{min-height:78px;padding:8px clamp(18px,3vw,42px)}
.brand img{width:52px;height:52px}
.brand span:last-child{font-size:.98rem}
.site-nav a,.link-button{padding:10px 13px;font-size:.92rem}
.lang-switch a{min-width:40px;padding:7px 9px}
.hero-premium{grid-template-columns:minmax(410px,.84fr) minmax(560px,1.16fr);gap:42px;padding:44px clamp(28px,5vw,96px) 38px;align-items:center}
.hero-premium .hero-logo{display:none}
.hero-premium .eyebrow{margin-bottom:14px}
.hero-premium h1{font-size:clamp(3.35rem,4.15vw,4.45rem);line-height:1.04;max-width:680px}
.hero-premium h1 span,.hero-premium h1 strong{white-space:nowrap}
.hero-premium p{font-size:1.02rem;line-height:1.72;max-width:610px;margin:16px 0 0}
.hero-premium .hero-actions{margin-top:24px}
.hero-premium .hero-badges{margin-top:18px}
.hero-premium .hero-badges span{background:rgba(216,189,104,.075);border-color:rgba(216,189,104,.22)}
.cinema-stage{height:clamp(430px,49vh,500px);min-height:0}
.cinema-copyline{top:16px;left:16px;right:16px;background:rgba(4,4,4,.72)}
.poster-marquee-primary{top:76px;transform:rotate(-3.2deg)}
.poster-marquee-secondary{bottom:96px;transform:rotate(2.4deg);opacity:.68}
.poster-track{gap:14px;animation-duration:58s}
.poster-track-reverse{animation-duration:64s}
.poster-card{flex-basis:128px;box-shadow:0 20px 42px rgba(0,0,0,.42)}
.poster-card-small{flex-basis:106px}
.cinema-panel{left:28px;right:28px;bottom:24px;padding:14px 16px;background:linear-gradient(135deg,rgba(10,10,9,.93),rgba(33,27,10,.82))}
.cinema-panel strong{font-size:.96rem}
.cinema-metrics span{min-width:44px;min-height:32px}

@media (min-width:1280px){
  .site-nav{gap:6px}
}

@media (max-width:1180px){
  .hero-premium{grid-template-columns:1fr;gap:30px;padding-top:36px}
  .hero-premium h1{font-size:clamp(3rem,7vw,4.3rem)}
  .hero-premium h1 span,.hero-premium h1 strong{white-space:normal}
  .cinema-stage{height:470px}
}

@media (max-width:719px){
  .site-header{min-height:68px;padding:8px 12px}
  .brand img{width:46px;height:46px}
  .hero-premium{padding:28px 14px 34px}
  .hero-premium h1{font-size:clamp(2.15rem,10.5vw,3.1rem)}
  .hero-premium h1 span,.hero-premium h1 strong{white-space:normal}
  .hero-premium p{font-size:.98rem}
  .cinema-stage{height:380px}
}

/* Royal dark cinematic revision */
body{background:#020202;color:#f4f1ea}
body:before{background:radial-gradient(circle at 18% 8%,rgba(216,189,104,.08),transparent 28rem),radial-gradient(circle at 76% 18%,rgba(216,189,104,.045),transparent 34rem),linear-gradient(180deg,#030303 0%,#000 48%,#050403 100%)}
body:after{opacity:.42;background-image:linear-gradient(rgba(216,189,104,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(216,189,104,.014) 1px,transparent 1px)}
.site-header{background:rgba(1,1,1,.96);border-bottom-color:rgba(216,189,104,.13);box-shadow:0 18px 48px rgba(0,0,0,.5)}
.hero:before{display:none}
.hero-premium{grid-template-columns:minmax(390px,.78fr) minmax(580px,1.22fr);gap:34px;padding-top:34px;background:radial-gradient(circle at 26% 38%,rgba(216,189,104,.07),transparent 30rem)}
.hero-premium:after{background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 44%,rgba(0,0,0,.22)),linear-gradient(180deg,rgba(216,189,104,.035),transparent 24%,rgba(0,0,0,.42))}
.hero-premium .eyebrow{background:transparent;border-color:rgba(216,189,104,.28);color:#e6cf7d!important;padding:6px 0;border-width:0 0 1px;border-radius:0;letter-spacing:.16em}
.hero-premium h1{font-size:clamp(3rem,3.55vw,4rem);line-height:1.03;max-width:560px}
.hero-premium h1 span{color:#d8bd68;text-shadow:none}
.hero-premium h1 strong{color:#fff;text-shadow:0 18px 48px rgba(0,0,0,.46)}
.hero-premium p{max-width:520px;color:#cfc8b9;font-size:1rem}
.hero-premium .hero-actions{margin-top:22px}
.hero-badges span{background:rgba(255,255,255,.025);border-color:rgba(216,189,104,.14);color:#cfc6b4}
.cinema-stage{height:clamp(420px,51vh,520px);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.cinema-stage:before{inset:-34px;z-index:4;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.55) 9%,transparent 24%,transparent 82%,#020202 100%),linear-gradient(180deg,#020202 0%,transparent 13%,transparent 78%,#020202 100%);pointer-events:none}
.cinema-stage:after{display:none}
.cinema-copyline,.cinema-panel{display:none}
.poster-marquee{left:-10%;right:-10%;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.poster-marquee-primary{top:12px;transform:rotate(-2.5deg)}
.poster-marquee-secondary{bottom:18px;transform:rotate(2deg);opacity:.58}
.poster-track{gap:18px;animation-duration:64s}
.poster-card{flex-basis:150px;border:0;border-radius:8px;background:transparent;box-shadow:0 30px 70px rgba(0,0,0,.58);overflow:hidden}
.poster-card-small{flex-basis:126px}
.poster-card img{filter:saturate(.92) contrast(1.06) brightness(.95)}
.poster-card figcaption{display:none}

@media (max-width:1180px){
  .hero-premium{grid-template-columns:1fr;padding-top:30px}
  .hero-premium h1{max-width:760px}
  .cinema-stage{height:420px}
}

@media (max-width:719px){
  .hero-premium{padding-top:26px;background:radial-gradient(circle at 30% 14%,rgba(216,189,104,.08),transparent 18rem)}
  .hero-premium h1{font-size:clamp(2.35rem,10vw,3rem)}
  .cinema-stage{height:330px;overflow:hidden}
  .poster-marquee{left:-18%;right:-18%}
  .poster-card{flex-basis:102px}
  .poster-card-small{flex-basis:88px}
}

/* Comprehensive storefront correction */
html{font-size:16px}
body{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500}
.rtl body{font-family:Tajawal,Inter,Segoe UI,Tahoma,sans-serif}
h1,h2,h3,.brand,.site-nav a,.button{font-weight:800}
.site-header{min-height:74px;padding:8px clamp(16px,3vw,38px)}
.brand{gap:10px}
.brand img{width:48px;height:48px}
.brand span:last-child{font-size:.94rem}
.site-nav a,.link-button{font-size:.9rem;padding:9px 12px}
.nav-cta{border-radius:8px}
.lang-switch{border-radius:8px}
.hero-premium{min-height:calc(100vh - 74px);grid-template-columns:minmax(350px,.72fr) minmax(560px,1.28fr);gap:28px;padding:34px clamp(20px,5vw,92px) 34px}
.hero-premium .hero-copy{max-width:560px}
.hero-premium .eyebrow{font-size:.7rem;margin-bottom:18px}
.hero-premium h1{font-size:clamp(2.65rem,3.3vw,3.65rem);line-height:1.02;max-width:520px}
.hero-premium h1 span,.hero-premium h1 strong{white-space:normal}
.hero-premium p{max-width:470px;margin-top:16px;font-size:.98rem;line-height:1.65;color:#c8c0b1}
.hero-premium .hero-actions{gap:10px;margin-top:22px}
.button{min-height:42px;padding:9px 15px;border-radius:8px;font-size:.92rem}
.hero-badges{max-width:460px;gap:8px}
.hero-badges span{padding:7px 10px;font-size:.78rem}
.cinema-stage{height:clamp(380px,48vh,500px)}
.poster-card{flex-basis:138px;border-radius:7px}
.poster-card-small{flex-basis:112px}
.poster-track{gap:16px}
.band,.pricing-guide,.access-cards{display:none}
.section{padding-block:34px}
.section-head h2{font-size:clamp(1.45rem,2.6vw,2.2rem);max-width:680px}
.steps-grid-compact .step-card{min-height:0}

.pricing-suite{position:relative;isolation:isolate;overflow:hidden;padding:72px 16px;background:linear-gradient(180deg,#020202 0%,#090806 50%,#020202 100%);border-block:1px solid rgba(216,189,104,.1)}
.pricing-suite-home{padding-top:64px}
.pricing-page{padding-top:84px}
.pricing-orb{position:absolute;inset:-120px 18% auto 18%;z-index:-1;height:260px;background:linear-gradient(115deg,rgba(216,189,104,.24),rgba(255,255,255,.06),rgba(168,116,26,.2));clip-path:polygon(74% 44%,100% 62%,97% 27%,86% 0%,72% 33%,60% 62%,52% 68%,48% 58%,45% 35%,28% 77%,0 65%,18% 100%,76% 98%);filter:blur(42px);opacity:.42}
.pricing-intro{max-width:760px;margin:0 auto;text-align:center}
.pricing-intro span{display:block;color:#d8bd68;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pricing-intro h1,.pricing-intro h2{margin:8px 0 0;color:#fff;font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.05}
.pricing-intro p{max-width:620px;margin:16px auto 0;color:#aaa294;font-size:1rem;line-height:1.7}
.pricing-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:980px;margin:44px auto 0;align-items:stretch}
.plan-card{position:relative;display:grid;gap:18px;align-content:start;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.025);box-shadow:none;overflow:hidden}
.plan-card:before{display:none}
.plan-card-featured{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-color:rgba(216,189,104,.32);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.plan-ribbon{position:absolute;top:18px;right:18px;display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(216,189,104,.14);border:1px solid rgba(216,189,104,.28);color:#f5e8b1;font-size:.72rem;font-weight:800}
.rtl .plan-ribbon{right:auto;left:18px}
.plan-card-head{padding-right:96px}
.rtl .plan-card-head{padding-right:0;padding-left:96px}
.plan-card h2{margin:0;color:#d8bd68;font-size:1rem;line-height:1.35}
.plan-card p{margin:8px 0 0;color:#c5bdad;font-size:.95rem;line-height:1.65}
.plan-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.plan-price strong{color:#fff;font-size:clamp(2.35rem,4vw,3.15rem);line-height:1;font-weight:800}
.plan-price span{color:#968e81;font-size:.92rem}
.plan-meta{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.plan-meta span{padding:5px 8px;border-radius:999px;border:1px solid rgba(216,189,104,.13);background:rgba(216,189,104,.055);color:#d8cfbd;font-size:.72rem;font-weight:700}
.plan-features{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:#d8d1c3}
.plan-features li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.5}
.plan-features li span{flex:0 0 auto;color:#d8bd68;font-weight:800}
.plan-card .button{margin-top:6px;width:100%;border-radius:8px}
.cards-featured,.cards-plans{display:grid;grid-template-columns:1fr;gap:14px}
.cards-featured .plan-card:nth-child(2){border-color:rgba(216,189,104,.32);box-shadow:0 30px 80px rgba(0,0,0,.38)}

@media (min-width:860px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:940px}
  .pricing-grid .plan-card{border-radius:24px}
  .pricing-grid .plan-card:not(.plan-card-featured){margin:22px 0}
  .pricing-grid .plan-card-featured{z-index:1}
}

@media (min-width:1181px){
  .hero-premium .hero-copy{z-index:6}
}

@media (max-width:1180px){
  .hero-premium{grid-template-columns:1fr;min-height:auto;padding-top:28px}
  .hero-premium .hero-copy{max-width:720px}
  .hero-premium h1{max-width:720px}
  .hero-premium p{max-width:620px}
  .cinema-stage{height:360px}
}

@media (max-width:719px){
  .site-header{min-height:66px}
  .brand span:last-child{font-size:.88rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero-premium{gap:22px;padding:24px 14px 30px}
  .hero-premium .eyebrow{font-size:.64rem;letter-spacing:.12em}
  .hero-premium h1{font-size:clamp(2.05rem,9.2vw,2.85rem)}
  .hero-premium p{font-size:.94rem;line-height:1.6}
  .hero-actions .button{width:auto;min-width:138px}
  .hero-badges span{font-size:.74rem}
  .cinema-stage{height:280px}
  .pricing-suite{padding:52px 14px}
  .pricing-intro h1,.pricing-intro h2{font-size:clamp(2rem,9vw,2.65rem)}
  .pricing-grid{margin-top:32px}
  .plan-card{padding:22px;border-radius:20px}
  .plan-card-head,.rtl .plan-card-head{padding:0}
  .plan-ribbon{position:static;width:max-content}
}

/* Poster clarity pass */
.cinema-stage:before{display:none}
.poster-card img{filter:saturate(1.03) contrast(1.04) brightness(1)}
.poster-marquee-secondary{opacity:.86}
.hero-premium:after{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24) 34%,transparent 58%),linear-gradient(180deg,rgba(216,189,104,.025),transparent 30%,rgba(0,0,0,.18))}

/* Elegant pricing cards requested style */
:root{--pricing-font:Poppins,Inter,Segoe UI,Arial,sans-serif;--pricing-display:"Playfair Display",Georgia,serif;--pricing-gold:#d4af37;--pricing-gold-light:#f8f0d7;--pricing-dark:#070708;--pricing-muted:#94979a;--pricing-card-shadow:0 10px 30px rgba(0,0,0,.28);--pricing-hover-shadow:0 15px 40px rgba(212,175,55,.22)}
body{font-family:var(--pricing-font)}
.rtl body{font-family:Tajawal,var(--pricing-font)}
.pricing-suite{background:linear-gradient(135deg,#050506 0%,#111016 54%,#050506 100%);padding:76px 20px;text-align:center}
.pricing-suite-home{padding-top:70px}
.pricing-orb{background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(248,240,215,.08));opacity:.5}
.pricing-intro{max-width:780px}
.pricing-intro span{font-family:var(--pricing-font);color:var(--pricing-gold);font-size:.84rem;font-weight:700;letter-spacing:.08em}
.pricing-intro h1,.pricing-intro h2{font-family:var(--pricing-display);font-size:clamp(2.45rem,4.4vw,4rem);font-weight:700;letter-spacing:.01em}
.pricing-intro h1 span,.pricing-intro h2 span{color:var(--pricing-gold)}
.pricing-intro p{color:var(--pricing-muted);font-size:1.05rem;margin-top:14px}
.pricing-grid{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:30px;max-width:1200px;margin:56px auto 0;perspective:1000px}
.pricing-grid .plan-card{position:relative;width:320px;display:block;padding:0;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--pricing-card-shadow);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;transform-style:preserve-3d;z-index:1;text-align:initial}
.pricing-grid .plan-card:hover{transform:translateY(-15px) rotateX(10deg);box-shadow:var(--pricing-hover-shadow);border-color:rgba(212,175,55,.3)}
.pricing-grid .plan-card:before{content:"";display:block;position:absolute;inset:0;background:linear-gradient(45deg,transparent 50%,rgba(212,175,55,.1) 100%);z-index:-1}
.pricing-grid .plan-card-featured{background:rgba(12,12,16,.86);border:2px solid var(--pricing-gold);transform:scale(1.05);z-index:2}
.pricing-grid .plan-card-featured:hover{transform:translateY(-15px) rotateX(10deg) scale(1.05)}
.plan-ribbon{position:absolute;top:15px;right:15px;z-index:3;background:var(--pricing-gold);color:#141414;padding:5px 15px;font-size:.78rem;font-weight:700;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.rtl .plan-ribbon{right:auto;left:15px}
.plan-card-header{padding:30px 20px 22px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
.plan-tier{font-family:var(--pricing-display);font-size:1.48rem;font-weight:700;letter-spacing:.02em;margin-bottom:16px;color:#fff}
.plan-card-featured .plan-tier{color:var(--pricing-gold)}
.plan-price{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin:0 0 12px}
.plan-currency{font-size:1.45rem;font-weight:600;margin-top:6px;color:var(--pricing-gold-light)}
.plan-price strong{font-size:4rem;font-weight:700;line-height:1;color:#fff}
.plan-card-featured .plan-price strong{color:var(--pricing-gold)}
.plan-period{font-size:.82rem;color:var(--pricing-muted);margin-top:12px;max-width:80px;text-align:start;line-height:1.25}
.plan-card-header p{margin:0 auto;color:#beb9ae;font-size:.9rem;line-height:1.55;max-width:240px}
.plan-card-content{padding:28px 30px 30px}
.plan-features{list-style:none;margin:0 0 28px;padding:0;color:#f2eee6}
.plan-features li{position:relative;margin-bottom:12px;padding-inline-start:30px;font-size:.92rem;line-height:1.45;text-align:start}
.plan-features li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--pricing-gold);font-weight:800}
.plan-select{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 16px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:999px;text-decoration:none;font-size:.94rem;font-weight:600;letter-spacing:.01em;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}
.plan-select:hover{border-color:var(--pricing-gold);background:rgba(212,175,55,.1);transform:translateY(-3px)}
.plan-select-featured{background:var(--pricing-gold);color:#141414;border-color:var(--pricing-gold)}
.plan-select-featured:hover{background:#c19b2b;border-color:#c19b2b;box-shadow:0 5px 15px rgba(212,175,55,.3)}
.plan-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(30deg);opacity:0;pointer-events:none;transition:opacity .3s ease}
.plan-card:hover .plan-shine{opacity:1;animation:plan-shine 1.5s infinite}
@keyframes plan-shine{0%{transform:rotate(30deg) translateX(-100%)}100%{transform:rotate(30deg) translateX(100%)}}

@media (max-width:1080px){
  .pricing-grid{gap:20px}
  .pricing-grid .plan-card{width:300px}
}

@media (max-width:768px){
  .pricing-suite{padding:54px 20px}
  .pricing-intro h1,.pricing-intro h2{font-size:2.5rem}
  .pricing-grid{flex-direction:column;align-items:center;margin-top:42px}
  .pricing-grid .plan-card,.pricing-grid .plan-card-featured{width:100%;max-width:350px;transform:none}
  .pricing-grid .plan-card-featured{order:-1}
  .pricing-grid .plan-card:hover,.pricing-grid .plan-card-featured:hover{transform:translateY(-10px)}
  .plan-card-header{padding-top:28px}
  .plan-price strong{font-size:3.5rem}
}

/* Balanced four-plan pricing layout */
.pricing-suite{padding-inline:clamp(16px,3vw,42px)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1360px;align-items:stretch}
.pricing-grid .plan-card,.pricing-grid .plan-card-featured{width:auto;max-width:none;min-height:100%;display:grid;grid-template-rows:auto 1fr;transform:none}
.pricing-grid .plan-card:hover,.pricing-grid .plan-card-featured:hover{transform:translateY(-8px)}
.pricing-grid .plan-card-featured{border-width:1px;box-shadow:0 18px 52px rgba(212,175,55,.16),0 12px 34px rgba(0,0,0,.34)}
.plan-card-header{min-height:210px;padding:28px 18px 20px}
.plan-card-content{display:grid;grid-template-rows:1fr auto;padding:24px 22px 26px}
.plan-tier{font-size:1.28rem}
.plan-price strong{font-size:clamp(2.7rem,3.4vw,3.55rem)}
.plan-period{font-size:.76rem;max-width:74px}
.plan-card-header p{font-size:.84rem;line-height:1.5;max-width:220px}
.plan-features{margin-bottom:24px}
.plan-features li{font-size:.84rem;line-height:1.38;margin-bottom:10px;padding-inline-start:24px}
.plan-select{min-height:44px;font-size:.9rem}

@media (max-width:1180px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
  .pricing-grid .plan-card-featured{order:-1}
}

@media (max-width:719px){
  .pricing-grid{grid-template-columns:1fr;max-width:380px;gap:16px}
  .pricing-grid .plan-card,.pricing-grid .plan-card-featured{min-height:auto}
  .plan-card-header{min-height:0;padding:26px 20px 18px}
  .plan-card-content{padding:22px 24px 24px}
  .plan-tier{font-size:1.35rem}
  .plan-price strong{font-size:3.25rem}
  .plan-features li{font-size:.9rem}
}

/* Production cinematic hero background */
.hero-premium-cinematic{grid-template-columns:minmax(0,720px);align-content:center;min-height:calc(100vh - 74px);padding-block:clamp(88px,12vh,148px);overflow:hidden}
.hero-premium-cinematic .hero-copy{position:relative;z-index:3;max-width:640px}
.hero-premium-cinematic:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 24%,rgba(0,0,0,.44) 52%,rgba(0,0,0,.08) 100%),linear-gradient(180deg,rgba(0,0,0,.32),transparent 34%,#020202 100%);pointer-events:none}
.hero-premium-cinematic:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 18% 45%,rgba(212,175,55,.12),transparent 26rem);pointer-events:none}
.hero-bg-slider{position:absolute;inset:0;z-index:0;background:#020202;overflow:hidden}
.hero-bg-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:scale(1.04);animation:hero-bg-fade var(--hero-duration,36s) linear infinite;animation-delay:calc(var(--slide-index) * 6s);will-change:opacity,transform}
.hero-bg-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-bg-slide:first-child{opacity:1}
.hero-bg-static .hero-bg-slide{opacity:1;animation:none;transform:scale(1.03)}
.hero-premium-cinematic .eyebrow{border-color:rgba(212,175,55,.42)}
.hero-premium-cinematic h1{max-width:620px;font-size:clamp(2.75rem,5vw,5rem)}
.hero-premium-cinematic p{max-width:540px;color:#ded8ca}
.hero-premium-cinematic .hero-badges span{background:rgba(0,0,0,.28);backdrop-filter:blur(10px)}

@keyframes hero-bg-fade{
  0%{opacity:0;transform:scale(1.04)}
  5%{opacity:1}
  23%{opacity:1}
  30%{opacity:0;transform:scale(1.1)}
  100%{opacity:0;transform:scale(1.1)}
}

@media (max-width:719px){
  .hero-premium-cinematic{min-height:640px;padding:92px 16px 54px}
  .hero-premium-cinematic:before{background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.54) 42%,#020202 100%),linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.24))}
  .hero-premium-cinematic h1{font-size:clamp(2.3rem,11vw,3.45rem)}
  .hero-bg-slide img{object-position:center top}
}

@media (max-width:900px), (orientation:portrait){
  .hero-bg-slide img{object-position:center top}
}

@media (prefers-reduced-motion:reduce){
  .hero-bg-slide{animation:none}
  .hero-bg-slide:first-child{opacity:1}
}

@media (max-width:900px), (orientation:portrait){
  .hero-premium-cinematic{min-height:760px;align-content:end;padding:330px 18px 48px}
  .hero-premium-cinematic:before{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.14) 38%,rgba(0,0,0,.72) 68%,#020202 100%)}
  .hero-premium-cinematic:after{background:radial-gradient(circle at 20% 40%,rgba(212,175,55,.08),transparent 18rem)}
  .hero-premium-cinematic .hero-copy{max-width:100%}
  .hero-premium-cinematic h1{font-size:clamp(2rem,10vw,3rem);max-width:360px}
  .hero-premium-cinematic p{max-width:340px;font-size:.98rem}
  .hero-actions{gap:8px}
  .hero-actions .button{min-width:0;flex:1 1 140px}
  .hero-badges{gap:8px}
  .hero-badges span{background:rgba(0,0,0,.42)}
  .hero-bg-slide img{object-position:center top;filter:saturate(1.06) contrast(1.03) brightness(1.08)}
}

/* Frontend readiness layer */
.account-shell,.status-page,.admin-page{max-width:1240px;margin:0 auto;padding:clamp(28px,5vw,70px) 16px}
.account-shell{display:grid;gap:18px;align-items:stretch}
.account-side,.status-card,.checkout-form-card,.dashboard-hero,.admin-heading{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(19,18,15,.98),rgba(5,5,6,.98));border:1px solid rgba(216,189,104,.2);border-radius:10px;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.account-side{display:grid;align-content:center;min-height:360px;padding:clamp(24px,5vw,54px)}
.account-side:before,.checkout-summary-premium:before,.status-card:before,.dashboard-hero:before,.admin-heading:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(216,189,104,.17),transparent 28rem),linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%);pointer-events:none}
.account-side>*,.status-card>*,.checkout-summary-premium>*,.dashboard-hero>*,.admin-heading>*{position:relative;z-index:1}
.account-side span,.status-card span,.dashboard-hero span,.admin-heading span{display:inline-flex;width:max-content;max-width:100%;margin-bottom:12px;padding:6px 10px;border-radius:8px;border:1px solid rgba(216,189,104,.26);background:rgba(216,189,104,.11);color:#f5e8b1;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.account-side h1,.status-card h1,.admin-heading h1{font-size:clamp(2rem,4.4vw,4.2rem);color:#f2da8a}
.account-side p,.status-card p,.admin-heading p{max-width:720px;color:#c9c2b2;font-size:1.02rem}
.account-card{margin:0;max-width:none;display:grid;align-content:center;padding:clamp(22px,4vw,36px)}
.account-card h2,.checkout-form-card h2{font-size:clamp(1.4rem,2.4vw,2rem)}
.ui-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ui-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(216,189,104,.2);color:#e7decb;font-weight:850;font-size:.86rem}
.checkout-shell{display:grid;gap:18px;max-width:1180px;margin:0 auto;align-items:stretch;padding:clamp(34px,5vw,70px) 18px}
.checkout-summary-premium,.checkout-form-card{padding:clamp(22px,4vw,38px)}
.checkout-summary{display:grid;align-content:center;gap:12px}
.summary-list{display:grid;gap:10px;margin:10px 0 0}
.summary-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(216,189,104,.12)}
.summary-list dt{color:#afa58f;font-weight:850}.summary-list dd{margin:0;color:#fff;font-weight:950;text-align:end}
.checkout-summary-premium{display:grid;align-content:center;min-height:420px}
.checkout-summary-premium h1{font-size:clamp(2rem,4vw,3.4rem);color:#f2da8a}
.checkout-summary-premium .price{font-size:clamp(2.35rem,5vw,4.2rem);line-height:1;margin:8px 0 12px}
.checkout-summary-premium p,.checkout-form-card p{color:#c9c2b2}
.checkout-form-card{background:linear-gradient(180deg,rgba(15,15,16,.98),rgba(7,7,8,.98));border:1px solid rgba(216,189,104,.18);border-radius:10px;box-shadow:0 22px 58px rgba(0,0,0,.28)}
.reseller-balance{display:grid;gap:8px;margin:14px 0;padding:13px;border:1px solid rgba(216,189,104,.16);border-radius:8px;background:rgba(216,189,104,.06)}
.reseller-balance strong{color:#f5e8b1}.reseller-balance span{font-size:1.6rem;font-weight:950;color:#fff}
.status-page{display:grid;place-items:center;min-height:60vh}
.status-card{width:min(720px,100%);padding:clamp(28px,5vw,54px);text-align:center}
.status-card .hero-actions{justify-content:center;margin-top:24px}
.status-success{border-color:rgba(34,197,94,.36)}
.status-warning,.status-processing{border-color:rgba(216,189,104,.38)}
.status-failure{border-color:rgba(239,68,68,.4)}
.status-success span{color:#bbf7d0;border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.12)}
.status-failure span{color:#fecaca;border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.12)}
.dashboard-hero{max-width:1240px;margin:30px auto 0;padding:clamp(20px,4vw,34px);display:grid;gap:18px}
.dashboard-hero h1{font-size:clamp(1.7rem,3vw,2.9rem)}
.dashboard-hero p{max-width:620px;color:#c9c2b2}
.dashboard-metrics{display:grid;gap:10px}
.dashboard-metrics article{border:1px solid rgba(216,189,104,.16);background:rgba(0,0,0,.24);border-radius:8px;padding:14px}
.dashboard-metrics strong{display:block;color:#f5e8b1;font-size:1.55rem;line-height:1}
.dashboard-metrics span{display:block;margin:8px 0 0;padding:0;border:0;background:transparent;color:#c9c2b2;text-transform:none;letter-spacing:0;font-size:.84rem}
.admin-page{padding-top:30px}
.admin-heading{padding:clamp(20px,4vw,34px);margin-bottom:16px}
.admin-heading h1{font-size:clamp(1.9rem,3.8vw,3.4rem)}
.admin-shell{padding:0}
.admin-content{background:rgba(5,5,6,.58);border:1px solid rgba(216,189,104,.13);border-radius:10px;padding:clamp(14px,2vw,22px)}
.admin-content>h1:first-child{color:#f2da8a}
.form-grid .button{justify-self:start}
.rtl .form-grid .button{justify-self:end}

@media (min-width:720px){
  .account-shell{grid-template-columns:.95fr .78fr}
  .checkout-shell{grid-template-columns:.9fr .78fr}
  .dashboard-hero{grid-template-columns:1fr .95fr;align-items:center}
  .dashboard-metrics{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:719px){
  .account-shell,.status-page,.admin-page{padding-inline:14px}
  .account-side{min-height:260px}
  .checkout-summary-premium{min-height:auto}
  .checkout-form-card .button,.account-card .button{width:100%}
  .dashboard-hero{margin-top:18px}
  .dashboard-metrics{grid-template-columns:repeat(2,1fr)}
  .admin-content{padding:14px}
}

/* Home storefront composition */
.home-signal-grid{max-width:1240px;margin:0 auto;padding:18px 16px 28px;display:grid;gap:12px}
.home-signal-grid article{min-height:108px;display:grid;align-content:center;gap:8px;padding:18px;border:1px solid rgba(216,189,104,.18);border-radius:10px;background:linear-gradient(180deg,rgba(17,17,17,.92),rgba(6,6,7,.94));box-shadow:0 18px 44px rgba(0,0,0,.24)}
.home-signal-grid strong{display:block;color:#fff;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1}
.home-signal-grid span{color:#c9c2b2;font-weight:700}
.home-experience,.home-security,.home-final-cta{max-width:1240px;margin:0 auto;padding:clamp(42px,6vw,82px) 16px}
.home-experience,.home-security{display:grid;gap:22px;align-items:center}
.home-section-copy span,.home-final-cta span{display:inline-flex;width:max-content;max-width:100%;margin-bottom:14px;padding:7px 11px;border:1px solid rgba(216,189,104,.28);border-radius:8px;background:rgba(216,189,104,.1);color:#f5e8b1;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.home-section-copy h2,.home-final-cta h2{max-width:780px;font-size:clamp(2rem,4vw,3.65rem);color:#fff}
.home-section-copy p{max-width:720px;color:#c9c2b2;font-size:1.03rem}
.home-feature-list{display:grid;gap:12px}
.home-feature-list .feature-card{min-height:170px}
.home-security{position:relative}
.home-security:before{content:"";position:absolute;inset:18px 16px;border:1px solid rgba(216,189,104,.13);border-radius:12px;background:radial-gradient(circle at 18% 10%,rgba(216,189,104,.12),transparent 32rem),rgba(255,255,255,.018);pointer-events:none}
.home-security>*{position:relative;z-index:1}
.home-flow-card{display:grid;gap:12px}
.home-flow-card .step-card{background:linear-gradient(180deg,rgba(19,18,15,.96),rgba(7,7,8,.96));box-shadow:0 18px 44px rgba(0,0,0,.22)}
.home-final-cta{display:grid;gap:18px;align-items:center;margin-bottom:10px;border-top:1px solid rgba(216,189,104,.16)}
.home-final-cta h2{margin-bottom:0}
.home-final-cta .hero-actions{justify-content:flex-start}

@media (min-width:720px){
  .home-signal-grid{grid-template-columns:repeat(4,1fr)}
  .home-experience{grid-template-columns:.9fr 1.1fr}
  .home-security{grid-template-columns:.86fr 1.14fr}
  .home-feature-list{grid-template-columns:repeat(3,1fr)}
  .home-final-cta{grid-template-columns:1fr auto}
  .home-final-cta .hero-actions{justify-content:flex-end}
}

@media (max-width:719px){
  .home-signal-grid{grid-template-columns:repeat(2,1fr);padding-top:14px}
  .home-signal-grid article{min-height:92px;padding:14px}
  .home-signal-grid strong{font-size:1.1rem}
  .home-signal-grid span{font-size:.82rem}
  .home-experience,.home-security,.home-final-cta{padding:42px 16px}
  .home-section-copy h2,.home-final-cta h2{font-size:clamp(1.85rem,8vw,2.55rem)}
  .home-final-cta .button{width:100%}
}

/* Home V2: royal cinematic storefront */
.hero-premium-cinematic{max-width:none;margin:0;min-height:calc(100svh - 88px);padding:clamp(92px,12vh,150px) clamp(20px,7vw,92px) clamp(70px,10vh,118px);grid-template-columns:minmax(0,680px);align-content:end;background:#020202}
.hero-premium-cinematic:before{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.22) 66%,rgba(0,0,0,.04) 100%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 36%,rgba(0,0,0,.82) 100%)}
.rtl .hero-premium-cinematic:before{background:linear-gradient(270deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.22) 66%,rgba(0,0,0,.04) 100%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 36%,rgba(0,0,0,.82) 100%)}
.hero-premium-cinematic:after{background:radial-gradient(circle at 20% 55%,rgba(216,189,104,.12),transparent 26rem)}
.rtl .hero-premium-cinematic:after{background:radial-gradient(circle at 80% 55%,rgba(216,189,104,.12),transparent 26rem)}
.hero-premium-cinematic .hero-copy{max-width:660px}
.rtl .hero-premium-cinematic{justify-items:end;text-align:right}
.hero-premium-cinematic .hero-logo{width:clamp(86px,11vw,132px);max-height:90px;margin-bottom:16px}
.hero-premium-cinematic .eyebrow{padding:7px 11px;background:rgba(0,0,0,.28);backdrop-filter:blur(14px);border-color:rgba(216,189,104,.32);font-size:.7rem}
.hero-premium-cinematic h1{max-width:680px;margin-top:12px;font-size:clamp(3.1rem,6vw,6.4rem);line-height:.96}
.hero-premium-cinematic h1 span{color:#e0c462}
.hero-premium-cinematic h1 strong{color:#fff}
.hero-premium-cinematic p{max-width:520px;margin:18px 0 0;color:#e1dacb;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.65}
.hero-premium-cinematic .hero-actions{margin-top:26px}
.hero-premium-cinematic .hero-actions .button{min-width:160px;min-height:50px}
.hero-premium-cinematic .hero-badges{margin-top:22px;gap:8px}
.hero-premium-cinematic .hero-badges span{background:rgba(0,0,0,.34);border-color:rgba(216,189,104,.2);backdrop-filter:blur(12px);font-size:.78rem}

.home-signal-grid{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:min(1120px,calc(100% - 32px));margin:-34px auto 0;padding:0;border:1px solid rgba(216,189,104,.2);border-radius:12px;background:rgba(5,5,6,.78);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.36);overflow:hidden}
.home-signal-grid article{min-height:72px;flex:1 1 210px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border:0;border-inline-end:1px solid rgba(216,189,104,.12);border-radius:0;background:transparent;box-shadow:none;text-align:center}
.home-signal-grid article:last-child{border-inline-end:0}
.home-signal-grid strong{color:#f7e8ad;font-size:1rem;white-space:nowrap}
.home-signal-grid span{color:#cfc5b4;font-size:.86rem;font-weight:800}

.brand-rail{padding:34px 0 26px;background:linear-gradient(90deg,#020202,#090806 48%,#020202);box-shadow:none}
.brand-rail-head{margin-bottom:14px}
.brand-rail-head span{display:none}
.brand-rail-head strong{font-size:.98rem;color:#d8c57f}
.app-logo-card{width:142px;height:58px;background:rgba(255,255,255,.045)}

.pricing-suite-home{padding-top:76px;background:linear-gradient(180deg,#030303 0%,#090806 48%,#030303 100%)}
.pricing-suite-home .pricing-intro span{color:#d8c57f}
.pricing-suite-home .pricing-intro h2{font-family:var(--pricing-font);font-size:clamp(2.1rem,4.4vw,4.4rem);font-weight:900}
.pricing-suite-home .pricing-intro p{max-width:680px;margin-inline:auto;color:#c9c2b2}

.home-security-v2{max-width:1240px;padding:clamp(58px,7vw,94px) 16px;grid-template-columns:1fr;gap:26px}
.home-security-v2:before{inset:32px 16px;border-color:rgba(216,189,104,.16);background:linear-gradient(135deg,rgba(216,189,104,.07),transparent 38%),rgba(255,255,255,.012)}
.home-security-v2 .home-section-copy{max-width:820px;margin:0 auto;text-align:center}
.home-security-v2 .home-section-copy span{margin-inline:auto}
.home-security-v2 .home-section-copy h2{max-width:860px;margin-inline:auto;font-size:clamp(2rem,4.2vw,4rem)}
.home-security-v2 .home-section-copy p{max-width:720px;margin-inline:auto}
.home-flow-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1040px;margin:10px auto 0}
.home-flow-timeline .step-card{min-height:210px;padding:22px;background:rgba(8,8,9,.88);border-color:rgba(216,189,104,.18)}
.home-flow-timeline .step-card strong{margin-bottom:34px}
.home-flow-timeline .step-card h3{font-size:1.25rem}

.home-final-cta{max-width:1120px;margin:12px auto 34px;padding:28px 24px;border:1px solid rgba(216,189,104,.18);border-radius:12px;background:linear-gradient(135deg,rgba(216,189,104,.12),rgba(7,7,8,.96) 42%);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.home-final-cta h2{font-size:clamp(1.65rem,3vw,2.6rem)}

@media (max-width:900px), (orientation:portrait){
  .hero-premium-cinematic{min-height:760px;padding:330px 18px 48px;align-content:end}
  .hero-premium-cinematic:before,.rtl .hero-premium-cinematic:before{background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.1) 38%,rgba(0,0,0,.72) 69%,#020202 100%)}
  .hero-premium-cinematic:after,.rtl .hero-premium-cinematic:after{background:radial-gradient(circle at 50% 58%,rgba(216,189,104,.08),transparent 18rem)}
  .hero-premium-cinematic .hero-logo{width:92px;max-height:66px}
  .hero-premium-cinematic h1{font-size:clamp(2.25rem,11vw,3.55rem);max-width:390px}
  .hero-premium-cinematic p{max-width:350px;font-size:.98rem}
  .hero-premium-cinematic .hero-actions .button{min-width:0;flex:1 1 142px}
  .home-signal-grid{margin:0;max-width:none;border-inline:0;border-radius:0;display:grid;grid-template-columns:repeat(2,1fr)}
  .home-signal-grid article{min-height:76px;border-bottom:1px solid rgba(216,189,104,.1)}
  .home-signal-grid strong{font-size:.95rem}
  .home-signal-grid span{font-size:.78rem}
  .brand-rail{padding-top:24px}
  .pricing-suite-home{padding-top:54px}
  .home-flow-timeline{grid-template-columns:1fr}
  .home-flow-timeline .step-card{min-height:auto}
  .home-final-cta{margin-inline:16px}
}

/* Hero glass merge refinement */
.hero-premium-cinematic{padding-bottom:clamp(138px,16vh,190px)}
.hero-premium-cinematic:before{background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.02) 100%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 42%,rgba(0,0,0,.76) 100%)}
.rtl .hero-premium-cinematic:before{background:linear-gradient(270deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.02) 100%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 42%,rgba(0,0,0,.76) 100%)}
.home-signal-grid{margin:-108px auto 0;background:linear-gradient(180deg,rgba(9,9,10,.46),rgba(3,3,4,.34));border-color:rgba(216,189,104,.22);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}
.home-signal-grid article{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border-inline-end-color:rgba(216,189,104,.16)}
.home-signal-grid strong{color:#f8e9aa;text-shadow:0 10px 22px rgba(0,0,0,.35)}
.home-signal-grid span{color:#eee5d4;text-shadow:0 10px 22px rgba(0,0,0,.35)}
.brand-rail{margin-top:-1px;padding-top:68px;background:linear-gradient(180deg,rgba(2,2,2,.88),#030303 42%,#080705 100%)}

@media (max-width:900px), (orientation:portrait){
  .hero-premium-cinematic{padding-bottom:122px}
  .home-signal-grid{margin:-92px 14px 0;max-width:none;border-radius:12px;border-inline:1px solid rgba(216,189,104,.22);grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-signal-grid article{min-height:70px;padding:12px 8px;display:grid;gap:4px}
  .home-signal-grid strong{font-size:.9rem}
  .home-signal-grid span{font-size:.72rem}
  .brand-rail{padding-top:54px}
}

/* Executive admin rebuild */
.admin-exec{--admin-bg:#020202;--admin-panel:#090909;--admin-panel-2:#10100e;--admin-line:rgba(216,189,104,.18);--admin-line-strong:rgba(248,225,146,.36);--admin-gold:#e6cf7a;--admin-gold-2:#c7962d;--admin-text:#f7f2e5;--admin-muted:#b9b09d;--admin-soft:#15130d;min-height:100vh;background:radial-gradient(circle at 22% 0%,rgba(216,189,104,.1),transparent 28rem),linear-gradient(180deg,#030303,#070604 42%,#030303);padding:24px;direction:ltr}
.rtl .admin-exec{direction:rtl}
.admin-exec-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch;margin:0 auto 18px;max-width:1480px;padding:28px;border:1px solid var(--admin-line);border-radius:8px;background:linear-gradient(135deg,rgba(216,189,104,.11),rgba(255,255,255,.025) 36%,rgba(0,0,0,.2));box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.admin-exec-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(216,189,104,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(216,189,104,.025) 1px,transparent 1px);background-size:72px 72px;opacity:.45;pointer-events:none}
.admin-exec-hero>*{position:relative;z-index:1}
.admin-exec-hero span,.admin-section-head>span,.admin-panel-head span,.admin-card-form>span{display:inline-flex;width:max-content;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(216,189,104,.24);border-radius:8px;background:rgba(216,189,104,.09);color:#f4dea0;font-size:.72rem;font-weight:900;text-transform:uppercase}
.admin-exec-hero h1{max-width:850px;margin:16px 0 10px;color:#fff;font-size:clamp(2rem,4vw,4.25rem);line-height:.96;font-weight:950;letter-spacing:0}
.admin-exec-hero p{max-width:780px;margin:0;color:#d8cfbd;font-size:1rem;line-height:1.75}
.admin-health-card{display:grid;align-content:center;gap:8px;padding:20px;border-radius:8px;border:1px solid var(--admin-line);background:rgba(0,0,0,.34)}
.admin-health-card.good{border-color:rgba(75,194,126,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.admin-health-card.warn{border-color:rgba(231,177,55,.42)}
.admin-health-card strong{color:#fff;font-size:1.1rem}
.admin-health-card span{color:var(--admin-muted);line-height:1.55}
.admin-workbench{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;max-width:1480px;margin:0 auto}
.admin-rail{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 112px);overflow:auto;padding:10px;border:1px solid var(--admin-line);border-radius:8px;background:rgba(5,5,5,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.admin-rail-label{display:block;margin:12px 8px 8px;color:#817760;font-size:.68rem;font-weight:900;text-transform:uppercase}
.admin-rail a{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"code label" "code hint";gap:2px 10px;align-items:center;padding:10px;border-radius:8px;color:#e8dfce;text-decoration:none;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.admin-rail a:hover,.admin-rail a.active{background:linear-gradient(135deg,rgba(216,189,104,.18),rgba(216,189,104,.05));border-color:rgba(216,189,104,.27)}
.admin-rail a b{grid-area:code;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(216,189,104,.12);color:#f4dea0;font-size:.76rem}
.admin-rail a span{grid-area:label;font-weight:900;color:#fff;font-size:.92rem}
.admin-rail a small{grid-area:hint;color:#9d947f;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-stage{min-width:0;display:grid;gap:18px}
.admin-section-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;padding:22px;border:1px solid var(--admin-line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 24px 60px rgba(0,0,0,.28)}
.admin-section-head>span{justify-content:center;width:54px;height:42px;padding:0;font-size:.9rem}
.admin-section-head h2{margin:0;color:#fff;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.06;font-weight:950}
.admin-section-head p{max-width:900px;margin:8px 0 0;color:var(--admin-muted);line-height:1.65}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.admin-kpi,.admin-info-card,.admin-mini-card,.admin-plan-card,.admin-card-form,.admin-empty{position:relative;display:grid;gap:8px;padding:16px;border:1px solid var(--admin-line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 48px rgba(0,0,0,.28);overflow:hidden}
.admin-kpi:before,.admin-info-card:before,.admin-plan-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(216,189,104,.12),transparent 58%);pointer-events:none}
.admin-kpi>*{position:relative;z-index:1}
.admin-kpi span,.admin-info-card span{color:#cfc5ad;font-size:.74rem;font-weight:900;text-transform:uppercase}
.admin-kpi strong{color:#fff;font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1;font-weight:950}
.admin-kpi small,.admin-info-card small{color:#9f9684;line-height:1.45}
.admin-kpi.money strong,.admin-kpi.good strong{color:#f4dea0}
.admin-kpi.bad{border-color:rgba(239,68,68,.34)}
.admin-kpi.warn{border-color:rgba(216,189,104,.36)}
.admin-grid{display:grid;gap:18px}
.admin-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-panel{min-width:0;border:1px solid var(--admin-line);border-radius:8px;background:rgba(7,7,7,.82);box-shadow:0 26px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(216,189,104,.12);background:linear-gradient(180deg,rgba(216,189,104,.055),rgba(255,255,255,.01))}
.admin-panel-head h3{margin:8px 0 0;color:#fff;font-size:1.12rem;font-weight:950}
.admin-panel-head .button{min-height:38px}
.admin-action-list,.admin-route-stack,.admin-card-list,.admin-plan-cards,.admin-plan-editors,.admin-subscription-grid{display:grid;gap:12px;padding:16px}
.admin-followup{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(216,189,104,.13);border-radius:8px;text-decoration:none;color:#fff;background:rgba(255,255,255,.025)}
.admin-followup:hover{border-color:rgba(216,189,104,.42);background:rgba(216,189,104,.08)}
.admin-followup b{display:grid;place-items:center;width:48px;height:40px;border-radius:8px;background:rgba(216,189,104,.13);color:#f4dea0}
.admin-followup span{font-weight:900}
.admin-followup small{color:#b9b09d}
.admin-route-stack article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border-radius:8px;border:1px solid rgba(216,189,104,.14);background:rgba(255,255,255,.025)}
.admin-route-stack code{grid-column:1/-1;color:#f4dea0;white-space:normal;word-break:break-all}
.admin-route-stack span{color:#aaa08c;font-size:.8rem;font-weight:900}
.admin-table-wrap{overflow:auto;padding:0}
.admin-table{width:100%;border-collapse:collapse;min-width:820px}
.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid rgba(216,189,104,.095);text-align:left;vertical-align:middle}
.rtl .admin-table th,.rtl .admin-table td{text-align:right}
.admin-table th{color:#f4dea0;background:rgba(216,189,104,.06);font-size:.74rem;text-transform:uppercase}
.admin-table td{color:#e9e1d0;font-size:.9rem}
.admin-table td strong{display:block;color:#fff}
.admin-table td small{display:block;color:#9f9684;margin-top:3px}
.admin-table code,.admin-mini-card code,.admin-plan-card small{display:inline-block;max-width:260px;padding:4px 7px;border-radius:6px;background:rgba(216,189,104,.09);color:#f4dea0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-muted{color:#9f9684}
.admin-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:900;border:1px solid rgba(255,255,255,.11);color:#ddd;background:rgba(255,255,255,.055)}
.admin-badge.good{color:#9ef0b8;border-color:rgba(82,210,130,.28);background:rgba(82,210,130,.08)}
.admin-badge.warn{color:#ffe29a;border-color:rgba(216,189,104,.35);background:rgba(216,189,104,.1)}
.admin-badge.bad{color:#ffb4b4;border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.09)}
.admin-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 170px 190px auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--admin-line);border-radius:8px;background:rgba(255,255,255,.025)}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.admin-form.compact{grid-template-columns:180px 180px minmax(0,1fr) auto;align-items:end}
.admin-form label,.admin-card-form label{display:grid;gap:7px;color:#cfc5ad;font-size:.82rem;font-weight:850}
.admin-form input,.admin-form select,.admin-form textarea,.admin-card-form input,.admin-card-form select,.admin-card-form textarea,.admin-filterbar input,.admin-filterbar select,.admin-inline-actions select{width:100%;min-height:42px;border-radius:8px;border:1px solid rgba(216,189,104,.18);background:#050505;color:#fff;padding:10px 12px;outline:none}
.admin-form textarea,.admin-card-form textarea{min-height:104px;resize:vertical}
.admin-form .span-2{grid-column:span 2}
.admin-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-profile-title{display:grid;gap:6px;text-align:right}
.rtl .admin-profile-title{text-align:left}
.admin-profile-title strong{color:#fff;font-size:1.35rem}
.admin-info-card strong{color:#fff;font-size:1.35rem;line-height:1.15}
.admin-line-card{display:grid;gap:14px;padding:16px;border:1px solid rgba(216,189,104,.16);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.admin-line-card.active{border-color:rgba(216,189,104,.32)}
.admin-line-card header{display:flex;justify-content:space-between;gap:12px}
.admin-line-card header strong{color:#fff;font-size:1.05rem}
.admin-line-card header span{display:block;color:#9f9684;margin-top:3px}
.admin-line-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.admin-line-card dt{color:#8c836f;font-size:.72rem;font-weight:900;text-transform:uppercase}
.admin-line-card dd{margin:4px 0 0;color:#f0eadc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-inline-actions{display:grid;gap:10px}
.admin-inline-actions form,.admin-tiny-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.admin-card-form{align-content:start;padding:18px}
.admin-card-form h3{margin:0;color:#fff;font-size:1.25rem}
.admin-plan-toolbar{display:flex;flex-wrap:wrap;gap:10px}
.admin-plan-toolbar span{padding:10px 14px;border:1px solid rgba(216,189,104,.22);border-radius:8px;background:rgba(216,189,104,.08);color:#f4dea0;font-weight:900}
.admin-plan-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.admin-plan-card strong{position:relative;z-index:1;color:#fff;font-size:1rem}
.admin-plan-card b{position:relative;z-index:1;color:#f4dea0;font-size:1.65rem}
.admin-plan-card .admin-badge{width:max-content}
.admin-plan-editor{border:1px solid rgba(216,189,104,.15);border-radius:8px;background:rgba(255,255,255,.025);overflow:hidden}
.admin-plan-editor summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;color:#fff}
.admin-plan-editor summary strong{font-weight:950}
.admin-plan-editor summary span{color:#f4dea0;font-size:.82rem}
.admin-status-tabs{display:flex;gap:8px;overflow:auto;padding:10px;border:1px solid var(--admin-line);border-radius:8px;background:rgba(255,255,255,.02)}
.admin-status-tabs a{white-space:nowrap;text-decoration:none;color:#d9d0bf;border:1px solid rgba(216,189,104,.12);border-radius:8px;padding:9px 11px;font-weight:850}
.admin-status-tabs a.active,.admin-status-tabs a:hover{color:#050505;background:linear-gradient(135deg,#f8e6a0,#c9972d);border-color:transparent}
.admin-mini-card strong{color:#fff}
.admin-mini-card span,.admin-mini-card p{color:#b9b09d;margin:0;line-height:1.55}
.admin-empty{color:#d4c7ad}
.admin-empty.danger{border-color:rgba(239,68,68,.38);color:#ffb4b4}

@media (max-width:1180px){
  .admin-exec{padding:14px}
  .admin-exec-hero{grid-template-columns:1fr}
  .admin-workbench{grid-template-columns:1fr}
  .admin-rail{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-rail-label{grid-column:1/-1}
  .admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-grid.two,.admin-grid.three{grid-template-columns:1fr}
}
@media (max-width:720px){
  .admin-exec{padding:10px}
  .admin-exec-hero{padding:18px}
  .admin-exec-hero h1{font-size:2rem}
  .admin-rail{grid-template-columns:1fr}
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-filterbar,.admin-form,.admin-form.compact{grid-template-columns:1fr}
  .admin-form .span-2{grid-column:auto}
  .admin-profile-head{align-items:stretch;flex-direction:column}
  .admin-profile-title{text-align:left}
  .rtl .admin-profile-title{text-align:right}
  .admin-line-card dl{grid-template-columns:1fr 1fr}
  .admin-followup{grid-template-columns:44px minmax(0,1fr)}
  .admin-followup small{grid-column:2}
}

/* Admin rebuild and plan clarity pass */
.admin-page{max-width:1480px;margin:0 auto;padding:28px 16px 56px}
.admin-hero-panel{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 18px;padding:34px;border-radius:14px;background:linear-gradient(115deg,rgba(216,189,104,.17),rgba(13,13,13,.92) 34%,rgba(3,3,4,.96));border:1px solid rgba(216,189,104,.18);box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.admin-hero-panel h1{margin:8px 0 10px;font-size:clamp(2rem,4vw,4rem);line-height:1.05;color:#f7e49b}
.admin-hero-panel p{max-width:760px;margin:0;color:#d4cbb7;font-size:1.02rem;line-height:1.75}
.admin-hero-panel>div:first-child>span,.admin-section-title>span{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:8px;background:rgba(216,189,104,.12);border:1px solid rgba(216,189,104,.22);color:#f1dc94;font-weight:900;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.admin-hero-status{min-width:220px;padding:18px;border-radius:12px;background:rgba(0,0,0,.36);border:1px solid rgba(216,189,104,.18);display:grid;gap:6px}
.admin-hero-status strong{color:#fff;font-size:1.05rem}
.admin-hero-status span{color:#bfb7a8;font-size:.88rem;line-height:1.55}
.admin-shell{display:grid;gap:18px;max-width:none;margin:0;padding:0}
.admin-menu{display:flex;gap:8px;overflow:auto;padding:10px;border:1px solid rgba(216,189,104,.14);border-radius:12px;background:rgba(5,5,6,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-menu a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:10px 12px;border-radius:9px;text-decoration:none;color:#d9d2c1;background:transparent;border:1px solid transparent;font-size:.9rem;font-weight:900;white-space:nowrap}
.admin-menu a:hover,.admin-menu a.active{color:#12100a;background:linear-gradient(135deg,#fff0b0,#c79626);border-color:rgba(255,230,140,.48);box-shadow:0 12px 34px rgba(216,189,104,.16)}
.admin-content{min-width:0;border:1px solid rgba(216,189,104,.13);border-radius:14px;padding:clamp(16px,2vw,26px);background:linear-gradient(180deg,rgba(13,13,14,.82),rgba(3,3,4,.92));box-shadow:0 28px 80px rgba(0,0,0,.34)}
.admin-section-title{display:grid;gap:8px;margin:0 0 20px}
.admin-section-title h2{margin:0;color:#fff;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.08}
.admin-section-title p{margin:0;max-width:760px;color:#beb5a5;line-height:1.7}
.admin-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.admin-metric-card{position:relative;min-height:132px;padding:20px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(216,189,104,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);display:grid;align-content:end;gap:6px;overflow:hidden}
.admin-metric-card:before{content:"";position:absolute;inset:auto -40px -62px auto;width:150px;height:150px;border-radius:50%;background:rgba(216,189,104,.1);filter:blur(18px)}
.admin-metric-card>span{position:absolute;top:14px;inset-inline-end:14px;color:#f5df98;background:rgba(216,189,104,.12);border:1px solid rgba(216,189,104,.24);border-radius:8px;padding:5px 7px;font-size:.78rem;font-weight:950}
.admin-metric-card strong{color:#fff;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1;font-weight:950}
.admin-metric-card small{color:#cfc5b2;font-size:.9rem;font-weight:850}
.admin-panel,.admin-edit-card{border:1px solid rgba(216,189,104,.14);border-radius:12px;background:rgba(7,7,8,.74);box-shadow:0 18px 54px rgba(0,0,0,.25)}
.admin-panel{padding:16px}
.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-panel-head h3{margin:0;color:#f6e5a7;font-size:1.15rem}
.admin-state-panel{display:grid;gap:8px;margin:0 0 16px;padding:14px 16px;border-radius:10px;border:1px solid rgba(216,189,104,.2);background:rgba(216,189,104,.08);color:#f7e7aa}
.admin-state-panel.warning{border-color:rgba(245,190,72,.32);background:rgba(245,190,72,.08)}
.admin-state-panel.danger{border-color:rgba(255,104,104,.32);background:rgba(255,104,104,.08);color:#ffd7d7}
.admin-state-panel span{color:#d7cebc}
.admin-state-panel code{display:block;width:max-content;max-width:100%;overflow:auto;padding:8px 10px;border-radius:8px;background:#020202;color:#f7e7aa}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.75rem;font-weight:900;white-space:nowrap}
.status-pill.good{color:#c8ffe2;background:rgba(37,178,104,.13);border-color:rgba(37,178,104,.28)}
.status-pill.warn{color:#ffe6a2;background:rgba(216,165,51,.14);border-color:rgba(216,165,51,.3)}
.status-pill.bad{color:#ffc4c4;background:rgba(218,58,58,.13);border-color:rgba(218,58,58,.3)}
.status-pill.neutral{color:#e8dfcc;background:rgba(255,255,255,.06)}
.admin-plan-table strong{color:#fff}
.admin-plan-editor{display:grid;gap:12px;margin-top:18px}
.admin-edit-card{overflow:hidden}
.admin-edit-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;color:#fff;font-weight:950;background:linear-gradient(90deg,rgba(216,189,104,.11),rgba(255,255,255,.02))}
.admin-edit-card summary::-webkit-details-marker{display:none}
.admin-edit-card summary small{color:#d7c58b;font-size:.78rem}
.admin-edit-card form{margin:0;border:0;border-top:1px solid rgba(216,189,104,.1);border-radius:0;background:rgba(0,0,0,.18)}
.admin-form .wide{grid-column:1/-1}
.table-wrap table{border-spacing:0}
.table-wrap th{color:#e8d894;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.table-wrap td{vertical-align:middle}

.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px}
.pricing-grid .plan-card,.pricing-grid .plan-card-featured{width:auto;max-width:none;display:grid;grid-template-rows:auto 1fr;transform:none;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(216,189,104,.14)}
.pricing-grid .plan-card:hover,.pricing-grid .plan-card-featured:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(216,189,104,.12),0 20px 46px rgba(0,0,0,.36)}
.pricing-grid .plan-card-featured{border-color:rgba(216,189,104,.42);box-shadow:0 26px 72px rgba(216,189,104,.14)}
.plan-card-header{min-height:184px;padding:24px 18px 18px}
.plan-tier{font-family:var(--pricing-font);font-size:1.08rem;font-weight:950;color:#f5e39d}
.plan-price strong{font-size:clamp(2.45rem,3.2vw,3.35rem)}
.plan-card-header p{font-size:.84rem;line-height:1.55}
.plan-card-content{display:grid;gap:14px;padding:20px 18px 22px}
.plan-highlights{display:grid;grid-template-columns:1fr;gap:8px}
.plan-highlights span{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:8px;background:rgba(216,189,104,.08);border:1px solid rgba(216,189,104,.14);color:#f4ead1;font-size:.82rem;font-weight:850}
.plan-feature-details{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(0,0,0,.22);overflow:hidden}
.plan-feature-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;color:#f7e6a8;font-size:.86rem;font-weight:950}
.plan-feature-details summary::-webkit-details-marker{display:none}
.plan-feature-details summary:after{content:"+";color:#d8bd68;margin-inline-start:auto}
.plan-feature-details[open] summary:after{content:"-"}
.plan-feature-details .plan-features{margin:0;padding:0 14px 14px;display:grid;gap:8px}
.plan-feature-details .plan-features li{margin:0;font-size:.82rem}

@media (min-width:980px){
  .admin-shell{grid-template-columns:260px minmax(0,1fr)}
  .admin-menu{position:sticky;top:106px;max-height:calc(100vh - 128px);display:grid;align-content:start}
  .admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1180px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}
}
@media (max-width:760px){
  .admin-page{padding:18px 12px 42px}
  .admin-hero-panel{display:grid;padding:22px}
  .admin-hero-status{min-width:0}
  .admin-metric-grid{grid-template-columns:1fr}
  .admin-panel-head{align-items:start;flex-direction:column}
  .pricing-grid{grid-template-columns:1fr;max-width:390px}
  .plan-card-header{min-height:0}
}

/* Final executive QA polish */
:root{--ink:#f8f5ec;--muted:#c6bdab;--gold-soft:#f4dfa0;--panel:#080808;--panel-2:#10100f}
body{background:#020202;color:var(--ink);text-rendering:optimizeLegibility}
main{background:linear-gradient(180deg,#020202,#050504 38%,#020202)}
.site-header{backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}
.site-nav a,.link-button,.button,.plan-select{letter-spacing:0}
.button,.plan-select{font-family:inherit}
.flash{max-width:1180px;margin:18px auto 0;border-radius:8px;border:1px solid rgba(216,189,104,.25);background:rgba(13,13,13,.92);color:#f8e7ad}

.home-signal-grid{isolation:isolate}
.home-signal-grid article{min-height:82px;align-content:center}
.home-signal-grid strong{font-size:clamp(1rem,1.3vw,1.18rem);letter-spacing:0}
.home-signal-grid span{font-size:.78rem;color:#d8cfbd}

.brand-rail{padding:40px 0 42px;background:linear-gradient(180deg,#030303 0%,#070603 52%,#020202 100%)}
.brand-rail:before{background:radial-gradient(circle at 50% 35%,rgba(216,189,104,.13),transparent 44%),linear-gradient(90deg,#020202 0%,transparent 10%,transparent 90%,#020202 100%)}
.brand-rail-head{margin-bottom:22px}
.brand-rail-head span{font-size:.7rem;color:#aa9460}
.brand-rail-head strong{font-size:clamp(1rem,1.8vw,1.18rem);color:#f2dfa1}
.apps-marquee{mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.apps-marquee-track{gap:0;animation-duration:72s}
.apps-marquee-group{gap:16px;padding-inline-end:16px}
.app-logo-card{width:186px;height:78px;padding:15px 20px;background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.028));border-color:rgba(216,189,104,.22);box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)}
.app-logo-card img{max-width:142px;max-height:46px;filter:brightness(1.18) contrast(1.1) saturate(1.08)}
.app-logo-card strong{font-size:1rem;max-width:142px}
@keyframes apps-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes apps-marquee-rtl{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

.cards-plans{align-items:stretch}
.plan-card{min-height:100%;border-radius:8px}
.plan-card-header,.plan-card-content{min-width:0}
.plan-tier{font-size:1.06rem}
.plan-price strong{font-size:clamp(2.6rem,5vw,3.65rem)}
.plan-period{font-size:.82rem}
.plan-features{min-height:150px}
.plan-select{border-radius:8px;font-weight:850}

.checkout-shell,.account-shell,.status-page{width:100%}
.checkout-form-card,.checkout-summary-premium,.account-card,.account-side,.status-card,.dashboard-hero,.panel,.card{border-radius:8px}
.checkout-form-card form,.account-card form,.admin-form{margin-top:18px}
.form-grid label{display:grid;gap:7px;color:#efe6d3;font-size:.86rem;font-weight:850}
input,select,textarea{background-color:#050505;color:#fff;border-color:rgba(216,189,104,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d8bd68 50%),linear-gradient(135deg,#d8bd68 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-inline-end:34px}
.rtl select{background-position:18px 50%,12px 50%;padding-inline-start:34px;padding-inline-end:11px}
textarea{min-height:120px;resize:vertical}
input::placeholder,textarea::placeholder{color:#746f64}
.button.primary:disabled,.button.ghost:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

.status-page{display:grid;place-items:center;min-height:calc(100vh - 250px);padding:52px 18px}
.status-card{width:min(760px,100%);padding:clamp(26px,5vw,48px);text-align:center}
.status-card h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}
.status-card p{max-width:560px;margin-inline:auto;color:#cfc5b4}
.status-success{border-color:rgba(74,222,128,.35)}
.status-warning,.status-processing{border-color:rgba(216,189,104,.3)}
.status-failure{border-color:rgba(248,113,113,.35)}
.bridge:after{content:"";display:block;width:42px;height:42px;margin:24px auto 0;border-radius:50%;border:3px solid rgba(216,189,104,.18);border-top-color:#f4dfa0;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.dashboard-grid{align-items:start}
.dashboard-grid>.panel{min-width:0}
.sub-list{display:grid;gap:14px}
.sub-card{display:grid;gap:12px;background:linear-gradient(180deg,rgba(12,12,12,.96),rgba(5,5,5,.96));border-color:rgba(216,189,104,.2)}
.sub-card h3{margin:0 0 4px;font-size:1.05rem}
.sub-card p{margin:0;color:#c7bdac}
.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.secret-row code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;border-radius:8px;background:#030303;border:1px solid rgba(216,189,104,.13);color:#f3e0a6}
.secret-row button{min-height:40px}
.reseller-balance{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid rgba(216,189,104,.18);border-radius:8px;background:rgba(216,189,104,.06)}
.reseller-balance span{font-size:2rem;color:#f4dfa0;font-weight:900;line-height:1}
.empty-state{border-radius:8px;border:1px dashed rgba(216,189,104,.22);background:rgba(216,189,104,.045);color:#d8cfbd}

.offer-cards .card,.cards.mini .card{display:grid;gap:10px;align-content:start;background:linear-gradient(180deg,rgba(15,15,15,.98),rgba(6,6,6,.98))}
.cards.mini .card .button{margin-top:auto}

.admin-shell{align-items:start}
.admin-heading{border-radius:8px}
.admin-menu{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow:auto;padding:10px;border:1px solid rgba(216,189,104,.12);border-radius:8px;background:rgba(5,5,5,.68)}
.admin-menu a{background:transparent;border-color:transparent;color:#d8cfbd}
.admin-menu a:hover{background:rgba(216,189,104,.09);border-color:rgba(216,189,104,.18);color:#fff}
.admin-menu a.active{box-shadow:0 12px 30px rgba(216,189,104,.15)}
.table-wrap{box-shadow:0 18px 48px rgba(0,0,0,.22)}
table{min-width:760px}
th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#aa9460}
td{vertical-align:middle}
.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inline-form select{width:auto;min-width:120px}
.toolbar{align-items:center}
.toolbar input{min-width:min(420px,100%)}

@media (min-width:960px){
  .checkout-shell{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr)}
  .sub-card{grid-template-columns:1fr;position:relative}
  .sub-card>.button{justify-self:start;min-width:170px}
  .rtl .sub-card>.button{justify-self:end}
}

@media (max-width:719px){
  .brand-rail{padding:30px 0 34px}
  .apps-marquee-track{animation-duration:54s}
  .apps-marquee-group{gap:12px;padding-inline-end:12px}
  .app-logo-card{width:138px;height:62px;padding:12px 15px}
  .app-logo-card img{max-width:104px;max-height:36px}
  .home-signal-grid strong{font-size:.95rem}
  .home-signal-grid span{font-size:.72rem}
  .checkout-shell,.dashboard-grid,.admin-shell{padding-inline:14px}
  .secret-row{grid-template-columns:1fr}
  .secret-row button{width:100%}
  .status-page{min-height:calc(100vh - 190px);padding:34px 14px}
  .admin-menu{position:static;display:flex;max-height:none;margin-bottom:14px}
  .inline-form,.toolbar{display:grid}
  .inline-form select,.toolbar input{width:100%}
}

/* Apps rail stability and premium logo sizing */
.brand-rail-head strong{font-size:clamp(1rem,1.7vw,1.22rem)}
.apps-marquee{mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.apps-marquee-track{gap:0;animation-duration:72s;padding:4px 0}
.apps-marquee-group{display:flex;gap:16px;padding-inline:8px;flex:0 0 auto}
.app-logo-card{width:176px;height:74px;padding:14px 22px;background:linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.024));border-color:rgba(216,189,104,.22)}
.app-logo-card img{max-width:138px;max-height:44px;filter:brightness(1.24) contrast(1.12) drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.app-logo-card strong{font-size:1rem;max-width:138px}
@keyframes apps-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes apps-marquee-rtl{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* Admin operational forms refinement */
.admin-inline-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.admin-exec .admin-form{max-width:none}
.admin-exec .admin-form.compact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.admin-exec .admin-form.compact button{justify-self:start}
.rtl .admin-exec .admin-form.compact button{justify-self:end}
.admin-offer-editor summary,.admin-host-editor summary{background:linear-gradient(90deg,rgba(216,189,104,.12),rgba(255,255,255,.018));border-bottom:1px solid rgba(216,189,104,.1)}
.admin-offer-editor[open] summary,.admin-host-editor[open] summary{border-color:rgba(216,189,104,.22)}
.admin-offer-editor form,.admin-host-editor form{margin-top:0}
.admin-plan-editor .admin-form label.span-2{grid-column:1/-1}
.admin-card-list .admin-mini-card code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:719px){
  .apps-marquee-track{animation-duration:54s}
  .apps-marquee-group{gap:10px;padding-inline:5px}
  .app-logo-card{width:136px;height:62px;padding:12px 16px}
  .app-logo-card img{max-width:104px;max-height:36px}
  .app-logo-card strong{font-size:.82rem;max-width:104px}
}

/* ═══════════════════════════════════════════════════════════════════
   Integrations Center — Luxury Gold/Black Design
   Part of Batch 01 (Part C). Appended to public/assets/css/app.css.
   ═══════════════════════════════════════════════════════════════════ */

/* --- Design tokens (foundation layer for future batches) -------------- */
:root {
  --gold-primary: #d8bd68;
  --gold-light:   #fcd34d;
  --gold-bronze:  #a8741a;
  --gold-soft:    rgba(216, 189, 104, 0.15);
  --gold-softer:  rgba(216, 189, 104, 0.08);
  --gold-line:    rgba(216, 189, 104, 0.18);
  --ink:          #0a0a0a;
  --ink-soft:     #111;
  --panel:        #141414;
  --muted:        #9ca3af;
  --text-fg:      #e5e7eb;
  --text-strong:  #f5f5f5;
  --success:      #22c55e;
  --success-bg:   rgba(34, 197, 94, 0.08);
  --danger:       #ef4444;
  --danger-bg:    rgba(239, 68, 68, 0.08);
  --warn:         #f59e0b;
  --warn-bg:      rgba(245, 158, 11, 0.10);

  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;
}

/* --- Tabs navigation -------------------------------------------------- */
.integrations-shell { display: grid; gap: 20px; }

.integrations-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 0 0 4px;
}

.integrations-tabs > a {
  display: grid;
  grid-template-areas: "icon label" "icon hint";
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  row-gap: 2px;
  align-items: center;
  padding: 16px 18px;
  background: var(--ink-soft);
  border: 1px solid var(--gold-line);
  border-radius: var(--r-md);
  color: var(--text-fg);
  text-decoration: none;
  transition: all .2s ease;
  position: relative;
  overflow: hidden;
}
.integrations-tabs > a::before {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 2px;
  background: linear-gradient(90deg, var(--gold-bronze), var(--gold-primary), var(--gold-bronze));
  opacity: 0;
  transition: opacity .2s ease;
}
.integrations-tabs > a:hover {
  border-color: rgba(216, 189, 104, 0.35);
  transform: translateY(-1px);
}
.integrations-tabs > a.active {
  border-color: var(--gold-primary);
  background: linear-gradient(160deg, var(--gold-softer), transparent 70%), var(--ink-soft);
}
.integrations-tabs > a.active::before { opacity: 1; }
.integrations-tabs .ic-tab-icon  { grid-area: icon; font-size: 26px; line-height: 1; }
.integrations-tabs .ic-tab-label { grid-area: label; font-weight: 700; color: var(--gold-primary); font-size: 15px; letter-spacing: .2px; }
.integrations-tabs > a small     { grid-area: hint; color: var(--muted); font-size: 12px; font-family: Consolas, "Courier New", monospace; }

/* --- Panel + Card ----------------------------------------------------- */
.ic-panel { display: grid; gap: 16px; }
.ic-form  { display: grid; gap: 16px; }

.ic-card {
  background: linear-gradient(160deg, rgba(216, 189, 104, 0.03), transparent 60%), var(--ink-soft);
  border: 1px solid var(--gold-line);
  border-radius: var(--r-lg);
  overflow: hidden;
}
[data-driver-card] { display: none; }
[data-driver-card].active { display: block; }

.ic-card-head {
  padding: 18px 22px;
  border-bottom: 1px solid var(--gold-line);
  background: rgba(0, 0, 0, 0.2);
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 18px;
}
.ic-card-head h3 {
  margin: 0 0 4px;
  color: var(--gold-primary);
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .3px;
}
.ic-card-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  max-width: 60ch;
}

/* Pill chips */
.ic-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px;
  background: var(--gold-softer);
  border: 1px solid var(--gold-line);
  border-radius: 999px;
  color: var(--gold-primary);
  font-size: 12px; font-weight: 600;
  white-space: nowrap;
}
.ic-pill.ok   { color: var(--success); border-color: rgba(34, 197, 94, 0.3); background: var(--success-bg); }
.ic-pill.warn { color: var(--warn);    border-color: rgba(245, 158, 11, 0.3); background: var(--warn-bg); }

/* --- Grid + Fields ---------------------------------------------------- */
.ic-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  padding: 20px 22px;
}
.ic-field { display: grid; gap: 6px; }
.ic-field-wide { grid-column: 1 / -1; }
.ic-field > span {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .6px;
  display: flex; align-items: baseline; gap: 6px;
  flex-wrap: wrap;
}
.ic-field > span em.ic-required { color: var(--gold-light); font-style: normal; }
.ic-field .ic-hint {
  color: var(--gold-primary);
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}
.ic-field .ic-hint code { font-family: Consolas, "Courier New", monospace; }
.ic-field .ic-help {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 2px;
}

.ic-field input,
.ic-field select,
.ic-field textarea {
  width: 100%;
  padding: 11px 14px;
  background: var(--ink);
  border: 1px solid var(--gold-line);
  border-radius: var(--r-sm);
  color: var(--text-strong);
  font-size: 14px;
  font-family: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.ic-field input:focus,
.ic-field select:focus,
.ic-field textarea:focus {
  outline: none;
  border-color: var(--gold-primary);
  box-shadow: 0 0 0 3px rgba(216, 189, 104, 0.12);
}
.ic-field input::placeholder { color: rgba(156, 163, 175, 0.5); }
.ic-field input[type="password"] {
  font-family: Consolas, "Courier New", monospace;
  letter-spacing: 1px;
}

/* --- Secret input (input + buttons inline) ---------------------------- */
.ic-secret-input {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 6px;
  align-items: stretch;
}
.ic-secret-input > input { grid-column: 1; }
.ic-secret-input > button { white-space: nowrap; }

/* --- Driver radio grid (email tab) ----------------------------------- */
.ic-driver-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 18px 22px;
}
.ic-driver-radio {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  background: var(--ink);
  border: 1px solid var(--gold-line);
  border-radius: var(--r-md);
  cursor: pointer;
  transition: all .15s ease;
  position: relative;
}
.ic-driver-radio:hover { border-color: rgba(216, 189, 104, 0.35); }
.ic-driver-radio.selected {
  border-color: var(--gold-primary);
  background: linear-gradient(160deg, var(--gold-softer), transparent 70%), var(--ink-soft);
}
.ic-driver-radio.selected::after {
  content: "✓";
  position: absolute; top: 10px; right: 12px;
  color: var(--gold-primary);
  font-weight: 700;
}
.ic-driver-radio input[type="radio"] {
  position: absolute; opacity: 0; pointer-events: none;
}
.ic-driver-name {
  font-weight: 700;
  color: var(--text-strong);
  font-size: 14px;
}
.ic-driver-radio small {
  color: var(--muted);
  font-size: 11px;
}

/* --- Card footer (action buttons) ------------------------------------- */
.ic-card-foot {
  padding: 16px 22px;
  border-top: 1px solid var(--gold-line);
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.ic-card-action {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  padding: 20px 22px;
  align-items: end;
}
.ic-action-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* --- Buttons ---------------------------------------------------------- */
.ic-btn-primary,
.ic-btn-secondary,
.ic-btn-ghost {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--r-sm);
  cursor: pointer;
  transition: all .15s ease;
  border: 1px solid transparent;
  padding: 10px 18px;
  white-space: nowrap;
  display: inline-flex; align-items: center; gap: 8px;
}
.ic-btn-primary {
  background: linear-gradient(135deg, var(--gold-bronze), var(--gold-primary));
  color: var(--ink);
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 6px 20px rgba(216, 189, 104, 0.15);
}
.ic-btn-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(216, 189, 104, 0.25);
}
.ic-btn-secondary {
  background: var(--ink);
  color: var(--gold-primary);
  border-color: var(--gold-line);
}
.ic-btn-secondary:hover {
  border-color: var(--gold-primary);
  background: var(--gold-softer);
}
.ic-btn-secondary:disabled {
  opacity: .6;
  cursor: not-allowed;
}
.ic-btn-ghost {
  background: transparent;
  color: var(--muted);
  border-color: var(--gold-line);
  font-size: 12px;
  padding: 8px 12px;
}
.ic-btn-ghost:hover {
  color: var(--gold-primary);
  border-color: var(--gold-primary);
}
.ic-btn-spinner {
  display: inline-block;
  animation: ic-spin 1s linear infinite;
}
@keyframes ic-spin { to { transform: rotate(360deg); } }

/* --- Test result panel ------------------------------------------------ */
.ic-test-result {
  background: var(--ink-soft);
  border: 1px solid var(--gold-line);
  border-radius: var(--r-lg);
  overflow: hidden;
  animation: ic-fade-in .25s ease;
}
@keyframes ic-fade-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ic-result-head {
  padding: 14px 18px;
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid var(--gold-line);
}
.ic-result-head.ok {
  background: var(--success-bg);
  color: var(--success);
}
.ic-result-head.fail {
  background: var(--danger-bg);
  color: var(--danger);
}
.ic-result-icon {
  font-size: 18px;
  font-weight: 700;
}
.ic-result-head strong {
  font-size: 14px;
  color: var(--text-strong);
}
.ic-result-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.ic-result-table td {
  padding: 8px 18px;
  border-bottom: 1px solid var(--gold-softer);
}
.ic-result-table tr:last-child td { border-bottom: none; }
.ic-result-table td:first-child {
  color: var(--muted);
  font-weight: 600;
  width: 35%;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .4px;
}
.ic-result-table td code {
  color: var(--gold-light);
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  word-break: break-all;
}

/* --- Test recipient row in email tab --------------------------------- */
.ic-test-recipient {
  display: grid;
  align-items: end;
}
.ic-test-recipient .ic-field { gap: 6px; }

/* --- Responsive -------------------------------------------------------- */
@media (max-width: 900px) {
  .integrations-tabs { grid-template-columns: 1fr; }
  .ic-driver-grid    { grid-template-columns: repeat(2, 1fr); }
  .ic-card-action    { grid-template-columns: 1fr; }
  .ic-grid           { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ic-driver-grid { grid-template-columns: 1fr; }
  .ic-card-head   { flex-direction: column; }
  .ic-secret-input { grid-template-columns: 1fr; }
  .ic-secret-input > button { width: 100%; }
}

/* RTL adjustments */
[dir="rtl"] .integrations-tabs > a {
  grid-template-areas: "label icon" "hint icon";
  grid-template-columns: 1fr auto;
}
[dir="rtl"] .ic-driver-radio.selected::after { right: auto; left: 12px; }
[dir="rtl"] .ic-result-table td:first-child { text-align: right; }
[dir="rtl"] .ic-card-foot,
[dir="rtl"] .ic-action-buttons { justify-content: flex-start; }