:root {
  --gold:#e2c07a;
  --gold-light:#f4e2ac;
  --gold-soft:#b38f4c;
  --deep:#081427;
  --dark:#0a1b14;
  --surface:#0d2119;
  --surface2:#112a20;
  --surface3:#163527;
  --border:rgba(226,192,122,.16);
  --border-strong:rgba(226,192,122,.38);
  --text:#f2efe2;
  --text-dim:#aec3b5;
  --text-soft:#7f9789;
  --green:#39dfa0;
  --cyan:#4fd0c3;
  --violet:#b9a1ff;
  --amber:#f0c164;
  --danger:#ff6b81;
  --shadow:0 24px 64px rgba(1,8,5,.45);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Cairo','Tajawal',system-ui,sans-serif;background:linear-gradient(180deg,#03100b 0%,#081427 30%,#0b2018 100%);color:var(--text);overflow-x:hidden;line-height:1.8}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1240px,calc(100% - 32px));margin:auto}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");z-index:-1}
.bg-orb,.bg-orb2,.bg-orb3{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-2;opacity:.28}
.bg-orb{width:420px;height:420px;right:-90px;top:80px;background:radial-gradient(circle,var(--gold) 0%,transparent 70%);animation:floatA 14s ease-in-out infinite}
.bg-orb2{width:360px;height:360px;left:-120px;top:25%;background:radial-gradient(circle,var(--cyan) 0%,transparent 70%);animation:floatB 20s ease-in-out infinite}
.bg-orb3{width:420px;height:420px;left:22%;bottom:-140px;background:radial-gradient(circle,var(--violet) 0%,transparent 70%);animation:floatC 18s ease-in-out infinite}
@keyframes floatA{50%{transform:translateY(30px) translateX(-25px)}}
@keyframes floatB{50%{transform:translateY(-25px) translateX(25px)}}
@keyframes floatC{50%{transform:translateY(-25px) translateX(-35px)}}
.nav-wrap{position:sticky;top:0;z-index:99;backdrop-filter:blur(18px);background:rgba(3,13,9,.72);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:18px}
.brand{display:flex;align-items:center;gap:14px;font-weight:900;font-size:1.3rem}
.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(226,192,122,.35))}
.brand-name{display:flex;flex-direction:column;line-height:1.1}
.brand-name span:last-child{font-size:.84rem;color:var(--text-dim);font-weight:600}
.nav-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.nav-links a{padding:11px 16px;border:1px solid transparent;border-radius:999px;color:var(--text-dim);font-size:.98rem;transition:.3s}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--border);background:rgba(255,255,255,.03)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn,.ghost-btn,.chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;transition:.3s;font-weight:800}
.btn{padding:15px 26px;border-radius:999px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#171208;box-shadow:0 12px 30px rgba(226,192,122,.22)}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(226,192,122,.32)}
.ghost-btn{padding:14px 24px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text)}
.ghost-btn:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.chip-btn{padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-dim)}
.menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.7rem}
.hero{padding:70px 0 32px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-strong);background:rgba(226,192,122,.08);color:var(--gold-light);font-size:.9rem;font-weight:800;letter-spacing:.3px}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(57,223,160,.66);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 16px rgba(57,223,160,0)}100%{box-shadow:0 0 0 0 rgba(57,223,160,0)}}
.hero h1{font-size:clamp(2.3rem,6vw,5.4rem);line-height:1.05;margin:18px 0 16px;font-weight:900;letter-spacing:-1px}
.gradient-text{background:linear-gradient(135deg,#fff7d4,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(226,192,122,.2))}
.hero p{font-size:1.09rem;color:var(--text-dim);max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 26px}
.hero-note{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.hero-note span{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text-dim);font-size:.94rem}
.hero-card,.panel,.glass-card,.feature-card,.pricing-card,.score-card,.step-card,.chart-card,.compare-card,.support-card,.download-box,.migration-box,.faq-item,.screenshot-card{background:linear-gradient(180deg,rgba(13,33,25,.95),rgba(8,22,16,.92));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card::before,.panel::before,.glass-card::before,.feature-card::before,.pricing-card::before,.score-card::before,.chart-card::before,.compare-card::before,.download-box::before,.migration-box::before,.faq-item::before,.screenshot-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(226,192,122,.12),transparent 36%),radial-gradient(circle at 80% 10%,rgba(79,208,195,.08),transparent 34%);pointer-events:none}
.hero-screen{padding:18px}
.screen-toolbar{display:flex;gap:8px;margin-bottom:12px}
.screen-toolbar i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.18)}
.screen-toolbar i:nth-child(1){background:var(--gold)}
.screen-toolbar i:nth-child(2){background:var(--green)}
.screen-toolbar i:nth-child(3){background:var(--cyan)}
.mini-search{height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,#071122,#0d1730);margin-bottom:14px}
.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.score-mini{padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.score-mini b{font-size:1.8rem;display:block;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.score-mini span{color:var(--text-dim);font-size:.93rem}
.hero-preview{margin-top:16px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.hero-preview img{aspect-ratio:16/10;object-fit:cover;width:100%}
.section{padding:78px 0;position:relative}
.section.tight{padding:58px 0}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-weight:800;font-size:.95rem;margin-bottom:12px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.section-header h2,.section-title{font-size:clamp(1.8rem,4vw,3.1rem);margin:0 0 10px;font-weight:900;line-height:1.2}
.lead{margin:0;color:var(--text-dim);max-width:760px;font-size:1.03rem}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.stat{padding:26px 20px;text-align:center;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.stat b{display:block;font-size:2rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.stat span{display:block;margin-top:8px;color:var(--text-dim);font-size:.95rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feature-card,.glass-card,.score-card,.step-card,.compare-card,.support-card,.download-box,.migration-box,.chart-card,.screenshot-card{padding:26px}
.feature-card h3,.glass-card h3,.score-card h3,.step-card h3,.compare-card h3,.support-card h3,.download-box h3,.migration-box h3,.chart-card h3,.screenshot-card h3{margin:0 0 10px;font-size:1.24rem}
.feature-card p,.glass-card p,.score-card p,.step-card p,.compare-card p,.support-card p,.download-box p,.migration-box p,.chart-card p,.screenshot-card p{color:var(--text-dim);margin:0}
.icon-badge{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.7rem;margin-bottom:18px;background:rgba(226,192,122,.11);border:1px solid rgba(226,192,122,.24)}
.feature-card ul,.compare-list,.support-list,.migration-list{padding:0;margin:18px 0 0;list-style:none}
.feature-card li,.compare-list li,.support-list li,.migration-list li{padding:8px 0 8px 22px;position:relative;color:var(--text-dim);border-bottom:1px dashed rgba(255,255,255,.06)}
.feature-card li:last-child,.compare-list li:last-child,.support-list li:last-child,.migration-list li:last-child{border-bottom:none}
.feature-card li::before,.compare-list li::before,.support-list li::before,.migration-list li::before{content:"◆";position:absolute;right:0;top:10px;font-size:.6rem;color:var(--gold)}
.shot-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.screenshot-main{padding:0;overflow:hidden}
.screenshot-main img{width:100%;height:100%;object-fit:cover;min-height:460px}
.shot-stack{display:grid;gap:20px}
.shot-stack .screenshot-card{padding:0;overflow:hidden}
.shot-stack img{height:220px;width:100%;object-fit:cover}
.overlay-label{position:absolute;top:18px;right:18px;background:rgba(6,17,13,.72);backdrop-filter:blur(10px);padding:10px 14px;border:1px solid var(--border);border-radius:999px;color:var(--gold-light);font-weight:800}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.tab-link{padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-dim);font-weight:800}
.tab-link.active,.tab-link:hover{color:var(--text);background:rgba(226,192,122,.09);border-color:var(--border-strong)}
.chart-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rings{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ring{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}
.circle{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color) calc(var(--val)*1%), rgba(255,255,255,.06) 0);position:relative}
.circle::after{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(180deg,#081120,#07111e);border:1px solid rgba(255,255,255,.05)}
.circle b{position:relative;z-index:1;font-size:1.55rem;color:var(--ring-color)}
.circle small{position:relative;z-index:1;display:block;color:var(--text-soft);font-size:.74rem}
.ring span{font-size:.92rem;color:var(--text-dim);text-align:center}
.bars{display:grid;gap:16px}
.bar-row{display:grid;gap:8px}
.bar-row .head{display:flex;justify-content:space-between;gap:10px;font-weight:800}
.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:1.4s cubic-bezier(.22,1,.36,1)}
.purple i{background:linear-gradient(90deg,var(--violet),#ccb6ff)}
.green i{background:linear-gradient(90deg,var(--green),#86ffd0)}
.blue i{background:linear-gradient(90deg,var(--cyan),#90ddff)}
.radar{display:grid;place-items:center;min-height:380px}
.compare-table{width:100%;border-collapse:collapse;overflow:hidden}
.compare-table th,.compare-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:center;font-size:.98rem}
.compare-table th:first-child,.compare-table td:first-child{text-align:right;font-weight:800}
.compare-table th{color:var(--text);background:rgba(255,255,255,.04)}
.compare-table .brand-col{background:linear-gradient(180deg,rgba(226,192,122,.14),rgba(226,192,122,.06));color:var(--gold-light)}
.compare-table tr:hover td{background:rgba(255,255,255,.02)}
.ok{color:var(--green);font-weight:900}
.partial{color:var(--amber);font-weight:900}
.no{color:var(--danger);font-weight:900}
.timeline{display:grid;gap:14px}
.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:18px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.timeline-item .tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:16px;background:rgba(226,192,122,.12);color:var(--gold-light);font-weight:900;height:fit-content}
.timeline-item h4{margin:0 0 8px;font-size:1.1rem}
.timeline-item ul{margin:0;padding-right:18px;color:var(--text-dim)}
.pricing-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:26px;align-items:center}
.offer-banner{padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(226,192,122,.18),rgba(226,192,122,.06));border:1px solid var(--border-strong);box-shadow:var(--shadow)}
.offer-banner h3{margin:0 0 10px;font-size:1.6rem}
.offer-banner p{margin:0;color:var(--text-dim)}
.offer-stars{display:flex;gap:8px;margin:14px 0 0}
.offer-stars span{padding:8px 12px;border-radius:999px;background:rgba(6,17,13,.5);border:1px solid rgba(255,255,255,.08);font-size:.88rem;color:var(--gold-light)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.pricing-card{padding:30px;display:flex;flex-direction:column;gap:12px}
.pricing-card.featured{transform:translateY(-10px);border-color:var(--border-strong);box-shadow:0 26px 70px rgba(226,192,122,.2)}
.price-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.price-top .name{font-size:1.22rem;font-weight:900}
.ribbon{padding:8px 12px;border-radius:999px;background:rgba(226,192,122,.12);color:var(--gold-light);font-size:.85rem;font-weight:800}
.price-old{color:var(--text-soft);text-decoration:line-through;font-size:1.2rem}
.price-now{font-size:3rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff7d4,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.price-now small{font-size:1rem;color:var(--text-dim);background:none;-webkit-text-fill-color:var(--text-dim)}
.badge-off{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 14px;border-radius:999px;background:rgba(57,223,160,.12);border:1px solid rgba(57,223,160,.2);color:var(--green);font-weight:900}
.faq{display:grid;gap:14px}
.faq-item summary{list-style:none;cursor:pointer;font-weight:800;font-size:1.08rem;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{margin:14px 0 0;color:var(--text-dim)}
.download-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.download-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.download-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.download-meta .mini{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.download-meta .mini b{display:block;font-size:1.25rem;color:var(--gold-light)}
.download-meta .mini span{color:var(--text-dim);font-size:.93rem}
.support-strip{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,rgba(57,223,160,.08),rgba(79,208,195,.06));border:1px solid rgba(57,223,160,.18)}
.social-links{display:flex;gap:12px;flex-wrap:wrap}
.social-link{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:var(--text-dim);font-weight:800}
.social-link:hover{color:var(--text)}
.notice{padding:18px 20px;border-radius:20px;background:rgba(79,208,195,.08);border:1px solid rgba(79,208,195,.18);color:#cfefff}
.notice strong{color:#fff}
.footer{padding:34px 0 40px;border-top:1px solid var(--border);margin-top:38px;background:rgba(4,8,15,.5)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px;align-items:start}
.footer h4{margin:0 0 14px}
.footer a,.footer p{color:var(--text-dim);margin:0 0 10px;display:block}
.footer-brand{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:900;margin-bottom:14px}
.footer-brand img{width:42px;height:42px}
.subtle{color:var(--text-soft)}
.floating-whatsapp{position:fixed;left:20px;bottom:20px;z-index:88;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#29d564,#0b8f3f);color:#fff;font-size:1.9rem;box-shadow:0 18px 40px rgba(41,213,100,.28);animation:floatWhats 2.6s ease-in-out infinite}
@keyframes floatWhats{50%{transform:translateY(-6px)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease}
.reveal.visible{opacity:1;transform:none}
.only-download-version{display:none}
@media (max-width:1100px){
  .hero-grid,.shot-grid,.chart-wrap,.download-grid,.pricing-hero,.grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-4,.stats{grid-template-columns:repeat(3,1fr)}
  .rings{grid-template-columns:repeat(3,1fr)}
  .pricing-grid{grid-template-columns:1fr}
  .pricing-card.featured{transform:none}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .nav{height:auto;padding:14px 0;align-items:flex-start}
  .menu-btn{display:block}
  .nav-shell{display:flex;align-items:center;justify-content:space-between;width:100%}
  .nav-links{display:none;width:100%;padding-top:12px;flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}
  .nav-links a{border-radius:18px}
  .nav-actions{display:none}
  .grid-3,.grid-4,.stats,.rings,.download-meta{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:1fr}
  .support-strip{grid-template-columns:1fr}
  .hero h1{font-size:2.6rem}
  .section{padding:62px 0}
}


/* Added pages: Activation & User Manual */
.process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.process-step{padding:24px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.process-step::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(226,192,122,.13),transparent 35%);pointer-events:none}
.step-index{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(226,192,122,.13);border:1px solid rgba(226,192,122,.28);color:var(--gold-light);font-weight:900;margin-bottom:14px}
.process-step h3{margin:0 0 8px;font-size:1.12rem}
.process-step p{margin:0;color:var(--text-dim)}
.safe-callout{padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(57,223,160,.10),rgba(79,208,195,.06));border:1px solid rgba(57,223,160,.22);box-shadow:var(--shadow)}
.safe-callout strong{color:#fff}
.manual-map{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
.manual-toc{position:sticky;top:100px;padding:22px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.manual-toc a{display:block;padding:11px 12px;border-radius:14px;color:var(--text-dim);border:1px solid transparent}
.manual-toc a:hover{color:var(--text);background:rgba(226,192,122,.08);border-color:var(--border)}
.manual-section{margin-bottom:22px;padding:28px;border-radius:26px;background:linear-gradient(180deg,rgba(13,33,25,.95),rgba(8,22,16,.92));border:1px solid var(--border);box-shadow:var(--shadow)}
.manual-section h2{margin-top:0;font-size:1.55rem}
.manual-section ol,.manual-section ul{margin:14px 0 0;padding-right:24px;color:var(--text-dim)}
.manual-section li{margin:8px 0}
.code-pill{display:inline-flex;padding:6px 10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);color:var(--gold-light);direction:ltr;font-family:Consolas,monospace;font-size:.92rem}
.warning-soft{padding:18px;border-radius:20px;background:rgba(246,178,74,.09);border:1px solid rgba(246,178,74,.22);color:#ffe5b7;margin-top:16px}
@media (max-width:1100px){.process-flow{grid-template-columns:repeat(2,1fr)}.manual-map{grid-template-columns:1fr}.manual-toc{position:relative;top:auto}}
@media (max-width:760px){.process-flow{grid-template-columns:1fr}}


/* Luxury polish v2: cinematic sliders, premium pricing, and richer global effects */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 0 35%, rgba(226,192,122,.035) 42%, transparent 48% 100%),
    radial-gradient(circle at 50% 0%, rgba(226,192,122,.08), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 90px);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), transparent 82%);
}
.hero-card,.glass-card,.feature-card,.pricing-card,.download-box,.migration-box,.manual-section,.support-card,.score-card,.chart-card,.compare-card{
  transition:transform .45s cubic-bezier(.22,1,.36,1), border-color .45s, box-shadow .45s, filter .45s;
}
.hero-card:hover,.glass-card:hover,.feature-card:hover,.pricing-card:hover,.download-box:hover,.migration-box:hover,.manual-section:hover,.support-card:hover,.score-card:hover,.chart-card:hover,.compare-card:hover{
  border-color:rgba(226,192,122,.32);
  box-shadow:0 30px 90px rgba(0,0,0,.42), 0 0 0 1px rgba(226,192,122,.08), inset 0 0 40px rgba(226,192,122,.025);
  filter:saturate(1.05);
}
.lux-line{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(226,192,122,.65), transparent);
  margin:26px 0;
  opacity:.75;
}
.lux-slider{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(226,192,122,.22);
  background:
    radial-gradient(circle at 50% 0%, rgba(226,192,122,.10), transparent 42%),
    linear-gradient(180deg, rgba(4,14,10,.96), rgba(9,18,33,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.38), inset 0 0 70px rgba(226,192,122,.035);
}
.lux-slider::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(244,226,172,.55), transparent 28%, rgba(79,208,195,.24) 58%, rgba(226,192,122,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:5;
}
.lux-slider::after{
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:35%;
  right:-50%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:skewX(-18deg);
  animation:sliderSweep 7s ease-in-out infinite;
  pointer-events:none;
  z-index:6;
}
@keyframes sliderSweep{0%,65%{right:-55%;opacity:0}75%{opacity:.85}100%{right:120%;opacity:0}}
.lux-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.015);
  transition:opacity 1.25s ease, transform 1.35s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.lux-slide.active{
  opacity:1;
  transform:scale(1);
  z-index:2;
}
.lux-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
  filter:drop-shadow(0 16px 35px rgba(0,0,0,.45));
}
.lux-slider.hero-lux{
  aspect-ratio:16/10;
  margin-top:16px;
}
.lux-gallery{
  aspect-ratio:16/8.7;
  min-height:520px;
}
.slider-caption{
  position:absolute;
  right:24px;
  bottom:22px;
  z-index:8;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(4,14,10,.72);
  border:1px solid rgba(226,192,122,.24);
  color:var(--gold-light);
  font-weight:900;
  backdrop-filter:blur(12px);
}
.slider-dots{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:8;
  display:flex;
  gap:9px;
}
.slider-dots button{
  width:10px;height:10px;border-radius:50%;
  border:1px solid rgba(226,192,122,.45);
  background:rgba(255,255,255,.12);
  padding:0;
  cursor:pointer;
  transition:.3s;
}
.slider-dots button.active{
  width:32px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold-light),var(--gold));
  box-shadow:0 0 18px rgba(226,192,122,.35);
}
.slider-info{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.slider-info span{
  padding:13px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  color:var(--text-dim);
  text-align:center;
  font-weight:800;
}
.precheck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.precheck-card{padding:20px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}
.precheck-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(226,192,122,.12),transparent 38%);pointer-events:none}
.precheck-card b{display:block;color:var(--gold-light);font-size:1.05rem;margin-bottom:8px}
.precheck-card p{margin:0;color:var(--text-dim)}
.deal-spotlight{
  padding:28px;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 10%, rgba(244,226,172,.24), transparent 33%),
    radial-gradient(circle at 84% 22%, rgba(57,223,160,.14), transparent 36%),
    linear-gradient(135deg, rgba(226,192,122,.16), rgba(13,33,25,.92));
  border:1px solid rgba(226,192,122,.34);
  box-shadow:0 32px 90px rgba(0,0,0,.38), inset 0 0 60px rgba(226,192,122,.04);
  position:relative;
  overflow:hidden;
}
.deal-spotlight::after{
  content:"";
  position:absolute; inset:-80px auto auto -80px;
  width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.08);
  filter:blur(24px);
}
.deal-spotlight h3{font-size:1.9rem;margin:0 0 10px}
.deal-bonus{
  margin:12px 0 0;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg, rgba(57,223,160,.22), rgba(79,208,195,.10));
  border:1px solid rgba(57,223,160,.30);
  font-weight:900;
}
.launch-urgency{
  margin-top:18px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(246,178,74,.10);
  border:1px solid rgba(246,178,74,.26);
  color:#ffe8bd;
  font-weight:800;
}
.bonus-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(57,223,160,.10);
  border:1px solid rgba(57,223,160,.22);
  color:var(--green);
  font-weight:900;
  margin:8px 0 4px;
}
.bonus-line small{color:#d7ffef;font-weight:800}
.pricing-card{
  isolation:isolate;
}
.pricing-card::after{
  content:"";
  position:absolute;
  inset:auto -30% -45% -30%;
  height:54%;
  background:radial-gradient(ellipse at center, rgba(226,192,122,.18), transparent 72%);
  z-index:-1;
  transition:.45s;
}
.pricing-card:hover::after{inset:auto -18% -35% -18%;opacity:1}
.price-now{
  text-shadow:0 0 22px rgba(226,192,122,.15);
}
.value-stack{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0 4px;
}
.value-stack span{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  color:var(--text-dim);
  font-size:.9rem;
  font-weight:800;
}
.theme-dots{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.theme-dots span{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.24)}
.theme-dots span:nth-child(1){background:linear-gradient(135deg,#081427,#c9a84c)}
.theme-dots span:nth-child(2){background:linear-gradient(135deg,#071629,#4fd0c3)}
.theme-dots span:nth-child(3){background:linear-gradient(135deg,#11081e,#9d79ff)}
.theme-dots span:nth-child(4){background:linear-gradient(135deg,#07150d,#39dfa0)}
@media (max-width:1100px){.precheck-grid,.slider-info{grid-template-columns:1fr}.lux-gallery{min-height:420px}}
@media (max-width:760px){.lux-gallery{min-height:300px}.slider-caption{right:14px;bottom:14px;max-width:calc(100% - 28px);white-space:normal}.slider-dots{left:14px;top:14px;bottom:auto}.precheck-grid{grid-template-columns:1fr}}


/* Header restructure v3 */
.nav-wrap{
  background:linear-gradient(180deg, rgba(3,13,9,.92), rgba(3,13,9,.72));
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}
.nav{
  height:76px;
  gap:12px;
  flex-wrap:nowrap;
  overflow:visible;
}
.nav-shell{
  flex:0 0 auto;
}
.brand{
  min-width:210px;
  gap:10px;
}
.brand img{
  width:44px;
  height:44px;
  order:-1;
}
.brand-name{
  font-size:1.14rem;
}
.brand-name span:last-child{
  font-size:.72rem;
  line-height:1.25;
}
.nav-links{
  flex:1 1 auto;
  min-width:0;
  gap:4px;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
.nav-links a{
  white-space:nowrap;
  padding:9px 10px;
  font-size:.86rem;
  border-radius:18px;
  line-height:1;
}
.nav-actions{
  flex:0 0 auto;
  gap:8px;
}
.nav-actions .btn,
.nav-actions .ghost-btn{
  white-space:nowrap;
  height:46px;
  min-width:112px;
  padding:0 18px;
  border-radius:22px;
  line-height:1;
  font-size:.9rem;
}
@media (max-width:1240px){
  .brand{min-width:180px}
  .brand-name{font-size:1.03rem}
  .brand-name span:last-child{font-size:.68rem}
  .nav-links a{font-size:.8rem;padding:8px 8px}
  .nav-actions .btn,.nav-actions .ghost-btn{min-width:96px;padding:0 14px;font-size:.82rem}
}
@media (max-width:980px){
  .nav{height:auto;flex-wrap:wrap;align-items:center}
  .nav-shell{width:100%;display:flex;justify-content:space-between;align-items:center}
  .nav-links{order:5;width:100%;flex-direction:column;align-items:stretch;display:none}
  .nav-links.open{display:flex}
  .nav-actions{display:none}
  .brand{min-width:auto}
}


/* Premium free trial highlight */
.trial-section{padding-top:26px}
.trial-showcase{
  position:relative;overflow:hidden;border-radius:34px;padding:34px;
  background:
    radial-gradient(circle at 12% 8%, rgba(244,226,172,.30), transparent 34%),
    radial-gradient(circle at 86% 28%, rgba(57,223,160,.20), transparent 36%),
    radial-gradient(circle at 50% 110%, rgba(79,208,195,.14), transparent 42%),
    linear-gradient(135deg, rgba(226,192,122,.18), rgba(8,22,16,.96) 52%, rgba(13,33,25,.98));
  border:1px solid rgba(244,226,172,.42);
  box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 0 1px rgba(226,192,122,.08),inset 0 0 90px rgba(226,192,122,.045)
}
.trial-showcase::before{
  content:"";position:absolute;inset:-2px;
  background:conic-gradient(from 120deg,transparent,rgba(244,226,172,.32),transparent 28%,rgba(57,223,160,.20),transparent 56%,rgba(79,208,195,.16),transparent);
  opacity:.85;filter:blur(26px);animation:trialAura 8s linear infinite;pointer-events:none
}
.trial-showcase::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.10) 45%,transparent 56% 100%);
  transform:translateX(115%) skewX(-16deg);animation:trialShine 5.8s ease-in-out infinite;pointer-events:none
}
@keyframes trialAura{to{transform:rotate(360deg)}}
@keyframes trialShine{0%,55%{transform:translateX(115%) skewX(-16deg);opacity:0}70%{opacity:.9}100%{transform:translateX(-115%) skewX(-16deg);opacity:0}}
.trial-grid{position:relative;z-index:2;display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}
.trial-badge-big{
  width:230px;height:230px;border-radius:50%;margin:auto;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 35% 18%,#fff7d4,var(--gold-light) 30%,var(--gold) 68%,#8b681f 100%);
  color:#090711;box-shadow:0 26px 70px rgba(226,192,122,.34),inset 0 0 28px rgba(255,255,255,.34);position:relative
}
.trial-badge-big::before,.trial-badge-big::after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(244,226,172,.34);animation:trialRing 2.8s ease-in-out infinite}
.trial-badge-big::after{inset:-27px;opacity:.5;animation-delay:.7s}
@keyframes trialRing{50%{transform:scale(1.045);opacity:.55}}
.trial-badge-big b{display:block;font-size:4.8rem;line-height:.85;font-weight:900}
.trial-badge-big span{display:block;font-size:1.24rem;font-weight:900}
.trial-content h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.15;margin:0 0 14px}
.trial-content p{color:var(--text-dim);font-size:1.08rem;max-width:760px;margin:0 0 18px}
.trial-points{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0 22px}
.trial-points div{padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:var(--text-dim);font-weight:800}
.trial-points b{color:var(--gold-light);display:block;margin-bottom:5px}
.trial-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.trial-note{margin-top:16px;padding:14px 16px;border-radius:18px;background:rgba(57,223,160,.10);border:1px solid rgba(57,223,160,.24);color:#d8ffef;font-weight:800}
.instagram-card{
  position:relative;overflow:hidden;border-radius:28px;padding:26px;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,214,115,.20),transparent 32%),
    radial-gradient(circle at 92% 12%,rgba(255,0,128,.18),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(83,102,255,.14),transparent 42%),
    linear-gradient(135deg,rgba(13,33,25,.96),rgba(8,22,16,.96));
  border:1px solid rgba(244,226,172,.24);box-shadow:var(--shadow)
}
.instagram-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}
.instagram-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;font-size:1.8rem;
  background:linear-gradient(135deg,#ffd66f,#ff3d81,#6b6cff);color:#fff;box-shadow:0 15px 35px rgba(255,61,129,.20)
}
@media(max-width:980px){.trial-grid{grid-template-columns:1fr;text-align:center}.trial-content p{margin-left:auto;margin-right:auto}.trial-points{grid-template-columns:1fr}}


/* FAQ expansion + homepage trial/social combo */
.home-trial-social-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:stretch;
}
.home-trial-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:30px;
  background:
    radial-gradient(circle at 18% 10%, rgba(244,226,172,.28), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(57,223,160,.16), transparent 38%),
    linear-gradient(135deg, rgba(226,192,122,.16), rgba(8,22,16,.96));
  border:1px solid rgba(244,226,172,.34);
  box-shadow:var(--shadow);
}
.home-trial-card::before{
  content:"30";
  position:absolute;
  left:20px;
  bottom:-30px;
  font-size:9rem;
  font-weight:900;
  line-height:1;
  color:rgba(244,226,172,.10);
  pointer-events:none;
}
.home-trial-card .days-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border-radius:999px;
  background:rgba(57,223,160,.12);
  border:1px solid rgba(57,223,160,.24);
  color:#d8ffef;
  font-weight:900;
  margin-bottom:14px;
}
.social-duo{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:18px;
}
.social-duo a{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  font-weight:900;
  text-align:center;
  transition:.3s;
}
.social-duo a:hover{
  transform:translateY(-3px);
  border-color:rgba(244,226,172,.32);
  box-shadow:0 16px 35px rgba(0,0,0,.22);
}
.faq-premium-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.faq-premium-grid .faq-item{
  height:fit-content;
}
@media(max-width:980px){
  .home-trial-social-grid,.faq-premium-grid{grid-template-columns:1fr}
}


/* Pricing hero refinement v6 */
.pricing-offer-intro{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:10px 0 8px;
}
.trial-highlight-pill{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(57,223,160,.18), rgba(79,208,195,.12));
  border:1px solid rgba(57,223,160,.28);
  color:#d8ffef;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.pricing-main-title{
  margin:0;
  font-size:clamp(2rem,4.2vw,3.35rem);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
}
.pricing-offer-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pricing-offer-pills span{
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.pricing-offer-pills span:first-child{
  background:linear-gradient(135deg, rgba(57,223,160,.16), rgba(13,33,25,.18));
  border-color:rgba(57,223,160,.28);
  color:#e2fff3;
}
@media (max-width:760px){
  .pricing-main-title{font-size:clamp(1.8rem,9vw,2.55rem)}
  .pricing-offer-pills{gap:8px}
  .pricing-offer-pills span{width:100%; text-align:center}
}


/* MaxDent download refinement v9: R2 primary + Google Drive backup */
.premium-download-card{
  padding:30px;
  border-color:rgba(244,226,172,.30);
  background:
    radial-gradient(circle at 12% 8%, rgba(244,226,172,.20), transparent 34%),
    radial-gradient(circle at 90% 16%, rgba(57,223,160,.12), transparent 34%),
    linear-gradient(180deg,rgba(13,33,25,.97),rgba(8,22,16,.95));
}
.download-ribbon{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  padding:9px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(57,223,160,.18),rgba(79,208,195,.12));
  border:1px solid rgba(57,223,160,.28);
  color:#dcfff1;
  font-weight:900;
  font-size:.88rem;
}
.download-hero-panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:stretch;
  margin-top:24px;
  padding:20px;
  border-radius:28px;
  background:
    radial-gradient(circle at 15% 15%, rgba(244,226,172,.16), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(79,208,195,.13), transparent 35%),
    rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.download-hero-copy h2{
  margin:12px 0 8px;
  font-size:clamp(1.65rem,3vw,2.35rem);
  line-height:1.18;
}
.download-hero-copy p{
  margin:0;
  color:var(--text-dim);
}
.secure-pill{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(57,223,160,.12);
  border:1px solid rgba(57,223,160,.24);
  color:#d9fff0;
  font-weight:900;
  font-size:.9rem;
}
.secure-pill::before{
  content:"✓";
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(57,223,160,.18);
  color:#fff;
}
.file-chip{
  margin-top:16px;
  display:inline-flex;
  max-width:100%;
  direction:ltr;
  text-align:left;
  unicode-bidi:plaintext;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(244,226,172,.18);
  color:var(--gold-light);
  font-weight:900;
  font-size:.94rem;
  overflow-wrap:anywhere;
}
.download-cta-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
}
.download-main-btn,
.download-backup-btn{
  width:100%;
  min-height:58px;
  font-size:1.02rem;
}
.download-main-btn{
  position:relative;
  overflow:hidden;
}
.download-main-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);
  transform:translateX(120%);
  transition:.65s;
}
.download-main-btn:hover::before{
  transform:translateX(-120%);
}
.download-backup-btn{
  background:rgba(255,255,255,.045);
}
.download-small-note{
  color:var(--text-soft);
  font-size:.9rem;
  text-align:center;
}
.download-security-note span{
  direction:ltr;
  unicode-bidi:plaintext;
  display:inline-block;
  color:#fff;
  font-weight:900;
}
.primary-download-link{
  color:#171208;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  border-color:rgba(244,226,172,.45);
}
@media (max-width:760px){
  .premium-download-card{padding:22px}
  .download-ribbon{position:relative;top:auto;left:auto;width:fit-content;margin-bottom:14px}
  .download-hero-panel{grid-template-columns:1fr;padding:16px;border-radius:22px}
  .download-main-btn,.download-backup-btn{min-height:54px}
}

/* MaxDent download refinement v10: client-facing premium download page */
.premium-download-card .lead{
  max-width:760px;
  margin-inline:auto;
}
.download-hero-panel{
  grid-template-columns:1fr;
  gap:24px;
  padding:28px;
}
.download-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.download-hero-copy p{
  max-width:620px;
  font-size:1.04rem;
  line-height:1.9;
}
.download-cta-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
  max-width:780px;
  margin:0 auto;
  justify-content:stretch;
}
.download-main-btn,
.download-backup-btn{
  width:100%;
  height:66px;
  min-height:66px;
  padding:0 24px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  font-size:1.03rem;
  line-height:1.25;
  white-space:normal;
}
.download-backup-btn{
  color:#f8fbff;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(10,22,38,.92));
  border-color:rgba(244,226,172,.28);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.download-backup-btn:hover{
  border-color:rgba(244,226,172,.45);
  background:linear-gradient(135deg,rgba(244,226,172,.10),rgba(10,22,38,.95));
}
.download-meta .mini b{
  direction:ltr;
  unicode-bidi:plaintext;
}
@media (max-width:760px){
  .download-cta-stack{grid-template-columns:1fr}
  .download-main-btn,.download-backup-btn{height:60px;min-height:60px;font-size:.98rem}
}


/* Payment methods refinement - pricing page */
.payment-methods-section{padding-top:10px}
.payment-methods-card{
  position:relative;overflow:hidden;border-radius:32px;padding:28px;
  background:linear-gradient(135deg,rgba(13,33,25,.96),rgba(8,22,16,.92));
  border:1px solid rgba(226,192,122,.22);box-shadow:var(--shadow);
  display:grid;grid-template-columns:1fr 1.08fr;gap:26px;align-items:center;
}
.payment-methods-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 92% 5%,rgba(226,192,122,.18),transparent 33%),radial-gradient(circle at 8% 85%,rgba(79,208,195,.10),transparent 35%);
}
.payment-methods-card::after{
  content:"";position:absolute;inset:1px;border-radius:31px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 28%,transparent 70%,rgba(226,192,122,.07));opacity:.7;
}
.payment-methods-copy,.payment-methods-logos{position:relative;z-index:2}
.payment-methods-copy h2{margin:14px 0 10px;font-size:clamp(1.7rem,3vw,2.85rem);line-height:1.22;font-weight:900}
.payment-methods-copy p{margin:0;color:var(--text-dim);font-size:1.06rem;max-width:650px}
.payment-methods-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.payment-logo-card{
  min-height:178px;padding:20px 14px;border-radius:24px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.payment-logo-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.06);border-color:rgba(226,192,122,.28)}
.payment-mark{
  width:72px;height:72px;border-radius:24px;display:grid;place-items:center;
  font-weight:900;font-size:1.55rem;color:#fff;box-shadow:0 18px 35px rgba(0,0,0,.22);position:relative;overflow:hidden;
}
.payment-mark::before{content:"";position:absolute;inset:-35%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg)}
.payment-mark span{position:relative;z-index:1;letter-spacing:.5px}
.instapay-mark{background:linear-gradient(135deg,#6236ff,#00c2ff)}
.vodafone-mark{background:linear-gradient(135deg,#e60000,#ff5b5b);border-radius:50%}
.bank-mark{background:linear-gradient(135deg,var(--gold-soft),var(--gold-light));color:#111827}
.payment-logo-card strong{font-size:1.05rem;font-weight:900;color:#fff;line-height:1.25}
.payment-logo-card small{font-weight:800;color:var(--text-dim);font-size:.91rem}
.instapay-card{border-color:rgba(98,54,255,.18)}
.vodafone-card{border-color:rgba(230,0,0,.18)}
.bank-card{border-color:rgba(226,192,122,.2)}
@media(max-width:980px){.payment-methods-card{grid-template-columns:1fr;text-align:center}.payment-methods-copy p{margin-left:auto;margin-right:auto}.payment-methods-logos{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.payment-methods-card{padding:20px;border-radius:24px}.payment-methods-logos{grid-template-columns:1fr}.payment-logo-card{min-height:150px}.payment-mark{width:64px;height:64px;border-radius:21px}.vodafone-mark{border-radius:50%}}

/* Payment methods section v4 */
.payment-section{padding-top:26px}
.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.payment-method-card{position:relative;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(13,33,25,.95),rgba(8,22,16,.92));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;gap:18px;min-height:100%}
.payment-method-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.05),transparent 32%);pointer-events:none}
.payment-method-card h3{margin:0;font-size:1.38rem}
.payment-method-card p{margin:0;color:var(--text-dim)}
.payment-logo-wrap{position:relative;z-index:1}
.payment-logo-card{height:150px;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f6fb);display:flex;align-items:center;justify-content:center;padding:18px;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 28px rgba(0,0,0,.16)}
.payment-logo-img{max-width:100%;max-height:100%;object-fit:contain}
.payment-logo-instapay{width:78%;image-rendering:auto}
.payment-logo-vodafone{width:100%}
.payment-copy{display:flex;flex-direction:column;gap:8px}
.payment-instapay{border-color:rgba(133,95,184,.34)}
.payment-instapay .payment-logo-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 35px rgba(86,45,133,.14)}
.payment-vodafone{border-color:rgba(234,47,67,.26)}
.payment-vodafone .payment-logo-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 35px rgba(234,47,67,.14)}
.payment-bank{border-color:rgba(79,208,195,.22)}
.payment-logo-bank{background:linear-gradient(180deg,rgba(17,35,58,.98),rgba(10,26,19,.96));color:var(--gold-light);border:1px solid rgba(226,192,122,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 35px rgba(2,8,16,.35)}
.bank-icon{width:84px;height:84px;display:block}
@media (max-width:1100px){.payment-methods-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.payment-methods-grid{grid-template-columns:1fr}.payment-logo-card{height:136px}}


/* Payment luxury horizontal strip v5 */
.payment-section{padding-top:28px}
.payment-lux-strip{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 0%, rgba(244,226,172,.18), transparent 32%),
    radial-gradient(circle at 96% 12%, rgba(79,208,195,.10), transparent 34%),
    linear-gradient(135deg, rgba(13,33,25,.96), rgba(8,22,16,.94));
  border:1px solid rgba(226,192,122,.28);
  box-shadow:0 30px 85px rgba(0,0,0,.38), inset 0 0 55px rgba(226,192,122,.035);
}
.payment-lux-strip::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  transform:skewX(-16deg) translateX(120%);
  animation:paymentSweep 8s ease-in-out infinite;
}
@keyframes paymentSweep{0%,68%{transform:skewX(-16deg) translateX(120%);opacity:0}78%{opacity:.75}100%{transform:skewX(-16deg) translateX(-120%);opacity:0}}
.payment-lux-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.payment-lux-head h2{
  margin:0;
  font-size:clamp(1.8rem,3.4vw,2.7rem);
  line-height:1.2;
}
.payment-lux-head p{
  margin:0;
  color:var(--text-dim);
  max-width:560px;
  font-weight:700;
}
.payment-lux-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:18px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.085);
}
.payment-lux-item{
  min-height:138px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:18px;
  border-radius:22px;
  background:rgba(4,14,10,.22);
  border:1px solid rgba(255,255,255,.055);
}
.payment-lux-logo{
  width:142px;
  height:82px;
  border-radius:18px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.9);
}
.payment-lux-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.payment-lux-logo-wide{
  width:188px;
}
.payment-lux-bank{
  background:linear-gradient(180deg,rgba(17,35,58,.98),rgba(10,26,19,.96));
  color:var(--gold-light);
  border:1px solid rgba(226,192,122,.20);
}
.payment-lux-bank .bank-icon{
  width:64px;
  height:64px;
}
.payment-lux-name{
  color:#fff;
  font-size:1.12rem;
  font-weight:900;
  white-space:nowrap;
}
.payment-lux-divider{
  width:1px;
  height:86px;
  background:linear-gradient(180deg,transparent,rgba(226,192,122,.46),transparent);
}
.payment-lux-note{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding:16px 20px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(57,223,160,.10),rgba(226,192,122,.06));
  border:1px solid rgba(57,223,160,.20);
  color:#dfffee;
  font-weight:800;
  text-align:center;
}
@media (max-width:1100px){
  .payment-lux-row{grid-template-columns:1fr;gap:12px}
  .payment-lux-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,192,122,.36),transparent)}
  .payment-lux-item{justify-content:space-between;min-height:118px}
}
@media (max-width:760px){
  .payment-lux-strip{padding:22px}
  .payment-lux-item{flex-direction:column;text-align:center;gap:12px}
  .payment-lux-logo,.payment-lux-logo-wide{width:min(210px,100%);height:88px}
}


/* MaxDent v7 - international pricing and Visa Direct payment method */
.international-price{
  margin-top:14px;
  padding:14px 16px;
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 0%, rgba(79,208,195,.16), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.025));
  border:1px solid rgba(79,208,195,.20);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.international-price span{
  color:var(--text-dim);
  font-size:.92rem;
  font-weight:800;
}
.international-price strong{
  color:#f4fbff;
  font-size:1.45rem;
  font-weight:950;
  letter-spacing:.2px;
}
.international-price em{
  color:rgba(244,226,172,.92);
  font-style:normal;
  font-size:.88rem;
  font-weight:850;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(226,192,122,.10);
  border:1px solid rgba(226,192,122,.18);
}
.pricing-global-note{
  max-width:950px;
  margin:24px auto 0;
  padding:16px 20px;
  border-radius:22px;
  text-align:center;
  color:#fff8d6;
  font-weight:900;
  background:linear-gradient(135deg, rgba(226,192,122,.15), rgba(79,208,195,.07));
  border:1px solid rgba(226,192,122,.26);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.payment-lux-row-four{
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
}
.payment-lux-row-four .payment-lux-item{
  gap:14px;
  padding:16px 14px;
}
.payment-lux-row-four .payment-lux-logo{
  width:132px;
  height:78px;
}
.payment-lux-row-four .payment-lux-logo-wide{
  width:170px;
}
.payment-lux-logo-visa{
  width:166px!important;
  background:#fff;
}
.payment-lux-logo-visa img{
  width:100%;
  height:100%;
  object-fit:contain;
}
@media (max-width:1280px){
  .payment-lux-row-four{grid-template-columns:1fr auto 1fr}
  .payment-lux-row-four .payment-lux-divider:nth-of-type(4),
  .payment-lux-row-four .payment-lux-divider:nth-of-type(6){display:none}
}
@media (max-width:1100px){
  .payment-lux-row-four{grid-template-columns:1fr;gap:12px}
  .payment-lux-row-four .payment-lux-divider{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,192,122,.36),transparent)}
  .payment-lux-row-four .payment-lux-item{justify-content:space-between;min-height:118px}
}
@media (max-width:760px){
  .international-price{justify-content:center;text-align:center}
  .payment-lux-row-four .payment-lux-item{flex-direction:column;text-align:center;gap:12px}
  .payment-lux-row-four .payment-lux-logo,
  .payment-lux-row-four .payment-lux-logo-wide,
  .payment-lux-logo-visa{width:min(210px,100%)!important;height:88px}
}


/* MaxDent v8 refinements: navigation spacing, pricing symmetry, payment alignment, luxe comparison table, footer email */
.container{width:min(1320px,calc(100% - 32px));}
.nav{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  height:84px;
  gap:12px;
}
.nav-shell{display:flex;align-items:center}
.nav-links{gap:2px;padding-inline:8px}
.nav-links a{padding:8px 8px;font-size:.82rem}
.nav-actions{gap:10px}
.nav-actions .btn,.nav-actions .ghost-btn{min-width:100px;padding:0 14px;font-size:.84rem;height:44px}
@media (max-width:1280px){
  .container{width:min(1360px,calc(100% - 24px));}
  .nav-links a{font-size:.78rem;padding:8px 6px}
  .nav-actions .btn,.nav-actions .ghost-btn{min-width:90px;padding:0 12px;font-size:.79rem}
  .brand{min-width:170px}
  .brand-name{font-size:.98rem}
}
@media (max-width:980px){
  .nav{display:flex;height:auto}
}

.pricing-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.pricing-card{
  min-height:100%;
  padding:34px 30px 30px;
  border-radius:30px;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(226,192,122,.12), transparent 34%),
    linear-gradient(180deg,rgba(13,33,25,.97),rgba(6,15,29,.95));
}
.pricing-card .price-top,
.pricing-card .price-old,
.pricing-card .price-now,
.pricing-card .badge-off,
.pricing-card .bonus-line,
.pricing-card .value-stack,
.pricing-card p,
.pricing-card ul{position:relative;z-index:2}
.pricing-card .price-top{min-height:54px;align-items:start}
.pricing-card .price-old{font-size:1.2rem;text-align:center;opacity:.92}
.pricing-card .price-now{font-size:3.25rem;text-align:center;justify-content:center}
.pricing-card .badge-off{align-self:flex-end}
.pricing-card .bonus-line{margin-top:2px}
.pricing-card .value-stack{min-height:74px;align-content:start}
.pricing-card p{min-height:112px;display:flex;align-items:flex-start;text-align:center;justify-content:center}
.pricing-card .migration-list{margin-top:4px;flex:1 1 auto}
.pricing-card .btn{margin-top:auto;width:100%}
.pricing-card.featured{transform:translateY(-8px)}
.international-price{
  min-height:72px;
  justify-content:space-between;
  align-items:center;
  padding:15px 18px;
}
.international-price strong{font-size:1.6rem}
.international-price span{font-size:.96rem}
.international-price em{font-size:.9rem}
.pricing-global-note{margin-top:26px}
@media (max-width:1100px){
  .pricing-card p{min-height:auto}
}
@media (max-width:760px){
  .pricing-card{padding:28px 22px}
  .pricing-card .price-now{font-size:2.7rem}
  .international-price{min-height:auto;text-align:center;justify-content:center}
}

.payment-lux-row.payment-lux-row-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.022));
  padding:20px;
}
.payment-lux-row-four .payment-lux-divider{display:none !important}
.payment-lux-row-four .payment-lux-item{
  min-height:172px;
  flex-direction:column;
  text-align:center;
  gap:14px;
  justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(3,10,18,.22));
  border-color:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.12);
}
.payment-lux-row-four .payment-lux-item:hover{transform:translateY(-3px)}
.payment-lux-row-four .payment-lux-logo,
.payment-lux-row-four .payment-lux-logo-wide,
.payment-lux-row-four .payment-lux-logo-visa{
  width:min(188px,100%) !important;
  height:92px;
  margin-inline:auto;
}
.payment-lux-row-four .payment-lux-name{
  font-size:1.08rem;
  line-height:1.2;
  white-space:normal;
}
.payment-lux-logo-visa img{max-width:88%;max-height:78%}
@media (max-width:1100px){
  .payment-lux-row.payment-lux-row-four{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .payment-lux-row.payment-lux-row-four{grid-template-columns:1fr;}
  .payment-lux-row-four .payment-lux-item{min-height:154px}
}

.compare-card-lux{padding:24px}
.compare-table-lux{border-collapse:separate;border-spacing:0;min-width:980px}
.compare-table-lux thead th{
  padding:18px 14px;
  font-size:1rem;
  font-weight:900;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border-bottom:1px solid rgba(255,255,255,.09);
}
.compare-table-lux thead th:first-child{border-top-right-radius:18px}
.compare-table-lux thead th:last-child{border-top-left-radius:18px}
.compare-table-lux tbody td{
  padding:18px 14px;
  font-size:.98rem;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(5,12,22,.26);
}
.compare-table-lux tbody tr:nth-child(even) td{background:rgba(255,255,255,.018)}
.compare-table-lux tbody tr:hover td{background:rgba(255,255,255,.032)}
.compare-table-lux .brand-col{
  background:linear-gradient(180deg,rgba(226,192,122,.14),rgba(226,192,122,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.compare-table-lux td.brand-col.ok{
  color:var(--green);
  font-weight:950;
  text-shadow:0 0 18px rgba(57,223,160,.15);
}
.compare-table-lux .ok{color:var(--green);font-weight:900}
.compare-table-lux .partial{color:var(--amber);font-weight:900}
.compare-table-lux .no{color:#ff8a9b;font-weight:800}
.footer-grid a[href^="mailto:"]{
  color:#dff7ff;
  font-weight:800;
}


/* MaxDent v9 clinic-first refinement: premium SEO content, outcome charts, and luxury motion */
.clinic-proof-section{padding-top:34px;background:radial-gradient(circle at 50% 0%,rgba(226,192,122,.055),transparent 42%)}
.clinic-proof-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:stretch}
.clinic-proof-copy,.impact-dashboard,.clinic-outcome-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(226,192,122,.26);box-shadow:0 32px 90px rgba(0,0,0,.36),inset 0 0 70px rgba(226,192,122,.035);background:linear-gradient(135deg,rgba(13,33,25,.96),rgba(8,22,16,.94));padding:32px}
.clinic-proof-copy::before,.impact-dashboard::before,.clinic-outcome-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(244,226,172,.18),transparent 34%),radial-gradient(circle at 88% 18%,rgba(79,208,195,.10),transparent 36%);pointer-events:none}
.clinic-proof-copy::after,.impact-dashboard::after,.clinic-outcome-card::after{content:"";position:absolute;top:-30%;bottom:-30%;width:32%;right:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:skewX(-18deg);animation:v9Shine 7.5s ease-in-out infinite;pointer-events:none}
@keyframes v9Shine{0%,68%{right:-55%;opacity:0}78%{opacity:.85}100%{right:120%;opacity:0}}
.clinic-proof-copy>* , .impact-dashboard>* , .clinic-outcome-card>*{position:relative;z-index:1}
.search-keyword-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.search-keyword-row span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--gold-light);font-weight:900;font-size:.92rem}
.impact-dashboard{display:flex;flex-direction:column;gap:18px;justify-content:center}
.impact-top{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.impact-top span{color:var(--text-dim);font-weight:800}.impact-top b{font-size:1.7rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.impact-bar{display:grid;gap:8px}.impact-bar div{display:flex;justify-content:space-between;gap:10px;font-weight:900}.impact-bar span{color:#fff}.impact-bar b{color:var(--gold-light)}
.impact-bar i{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-light));width:0;display:block;box-shadow:0 0 20px rgba(226,192,122,.22);animation:impactFill 1.4s cubic-bezier(.22,1,.36,1) forwards}.impact-bar:nth-of-type(3) i{background:linear-gradient(90deg,var(--green),#9affd6)}.impact-bar:nth-of-type(4) i{background:linear-gradient(90deg,var(--cyan),#afe7ff)}
@keyframes impactFill{to{width:var(--w)}}
.impact-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}.impact-mini-grid span{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-align:center;color:var(--text-dim);font-weight:800}.impact-mini-grid b{display:block;color:var(--green);font-size:1.1rem;margin-bottom:3px}
.clinic-outcome-card{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;align-items:center}
.outcome-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.outcome-pill{padding:22px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);min-height:132px;display:flex;flex-direction:column;justify-content:center;transition:.35s}.outcome-pill:hover{transform:translateY(-5px);border-color:rgba(226,192,122,.32);box-shadow:0 20px 45px rgba(0,0,0,.24)}.outcome-pill b{font-size:1.9rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.outcome-pill span{color:var(--text-dim);font-weight:800;margin-top:8px}
.feature-card:hover,.score-card:hover,.stat:hover{transform:translateY(-5px)}
.stat{position:relative;overflow:hidden}.stat::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(120%);transition:.6s}.stat:hover::after{transform:translateX(-120%)}
@media (max-width:980px){.clinic-proof-grid,.clinic-outcome-card{grid-template-columns:1fr}.impact-mini-grid,.outcome-metrics{grid-template-columns:1fr}}
@media (max-width:760px){.clinic-proof-copy,.impact-dashboard,.clinic-outcome-card{padding:24px;border-radius:26px}.search-keyword-row span{width:100%;text-align:center}}


/* MaxDent v10 — cloud backup luxury visuals */
.cloud-sync-section{position:relative;overflow:hidden}
.cloud-sync-section::before{content:"";position:absolute;inset:12% -18% auto auto;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(79,208,195,.18),transparent 62%);filter:blur(10px);pointer-events:none}
.cloud-sync-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.cloud-sync-copy,.cloud-orbit-card,.cloud-feature-panel,.cloud-inline-note{background:linear-gradient(135deg,rgba(13,33,25,.96),rgba(5,15,11,.9));border:1px solid rgba(226,192,122,.24);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.42);position:relative;overflow:hidden}
.cloud-sync-copy{padding:34px}
.cloud-sync-copy::after,.cloud-orbit-card::after,.cloud-feature-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.055) 44%,transparent 58%);transform:translateX(100%);animation:luxSweep 7s ease-in-out infinite;pointer-events:none}
.cloud-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cloud-badges span{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);font-weight:800}
.cloud-orbit-card{padding:28px;min-height:440px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.cloud-orbit{width:min(360px,100%);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}
.orbit-ring{position:absolute;border:1px dashed rgba(226,192,122,.42);border-radius:50%;animation:spinOrbit 18s linear infinite}
.ring-one{inset:18px}.ring-two{inset:66px;animation-direction:reverse;animation-duration:13s;border-color:rgba(79,208,195,.36)}
.cloud-core{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.20),transparent 32%),linear-gradient(145deg,rgba(226,192,122,.95),rgba(86,60,18,.82));color:#0a1a13;box-shadow:0 0 38px rgba(226,192,122,.38), inset 0 0 24px rgba(255,255,255,.16);z-index:2}
.cloud-core b{font-size:1.25rem}.cloud-core span{font-size:.78rem;font-weight:900;opacity:.86}
.provider-node{position:absolute;padding:10px 14px;border-radius:16px;background:rgba(8,22,16,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.35);font-weight:900;color:var(--text);z-index:3;animation:floatNode 4.5s ease-in-out infinite}
.node-local{right:8px;top:64px}.node-one{left:6px;top:112px;animation-delay:.8s}.node-google{bottom:44px;right:88px;animation-delay:1.6s}
.backup-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.backup-flow div{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;background:rgba(255,255,255,.045);text-align:center}
.backup-flow span{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold),#fff0b0);color:#08111e;font-weight:900;margin-bottom:8px}
.backup-flow b{display:block;color:var(--text);font-size:.95rem}.backup-flow small{display:block;color:var(--text-dim);margin-top:4px}
.premium-cloud-card{border-color:rgba(79,208,195,.32)!important;box-shadow:0 26px 80px rgba(79,208,195,.10),var(--shadow)!important}
.cloud-feature-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-top:26px;padding:28px}
.cloud-feature-panel h3{margin:0 0 10px;font-size:1.45rem}.cloud-feature-panel p{color:var(--text-dim);margin:0}
.cloud-mini-chart{height:190px;display:flex;gap:18px;align-items:end;justify-content:center;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1)}
.cloud-mini-chart span{width:64px;height:var(--h);border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,rgba(79,208,195,.98),rgba(226,192,122,.88));box-shadow:0 0 28px rgba(79,208,195,.20);display:flex;align-items:flex-end;justify-content:center;animation:growBar 1.25s ease both}
.cloud-mini-chart b{writing-mode:vertical-rl;transform:rotate(180deg);padding:12px 0;color:#0a1a13;font-weight:900;font-size:.82rem}
.cloud-inline-note{margin-top:18px;padding:14px 16px;color:var(--text-dim);display:flex;gap:10px;align-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(79,208,195,.10),rgba(226,192,122,.10))}
.cloud-inline-note b{color:var(--gold)}
@keyframes spinOrbit{to{transform:rotate(360deg)}}
@keyframes floatNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes growBar{from{height:8%;opacity:.45}to{opacity:1}}
@keyframes luxSweep{0%,62%{transform:translateX(120%)}78%,100%{transform:translateX(-120%)}}
@media (max-width:900px){.cloud-sync-grid,.cloud-feature-panel{grid-template-columns:1fr}.backup-flow{grid-template-columns:1fr}.cloud-orbit-card{min-height:auto}.cloud-orbit{width:min(300px,100%)}}


/* MaxDent v11 — focused homepage + full feature matrix */
.v11-home-focus{position:relative;overflow:hidden}
.v11-home-focus::before,.v11-feature-matrix::before{content:"";position:absolute;inset:8% auto auto -12%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(226,192,122,.14),transparent 65%);filter:blur(18px);pointer-events:none}
.v11-focus-grid,.v11-suite-grid{display:grid;gap:18px}
.v11-focus-grid{grid-template-columns:repeat(3,1fr)}
.v11-focus-card,.v11-suite-card{background:linear-gradient(145deg,rgba(13,25,43,.96),rgba(5,15,11,.92));border:1px solid rgba(226,192,122,.18);border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.34);padding:26px;position:relative;overflow:hidden;transition:.35s}
.v11-focus-card::after,.v11-suite-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.055),transparent);transform:translateX(120%);transition:.75s;pointer-events:none}
.v11-focus-card:hover,.v11-suite-card:hover{transform:translateY(-6px);border-color:rgba(226,192,122,.38);box-shadow:0 30px 95px rgba(0,0,0,.45)}
.v11-focus-card:hover::after,.v11-suite-card:hover::after{transform:translateX(-120%)}
.v11-focus-card span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:1.8rem;background:rgba(226,192,122,.11);border:1px solid rgba(226,192,122,.22);margin-bottom:16px}
.v11-focus-card.premium{border-color:rgba(79,208,195,.38);box-shadow:0 26px 80px rgba(79,208,195,.10),var(--shadow)}
.v11-focus-card h3,.v11-suite-card h3{margin:0 0 10px;font-size:1.25rem;color:var(--text)}
.v11-focus-card p{margin:0;color:var(--text-dim)}
.v11-suite-grid{grid-template-columns:repeat(4,1fr)}
.v11-suite-card h3{font-size:1.12rem;color:var(--gold-light)}
.v11-suite-card ul{margin:14px 0 0;padding:0;list-style:none}
.v11-suite-card li{position:relative;padding:7px 18px 7px 0;color:var(--text-dim);font-size:.95rem;border-bottom:1px dashed rgba(255,255,255,.06)}
.v11-suite-card li:last-child{border-bottom:0}.v11-suite-card li::before{content:"✦";position:absolute;right:0;color:var(--gold);font-size:.72rem;top:8px}
@media (max-width:1100px){.v11-suite-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.v11-focus-grid,.v11-suite-grid{grid-template-columns:1fr}.v11-focus-card,.v11-suite-card{padding:22px;border-radius:22px}}

/* ============================================================
   MaxDent — Malachite Atelier Identity Layer
   هوية بصرية جديدة: ليل الملاكيت الزمردي + شمبانيا مذهّبة
   الخط العربي الموحد: Cairo للعناوين والنصوص
   التوقيع: الخيط المُذهّب أعلى البطاقات + شبكة نقاط زمردية خافتة
   ============================================================ */

body{
  font-family:'Cairo',system-ui,sans-serif;
  background:
    radial-gradient(1200px 700px at 85% -10%, rgba(31,122,92,.20), transparent 60%),
    radial-gradient(900px 600px at 8% 12%, rgba(226,192,122,.07), transparent 55%),
    linear-gradient(180deg,#03100b 0%,#081427 34%,#0a1e16 100%);
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(226,192,122,.05) 1px, transparent 1.6px);
  background-size:26px 26px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent);
}
h1,h2,h3,.section-title,.pricing-main-title{
  font-family:'Cairo',system-ui,sans-serif;
  letter-spacing:.2px;
  font-weight:700;
}
h1{line-height:1.5}
.brand-name,.btn,.ghost-btn,.tab-link,.kicker,.eyebrow,.nav-links a{font-family:'Cairo',sans-serif}

/* الخيط المُذهّب — توقيع الهوية */
.glass-card,.feature-card,.hero-card,.pricing-card,.step-card,.migration-box,
.support-card,.compare-card,.compare-card-lux,.download-box,.offer-banner,
.v11-suite-card,.v11-focus-card,.score-card,.chart-card,.screenshot-card,
.precheck-card,.cloud-orbit-card,.premium-download-card,.premium-cloud-card,
.home-trial-card,.trial-showcase,.faq-item,.payment-lux-item,.instagram-card,
.clinic-outcome-card,.manual-section,.download-hero-panel{
  position:relative;overflow:hidden;
  border:1px solid rgba(226,192,122,.14);
  background:
    linear-gradient(180deg, rgba(226,192,122,.045), transparent 42%),
    linear-gradient(165deg, rgba(20,48,36,.72), rgba(9,26,19,.86));
  box-shadow:0 22px 60px rgba(1,10,6,.42), inset 0 1px 0 rgba(244,226,172,.06);
}
.glass-card::before,.feature-card::before,.hero-card::before,.pricing-card::before,
.step-card::before,.migration-box::before,.support-card::before,.download-box::before,
.offer-banner::before,.v11-suite-card::before,.v11-focus-card::before,
.premium-download-card::before,.premium-cloud-card::before,.home-trial-card::before,
.download-hero-panel::before,.compare-card-lux::before{
  content:"";position:absolute;top:0;right:8%;left:8%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,226,172,.85) 30%,#e2c07a 50%,rgba(244,226,172,.85) 70%,transparent);
  opacity:.55;pointer-events:none;
}
.glass-card:hover,.feature-card:hover,.pricing-card:hover,.v11-suite-card:hover,
.step-card:hover,.support-card:hover,.premium-download-card:hover{
  border-color:rgba(226,192,122,.34);
  box-shadow:0 30px 80px rgba(1,10,6,.55), 0 0 0 1px rgba(226,192,122,.10), inset 0 1px 0 rgba(244,226,172,.10);
  transform:translateY(-4px);
  transition:all .45s cubic-bezier(.22,1,.36,1);
}

/* أزرار الشمبانيا */
.btn{
  background:linear-gradient(135deg,#f4e2ac 0%,#e2c07a 55%,#c8a05a 100%);
  color:#171208;font-weight:800;
  box-shadow:0 14px 34px rgba(226,192,122,.22), inset 0 1px 0 rgba(255,248,224,.7);
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(226,192,122,.32), inset 0 1px 0 rgba(255,248,224,.8)}
.ghost-btn{border:1px solid rgba(226,192,122,.30);background:rgba(226,192,122,.05);transition:all .35s}
.ghost-btn:hover{background:rgba(226,192,122,.12);border-color:rgba(226,192,122,.5)}

/* القائمة العلوية — زجاج ملاكيت + قصّة جوهرة للرابط النشط */
.nav-wrap{backdrop-filter:blur(18px)}
.nav{background:linear-gradient(180deg,rgba(10,30,22,.86),rgba(7,20,15,.78));border:1px solid rgba(226,192,122,.14);box-shadow:0 18px 44px rgba(1,10,6,.4)}
.nav-links a.active{
  color:#f4e2ac;background:linear-gradient(180deg,rgba(226,192,122,.16),rgba(226,192,122,.06));
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  border:1px solid rgba(226,192,122,.35);
}

/* لمسات عامة */
.gradient-text{background:linear-gradient(135deg,#fdf6df,#f4e2ac 40%,#e2c07a 75%,#caa15c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(226,192,122,.22))}
.icon-badge{background:linear-gradient(160deg,rgba(226,192,122,.16),rgba(31,122,92,.18));border:1px solid rgba(226,192,122,.28);box-shadow:inset 0 1px 0 rgba(244,226,172,.18)}
.eyebrow{color:#e9d391}
.eyebrow::before{background:linear-gradient(90deg,#e2c07a,transparent)}
.pulse-dot{background:#39dfa0;box-shadow:0 0 0 0 rgba(57,223,160,.5);animation:mxPulse 2.4s infinite}
@keyframes mxPulse{0%{box-shadow:0 0 0 0 rgba(57,223,160,.45)}70%{box-shadow:0 0 0 12px rgba(57,223,160,0)}100%{box-shadow:0 0 0 0 rgba(57,223,160,0)}}
.bg-orb{background:radial-gradient(circle, rgba(226,192,122,.5) 0%, transparent 70%);opacity:.5}
.bg-orb2{background:radial-gradient(circle, rgba(31,122,92,.55) 0%, transparent 70%)}
.bg-orb3{background:radial-gradient(circle, rgba(79,208,195,.35) 0%, transparent 70%)}

/* الجداول والمقارنات */
.compare-table th{background:linear-gradient(180deg,rgba(226,192,122,.10),rgba(226,192,122,.03))}
.compare-table .brand-col{background:linear-gradient(180deg,rgba(226,192,122,.16),rgba(31,122,92,.10));color:#f4e2ac}

/* سكرول واختيار وتركيز */
::selection{background:rgba(226,192,122,.30);color:#fdf6df}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#04120d}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1f5d46,#123527);border-radius:8px;border:2px solid #04120d}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a7a5c,#1a4a36)}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid #e2c07a;outline-offset:3px;border-radius:6px}

/* واتساب العائم */
.floating-whatsapp{background:linear-gradient(160deg,#1f7a5c,#123527);border:1px solid rgba(226,192,122,.4);color:#f4e2ac;box-shadow:0 16px 40px rgba(1,10,6,.5),0 0 24px rgba(57,223,160,.18)}

/* الفوتر */
.footer{border-top:1px solid rgba(226,192,122,.14);background:linear-gradient(180deg,transparent,rgba(6,18,13,.7))}

/* شريط أحدث التطويرات */
.v12-new-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(226,192,122,.4);background:linear-gradient(135deg,rgba(226,192,122,.14),rgba(31,122,92,.14));color:#f4e2ac;font-weight:800;font-size:.85rem}
.v12-new-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}
.v12-new-card{position:relative;padding:22px;border-radius:20px;border:1px solid rgba(226,192,122,.15);background:linear-gradient(165deg,rgba(20,48,36,.7),rgba(9,26,19,.85));box-shadow:0 18px 44px rgba(1,10,6,.4)}
.v12-new-card::before{content:"";position:absolute;top:0;right:10%;left:10%;height:1px;background:linear-gradient(90deg,transparent,#e2c07a,transparent);opacity:.5}
.v12-new-card h3{margin:0 0 8px;font-size:1.08rem;color:#f4e2ac}
.v12-new-card p{margin:0;color:var(--text-dim);font-size:.95rem;line-height:1.8}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}


/* ===== MaxDent Navy & Gold visual refresh (July 2026) ===== */
:root{
  --gold:#d4af63;
  --gold-light:#f6e2b5;
  --gold-soft:#9f7b39;
  --deep:#06111f;
  --dark:#09182b;
  --surface:#0d2038;
  --surface2:#122845;
  --surface3:#173358;
  --border:rgba(212,175,99,.16);
  --border-strong:rgba(212,175,99,.34);
  --text:#f5efe5;
  --text-dim:#bcc8d8;
  --text-soft:#8394aa;
  --cyan:#6f8fbc;
  --violet:#315883;
}
body{
  background:linear-gradient(180deg,#040d18 0%,#081427 32%,#0b1d33 100%);
}
.nav-wrap{background:rgba(5,14,25,.8);border-bottom:1px solid rgba(212,175,99,.12)}
.hero-card,.panel,.glass-card,.feature-card,.pricing-card,.score-card,.step-card,.chart-card,.compare-card,.support-card,.download-box,.migration-box,.faq-item,.screenshot-card,.manual-section{
  background:linear-gradient(180deg,rgba(13,32,56,.96),rgba(7,19,35,.93));
  border-color:rgba(212,175,99,.14);
  box-shadow:0 24px 64px rgba(0,6,16,.42);
}
.hero-card::before,.panel::before,.glass-card::before,.feature-card::before,.pricing-card::before,.score-card::before,.chart-card::before,.compare-card::before,.download-box::before,.migration-box::before,.faq-item::before,.screenshot-card::before,.manual-section::before{
  background:
    radial-gradient(circle at 18% 0%, rgba(212,175,99,.14), transparent 36%),
    radial-gradient(circle at 82% 10%, rgba(111,143,188,.10), transparent 34%);
}
body::after{
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(212,175,99,.04) 42%, transparent 48% 100%),
    radial-gradient(circle at 50% 0%, rgba(212,175,99,.08), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 90px);
}
.bg-orb{background:radial-gradient(circle, rgba(212,175,99,.52) 0%, transparent 70%)}
.bg-orb2{background:radial-gradient(circle, rgba(94,125,170,.34) 0%, transparent 70%)}
.bg-orb3{background:radial-gradient(circle, rgba(45,71,108,.34) 0%, transparent 70%)}
.kicker,.v12-new-badge,.ribbon,.eyebrow-badge,.download-ribbon,.secure-pill{
  background:linear-gradient(135deg, rgba(212,175,99,.18), rgba(212,175,99,.08));
  border-color:rgba(212,175,99,.28);
  color:var(--gold-light);
}
.ghost-btn,.chip-btn,.social-link,.hero-note span,.offer-stars span,.manual-toc,.process-step,.timeline-item,.support-strip .ghost-btn{
  background:rgba(255,255,255,.025);
  border-color:rgba(212,175,99,.12);
}
.support-strip,.safe-callout,.notice,.cloud-inline-note,.trial-note{
  background:linear-gradient(135deg, rgba(212,175,99,.12), rgba(111,143,188,.09));
  border:1px solid rgba(212,175,99,.18);
  color:#e8edf5;
}
.premium-cloud-card,.v11-focus-card.premium,.premium-download-card,.pricing-card.featured{
  border-color:rgba(212,175,99,.34)!important;
  box-shadow:0 26px 80px rgba(0,8,20,.42),0 0 0 1px rgba(212,175,99,.1) inset!important;
}
.cloud-mini-chart span{
  background:linear-gradient(180deg, rgba(212,175,99,.96), rgba(87,118,167,.92));
  box-shadow:0 0 28px rgba(212,175,99,.18);
}
.compare-table .brand-col{background:linear-gradient(180deg,rgba(212,175,99,.16),rgba(111,143,188,.08));color:var(--gold-light)}
.theme-dots span:nth-child(1){background:linear-gradient(135deg,#09182b,#d4af63)}
.theme-dots span:nth-child(2){background:linear-gradient(135deg,#0d2038,#6f8fbc)}
.theme-dots span:nth-child(3){background:linear-gradient(135deg,#122845,#f6e2b5)}
.theme-dots span:nth-child(4){background:linear-gradient(135deg,#081427,#315883)}
.download-main-btn,.btn{
  background:linear-gradient(135deg,#f7e8c2,var(--gold));
  color:#171208;
  box-shadow:0 12px 30px rgba(212,175,99,.24);
}
.btn:hover{box-shadow:0 18px 40px rgba(212,175,99,.34)}
.price-now,.gradient-text,.stat b,.score-mini b{background:linear-gradient(135deg,#fff6dc,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.mini-search{background:linear-gradient(90deg,#081427,#112845)}
.footer{background:rgba(6,12,24,.72)}
.floating-whatsapp{
  background:linear-gradient(160deg,#163154,#0d2038);
  border:1px solid rgba(212,175,99,.38);
  color:#f6e2b5;
  box-shadow:0 16px 40px rgba(0,6,16,.5),0 0 24px rgba(212,175,99,.12);
}

/* Features page expansion */
.coverage-section{padding-top:10px}
.coverage-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.coverage-kpi{padding:24px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(13,32,56,.96),rgba(7,19,35,.92));border:1px solid rgba(212,175,99,.14);box-shadow:0 22px 54px rgba(0,8,20,.34);text-align:center}
.coverage-kpi b{display:block;font-size:2rem;line-height:1.1;color:var(--gold-light)}
.coverage-kpi span{display:block;margin-top:8px;color:var(--text-dim);font-weight:700}
.coverage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:24px}
.coverage-card{padding:26px;border-radius:28px;background:linear-gradient(180deg,rgba(13,32,56,.96),rgba(7,19,35,.92));border:1px solid rgba(212,175,99,.14);box-shadow:0 24px 60px rgba(0,8,20,.36);position:relative;overflow:hidden}
.coverage-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0%,rgba(212,175,99,.16),transparent 34%),radial-gradient(circle at 86% 18%,rgba(111,143,188,.10),transparent 36%);pointer-events:none}
.coverage-card h3{margin:0 0 8px;font-size:1.35rem;position:relative}
.coverage-card p{margin:0 0 18px;color:var(--text-dim);position:relative}
.feature-bars{display:grid;gap:14px;position:relative}
.feature-bar{display:grid;grid-template-columns:170px 1fr 54px;align-items:center;gap:12px}
.feature-bar .label{font-weight:800;color:var(--text)}
.feature-bar .track{height:12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}
.feature-bar .fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#f7e4b4 55%, #6f8fbc)}
.feature-bar .num{font-weight:900;color:var(--gold-light);text-align:left}
.update-callout{padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(212,175,99,.16),rgba(111,143,188,.10));border:1px solid rgba(212,175,99,.18);box-shadow:0 22px 54px rgba(0,8,20,.34);margin-top:20px}
.update-callout h3{margin:0 0 10px;font-size:1.3rem}
.update-callout p{margin:0;color:var(--text-dim)}
.suite-16-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.suite-16-card{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(13,32,56,.96),rgba(7,19,35,.92));border:1px solid rgba(212,175,99,.14);box-shadow:0 22px 54px rgba(0,8,20,.34);position:relative;overflow:hidden}
.suite-16-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(212,175,99,.16),transparent 32%),radial-gradient(circle at 86% 16%,rgba(111,143,188,.10),transparent 36%);pointer-events:none}
.suite-16-card h3,.suite-16-card ul,.suite-16-card p{position:relative}
.suite-16-card h3{margin:0 0 10px;font-size:1.12rem;line-height:1.45}
.suite-count{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(212,175,99,.1);border:1px solid rgba(212,175,99,.18);color:var(--gold-light);font-weight:900;font-size:.85rem;margin-bottom:12px}
.suite-16-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.suite-16-card li{position:relative;padding-right:18px;color:var(--text-dim);font-size:.95rem}
.suite-16-card li::before{content:"◆";position:absolute;right:0;top:4px;font-size:.6rem;color:var(--gold)}
@media (max-width:1100px){
  .coverage-grid{grid-template-columns:1fr}
  .suite-16-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .coverage-kpis,.suite-16-grid{grid-template-columns:1fr}
  .feature-bar{grid-template-columns:1fr}
  .feature-bar .num{text-align:right}
}


/* ===== Luxury refinement pass: premium motion, home logo 3D, mobile-safe polish ===== */
.home-page .hero{padding-top:82px}
.home-page .hero-grid{align-items:center;gap:42px}
.home-page .hero > .container{position:relative}
.home-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 18%, rgba(212,175,99,.12), transparent 22%),
    radial-gradient(circle at 86% 14%, rgba(111,143,188,.12), transparent 24%),
    linear-gradient(120deg, transparent 0 36%, rgba(255,255,255,.03) 44%, transparent 52% 100%);
}
.nav-links a{position:relative;overflow:hidden}
.nav-links a::after{
  content:"";
  position:absolute;
  right:18px;left:18px;bottom:7px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,99,.9), transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .35s ease;
}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.brand{position:relative}
.brand img{
  border-radius:18px;
  padding:4px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.20), transparent 46%), linear-gradient(145deg, rgba(212,175,99,.12), rgba(13,32,56,.12));
  box-shadow:0 10px 28px rgba(0,8,20,.28), inset 0 0 0 1px rgba(212,175,99,.14);
  animation:brandFloat 5.5s ease-in-out infinite;
}
.brand::after{
  content:"";
  position:absolute;
  inset:auto auto -8px 6px;
  width:44px;height:14px;border-radius:50%;
  background:radial-gradient(circle, rgba(212,175,99,.22), transparent 70%);
  filter:blur(6px);
  z-index:-1;
}
@keyframes brandFloat{50%{transform:translateY(-4px) scale(1.03)}}
.hero-brand-showcase{display:flex;align-items:center;gap:18px;margin:0 0 18px;flex-wrap:wrap}
.hero-logo-shell{
  position:relative;
  width:126px;height:126px;flex:0 0 126px;
  display:grid;place-items:center;
  perspective:1200px;
  border-radius:32px;
  background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(212,175,99,.18);
  box-shadow:0 26px 60px rgba(0,8,20,.34), inset 0 0 0 1px rgba(255,255,255,.03);
  overflow:hidden;
  isolation:isolate;
}
.hero-logo-shell::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg, rgba(212,175,99,.22), transparent 36%, rgba(111,143,188,.18) 76%, transparent);
  opacity:.95;
}
.hero-logo-shell::after{
  content:"";
  position:absolute;inset:-10%;
  background:conic-gradient(from 40deg, transparent, rgba(255,255,255,.22), transparent 18%, transparent 44%, rgba(212,175,99,.12), transparent 64%);
  animation:heroShine 8s linear infinite;
  mix-blend-mode:screen;
}
@keyframes heroShine{to{transform:rotate(360deg)}}
.hero-logo-glow{
  position:absolute;inset:16%;border-radius:28px;
  background:radial-gradient(circle, rgba(212,175,99,.28), rgba(111,143,188,.12) 48%, transparent 72%);
  filter:blur(6px);
}
.hero-logo-3d{
  position:relative;z-index:2;
  width:76px;height:76px;object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(212,175,99,.18));
  transform-style:preserve-3d;
  transition:transform .35s ease;
  animation:heroLogoFloat 6.2s ease-in-out infinite;
}
@keyframes heroLogoFloat{50%{transform:translateY(-7px) rotateZ(1.2deg) scale(1.03)}}
.hero-logo-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,175,99,.24);pointer-events:none}
.hero-logo-ring-a{width:88px;height:88px;animation:orbitPulse 4.4s ease-in-out infinite}
.hero-logo-ring-b{width:110px;height:110px;border-color:rgba(111,143,188,.26);animation:orbitPulse 5.8s ease-in-out infinite reverse}
@keyframes orbitPulse{50%{transform:scale(1.06);opacity:.75}}
.hero-brand-copy{display:grid;gap:6px;max-width:330px}
.hero-brand-copy span{font-size:1rem;font-weight:900;letter-spacing:.04em;color:var(--gold-light)}
.hero-brand-copy small{color:var(--text-dim);font-size:.95rem;line-height:1.8}
.hero h1{max-width:760px}
.hero p{max-width:740px}
.hero-actions .btn,.hero-actions .ghost-btn{position:relative;overflow:hidden}
.hero-actions .btn::after,.hero-actions .ghost-btn::after{
  content:"";position:absolute;top:-140%;bottom:-140%;width:32px;left:-18%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
  transform:rotate(18deg);
  transition:left .8s cubic-bezier(.22,1,.36,1);
}
.hero-actions .btn:hover::after,.hero-actions .ghost-btn:hover::after{left:118%}
.hero-command-card{
  transform:translateY(0);
  animation:cardLevitate 6.5s ease-in-out infinite;
}
@keyframes cardLevitate{50%{transform:translateY(-8px)}}
.hero-command-card::after{
  content:"";
  position:absolute;inset:auto 10% -18px 10%;height:34px;
  background:radial-gradient(circle, rgba(0,0,0,.38), transparent 70%);
  filter:blur(12px);
  z-index:-1;
}
.hero-screen{position:relative}
.hero-screen::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(145deg, rgba(255,255,255,.05), transparent 34%, transparent 68%, rgba(212,175,99,.06));
  pointer-events:none;
}
.hero-preview{
  border:1px solid rgba(212,175,99,.16);
  box-shadow:0 24px 48px rgba(0,8,20,.34), inset 0 0 0 1px rgba(255,255,255,.03);
}
.slider-caption{
  backdrop-filter:blur(14px);
  background:linear-gradient(135deg, rgba(8,20,36,.80), rgba(13,32,56,.68));
  border:1px solid rgba(212,175,99,.16);
}
.slider-dots button{
  box-shadow:0 0 0 1px rgba(212,175,99,.18) inset, 0 0 18px rgba(0,8,20,.16);
}
.score-mini,.stat,.v12-new-card,.suite-16-card,.feature-card,.coverage-card,.pricing-card,.glass-card,.download-box,.support-card,.process-step,.timeline-item,.manual-section{
  transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s cubic-bezier(.22,1,.36,1), border-color .35s ease, background .35s ease;
}
.score-mini:hover,.stat:hover,.v12-new-card:hover,.suite-16-card:hover,.feature-card:hover,.coverage-card:hover,.pricing-card:hover,.glass-card:hover,.download-box:hover,.support-card:hover,.process-step:hover,.timeline-item:hover,.manual-section:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 64px rgba(0,8,20,.42), inset 0 0 0 1px rgba(212,175,99,.06);
}
.hero-note span,.offer-stars span,.social-link,.ghost-btn,.chip-btn{
  backdrop-filter:blur(12px);
}
@media (max-width:1100px){
  .hero-brand-copy{max-width:100%}
  .hero-brand-showcase{margin-bottom:16px}
}
@media (max-width:760px){
  .home-page .hero{padding-top:56px}
  .hero-brand-showcase{gap:14px;align-items:flex-start}
  .hero-logo-shell{width:96px;height:96px;flex-basis:96px;border-radius:24px}
  .hero-logo-3d{width:58px;height:58px}
  .hero-logo-ring-a{width:70px;height:70px}
  .hero-logo-ring-b{width:84px;height:84px}
  .hero-brand-copy span{font-size:.92rem}
  .hero-brand-copy small{font-size:.88rem;line-height:1.7}
  .hero-command-card{animation:none}
  .brand img{animation:none}
}
@media (max-width:480px){
  .hero-brand-showcase{flex-direction:row;align-items:center}
  .hero-actions{gap:10px}
  .hero-actions .btn,.hero-actions .ghost-btn{width:100%}
}

/* ===== Final Navy Card System + Gold Crown Strip ===== */
:root{
  --navy-950:#040b16;
  --navy-900:#071326;
  --navy-850:#0a1a31;
  --navy-800:#0d203b;
  --navy-750:#112947;
  --navy-700:#173555;
  --royal-blue:#345b88;
}

/* Header: calm deep navy with a refined gold signature line */
.nav-wrap{
  background:linear-gradient(135deg,rgba(4,11,22,.97),rgba(8,23,43,.96) 52%,rgba(14,31,55,.95))!important;
  border-bottom:0!important;
  box-shadow:0 16px 42px rgba(0,5,14,.42),inset 0 -1px 0 rgba(255,255,255,.035)!important;
  position:sticky;
  isolation:isolate;
}
.nav-wrap::after{
  content:"";
  position:absolute;
  right:0;left:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent 2%,rgba(159,123,57,.45) 18%,#f2d58f 50%,rgba(159,123,57,.45) 82%,transparent 98%);
  box-shadow:0 0 18px rgba(212,175,99,.22);
  pointer-events:none;
  z-index:3;
}
.nav{
  background:linear-gradient(180deg,rgba(13,31,55,.74),rgba(7,20,38,.66))!important;
  border:1px solid rgba(212,175,99,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,5,14,.22)!important;
}
.nav-links a:hover{
  background:linear-gradient(180deg,rgba(27,53,85,.72),rgba(12,31,56,.72))!important;
  border-color:rgba(212,175,99,.22)!important;
}
.nav-links a.active{
  color:#f8e7bd!important;
  background:linear-gradient(180deg,rgba(45,74,111,.72),rgba(13,34,61,.82))!important;
  border:1px solid rgba(212,175,99,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,7,18,.25)!important;
}

/* One premium navy material for all visual cards */
:where(
  .hero-card,.panel,.glass-card,.feature-card,.pricing-card,.score-card,.step-card,
  .chart-card,.compare-card,.compare-card-lux,.support-card,.download-box,.migration-box,
  .faq-item,.screenshot-card,.manual-section,.process-step,.timeline-item,.offer-banner,
  .v11-suite-card,.v11-focus-card,.v12-new-card,.coverage-card,.coverage-kpi,.suite-16-card,
  .clinic-proof-copy,.impact-dashboard,.clinic-outcome-card,.cloud-sync-copy,.cloud-orbit-card,
  .cloud-feature-panel,.download-hero-panel,.premium-download-card,.premium-cloud-card,
  .home-trial-card,.instagram-card,.payment-lux-item,.precheck-card,.support-strip,
  .score-mini,.stat,.download-meta .mini
){
  background:
    linear-gradient(90deg,transparent 0%,rgba(159,123,57,.42) 12%,#f1d38a 50%,rgba(159,123,57,.42) 88%,transparent 100%) top/100% 3px no-repeat,
    radial-gradient(circle at 12% 0%,rgba(212,175,99,.11),transparent 31%),
    radial-gradient(circle at 88% 12%,rgba(73,108,151,.12),transparent 34%),
    linear-gradient(158deg,rgba(18,42,72,.97),rgba(9,25,47,.97) 58%,rgba(5,17,34,.98))!important;
  border-color:rgba(212,175,99,.15)!important;
  box-shadow:0 24px 64px rgba(0,6,18,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:where(
  .hero-card,.panel,.glass-card,.feature-card,.pricing-card,.score-card,.step-card,
  .chart-card,.compare-card,.compare-card-lux,.support-card,.download-box,.migration-box,
  .faq-item,.screenshot-card,.manual-section,.process-step,.timeline-item,.offer-banner,
  .v11-suite-card,.v11-focus-card,.v12-new-card,.coverage-card,.suite-16-card,
  .clinic-proof-copy,.impact-dashboard,.clinic-outcome-card,.cloud-sync-copy,.cloud-orbit-card,
  .cloud-feature-panel,.download-hero-panel,.premium-download-card,.premium-cloud-card,
  .home-trial-card,.instagram-card,.payment-lux-item,.precheck-card
)::before{
  background:radial-gradient(circle at 14% 0%,rgba(246,226,181,.10),transparent 35%),radial-gradient(circle at 84% 14%,rgba(86,121,164,.10),transparent 34%)!important;
}
:where(.pricing-card.featured,.premium-cloud-card,.premium-download-card,.v11-focus-card.premium){
  border-color:rgba(212,175,99,.34)!important;
  box-shadow:0 28px 80px rgba(0,6,18,.48),0 0 0 1px rgba(212,175,99,.08) inset!important;
}

/* Remove remaining decorative green/malachite cast */
.v12-new-badge,.kicker,.ribbon,.secure-pill,.download-ribbon,.suite-count,.badge-off{
  background:linear-gradient(135deg,rgba(212,175,99,.17),rgba(58,88,126,.13))!important;
  border-color:rgba(212,175,99,.26)!important;
  color:var(--gold-light)!important;
}
.icon-badge{
  background:linear-gradient(155deg,rgba(212,175,99,.17),rgba(49,83,126,.22))!important;
  border-color:rgba(212,175,99,.27)!important;
}
.pulse-dot{
  background:#e3bd6d!important;
  box-shadow:0 0 0 0 rgba(227,189,109,.46)!important;
}
@keyframes mxPulse{0%{box-shadow:0 0 0 0 rgba(227,189,109,.42)}70%{box-shadow:0 0 0 12px rgba(227,189,109,0)}100%{box-shadow:0 0 0 0 rgba(227,189,109,0)}}
.bg-orb2{background:radial-gradient(circle,rgba(53,91,136,.38) 0%,transparent 70%)!important}
.bg-orb3{background:radial-gradient(circle,rgba(24,51,88,.46) 0%,transparent 70%)!important}
.cloud-sync-section::before{background:radial-gradient(circle,rgba(53,91,136,.18),transparent 62%)!important}

/* Screenshot frames aligned with the new identity */
.lux-slider{
  background:radial-gradient(circle at 50% 0%,rgba(212,175,99,.09),transparent 42%),linear-gradient(180deg,rgba(7,18,35,.98),rgba(10,28,52,.98))!important;
  border-color:rgba(212,175,99,.22)!important;
}
.lux-slider::before{
  background:linear-gradient(135deg,rgba(246,226,181,.58),transparent 28%,rgba(72,105,147,.30) 58%,rgba(212,175,99,.38))!important;
}
.slider-caption{
  background:linear-gradient(135deg,rgba(7,19,37,.88),rgba(18,42,72,.82))!important;
  border-color:rgba(212,175,99,.24)!important;
}
.slider-info span{
  background:linear-gradient(180deg,rgba(19,43,73,.82),rgba(8,24,45,.84))!important;
  border-color:rgba(212,175,99,.12)!important;
}

/* Navy-and-gold scrollbar to match the website */
::-webkit-scrollbar-track{background:#050e1c!important}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a65c,#2f527e)!important;border-color:#050e1c!important}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#efd48d,#3d6698)!important}

@media (max-width:760px){
  .nav{background:linear-gradient(180deg,rgba(12,30,54,.94),rgba(6,18,35,.94))!important}
  .nav-links.open{
    background:linear-gradient(180deg,rgba(10,27,50,.98),rgba(5,17,33,.98));
    border:1px solid rgba(212,175,99,.14);
    border-radius:22px;
    padding:12px;
    box-shadow:0 20px 52px rgba(0,6,18,.46);
  }
  :where(.hero-card,.glass-card,.feature-card,.pricing-card,.score-card,.chart-card,.download-box,.migration-box,.faq-item,.screenshot-card,.manual-section,.v11-focus-card,.v12-new-card,.coverage-card,.suite-16-card){
    background-size:100% 2px,auto,auto,auto!important;
  }
}


/* ===== Premium hero side visuals ===== */
.hero-showcase-grid{
  display:grid;
  grid-template-columns:minmax(320px, .88fr) minmax(420px, 1.12fr);
  gap:44px;
  align-items:center;
  direction:ltr;
}
.hero-showcase-copy{direction:rtl;text-align:right;max-width:none}
.hero-showcase-copy .lead{max-width:none}
.hero-showcase-copy .tabs{justify-content:flex-start}
.hero-side-visual{position:relative;min-height:520px}
.hero-visual-panel{
  position:relative;
  min-height:520px;
  padding:26px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 16%, rgba(92,196,255,.12), transparent 18%),
    radial-gradient(circle at 86% 18%, rgba(220,183,92,.14), transparent 18%),
    linear-gradient(135deg, rgba(9,24,44,.92), rgba(4,15,31,.94));
  border:1px solid rgba(212,175,99,.18);
  box-shadow:0 28px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.03);
}
.hero-visual-panel::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 22%, transparent 78%, rgba(212,175,99,.04));
  pointer-events:none;
}
.hero-visual-gridlines,
.hero-visual-panel::after{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(112,153,210,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(112,153,210,.07) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.5), transparent 92%);
  pointer-events:none;
}
.hero-visual-label{
  position:absolute;top:18px;left:18px;z-index:3;
  padding:9px 16px;border-radius:999px;
  color:var(--gold-light);font-weight:800;font-size:.9rem;letter-spacing:.03em;
  border:1px solid rgba(212,175,99,.22);
  background:rgba(8,20,36,.68);backdrop-filter:blur(12px);
}
.hero-core-logo{
  position:absolute;top:92px;left:50%;transform:translateX(-50%);
  width:236px;height:236px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;
  text-align:center;z-index:2;
  background:radial-gradient(circle at 50% 45%, rgba(255,255,255,.1), rgba(13,32,56,.2) 45%, rgba(6,14,27,.9) 72%);
  border:1px solid rgba(212,175,99,.22);
  box-shadow:0 0 0 18px rgba(212,175,99,.04), 0 0 0 34px rgba(92,196,255,.03), 0 20px 48px rgba(0,0,0,.34);
}
.hero-core-logo::before,
.hero-core-logo::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(212,175,99,.22);inset:-15px;animation:orbitPulse 7s ease-in-out infinite}
.hero-core-logo::after{inset:-34px;border-color:rgba(92,196,255,.18);animation-duration:9s}
@keyframes orbitPulse{50%{transform:scale(1.035);opacity:.82}}
.hero-core-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle, rgba(212,175,99,.22), rgba(92,196,255,.08) 45%, transparent 70%);filter:blur(8px)}
.hero-core-logo img{width:82px;height:82px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35))}
.hero-core-logo b{position:relative;z-index:2;color:#fff5db;font-size:1.2rem}
.hero-core-logo small{position:relative;z-index:2;color:var(--text-dim);max-width:150px;line-height:1.5}
.hero-floating-card{
  position:absolute;z-index:3;width:200px;padding:16px 16px 14px;border-radius:22px;
  background:linear-gradient(145deg, rgba(17,34,59,.92), rgba(8,18,34,.82));
  border:1px solid rgba(212,175,99,.14);
  box-shadow:0 16px 40px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:blur(14px);
}
.hero-floating-card span{display:block;color:var(--gold-light);font-size:.84rem;font-weight:800;margin-bottom:8px}
.hero-floating-card b{display:block;color:#f7f2e8;font-size:1.26rem;margin-bottom:6px}
.hero-floating-card small{display:block;color:var(--text-dim);line-height:1.55}
.float-card-a{top:76px;left:12px;animation:floatY 6.5s ease-in-out infinite}
.float-card-b{top:74px;right:16px;animation:floatY 7.3s ease-in-out infinite 1s}
.float-card-c{bottom:126px;left:20px;animation:floatY 6.9s ease-in-out infinite 1.7s}
.float-card-d{bottom:136px;right:14px;animation:floatY 7.7s ease-in-out infinite .6s}
@keyframes floatY{50%{transform:translateY(-8px)}}
.hero-visual-base{
  position:absolute;left:22px;right:22px;bottom:20px;z-index:3;
  padding:18px;border-radius:24px;
  background:linear-gradient(145deg, rgba(6,17,32,.84), rgba(14,30,52,.78));
  border:1px solid rgba(212,175,99,.14);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
}
.hero-visual-progress{display:grid;gap:12px}
.hero-progress-row{display:grid;grid-template-columns:auto auto;gap:10px 12px;align-items:center}
.hero-progress-row span{color:#d9dfeb;font-size:.95rem;font-weight:700}
.hero-progress-row b{color:var(--gold-light);font-size:.92rem;justify-self:end}
.hero-progress-row i{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;display:block;position:relative}
.hero-progress-row i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg, #c9a84c, #f0d386)}
.hero-chip-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.hero-chip-cloud span,
.hero-manual-tags span{
  padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,99,.1);color:#d9dfeb;font-size:.84rem;font-weight:700
}

.insights-visual-panel{display:flex;flex-direction:column;justify-content:space-between}
.hero-donut-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px}
.hero-mini-ring{
  --val:90;
  position:relative;min-height:138px;border-radius:26px;padding:16px;
  background:linear-gradient(145deg, rgba(12,26,47,.9), rgba(6,17,32,.86));
  border:1px solid rgba(212,175,99,.12);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}
.hero-mini-ring::before{
  content:"";position:absolute;inset:16px;border-radius:50%;width:82px;height:82px;margin:auto;
  background:conic-gradient(var(--ring-color,#c9a84c) calc(var(--val) * 1%), rgba(255,255,255,.06) 0);
  -webkit-mask:radial-gradient(circle 30px at center, transparent 30px, #000 31px);
          mask:radial-gradient(circle 30px at center, transparent 30px, #000 31px);
}
.hero-mini-ring.gold{--ring-color:#e0b85d}
.hero-mini-ring.blue{--ring-color:#468ee7}
.hero-mini-ring.cyan{--ring-color:#7ab0ff}
.hero-mini-ring.green{--ring-color:#38e0b0}
.hero-mini-ring b{position:relative;z-index:1;color:#f5ecd6;font-size:2rem;line-height:1}
.hero-mini-ring small{position:relative;z-index:1;color:var(--text-dim);font-size:.86rem;font-weight:700}
.hero-score-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.hero-score-card{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(212,175,99,.1)}
.hero-score-card span{display:block;color:var(--text-dim);margin-bottom:6px;font-weight:700}
.hero-score-card b{color:#fff3d0;font-size:1.18rem}
.hero-mini-bars{height:112px;display:flex;align-items:flex-end;gap:10px;padding:4px 2px 0}
.hero-mini-bars i{flex:1;display:block;height:var(--h);border-radius:16px 16px 6px 6px;background:linear-gradient(180deg, rgba(110,198,255,.95), rgba(201,168,76,.85));box-shadow:0 0 24px rgba(84,182,255,.18)}
.hero-bars-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.hero-bars-caption span{color:var(--text-dim);font-size:.95rem}
.hero-bars-caption b{color:var(--gold-light);font-size:.95rem}

.manual-visual-panel{display:flex;flex-direction:column;justify-content:center}
.hero-manual-stack{
  margin-top:54px;padding:24px;border-radius:28px;
  background:linear-gradient(145deg, rgba(10,25,46,.92), rgba(6,16,30,.86));
  border:1px solid rgba(212,175,99,.14);box-shadow:0 18px 42px rgba(0,0,0,.28)
}
.hero-manual-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hero-manual-head img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.hero-manual-head b{display:block;color:#fff3d0;font-size:1.18rem;margin-bottom:5px}
.hero-manual-head small{display:block;color:var(--text-dim)}
.hero-step-list{display:grid;gap:12px}
.hero-step-item{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(212,175,99,.1)}
.hero-step-item span{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg, rgba(212,175,99,.24), rgba(92,196,255,.2));color:var(--gold-light);font-weight:900}
.hero-step-item b{display:block;color:#f5ecd6;margin-bottom:5px}
.hero-step-item small{display:block;color:var(--text-dim);line-height:1.55}
.hero-manual-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

@media (max-width:1180px){
  .hero-showcase-grid{grid-template-columns:1fr;gap:28px}
  .hero-showcase-copy{order:1}
  .hero-side-visual{order:2;min-height:auto}
  .hero-visual-panel{min-height:460px}
}
@media (max-width:760px){
  .hero-visual-panel{padding:18px;min-height:auto}
  .hero-side-visual{min-height:auto}
  .hero-visual-label{left:14px;top:14px;font-size:.82rem}
  .hero-core-logo{position:relative;top:auto;left:auto;transform:none;margin:52px auto 18px;width:180px;height:180px}
  .hero-core-logo img{width:64px;height:64px}
  .hero-core-logo b{font-size:1rem}
  .hero-core-logo small{font-size:.83rem;max-width:130px}
  .hero-floating-card{position:relative;inset:auto!important;width:auto;margin:12px 0;animation:none}
  .hero-visual-base{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px;padding:16px}
  .hero-donut-row,.hero-score-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-mini-ring{min-height:118px}
  .hero-mini-ring::before{width:70px;height:70px}
  .hero-manual-stack{margin-top:46px;padding:18px}
  .hero-manual-head{align-items:flex-start}
}
@media (max-width:520px){
  .hero-showcase-copy .tabs{gap:10px}
  .hero-showcase-copy .tab-link{padding:10px 14px;font-size:.88rem}
  .hero-donut-row,.hero-score-board{grid-template-columns:1fr 1fr;gap:10px}
  .hero-mini-ring b{font-size:1.55rem}
  .hero-manual-tags span,.hero-chip-cloud span{font-size:.78rem;padding:7px 10px}
  .hero-progress-row span{font-size:.88rem}
}


/* ===== Editorial hero visual system: fills desktop negative space with live UI art ===== */
.editorial-hero{padding:72px 0 46px;min-height:690px;display:flex;align-items:center;overflow:hidden}
.editorial-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:58px;align-items:center}
.editorial-hero-copy{position:relative;z-index:2}
.editorial-hero-copy .section-title{font-family:'Cairo',system-ui,sans-serif;font-size:clamp(3.3rem,6.8vw,7rem);line-height:.98;letter-spacing:-1.7px;max-width:800px;margin:12px 0 26px;text-wrap:balance}
.editorial-hero-copy .lead{font-size:1.08rem;line-height:2;max-width:800px}
.global-hero-visual{position:relative;min-height:520px;perspective:1500px;transform-style:preserve-3d}
.visual-frame{position:absolute;inset:0;border-radius:40px;background:linear-gradient(155deg,rgba(15,36,63,.98),rgba(5,16,31,.98));border:1px solid rgba(212,175,99,.25);box-shadow:0 42px 100px rgba(0,6,16,.48),inset 0 0 0 1px rgba(255,255,255,.025);overflow:hidden;isolation:isolate;transform:rotateY(-4deg) rotateX(1deg);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.global-hero-visual:hover .visual-frame{transform:rotateY(-1deg) rotateX(0deg) translateY(-5px)}
.visual-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(212,175,99,.16),transparent 26%),radial-gradient(circle at 82% 18%,rgba(91,127,178,.17),transparent 34%),linear-gradient(120deg,transparent 0 35%,rgba(255,255,255,.035) 43%,transparent 51%);pointer-events:none}
.visual-frame::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%);pointer-events:none}
.visual-gold-rail{position:absolute;z-index:5;top:0;right:8%;left:8%;height:2px;background:linear-gradient(90deg,transparent,#9f7b39 10%,#f6e2b5 50%,#9f7b39 90%,transparent);box-shadow:0 0 20px rgba(212,175,99,.3)}

/* Features visual */
.suite-frame{display:grid;place-items:center}
.suite-orbit{position:absolute;border-radius:50%;border:1px solid rgba(212,175,99,.17);animation:suiteOrbitPulse 6s ease-in-out infinite}
.orbit-one{width:210px;height:210px}.orbit-two{width:330px;height:330px;border-color:rgba(111,143,188,.18);animation-delay:-2s}.orbit-three{width:455px;height:455px;border-style:dashed;animation-duration:15s;animation-name:suiteOrbitSpin}
@keyframes suiteOrbitPulse{50%{transform:scale(1.035);opacity:.75}}
@keyframes suiteOrbitSpin{to{transform:rotate(360deg)}}
.suite-core{position:relative;z-index:4;width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.12),transparent 30%),linear-gradient(145deg,#173558,#0a1a30 72%);border:1px solid rgba(212,175,99,.35);box-shadow:0 26px 65px rgba(0,5,15,.5),0 0 48px rgba(212,175,99,.12),inset 0 0 34px rgba(212,175,99,.05)}
.suite-core img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.38));animation:coreFloat 5s ease-in-out infinite}.suite-core b{font-size:2rem;color:var(--gold-light);line-height:1.1}.suite-core small{color:var(--text-dim);font-weight:700;font-size:.76rem}.core-glow{position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,99,.18),transparent 68%);filter:blur(9px);z-index:-1}
@keyframes coreFloat{50%{transform:translateY(-5px) scale(1.03)}}
.suite-node{position:absolute;z-index:4;min-width:104px;padding:11px 14px;border-radius:18px;background:linear-gradient(155deg,rgba(22,48,80,.96),rgba(8,21,39,.96));border:1px solid rgba(212,175,99,.16);box-shadow:0 18px 38px rgba(0,5,15,.34);display:flex;align-items:center;gap:9px;font-weight:800;color:#e8edf5;animation:nodeFloat 5.5s ease-in-out infinite}
.suite-node i{font-style:normal;color:var(--gold-light);font-size:.75rem}.suite-node-a{top:72px;right:62px}.suite-node-b{top:72px;left:62px;animation-delay:-1s}.suite-node-c{top:225px;right:24px;animation-delay:-2s}.suite-node-d{top:225px;left:24px;animation-delay:-3s}.suite-node-e{bottom:76px;right:78px;animation-delay:-4s}.suite-node-f{bottom:76px;left:78px;animation-delay:-5s}
@keyframes nodeFloat{50%{transform:translateY(-7px)}}
.suite-caption{position:absolute;z-index:4;bottom:24px;right:28px;left:28px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 16px;border-radius:18px;background:rgba(4,14,28,.56);border:1px solid rgba(212,175,99,.12);backdrop-filter:blur(14px)}
.suite-caption span{color:var(--gold-light);font-weight:900}.suite-caption strong{color:var(--text-dim);font-size:.8rem;letter-spacing:.04em}

/* Insights visual */
.insight-frame{padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.insight-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.insight-head span{font-weight:900;color:#e8edf5;letter-spacing:.04em}.insight-head b{font-size:.75rem;padding:7px 11px;border-radius:999px;background:rgba(212,175,99,.11);border:1px solid rgba(212,175,99,.2);color:var(--gold-light)}
.insight-main-grid{position:relative;z-index:3;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;flex:1}
.insight-ring-wrap{text-align:center}.insight-ring{width:150px;height:150px;margin:auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) 0 345deg,rgba(255,255,255,.07) 345deg);box-shadow:0 0 45px rgba(212,175,99,.12)}.insight-ring::before{content:"";position:absolute;inset:13px;border-radius:50%;background:linear-gradient(145deg,#102743,#07172b);border:1px solid rgba(255,255,255,.045)}.insight-ring strong,.insight-ring small{position:absolute;z-index:2}.insight-ring strong{font-size:3rem;color:var(--gold-light);transform:translateY(-6px)}.insight-ring small{color:var(--text-soft);transform:translateY(29px)}.insight-ring-wrap>span{display:block;margin-top:14px;color:var(--text-dim);font-weight:800}
.insight-chart-wrap{display:grid;gap:16px}.insight-line-chart{width:100%;height:auto;overflow:visible}.chart-grid-lines line{stroke:rgba(255,255,255,.065);stroke-width:1}.chart-area{fill:url(#lineFill)}.chart-line{fill:none;stroke:#d4af63;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(212,175,99,.28));stroke-dasharray:650;stroke-dashoffset:650;animation:drawInsightLine 2.4s ease forwards}.chart-points circle{fill:#08182c;stroke:#f6e2b5;stroke-width:3;opacity:0;animation:showInsightPoint .5s ease forwards 1.5s}@keyframes drawInsightLine{to{stroke-dashoffset:0}}@keyframes showInsightPoint{to{opacity:1}}
.insight-mini-bars{display:grid;gap:8px}.insight-mini-bars span{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;color:var(--text-dim);font-size:.78rem}.insight-mini-bars span::after{content:"";height:7px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--v),rgba(255,255,255,.06) var(--v));box-shadow:0 0 14px rgba(212,175,99,.12)}
.insight-metrics{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insight-metrics span{padding:13px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(212,175,99,.1);text-align:center;color:var(--text-dim);font-size:.78rem}.insight-metrics b{display:block;color:var(--gold-light);font-size:1.2rem}

/* Manual visual */
.manual-frame{padding:26px}.manual-console-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.manual-console-head>span{display:flex;gap:7px}.manual-console-head i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(212,175,99,.55)}.manual-console-head i:nth-child(2){background:rgba(111,143,188,.75)}.manual-console-head i:nth-child(3){background:rgba(255,255,255,.18)}.manual-console-head b{color:var(--gold-light);font-size:.9rem;letter-spacing:.04em}
.manual-logo-medallion{position:absolute;z-index:4;top:82px;left:50%;transform:translateX(-50%);width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#173558,#0a1a30);border:1px solid rgba(212,175,99,.25);box-shadow:0 24px 50px rgba(0,5,15,.42),0 0 30px rgba(212,175,99,.11)}.manual-logo-medallion img{width:60px;height:60px;object-fit:contain;animation:coreFloat 5s ease-in-out infinite}
.manual-flow-track{position:absolute;z-index:2;top:242px;right:14%;left:14%;height:2px;background:linear-gradient(90deg,rgba(212,175,99,.18),#d4af63,rgba(212,175,99,.18));box-shadow:0 0 16px rgba(212,175,99,.18)}
.manual-step{position:absolute;z-index:4;top:200px;width:104px;padding:16px 10px;border-radius:20px;text-align:center;background:linear-gradient(155deg,rgba(22,48,80,.98),rgba(8,21,39,.98));border:1px solid rgba(212,175,99,.16);box-shadow:0 20px 40px rgba(0,5,15,.34);animation:nodeFloat 5.5s ease-in-out infinite}.manual-step em{display:grid;place-items:center;width:34px;height:34px;margin:-33px auto 7px;border-radius:50%;font-style:normal;background:linear-gradient(145deg,#f6e2b5,#b18a43);color:#111827;font-weight:900;box-shadow:0 8px 22px rgba(212,175,99,.2)}.manual-step b{display:block;color:#edf2f8}.manual-step small{color:var(--text-soft);font-size:.68rem}.manual-step-1{right:7%}.manual-step-2{right:31%;animation-delay:-1s}.manual-step-3{left:31%;animation-delay:-2s}.manual-step-4{left:7%;animation-delay:-3s}
.manual-device-cluster{position:absolute;z-index:3;bottom:82px;left:50%;transform:translateX(-50%);width:250px;height:120px}.manual-device-cluster span{position:absolute;display:grid;place-items:center;border-radius:18px;font-weight:900;border:1px solid rgba(212,175,99,.2);background:linear-gradient(145deg,#173558,#0a1a30);color:var(--gold-light);box-shadow:0 15px 30px rgba(0,5,15,.32)}.device-server{width:70px;height:70px;left:90px;top:24px}.device-node{width:45px;height:45px}.device-node.n1{left:0;top:0}.device-node.n2{right:0;top:0}.device-node.n3{left:103px;bottom:0}.manual-device-cluster .link{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#d4af63,transparent);transform-origin:left center}.manual-device-cluster .l1{width:94px;left:40px;top:35px;transform:rotate(14deg)}.manual-device-cluster .l2{width:94px;right:40px;top:35px;transform:rotate(166deg)}.manual-device-cluster .l3{width:44px;left:124px;top:78px;transform:rotate(90deg)}
.manual-caption{position:absolute;z-index:3;bottom:22px;right:26px;left:26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-caption strong{color:var(--gold-light);font-family:'Cairo',sans-serif;font-size:1.15rem}.manual-caption span{color:var(--text-dim);font-size:.78rem}

@media (max-width:1100px){
  .editorial-hero{min-height:auto;padding:64px 0 40px}
  .editorial-hero-grid{grid-template-columns:1fr;gap:34px}
  .editorial-hero-copy .section-title{font-size:clamp(3rem,8.5vw,5.6rem);max-width:950px}
  .global-hero-visual{min-height:500px;max-width:760px;width:100%;margin:auto}
  .visual-frame{transform:none}
}
@media (max-width:760px){
  .editorial-hero{padding:48px 0 28px}
  .editorial-hero-grid{gap:24px}
  .editorial-hero-copy .section-title{font-size:clamp(2.55rem,13vw,4.2rem);line-height:1.03;letter-spacing:-.6px;margin:10px 0 18px}
  .editorial-hero-copy .lead{font-size:.98rem;line-height:1.9}
  .global-hero-visual{min-height:390px}
  .visual-frame{border-radius:28px}
  .suite-frame{transform:scale(.95)}
  .orbit-three{width:340px;height:340px}.orbit-two{width:265px;height:265px}.orbit-one{width:180px;height:180px}.suite-core{width:145px;height:145px}.suite-core img{width:48px;height:48px}.suite-node{min-width:auto;padding:8px 10px;font-size:.78rem;border-radius:14px}.suite-node-a{top:48px;right:28px}.suite-node-b{top:48px;left:28px}.suite-node-c{top:175px;right:10px}.suite-node-d{top:175px;left:10px}.suite-node-e{bottom:58px;right:36px}.suite-node-f{bottom:58px;left:36px}.suite-caption{bottom:15px;right:16px;left:16px}.suite-caption strong{display:none}
  .insight-frame{padding:20px}.insight-main-grid{grid-template-columns:120px 1fr;gap:12px}.insight-ring{width:105px;height:105px}.insight-ring strong{font-size:2.2rem}.insight-line-chart{max-height:160px}.insight-mini-bars span{grid-template-columns:85px 1fr;font-size:.68rem}.insight-metrics span{padding:9px 4px;font-size:.68rem}
  .manual-logo-medallion{top:64px;width:82px;height:82px}.manual-logo-medallion img{width:50px;height:50px}.manual-flow-track{top:210px;right:9%;left:9%}.manual-step{top:175px;width:82px;padding:13px 5px;font-size:.78rem}.manual-step-1{right:2%}.manual-step-2{right:26%}.manual-step-3{left:26%}.manual-step-4{left:2%}.manual-device-cluster{bottom:65px;transform:translateX(-50%) scale(.82)}.manual-caption span{display:none}
}
@media (max-width:460px){
  .global-hero-visual{min-height:350px}
  .suite-node span{display:none}.suite-node{width:42px;height:42px;display:grid;place-items:center;padding:0}.suite-caption span{font-size:.78rem}.orbit-three{width:300px;height:300px}
  .insight-main-grid{grid-template-columns:1fr}.insight-ring-wrap{display:none}.insight-metrics{gap:6px}
  .manual-step{width:68px}.manual-step small{display:none}.manual-device-cluster{bottom:56px;transform:translateX(-50%) scale(.68)}
}


/* ===== Final Cairo typography + Navy/Gold payment panel ===== */
html,body{font-family:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2,.section-title,.editorial-hero-copy .section-title,
.hero h1,.section-header h2,.payment-lux-head h2,
.manual-section h2,.pricing-hero h1{
  font-family:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  line-height:1.25 !important;
  text-wrap:balance;
}
.editorial-hero-copy .section-title{
  font-size:clamp(2.65rem,5.4vw,5.8rem) !important;
  max-width:860px;
  margin:12px 0 24px;
}
.manual-caption strong{font-family:'Cairo',sans-serif !important;font-weight:900}

.payment-lux-strip{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(246,226,181,.14),transparent 33%),
    radial-gradient(circle at 88% 15%,rgba(87,118,167,.16),transparent 38%),
    linear-gradient(145deg,rgba(15,39,68,.98),rgba(6,18,35,.98) 72%) !important;
  border:1px solid rgba(212,175,99,.30) !important;
  box-shadow:0 30px 78px rgba(0,7,19,.46),inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 1px rgba(212,175,99,.04) !important;
}
.payment-lux-strip::after{
  content:"";
  position:absolute;
  top:0;right:5%;left:5%;height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#9f7b39 12%,#f6e2b5 50%,#9f7b39 88%,transparent);
  box-shadow:0 0 22px rgba(212,175,99,.34);
  pointer-events:none;
}
.payment-lux-head{position:relative;z-index:2}
.payment-lux-head h2{color:#f7f1e7 !important}
.payment-lux-head p{color:#bdc9d9 !important}
.payment-lux-row.payment-lux-row-four{position:relative;z-index:2}
.payment-lux-row-four .payment-lux-item{
  background:
    linear-gradient(155deg,rgba(25,55,91,.94),rgba(8,24,45,.98)) !important;
  border:1px solid rgba(212,175,99,.17) !important;
  box-shadow:0 18px 42px rgba(0,8,22,.32),inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.payment-lux-row-four .payment-lux-item::before{
  content:"";
  position:absolute;top:0;right:12%;left:12%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(246,226,181,.92),transparent);
  opacity:.8;
}
.payment-lux-row-four .payment-lux-item:hover{
  border-color:rgba(212,175,99,.36) !important;
  box-shadow:0 24px 54px rgba(0,8,22,.42),0 0 0 1px rgba(212,175,99,.06) inset !important;
}
.payment-lux-row-four .payment-lux-name{color:#f5efe5 !important}
.payment-lux-note{
  position:relative;z-index:2;
  background:linear-gradient(135deg,rgba(212,175,99,.12),rgba(56,88,132,.10)) !important;
  border-color:rgba(212,175,99,.20) !important;
  color:#dce5f0 !important;
}
@media(max-width:760px){
  h1,h2,.section-title,.editorial-hero-copy .section-title{letter-spacing:-.02em !important;line-height:1.32 !important}
  .editorial-hero-copy .section-title{font-size:clamp(2.2rem,10.5vw,3.8rem) !important}
  .payment-lux-strip{padding:22px !important;border-radius:24px !important}
}

/* ===== Mobile-only pricing cards: full-width readable stack ===== */
@media (max-width:700px){
  #plans{
    overflow:visible;
    padding-inline:0;
  }
  #plans > .pricing-grid,
  #plans .pricing-grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    align-items:stretch !important;
    width:min(100%, 560px) !important;
    max-width:100% !important;
    gap:22px !important;
    margin:18px auto 0 !important;
    padding-inline:0 !important;
    overflow:visible !important;
  }
  #plans .pricing-card{
    order:0;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    padding:28px 20px 24px !important;
    gap:13px !important;
    border-radius:28px !important;
    transform:none !important;
    overflow:hidden !important;
  }
  #plans .pricing-card.featured{
    order:-1;
    transform:none !important;
  }
  #plans .pricing-card .price-top{
    min-height:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }
  #plans .pricing-card .price-top .name{
    font-size:clamp(1.35rem,7vw,1.8rem) !important;
    line-height:1.45 !important;
  }
  #plans .pricing-card .ribbon{
    max-width:100%;
    white-space:normal !important;
    text-align:center;
  }
  #plans .pricing-card .price-old{
    min-height:0 !important;
    font-size:1.15rem !important;
    line-height:1.5 !important;
    margin-top:2px;
  }
  #plans .pricing-card .price-now{
    min-height:0 !important;
    width:100% !important;
    display:block !important;
    font-size:clamp(3rem,16vw,4.35rem) !important;
    line-height:1.15 !important;
    text-align:center !important;
    overflow:visible !important;
  }
  #plans .pricing-card .price-now small{
    display:inline-block;
    font-size:1.05rem !important;
    margin-inline-start:4px;
  }
  #plans .international-price{
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    align-items:center !important;
    gap:4px !important;
    padding:16px !important;
    text-align:center !important;
    border-radius:22px !important;
  }
  #plans .international-price span,
  #plans .international-price strong,
  #plans .international-price em{
    display:block !important;
    width:100%;
    text-align:center;
  }
  #plans .international-price strong{
    font-size:2.05rem !important;
    line-height:1.25 !important;
  }
  #plans .pricing-card .badge-off{
    align-self:center !important;
  }
  #plans .pricing-card .bonus-line,
  #plans .pricing-card .value-stack{
    width:100% !important;
    min-height:0 !important;
  }
  #plans .pricing-card .value-stack{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  #plans .pricing-card p{
    min-height:0 !important;
    display:block !important;
    width:100% !important;
    margin:4px 0 !important;
    text-align:center !important;
  }
  #plans .pricing-card .migration-list{
    width:100% !important;
    margin-top:2px !important;
  }
  #plans .pricing-card .btn{
    width:100% !important;
    min-height:52px;
    margin-top:8px !important;
    white-space:normal !important;
  }
  .pricing-global-note{
    width:calc(100% - 32px);
    margin:24px auto 0 !important;
    text-align:center;
  }
}


/* ===== Definitive mobile pricing fix + footer counters ===== */
@media screen and (max-width: 767px){
  body #plans.section{padding-inline:0 !important;overflow:visible !important}
  body #plans > .container.pricing-grid,
  body #plans .container.pricing-grid,
  body section#plans div.pricing-grid{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:1fr !important;
    grid-auto-flow:row !important;
    width:calc(100% - 28px) !important;
    max-width:560px !important;
    margin:18px auto 0 !important;
    padding:0 !important;
    gap:22px !important;
    overflow:visible !important;
  }
  body #plans .pricing-card{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:28px 22px 24px !important;
    transform:none !important;
    border-radius:28px !important;
    overflow:hidden !important;
  }
  body #plans .pricing-card.featured{order:-1 !important;transform:none !important}
  body #plans .pricing-card:not(.featured){order:0 !important}
  body #plans .pricing-card .price-top{min-height:0 !important;display:flex !important;flex-wrap:wrap !important;gap:10px !important}
  body #plans .pricing-card .price-old{min-height:0 !important;font-size:1.15rem !important;line-height:1.5 !important}
  body #plans .pricing-card .price-now{display:block !important;width:100% !important;min-height:0 !important;font-size:clamp(3rem,16vw,4.25rem) !important;line-height:1.12 !important;text-align:center !important;overflow:visible !important}
  body #plans .pricing-card .price-now small{display:inline-block !important;font-size:1.05rem !important}
  body #plans .international-price{display:grid !important;grid-template-columns:1fr !important;width:100% !important;min-height:0 !important;justify-items:center !important;gap:5px !important;padding:17px !important;text-align:center !important}
  body #plans .international-price span,
  body #plans .international-price strong,
  body #plans .international-price em{display:block !important;width:100% !important;text-align:center !important}
  body #plans .international-price strong{font-size:2.05rem !important;line-height:1.2 !important}
  body #plans .pricing-card .value-stack{display:grid !important;grid-template-columns:1fr !important;min-height:0 !important;width:100% !important;gap:8px !important}
  body #plans .pricing-card p{display:block !important;min-height:0 !important;width:100% !important;margin:4px 0 !important;text-align:center !important}
  body #plans .pricing-card .migration-list{width:100% !important;margin-top:4px !important}
  body #plans .pricing-card .btn{width:100% !important;min-height:52px !important;margin-top:8px !important;white-space:normal !important}
}

.footer-bottom-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  color:var(--text-soft);
  font-size:.92rem;
}
.footer-counters{
  display:flex;
  align-items:flex-start;
  gap:10px;
  direction:ltr;
  font-variant-numeric:tabular-nums;
}
.footer-counter-main,
.footer-counter-stack span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:78px;
  min-height:34px;
  padding:7px 11px;
  border-radius:13px;
  background:linear-gradient(155deg,rgba(22,47,79,.92),rgba(7,20,38,.96));
  border:1px solid rgba(212,175,99,.18);
  box-shadow:0 10px 25px rgba(0,7,18,.28),inset 0 1px 0 rgba(255,255,255,.025);
  color:#dce5f1;
}
.footer-counter-main{border-color:rgba(212,175,99,.34);color:var(--gold-light)}
.footer-counter-stack{display:grid;gap:6px}
.footer-counter-stack span{min-width:78px;min-height:30px;padding:5px 10px;font-size:.84rem}
.footer-counters i{font-style:normal;color:var(--gold);font-size:1rem;line-height:1}
.footer-counters b{font-weight:800;color:inherit;line-height:1}
@media screen and (max-width:767px){
  .footer-bottom-row{flex-direction:column;align-items:center;text-align:center}
  .footer-counters{align-items:flex-start}
}


/* ===== Definitive horizontal footer counters ===== */
.footer-counters{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center;
  gap:7px !important;
  direction:ltr;
  font-variant-numeric:tabular-nums;
  max-width:100%;
}
.footer-counters > .footer-counter-item{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 1 76px;
  min-width:64px;
  min-height:32px;
  padding:6px 9px;
  border-radius:12px;
  background:linear-gradient(155deg,rgba(22,47,79,.94),rgba(7,20,38,.98));
  border:1px solid rgba(212,175,99,.22);
  box-shadow:0 10px 25px rgba(0,7,18,.28),inset 0 1px 0 rgba(255,255,255,.03);
  color:#dce5f1;
  white-space:nowrap;
}
.footer-counters > .footer-counter-item:first-child{
  border-color:rgba(212,175,99,.40);
  color:var(--gold-light);
}
.footer-counters > .footer-counter-item i{
  font-style:normal;
  color:var(--gold);
  font-size:.95rem;
  line-height:1;
}
.footer-counters > .footer-counter-item b{
  font-weight:800;
  color:inherit;
  line-height:1;
  font-size:.86rem;
}
@media screen and (max-width:767px){
  .footer-bottom-row{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:12px;
  }
  .footer-counters{
    width:min(100%,340px);
    justify-content:center;
    gap:6px !important;
  }
  .footer-counters > .footer-counter-item{
    flex:1 1 0;
    min-width:0;
    padding:6px 5px;
    border-radius:11px;
  }
}
@media screen and (max-width:380px){
  .footer-counters{gap:4px !important}
  .footer-counters > .footer-counter-item{padding:5px 3px}
  .footer-counters > .footer-counter-item i{font-size:.86rem}
  .footer-counters > .footer-counter-item b{font-size:.80rem}
}


/* ===== Scalable counter badges: final baseline ===== */
.footer-counters{
  overflow:visible !important;
}
.footer-counters > .footer-counter-item{
  position:relative;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:68px !important;
  max-width:190px;
  padding-inline:12px !important;
  overflow:visible;
  cursor:default;
}
.footer-counters > .footer-counter-item b{
  display:inline-block;
  min-width:2ch;
  max-width:12ch;
  font-size:.86rem;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.footer-counters > .footer-counter-item[data-full]::after{
  content:attr(data-full);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translate(-50%,5px) scale(.98);
  min-width:max-content;
  max-width:calc(100vw - 32px);
  padding:7px 10px;
  border-radius:10px;
  background:#071426;
  border:1px solid rgba(212,175,99,.38);
  box-shadow:0 12px 32px rgba(0,5,15,.48);
  color:#f6e2b5;
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  z-index:30;
}
.footer-counters > .footer-counter-item.show-full::after,
.footer-counters > .footer-counter-item:hover::after,
.footer-counters > .footer-counter-item:focus-within::after{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0) scale(1);
}
@media screen and (max-width:767px){
  .footer-counters{
    width:min(100%,390px) !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    overflow:visible !important;
  }
  .footer-counters > .footer-counter-item{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:32px !important;
    padding:6px 4px !important;
    gap:4px !important;
  }
  .footer-counters > .footer-counter-item i{
    flex:0 0 auto;
    font-size:.84rem !important;
  }
  .footer-counters > .footer-counter-item b{
    min-width:0;
    max-width:7ch;
    font-size:clamp(.68rem,3.2vw,.82rem) !important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .footer-counters > .footer-counter-item[data-full]::after{
    font-size:.74rem;
  }
  .footer-counters > .footer-counter-item:first-child::after{
    left:0;
    transform:translate(0,5px) scale(.98);
  }
  .footer-counters > .footer-counter-item:first-child.show-full::after,
  .footer-counters > .footer-counter-item:first-child:hover::after{
    transform:translate(0,0) scale(1);
  }
  .footer-counters > .footer-counter-item:last-child::after{
    left:auto;
    right:0;
    transform:translate(0,5px) scale(.98);
  }
  .footer-counters > .footer-counter-item:last-child.show-full::after,
  .footer-counters > .footer-counter-item:last-child:hover::after{
    transform:translate(0,0) scale(1);
  }
}
@media (prefers-reduced-motion:reduce){
  .footer-counters > .footer-counter-item[data-full]::after{transition:none}
}

/* Keep the floating WhatsApp control clear of the final counter row on phones. */
@media screen and (max-width:767px){
  .floating-whatsapp{
    left:14px !important;
    bottom:88px !important;
    width:54px !important;
    height:54px !important;
    font-size:1.55rem !important;
  }
}