/* Extracted from pricing inline style block 0 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--t1);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* Navbar */

/* Navbar fixes */
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg)}
.nav-logo{font-size:20px;font-weight:800;flex-shrink:0;margin-left:auto}
.nav-left{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:auto}
[data-mode="light"] .btn-outline{border-color:var(--border)!important;color:var(--t1)!important}
@media(max-width:480px){.navbar{padding:10px 12px}.nav-logo{font-size:16px}.nav-left{gap:8px}.hero{padding:80px 16px 40px}.hero h1{font-size:24px}.hero-sub{font-size:15px}.section{padding:40px 16px}.features-grid{grid-template-columns:1fr}.feat-card{padding:20px 16px}.section-header h2{font-size:20px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:24px 16px}.btn{padding:8px 16px;font-size:13px}}

.nav-logo{font-size:26px;font-weight:900;background:linear-gradient(135deg,var(--gold-light),#f5e6a3,var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{font-family:var(--font);font-size:14px;font-weight:600;padding:9px 22px;border-radius:10px;cursor:pointer;border:none;transition:var(--tr);text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn-outline{background:transparent;color:var(--gold-light);border:1.5px solid rgba(201,168,76,.35)}
.btn-outline:hover{border-color:var(--gold);background:var(--gold-glow)}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),#e2c55a);color:#080a10;box-shadow:0 2px 12px var(--gold-glow);font-weight:700}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 20px var(--gold-glow-strong)}
.btn-lg{font-size:17px;padding:14px 40px;border-radius:14px}

/* Hero */
.hero{position:relative;text-align:center;padding:140px 24px 80px;overflow:hidden}
.hero::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(ellipse,var(--gold-glow) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-block;margin-bottom:20px;padding:6px 18px;border-radius:20px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);font-size:13px;color:var(--gold-light);font-weight:500}
.hero h1{font-size:clamp(36px,6vw,56px);font-weight:900;color:#f5e6a3;text-shadow:0 0 30px rgba(212,175,55,.4),0 0 60px rgba(212,175,55,.15);line-height:1.3}
.hero-sub{margin-top:28px;font-size:18px;color:var(--t2);max-width:620px;margin-left:auto;margin-right:auto;line-height:1.8}
.hero-cta{margin-top:32px}
.hero-stats{display:flex;justify-content:center;gap:clamp(20px,4vw,50px);margin-top:50px;flex-wrap:wrap}
.stat-item{text-align:center}
.stat-num{font-size:28px;font-weight:800;color:var(--gold-light)}
.stat-label{font-size:13px;color:var(--t3);margin-top:2px}

/* Sections */
.section{padding:80px 24px;max-width:1100px;margin:0 auto}
.section-header{text-align:center;margin-bottom:50px}
.section-header h2{font-size:clamp(28px,4vw,38px);font-weight:800}
.section-header p{margin-top:10px;color:var(--t2);font-size:16px;max-width:500px;margin-left:auto;margin-right:auto}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;transition:var(--tr)}
.feat-card:hover{background:var(--card-hover);border-color:rgba(201,168,76,.18);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3),0 0 0 1px var(--gold-glow)}
.feat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--gold-glow),rgba(212,175,55,.05));display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;color:var(--gold-light)}
.feat-card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.feat-card p{font-size:14px;color:var(--t2);line-height:1.8}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch;max-width:650px;margin:0 auto}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px 20px;transition:var(--tr);position:relative;display:flex;flex-direction:column}
.price-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.35)}
.price-card.highlight{border-color:var(--gold-light);box-shadow:0 0 0 4px var(--gold-glow);transform:scale(1.03);z-index:1}
.price-card.highlight:hover{transform:scale(1.03) translateY(-4px)}
.price-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-light),#e2c55a);color:#080a10;font-size:13px;font-weight:700;padding:5px 20px;border-radius:20px;white-space:nowrap}
.price-name{font-size:18px;font-weight:700;text-align:center;margin-bottom:12px}
.price-amount{text-align:center;margin-bottom:6px}
.price-amount .num{font-size:38px;font-weight:900;color:var(--gold-light)}
.price-amount .per{font-size:15px;color:var(--t3)}
.price-save{text-align:center;font-size:12px;color:var(--gold-light);margin-bottom:6px;font-weight:600}
.price-maintenance{text-align:center;font-size:13px;color:#f59e0b;margin-bottom:18px;background:rgba(245,158,11,.08);padding:8px 12px;border-radius:8px;border:1px solid rgba(245,158,11,.15)}
.price-features{list-style:none;flex:1;margin-bottom:24px}
.price-features li{padding:7px 0;font-size:14px;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:10px}
.price-features li::before{content:'✓';color:var(--gold-light);font-weight:700;font-size:13px;flex-shrink:0}
.price-card .btn{width:100%;justify-content:center;padding:12px;font-size:15px;border-radius:12px}

/* Checkout Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex}
.modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:32px 28px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative}
.modal-close{position:absolute;top:12px;left:16px;font-size:24px;color:var(--t3);cursor:pointer;background:none;border:none}
.modal-close:hover{color:var(--t1)}
.modal-card h3{font-size:22px;font-weight:700;margin-bottom:6px;text-align:center}
.modal-card .plan-summary{text-align:center;color:var(--t2);font-size:14px;margin-bottom:20px}
.checkout-steps{display:flex;justify-content:center;gap:8px;margin-bottom:24px}
.checkout-step{width:32px;height:32px;border-radius:50%;background:var(--card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--t3);transition:var(--tr)}
.checkout-step.active{border-color:var(--gold-light);color:var(--gold-light);background:var(--gold-glow)}
.checkout-step.done{border-color:var(--gold-light);color:var(--gold-light);background:var(--gold-glow)}
.payment-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.pay-method{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--tr)}
.pay-method:hover,.pay-method.selected{border-color:var(--gold-light);background:var(--card-hover)}
.pay-method .pay-icon{font-size:24px;flex-shrink:0}
.pay-method .pay-name{font-weight:600;font-size:15px}
.pay-method .pay-desc{font-size:12px;color:var(--t3)}
.summary-box{background:var(--card);border-radius:12px;padding:16px;margin-bottom:20px}
.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.summary-row.total{border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-weight:700;font-size:16px;color:var(--gold-light)}
.summary-row .discount{color:var(--gold-light)}

/* Auth Modal */
.auth-modal .auth-field{margin-bottom:14px}
.auth-modal .auth-label{display:block;font-size:12px;color:var(--t3);margin-bottom:4px;font-weight:500}
.auth-modal .auth-input{width:100%;padding:11px 14px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--t1);font-size:14px;font-family:var(--font);transition:var(--tr)}
.auth-modal .auth-input:focus{outline:none;border-color:var(--gold-light);box-shadow:0 0 0 3px var(--gold-glow)}
.auth-error{color:#ef4444;font-size:13px;margin-bottom:12px;display:none;text-align:center}
.auth-modal .btn{width:100%;justify-content:center;padding:12px;font-size:15px;border-radius:12px;margin-top:4px}
.auth-switch{text-align:center;margin-top:14px;font-size:13px;color:var(--t3)}
.auth-switch a{color:var(--gold-light);cursor:pointer}
.success-box{text-align:center;padding:20px 0}
.success-box .check{width:60px;height:60px;border-radius:50%;background:var(--gold-glow);border:3px solid var(--gold-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:var(--gold-light)}
.success-box h4{font-size:18px;margin-bottom:6px}
.success-box p{color:var(--t2);font-size:14px;margin-bottom:16px}

/* Comparison */
.compare-table{width:100%;border-collapse:collapse;margin-top:24px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:none}
.compare-table th,.compare-table td{padding:14px 16px;text-align:center;font-size:14px}
.compare-table th{background:var(--card);color:var(--t3);font-weight:600}
.compare-table th:first-child{text-align:right}
.compare-table td{border-top:1px solid var(--border);color:var(--t2)}
.compare-table td:first-child{text-align:right;color:var(--t1);font-weight:500}
.check{color:var(--gold-light);font-weight:700}
.xmark{color:var(--t3)}
.compare-cards{display:none;flex-direction:column;gap:16px}
.compare-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px}
.compare-card h4{font-size:16px;font-weight:700;margin-bottom:12px}
.compare-card .row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px;color:var(--t3)}
.compare-card .row .val{font-weight:600;color:var(--gold-light)}
@media(min-width:769px){.compare-table{display:table}}
/* Light mode navbar - per-theme colors */
[data-mode="light"][data-theme="gold"] .nav-logo,[data-mode="light"][data-theme="gold"] .btn{color:#1c1915!important}
[data-mode="light"][data-theme="gold"] .btn-outline{border-color:#c8c3b8!important;color:#1c1915!important}
[data-mode="light"][data-theme="ocean"] .nav-logo,[data-mode="light"][data-theme="ocean"] .btn{color:#151a24!important}
[data-mode="light"][data-theme="ocean"] .btn-outline{border-color:#c0c7d6!important;color:#151a24!important}
[data-mode="light"][data-theme="plum"] .nav-logo{color:#059669!important;-webkit-text-fill-color:#059669!important;background:none!important}
[data-mode="light"][data-theme="plum"] .btn{color:#059669!important}
[data-mode="light"][data-theme="plum"] .btn-outline{border-color:#10b981!important;color:#059669!important}
[data-mode="light"] .theme-btn{color:var(--t1)!important;border-color:var(--border)!important}
[data-mode="light"] .theme-select{color:var(--t1)!important;border-color:var(--border)!important}
@media(max-width:768px){.compare-cards{display:flex}}

/* FAQ */
.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:var(--tr)}
.faq-q{padding:18px 20px;font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.faq-q:hover{color:var(--gold-light)}
.faq-q .icon{font-size:20px;transition:var(--tr);color:var(--gold-light)}
.faq-item.open .faq-q .icon{transform:rotate(45deg)}
.faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;font-size:14px;color:var(--t2);line-height:1.9}
.faq-item.open .faq-a{padding:0 20px 18px;max-height:300px}

/* CTA */
.cta-section{text-align:center;padding:80px 24px;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(ellipse,var(--gold-glow) 0%,transparent 65%);pointer-events:none}
.cta-section h2{font-size:clamp(26px,4vw,34px);font-weight:800;position:relative}
.cta-section p{margin-top:10px;color:var(--t2);font-size:16px;position:relative}
.cta-section .btn-gold{margin-top:24px;font-size:17px;padding:14px 36px;border-radius:14px;position:relative}

/* Integrations */
.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:900px;margin:0 auto}
.int-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px 16px;text-align:center;transition:var(--tr)}
.int-card:hover{background:var(--card-hover);border-color:rgba(201,168,76,.18);transform:translateY(-2px)}
.int-card .int-icon{font-size:28px;margin-bottom:8px}
.int-card .int-name{font-size:13px;font-weight:600}

/* Footer */
.footer{border-top:1px solid var(--border);padding:32px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:1100px;margin:0 auto}
.footer-logo{font-size:20px;font-weight:900;color:var(--gold-light)}
.footer-links{display:flex;gap:24px}
.footer-links a{color:var(--t2);text-decoration:none;font-size:14px;transition:var(--tr);display:inline-flex;align-items:center;min-height:44px;padding:4px 2px}
.footer-links a:hover{color:var(--gold-light)}
.footer-copy{color:var(--t2);font-size:13px}

/* Animations */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* Mobile */
/* Light mode navbar - per-theme colors */
[data-mode="light"][data-theme="gold"] .nav-logo,[data-mode="light"][data-theme="gold"] .btn{color:#1c1915!important}
[data-mode="light"][data-theme="gold"] .btn-outline{border-color:#c8c3b8!important;color:#1c1915!important}
[data-mode="light"][data-theme="ocean"] .nav-logo,[data-mode="light"][data-theme="ocean"] .btn{color:#151a24!important}
[data-mode="light"][data-theme="ocean"] .btn-outline{border-color:#c0c7d6!important;color:#151a24!important}
[data-mode="light"][data-theme="plum"] .nav-logo{color:#059669!important;-webkit-text-fill-color:#059669!important;background:none!important}
[data-mode="light"][data-theme="plum"] .btn{color:#059669!important}
[data-mode="light"][data-theme="plum"] .btn-outline{border-color:#10b981!important;color:#059669!important}
[data-mode="light"] .theme-btn{color:var(--t1)!important;border-color:var(--border)!important}
[data-mode="light"] .theme-select{color:var(--t1)!important;border-color:var(--border)!important}
@media(max-width:768px){
.navbar{padding:10px 16px}
.nav-logo{font-size:22px}
.btn{font-size:13px;padding:7px 16px}
.hero{padding:120px 16px 60px}
.hero-sub{font-size:15px}
.stat-num{font-size:24px}
.section{padding:50px 16px}
.pricing-grid{grid-template-columns:1fr;max-width:380px}
.price-card.highlight{transform:none}
.price-card.highlight:hover{transform:translateY(-4px)}
.features-grid{grid-template-columns:1fr}
.footer{flex-direction:column;text-align:center}
.footer-links{justify-content:center}
.modal-card{padding:24px 20px}
}

/* Toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--gold-light);color:var(--t1);padding:12px 24px;border-radius:10px;font-size:14px;z-index:3000;opacity:0;transition:opacity .3s;pointer-events:none}
.toast.show{opacity:1}

/* Light mode navbar - per-theme colors */
[data-mode="light"][data-theme="gold"] .nav-logo,[data-mode="light"][data-theme="gold"] .btn{color:#1c1915!important}
[data-mode="light"][data-theme="gold"] .btn-outline{border-color:#c8c3b8!important;color:#1c1915!important}
[data-mode="light"][data-theme="ocean"] .nav-logo,[data-mode="light"][data-theme="ocean"] .btn{color:#151a24!important}
[data-mode="light"][data-theme="ocean"] .btn-outline{border-color:#c0c7d6!important;color:#151a24!important}
[data-mode="light"][data-theme="plum"] .nav-logo{color:#059669!important;-webkit-text-fill-color:#059669!important;background:none!important}
[data-mode="light"][data-theme="plum"] .btn{color:#059669!important}
[data-mode="light"][data-theme="plum"] .btn-outline{border-color:#10b981!important;color:#059669!important}
[data-mode="light"] .theme-btn{color:var(--t1)!important;border-color:var(--border)!important}
[data-mode="light"] .theme-select{color:var(--t1)!important;border-color:var(--border)!important}
@media(max-width:768px){
  .navbar{padding:12px 16px}
  .hero{padding:80px 16px 40px}
  .hero h1{font-size:28px}
  .hero-sub{font-size:14px}
  section[style*="grid"]{grid-template-columns:1fr!important;gap:12px!important}
  .pricing-cards{flex-direction:column;gap:16px}
  .pricing-card{min-width:100%}
  table{font-size:12px}
  th,td{padding:8px 6px}
}
@media(max-width:480px){
  .nav-logo{font-size:16px}
  .btn{padding:8px 14px;font-size:12px}
  .hero h1{font-size:24px}
  h2{font-size:20px!important}
}



/* Light mode navbar - per-theme colors */
[data-mode="light"][data-theme="gold"] .nav-logo,[data-mode="light"][data-theme="gold"] .btn{color:#1c1915!important}
[data-mode="light"][data-theme="gold"] .btn-outline{border-color:#c8c3b8!important;color:#1c1915!important}
[data-mode="light"][data-theme="ocean"] .nav-logo,[data-mode="light"][data-theme="ocean"] .btn{color:#151a24!important}
[data-mode="light"][data-theme="ocean"] .btn-outline{border-color:#c0c7d6!important;color:#151a24!important}
[data-mode="light"][data-theme="plum"] .nav-logo{color:#059669!important;-webkit-text-fill-color:#059669!important;background:none!important}
[data-mode="light"][data-theme="plum"] .btn{color:#059669!important}
[data-mode="light"][data-theme="plum"] .btn-outline{border-color:#10b981!important;color:#059669!important}
[data-mode="light"] .theme-btn{color:var(--t1)!important;border-color:var(--border)!important}
[data-mode="light"] .theme-select{color:var(--t1)!important;border-color:var(--border)!important}
@media(max-width:768px){
  .navbar{padding:12px 16px}
  .hero{padding:80px 16px 40px}
  .hero h1{font-size:28px}
  .hero-sub{font-size:14px}
  section[style*="grid"]{grid-template-columns:1fr!important;gap:12px!important}
  .pricing-cards{flex-direction:column;gap:16px}
  .pricing-card{min-width:100%}
  table{font-size:12px}
  th,td{padding:8px 6px}
}
@media(max-width:480px){
  .nav-logo{font-size:16px}
  .btn{padding:8px 14px;font-size:12px}
  .hero h1{font-size:24px}
  h2{font-size:20px!important}
}


/* Carousel */
.convo-carousel{max-width:700px;margin:0 auto 60px;padding:0 20px;position:relative}
.convo-slide{display:none;animation:fadeIn .6s ease}
.convo-slide.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.convo-msg{display:flex;margin-bottom:12px}
.convo-msg.user{justify-content:flex-end}
.convo-msg.agent{justify-content:flex-start}
.convo-bubble{max-width:80%;padding:12px 16px;border-radius:14px;line-height:1.7;font-size:14px}
.convo-msg.user .convo-bubble{background:var(--gold);color:#0a0a10;border-bottom-right-radius:4px}
.convo-msg.agent .convo-bubble{background:var(--card);border:1px solid var(--border);color:var(--t1);border-bottom-left-radius:4px}
.convo-label{font-size:11px;color:var(--t3);margin-bottom:2px}
.convo-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.convo-dot{width:10px;height:10px;border-radius:50%;background:var(--border);cursor:pointer;transition:var(--tr)}
.convo-dot.active{background:var(--gold);width:24px;border-radius:6px}
.convo-arrows{display:flex;justify-content:center;gap:12px;margin-bottom:16px}
.convo-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);color:var(--t2);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tr);font-family:var(--font)}
.convo-arrow:hover{background:var(--hover);color:var(--gold);border-color:var(--gold)}
.theme-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--t1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:var(--tr)}
.theme-btn:hover{background:var(--hover);border-color:var(--gold)}
.theme-select{padding:4px 8px;font-size:11px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--t1);cursor:pointer;font-family:var(--font)}


/* ── Theme ── */
/* ── Shared variables (font, transitions, radii, aliases) ── */
:root,[data-mode="dark"][data-theme="gold"]{--font:'Cairo',sans-serif;--tr:0.25s cubic-bezier(.4,0,.2,1);--r:10px;--rr:20px;--card-hover:#252538;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(201,168,76,.22)}
[data-mode="dark"][data-theme="ocean"]{--card-hover:#1d3555;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(96,165,250,.22)}
[data-mode="dark"][data-theme="plum"]{--card-hover:#193629;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(52,211,153,.22)}
[data-mode="light"][data-theme="gold"]{--card-hover:#eae5d8;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(160,128,40,.18)}
[data-mode="light"][data-theme="ocean"]{--card-hover:#dfe5f2;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(59,111,182,.18)}
[data-mode="light"][data-theme="plum"]{--card-hover:#d8eadf;--gold-light:var(--gold2);--gold-glow:var(--goldg);--gold-glow-strong:rgba(5,150,105,.18)}

[data-mode="dark"][data-theme="gold"]{--bg:#0a0a10;--bg2:#111118;--bg3:#161622;--card:#1a1a2a;--hover:#1f1f32;--input:#12121e;--border:#1e1e32;--border2:#2a2a40;--gold:#d4af37;--gold2:#d4b65f;--gold3:#a88a32;--goldg:rgba(201,168,76,.12);--t1:#eae8e5;--t2:#9a9aac;--t3:#6b6b7e;--grn:#d4af37;--red:#f87171;--blu:#60a5fa;--org:#fb923c}
[data-mode="dark"][data-theme="ocean"]{--bg:#060b14;--bg2:#0c1424;--bg3:#111d35;--card:#142545;--hover:#1a3055;--input:#0e1a30;--border:#1a3055;--border2:#243d65;--gold:#60a5fa;--gold2:#93bbfd;--gold3:#3b82f6;--goldg:rgba(96,165,250,.12);--t1:#e2e8f0;--t2:#94a3b8;--t3:#64748b;--grn:#d4af37;--red:#f87171;--blu:#60a5fa;--org:#fb923c}
[data-mode="dark"][data-theme="plum"]{--bg:#06110d;--bg2:#0a1913;--bg3:#10231b;--card:#142b21;--hover:#193629;--input:#0c1d16;--border:#1f4635;--border2:#2d604a;--gold:#34d399;--gold2:#6ee7b7;--gold3:#10b981;--goldg:rgba(52,211,153,.12);--t1:#e7f5ef;--t2:#9bb8ad;--t3:#769287;--grn:#34d399;--red:#f87171;--blu:#60a5fa;--org:#fb923c}
[data-mode="light"][data-theme="gold"]{--bg:#f8f6f1;--bg2:#efece5;--bg3:#e5e1d8;--card:#ffffff;--hover:#f2efe8;--input:#faf8f4;--border:#dcd8cf;--border2:#c8c3b8;--gold:#a08028;--gold2:#b8942e;--gold3:#8a6d20;--goldg:rgba(160,128,40,.10);--t1:#1c1915;--t2:#585550;--t3:#8a8680;--grn:#d4af37;--red:#dc2626;--blu:#2563eb;--org:#ea580c}
[data-mode="light"][data-theme="ocean"]{--bg:#f4f6fa;--bg2:#e8ecf4;--bg3:#dbe0ec;--card:#ffffff;--hover:#edf0f7;--input:#f7f9fc;--border:#d5dae6;--border2:#c0c7d6;--gold:#3b6fb6;--gold2:#5a8fd4;--gold3:#2d5a9e;--goldg:rgba(59,111,182,.10);--t1:#151a24;--t2:#4a5568;--t3:#7a8599;--grn:#d4af37;--red:#dc2626;--blu:#2563eb;--org:#ea580c}
[data-mode="light"][data-theme="plum"]{--bg:#f2faf6;--bg2:#e5f3eb;--bg3:#d8eadf;--card:#ffffff;--hover:#edf7f1;--input:#f7fcf9;--border:#cfe2d6;--border2:#a9cbb7;--gold:#059669;--gold2:#10b981;--gold3:#047857;--goldg:rgba(5,150,105,.10);--t1:#102018;--t2:#455f52;--t3:#637a6f;--grn:#10b981;--red:#dc2626;--blu:#2563eb;--org:#ea580c}

/* Siyaghah public mobile nav tightening */
@media(max-width:620px){
  .navbar{padding:10px 14px!important;min-height:64px;gap:8px;flex-wrap:nowrap}
  .navbar .nav-logo{font-size:19px!important;margin-left:0!important;letter-spacing:0!important}
  .navbar .brand-mark{width:30px;height:30px}
  .navbar .nav-actions{gap:7px;flex-wrap:nowrap;margin-right:0!important}
  .navbar .theme-ctrl,.navbar .btn-outline{display:none!important}
  .navbar .btn-gold{padding:8px 12px!important;font-size:12px!important;border-radius:10px!important}
}

/* wcag round2 touch targets */
a,button,.btn{touch-action:manipulation}
.nav-actions a,.nav-actions button,.footer-links a,.footer-meta a{min-height:44px}
a[href^="https://t.me/"]{display:inline-flex!important;align-items:center;min-height:44px}
/* full matrix touch polish */
button,.btn,a.btn,.modal-close,.auth-switch a,.footer-links a,.footer-meta a{min-height:44px}
.auth-switch a{display:inline-flex;align-items:center;padding:4px 2px}

/* cf9 followup touch target fix */
.modal-close{min-width:48px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.auth-switch a,.footer-links a,.footer-meta a{min-height:48px;display:inline-flex;align-items:center}
@media(max-width:768px){button,.btn,a.btn,.auth-input,.modal-close{min-height:48px!important}.auth-input{font-size:16px!important}}