/* MaxDent Stage 4 — Secondary Pages System | 2026-08-14 */
body.mx-site-shell.mx-secondary-page{
  --mx-secondary-max:1180px;
}
body.mx-secondary-page .mx-secondary-hero{padding:62px 0 40px!important;overflow:hidden;position:relative}
body.mx-secondary-page .mx-secondary-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(222,177,99,.12),transparent 30rem);pointer-events:none}
body.mx-secondary-page .mx-secondary-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);gap:42px;align-items:center;position:relative;z-index:1}
body.mx-secondary-page .mx-secondary-copy{padding-block:14px}
body.mx-secondary-page .mx-secondary-copy .eyebrow{margin-bottom:14px}
body.mx-secondary-page .mx-secondary-copy h1{font-size:clamp(2.15rem,4.5vw,4.45rem)!important;line-height:1.14!important;letter-spacing:-.04em!important;max-width:15ch;margin:0 0 18px!important}
html[dir="rtl"] body.mx-secondary-page .mx-secondary-copy h1{letter-spacing:-.02em!important;max-width:16ch}
body.mx-secondary-page .mx-secondary-copy .lead{max-width:65ch;color:#c5bdaf!important;font-size:clamp(1rem,1.35vw,1.12rem)!important;line-height:2!important}
body.mx-secondary-page .mx-secondary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
body.mx-secondary-page .mx-secondary-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
body.mx-secondary-page .mx-secondary-tags span{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid rgba(231,194,127,.13);border-radius:999px;background:rgba(255,255,255,.026);color:#aca497;font-size:.76rem;font-weight:700}
body.mx-secondary-page .mx-secondary-visual{position:relative;min-width:0}
body.mx-secondary-page .mx-secondary-picture{display:block;position:relative;aspect-ratio:16/10;border-radius:30px;overflow:hidden;border:1px solid rgba(238,202,137,.22);background:#0d0f0d;box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06)}
body.mx-secondary-page .mx-secondary-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,8,7,.68)),linear-gradient(90deg,rgba(10,12,10,.12),transparent 45%);pointer-events:none}
body.mx-secondary-page .mx-secondary-picture img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.006)}
body.mx-secondary-page .mx-secondary-visual-card{position:absolute;inset:auto 18px 18px 18px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 15px;border:1px solid rgba(236,201,137,.18);border-radius:17px;background:rgba(11,13,11,.76);backdrop-filter:blur(12px);box-shadow:0 14px 36px rgba(0,0,0,.24)}
body.mx-secondary-page .mx-secondary-visual-card strong{font-size:.9rem;color:#f3e3c5}.mx-secondary-visual-card span{font-size:.73rem;color:#a8a092}
body.mx-secondary-page .mx-value-strip{padding:0 0 38px!important}
body.mx-secondary-page .mx-value-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.mx-secondary-page .mx-value-item{padding:18px;border:1px solid rgba(231,194,127,.12);border-radius:18px;background:linear-gradient(145deg,rgba(20,22,20,.78),rgba(10,11,10,.82));box-shadow:0 12px 34px rgba(0,0,0,.15)}
body.mx-secondary-page .mx-value-item b{display:block;color:#f0d49d;font-size:.88rem;margin-bottom:6px}.mx-value-item p{margin:0!important;color:#a9a195!important;font-size:.84rem!important;line-height:1.8!important}
body.mx-secondary-page .mx-page-intro{margin-bottom:26px;padding:24px 26px;border:1px solid rgba(231,194,127,.13);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(216,173,103,.08),transparent 18rem),rgba(255,255,255,.018)}
body.mx-secondary-page .mx-page-intro h2{margin:0 0 8px!important;font-size:clamp(1.45rem,2.6vw,2.15rem)!important}.mx-page-intro p{margin:0!important;color:#aaa295!important;line-height:1.9!important}
body.mx-secondary-page .mx-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.mx-secondary-page .mx-pillar-card{position:relative;padding:22px 20px;border:1px solid rgba(231,194,127,.12);border-radius:20px;background:linear-gradient(145deg,rgba(21,23,20,.85),rgba(10,11,10,.91));overflow:hidden}
body.mx-secondary-page .mx-pillar-card::before{content:'';position:absolute;inset:0 auto auto 0;width:62%;height:1px;background:linear-gradient(90deg,rgba(234,197,130,.5),transparent)}
html[dir="rtl"] body.mx-secondary-page .mx-pillar-card::before{inset:0 0 auto auto;background:linear-gradient(270deg,rgba(234,197,130,.5),transparent)}
body.mx-secondary-page .mx-pillar-card small{display:block;color:#b98f50;font-weight:900;letter-spacing:.08em;margin-bottom:10px}.mx-pillar-card h3{font-size:1.06rem!important;margin:0 0 8px!important}.mx-pillar-card p{font-size:.86rem!important;color:#a7a093!important;line-height:1.85!important;margin:0!important}
body.mx-secondary-page .manual-download-top{display:none!important}
body.mx-secondary-page.mx-page-manual .manual-layout{align-items:start}
body.mx-secondary-page.mx-page-manual .manual-toc{position:sticky;top:98px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
body.mx-secondary-page.mx-page-manual .manual-section{scroll-margin-top:104px}
body.mx-secondary-page.mx-page-activation .safe-callout{border-color:rgba(231,194,127,.16)!important;background:linear-gradient(145deg,rgba(27,24,18,.72),rgba(11,12,11,.9))!important}
body.mx-secondary-page.mx-page-migration .migration-box,body.mx-secondary-page.mx-page-insights .score-card{border-color:rgba(231,194,127,.13)!important}
body.mx-secondary-page .suite-core b{color:#f0d49d!important}

@media(max-width:980px){
 body.mx-secondary-page .mx-secondary-hero-grid{grid-template-columns:1fr;gap:26px}
 body.mx-secondary-page .mx-secondary-copy{text-align:center;padding-bottom:0}
 body.mx-secondary-page .mx-secondary-copy h1{margin-inline:auto!important;max-width:19ch!important}
 body.mx-secondary-page .mx-secondary-copy .lead{margin-inline:auto}
 body.mx-secondary-page .mx-secondary-actions,body.mx-secondary-page .mx-secondary-tags{justify-content:center}
 body.mx-secondary-page .mx-secondary-visual{max-width:760px;margin-inline:auto;width:100%}
 body.mx-secondary-page .mx-pillar-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 body.mx-secondary-page .mx-secondary-hero{padding:28px 0 24px!important}
 body.mx-secondary-page .mx-secondary-hero-grid{gap:18px}
 body.mx-secondary-page .mx-secondary-copy{text-align:start;padding:0}
 body.mx-secondary-page .mx-secondary-copy h1{font-size:clamp(2rem,9.7vw,3rem)!important;line-height:1.2!important;max-width:none!important;margin-inline:0!important;margin-bottom:13px!important}
 body.mx-secondary-page .mx-secondary-copy .lead{font-size:.96rem!important;line-height:1.85!important;margin-inline:0}
 body.mx-secondary-page .mx-secondary-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}
 body.mx-secondary-page .mx-secondary-actions a{width:100%;text-align:center;justify-content:center}
 body.mx-secondary-page .mx-secondary-tags{justify-content:flex-start;gap:6px;margin-top:14px}
 body.mx-secondary-page .mx-secondary-tags span{font-size:.7rem;min-height:31px;padding:5px 9px}
 body.mx-secondary-page .mx-secondary-picture{aspect-ratio:4/3;border-radius:22px}
 body.mx-secondary-page .mx-secondary-visual-card{inset:auto 10px 10px 10px;padding:10px 11px;border-radius:14px}.mx-secondary-visual-card strong{font-size:.8rem!important}.mx-secondary-visual-card span{font-size:.66rem!important}
 body.mx-secondary-page .mx-value-strip{padding-bottom:18px!important}
 body.mx-secondary-page .mx-value-strip-grid{grid-template-columns:1fr;gap:8px}
 body.mx-secondary-page .mx-value-item{padding:14px 15px;border-radius:16px}
 body.mx-secondary-page .mx-pillar-grid{grid-template-columns:1fr;gap:9px}
 body.mx-secondary-page .mx-pillar-card{padding:18px 17px;border-radius:17px}
 body.mx-secondary-page .mx-page-intro{padding:19px 17px;border-radius:18px;margin-bottom:18px}
 body.mx-secondary-page.mx-page-manual .manual-toc{position:static;max-height:none}
}

/* MaxDent Creative Rebuild — Stage 5/5 Final Launch Polish | 2026-08-14
   Scope: global consistency, mobile-first launch polish, accessibility/performance details.
   Commerce / Geo Pricing / XPay logic intentionally untouched. */
:root{--mx-header-h:76px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--mx-header-h) + 18px)}
body.mx-site-shell{-webkit-tap-highlight-color:transparent}
body.mx-site-shell :where(a,button,input,select,textarea,summary){touch-action:manipulation}
body.mx-site-shell :where(section,[id]){scroll-margin-top:calc(var(--mx-header-h) + 18px)}
body.mx-site-shell img{max-width:100%}
body.mx-site-shell .brand img,body.mx-site-shell .footer-brand img{aspect-ratio:1/1}
body.mx-site-shell .nav-links[role="navigation"]{isolation:isolate}
body.mx-site-shell .nav-links a,body.mx-site-shell .btn,body.mx-site-shell .ghost-btn{outline-offset:3px}
body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx-secondary-picture,.mx3-hero-frame,.mx3-visual-frame) img{background:#0b0d0b}
body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx-secondary-picture,.mx3-hero-frame,.mx3-visual-frame){transform:translateZ(0)}
body.mx-site-shell .footer-grid>div:first-child p{max-width:58ch}
body.mx-site-shell .floating-whatsapp{isolation:isolate}

/* One visual rhythm across the three highest-conversion pages. */
body.mx-site-shell :where(.mx2-section-kicker,.mx3-kicker,.mx-secondary-copy .eyebrow){text-transform:none}
body.mx-site-shell :where(.mx2-section-kicker,.mx3-kicker){letter-spacing:.025em}
html[dir="rtl"] body.mx-site-shell :where(.mx2-section-kicker,.mx3-kicker){letter-spacing:0}

/* Keep cinematic richness on desktop, reduce GPU-heavy glass work on mobile. */
@media (max-width:1050px){
  :root{--mx-header-h:68px}
  body.mx-site-shell .nav-wrap{-webkit-backdrop-filter:blur(12px) saturate(112%)!important;backdrop-filter:blur(12px) saturate(112%)!important}
  body.mx-site-shell .nav-links.open{padding-bottom:10px!important}
  body.mx-site-shell .nav-links a{min-height:46px!important}
}
@media (max-width:720px){
  :root{--mx-header-h:64px;--mx-section-space:52px}
  body.mx-site-shell{font-size:15px;line-height:1.65}
  body.mx-site-shell .container{width:calc(100% - 24px)}
  body.mx-site-shell .nav{min-height:64px!important;padding-block:7px!important}
  body.mx-site-shell .nav-wrap{-webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important;background:rgba(7,8,7,.93)!important}
  body.mx-site-shell .brand{gap:9px!important}
  body.mx-site-shell .brand img{width:38px!important;height:38px!important}
  body.mx-site-shell .brand-name{font-size:1rem!important}
  body.mx-site-shell .menu-btn{width:42px!important;height:42px!important}
  body.mx-site-shell .nav-links.open{max-height:min(74vh,690px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:10px 0 8px!important;scrollbar-width:thin}
  body.mx-site-shell .nav-links a{min-height:47px!important;font-size:.86rem!important}
  body.mx-site-shell .section{padding-block:52px}
  body.mx-site-shell :where(h1,h2,h3){overflow-wrap:anywhere}
  body.mx-site-shell p{overflow-wrap:break-word}
  body.mx-site-shell .btn,body.mx-site-shell .ghost-btn{min-height:50px!important}
  body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx-secondary-picture,.mx3-hero-frame,.mx3-visual-frame,.mx-secondary-visual-card,.mx3-mobile-dock){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx-secondary-picture,.mx3-hero-frame,.mx3-visual-frame) img{transform:none!important}
  body.mx-site-shell .footer{margin-top:22px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
  body.mx-site-shell .mx-footer-cta{margin-top:26px}
  body.mx-site-shell .footer-grid{gap:20px!important}
  body.mx-site-shell .floating-whatsapp{right:max(14px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important}
  html[dir="rtl"] body.mx-site-shell .floating-whatsapp{right:auto!important;left:max(14px,env(safe-area-inset-left))!important}
  body.mx-site-shell.mx3-conversion-shell .floating-whatsapp{bottom:84px!important}
  body.mx-site-shell .mx3-mobile-dock{bottom:max(8px,env(safe-area-inset-bottom))!important}
}
@media (max-width:430px){
  body.mx-site-shell .container{width:calc(100% - 20px)}
  body.mx-site-shell .brand-name span{display:none!important}
  body.mx-site-shell .nav-links a{font-size:.84rem!important}
  body.mx-site-shell .mx-footer-cta{padding:21px 16px}
  body.mx-site-shell .footer-counters{max-width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  body.mx-site-shell .footer-counters::-webkit-scrollbar{display:none}
}
@media (hover:none){
  body.mx-site-shell .btn:hover,body.mx-site-shell .ghost-btn:hover,body.mx-site-shell .nav-links a:hover,body.mx-site-shell :is(.feature-card,.glass-card,.support-card,.score-card,.suite-16-card,.v12-new-card,.step-card,.coverage-card,.new-price-card,.process-step,.premium-cloud-card,.mx-insight):hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  body.mx-site-shell :where(.mx-reveal,.is-visible){transform:none!important;opacity:1!important}
}

/* MaxDent — Final Marketing & Visual Identity Closure | 2026-08-14
   Scope: visual consistency + conversion polish only. No commerce, Geo Pricing, XPay, activation or runtime logic. */
:root{
  --mx-gold:#d6a85f;
  --mx-gold-light:#f4d79c;
  --mx-gold-deep:#8f642f;
  --mx-ink:#070807;
  --mx-panel:rgba(18,20,17,.88);
  --mx-panel-strong:rgba(24,26,22,.94);
  --mx-hairline:rgba(239,203,139,.16);
  --mx-hairline-strong:rgba(239,203,139,.34);
  --mx-copy-max:68ch;
}
body.mx-site-shell{
  background:
    radial-gradient(circle at 50% -18rem,rgba(213,168,95,.095),transparent 34rem),
    radial-gradient(circle at -10% 42%,rgba(122,86,42,.055),transparent 31rem),
    radial-gradient(circle at 108% 78%,rgba(167,121,59,.045),transparent 30rem),
    linear-gradient(180deg,#090a09 0%,#070807 48%,#050605 100%);
}
body.mx-site-shell main{position:relative}
body.mx-site-shell main>section{position:relative}
body.mx-site-shell main>section:not(:first-child)::before{
  content:'';position:absolute;top:0;left:50%;width:min(1120px,82vw);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(236,199,132,.15),transparent);pointer-events:none;
}
body.mx-site-shell :where(h1,h2){font-variation-settings:'wght' 860;text-wrap:balance}
body.mx-site-shell :where(h1,h2) :is(strong,em){
  color:var(--mx-gold-light);font-style:normal;
  background:linear-gradient(105deg,#fff3d6 0%,#f1d093 38%,#c28c46 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
body.mx-site-shell :where(.mx2-overline,.mx2-section-kicker,.mx3-kicker,.mx-secondary-copy>.eyebrow,.mx-footer-cta .eyebrow){
  display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;
  padding:7px 11px;border:1px solid rgba(235,198,130,.17);border-radius:999px;
  background:linear-gradient(180deg,rgba(238,199,127,.065),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);color:#eacb91!important;
  font-size:.76rem;font-weight:850;line-height:1.3;
}
html[dir="rtl"] body.mx-site-shell :where(.mx2-overline,.mx2-section-kicker,.mx3-kicker,.mx-secondary-copy>.eyebrow,.mx-footer-cta .eyebrow){letter-spacing:0!important}
body.mx-site-shell :where(.mx2-centered-heading,.mx3-heading.center,.mx-page-intro){max-width:900px;margin-inline:auto}
body.mx-site-shell :where(.mx2-centered-heading,.mx3-heading.center) p{max-width:var(--mx-copy-max);margin-inline:auto}
body.mx-site-shell :where(.mx2-copy,.mx3-hero-copy,.mx3-value-copy,.mx3-after-copy,.mx-secondary-copy) p{max-width:var(--mx-copy-max)}

/* Header and navigation: one premium bar everywhere. */
body.mx-site-shell .nav-wrap{
  border-bottom-color:rgba(236,199,132,.14)!important;
  background:linear-gradient(180deg,rgba(8,9,8,.94),rgba(7,8,7,.84))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
}
body.mx-site-shell .nav-wrap::before{inset:auto 10% -1px;background:linear-gradient(90deg,transparent,rgba(239,203,139,.58),transparent)}
body.mx-site-shell .brand img{filter:drop-shadow(0 8px 20px rgba(215,167,91,.18))}
body.mx-site-shell .brand-name{letter-spacing:-.03em!important}
body.mx-site-shell .nav-links a{color:#c7bfb2!important}
body.mx-site-shell .nav-links a.active{color:#f2d69c!important;background:rgba(214,168,95,.07)!important}

/* Premium CTA language. */
body.mx-site-shell .btn{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 12px 30px rgba(177,122,52,.18),inset 0 1px 0 rgba(255,255,255,.48)!important}
body.mx-site-shell .btn::after{content:'';position:absolute;z-index:-1;inset:-80% auto -80% -38%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);opacity:.62;transition:left .5s ease}
body.mx-site-shell .btn:hover::after{left:112%}
body.mx-site-shell .ghost-btn{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;border-color:rgba(235,198,130,.18)!important}

/* All visual storytelling uses one frame language. */
body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx2-wide-cinema,.mx3-hero-frame,.mx3-value-media,.mx3-after-media,.mx3-visual-frame,.mx-secondary-picture){
  border-color:rgba(236,199,132,.18)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.33),0 0 0 1px rgba(255,255,255,.018),0 20px 70px rgba(135,91,38,.06)!important;
}
body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx2-wide-cinema,.mx3-hero-frame,.mx3-value-media,.mx3-after-media,.mx3-visual-frame,.mx-secondary-picture)::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,239,207,.08);
}
body.mx-site-shell :where(.mx2-cinema figcaption,.mx3-hero-tag,.mx-secondary-visual-card){
  border-color:rgba(236,199,132,.17)!important;background:rgba(10,11,9,.84)!important;
}

/* Cards: same material, hierarchy by importance not by unrelated styling. */
body.mx-site-shell :where(.mx2-trial-card,.mx2-edition-card,.mx2-pricing-shell,.mx2-cloud-card,.mx2-final-box,.mx3-trial-card,.mx3-plan-card,.mx3-download-card,.mx3-payment-grid,.faq-item,.mx-pillar-card,.mx-value-item,.feature-card,.glass-card,.support-card,.score-card,.coverage-card,.manual-section,.migration-box){
  border-color:var(--mx-hairline)!important;
  background:linear-gradient(145deg,rgba(22,24,21,.92),rgba(10,12,10,.94))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.mx-site-shell :where(.mx2-trial-card,.mx3-trial-card,.mx3-plan-card.featured,.mx3-download-card.primary,.mx2-final-box){
  border-color:rgba(239,203,139,.28)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.29),0 18px 60px rgba(153,102,40,.08),inset 0 1px 0 rgba(255,245,221,.045)!important;
}
body.mx-site-shell :where(.mx2-trial-card,.mx3-trial-card,.mx2-final-box){position:relative;overflow:hidden}
body.mx-site-shell :where(.mx2-trial-card,.mx3-trial-card,.mx2-final-box)::before{content:'';position:absolute;inset:0 auto auto 6%;width:45%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,213,155,.72),transparent);pointer-events:none}
html[dir="rtl"] body.mx-site-shell :where(.mx2-trial-card,.mx3-trial-card,.mx2-final-box)::before{inset:0 6% auto auto}

/* Conversion pages and secondary pages should belong to the same cinematic family as home. */
body.mx-site-shell :where(.mx3-conversion-hero,.mx-secondary-hero){
  background:
    radial-gradient(circle at 18% 16%,rgba(214,168,95,.10),transparent 26rem),
    radial-gradient(circle at 88% 70%,rgba(116,81,38,.07),transparent 24rem),
    linear-gradient(180deg,rgba(11,12,10,.96),rgba(7,8,7,.94))!important;
  border-bottom:1px solid rgba(236,199,132,.10);
}
html[dir="rtl"] body.mx-site-shell :where(.mx3-conversion-hero,.mx-secondary-hero){background:radial-gradient(circle at 82% 16%,rgba(214,168,95,.10),transparent 26rem),radial-gradient(circle at 12% 70%,rgba(116,81,38,.07),transparent 24rem),linear-gradient(180deg,rgba(11,12,10,.96),rgba(7,8,7,.94))!important}
body.mx-site-shell .mx3-plan-ribbon,body.mx-site-shell .mx3-badge{border-color:rgba(239,203,139,.20)!important;background:rgba(214,168,95,.075)!important;color:#efd39d!important}
body.mx-site-shell .faq-item[open]{border-color:rgba(239,203,139,.28)!important}
body.mx-site-shell .faq-item summary{font-weight:800}

/* Footer closes the same brand story instead of looking like a separate component. */
body.mx-site-shell .footer{position:relative;background:linear-gradient(180deg,rgba(8,9,8,.92),#050605)!important;border-top:1px solid rgba(236,199,132,.12)!important}
body.mx-site-shell .footer::before{content:'';position:absolute;top:-1px;left:50%;width:min(1040px,76vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(239,203,139,.55),transparent)}
body.mx-site-shell .mx-footer-cta{border-color:rgba(239,203,139,.22)!important;background:radial-gradient(circle at 15% 0,rgba(214,168,95,.10),transparent 22rem),linear-gradient(145deg,rgba(24,25,21,.88),rgba(11,12,10,.94))!important;box-shadow:0 24px 72px rgba(0,0,0,.26)!important}
body.mx-site-shell .footer-brand{color:#f3d79e!important}

/* Mobile-first closure: preserve luxury through hierarchy, not heavy effects. */
@media(max-width:720px){
  body.mx-site-shell main>section:not(:first-child)::before{width:74vw;opacity:.72}
  body.mx-site-shell :where(.mx2-overline,.mx2-section-kicker,.mx3-kicker,.mx-secondary-copy>.eyebrow,.mx-footer-cta .eyebrow){font-size:.69rem;padding:6px 9px}
  body.mx-site-shell :where(.mx2-hero-copy h1,.mx3-hero-copy h1,.mx-secondary-copy h1){letter-spacing:-.035em!important}
  body.mx-site-shell :where(.mx2-cinema,.mx2-lab-cinema,.mx2-wide-cinema,.mx3-hero-frame,.mx3-value-media,.mx3-after-media,.mx-secondary-picture){box-shadow:0 18px 42px rgba(0,0,0,.26),0 10px 34px rgba(137,91,38,.045)!important}
  body.mx-site-shell .btn::after{display:none}
  body.mx-site-shell :where(.mx2-trial-card,.mx3-trial-card,.mx2-final-box)::before{width:60%}
  body.mx-site-shell .mx-footer-cta{text-align:start!important}
  body.mx-site-shell .mx-footer-actions{width:100%}
  body.mx-site-shell .mx-footer-actions :where(.btn,.ghost-btn){width:100%;justify-content:center}
}
@media(hover:none){body.mx-site-shell .btn::after{display:none}}
@media(prefers-reduced-motion:reduce){body.mx-site-shell .btn::after{display:none!important}}


/* Final proof, mobile performance and identity closure — 2026-08-14 */
.mx-real-proof{position:relative;isolation:isolate}.mx-real-proof::before{content:"";position:absolute;inset:7% 0 auto;height:54%;background:radial-gradient(circle at 50% 30%,rgba(232,188,104,.09),transparent 62%);pointer-events:none;z-index:-1}.mx-real-proof-head{max-width:820px;margin:0 auto 34px;text-align:center}.mx-real-proof-head h2{font-size:clamp(2rem,4.6vw,4.8rem);line-height:1.08;margin:10px 0 16px}.mx-real-proof-head strong{color:#f1d39a}.mx-real-proof-head p{color:var(--text-dim);font-size:1.04rem;line-height:1.95}.mx-real-proof-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.mx-real-shot{position:relative;margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(236,198,126,.22);background:#07110e;box-shadow:0 28px 70px rgba(0,0,0,.38)}.mx-real-shot-main{grid-row:span 2}.mx-real-shot img{display:block;width:100%;height:100%;min-height:235px;object-fit:cover;transition:transform .7s ease,filter .7s ease}.mx-real-shot-main img{min-height:490px}.mx-real-shot:hover img{transform:scale(1.015);filter:saturate(1.04)}.mx-real-shot figcaption{position:absolute;inset:auto 12px 12px;padding:14px 16px;border-radius:17px;background:rgba(4,12,10,.86);border:1px solid rgba(236,198,126,.16);box-shadow:0 10px 35px rgba(0,0,0,.28)}.mx-real-shot figcaption b,.mx-real-shot figcaption span{display:block}.mx-real-shot figcaption b{color:#f3d79d}.mx-real-shot figcaption span{color:#c1c9c5;font-size:.82rem;margin-top:3px}.mx-proof-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:14px 4px;color:#8f9c96;font-size:.78rem}.mx-proof-actions>div{display:flex;gap:10px;flex-wrap:wrap}
.mx-feature-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mx-feature-proof-grid .mx-feature-wide{grid-column:span 2}.mx-feature-proof-grid .mx-real-shot img{aspect-ratio:16/9;min-height:0}.mx-feature-proof-grid .mx-real-shot:last-child{grid-column:span 2}
.mx-chart-pair{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.mx-system-orbit,.mx-journey-chart{position:relative;min-height:430px;border:1px solid rgba(236,198,126,.18);border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(220,169,84,.12),transparent 36%),linear-gradient(145deg,rgba(11,26,21,.97),rgba(6,14,12,.98));box-shadow:0 26px 65px rgba(0,0,0,.3);overflow:hidden}.mx-system-orbit::before,.mx-system-orbit::after{content:"";position:absolute;inset:18%;border:1px solid rgba(233,195,125,.16);border-radius:50%}.mx-system-orbit::after{inset:29%;border-style:dashed;opacity:.7}.mx-orbit-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:148px;height:148px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#17251e,#09110e);border:1px solid rgba(247,210,142,.45);box-shadow:0 0 50px rgba(220,169,84,.16)}.mx-orbit-center span{font-size:1.35rem;color:#f1cf8f;font-weight:900}.mx-orbit-center b{font-size:.74rem;color:#9fb0a8;margin-top:4px}.mx-orbit-node{position:absolute;width:150px;padding:12px 13px;border-radius:17px;background:#0c1915;border:1px solid rgba(236,198,126,.18);text-align:center;box-shadow:0 12px 35px rgba(0,0,0,.26)}.mx-orbit-node b,.mx-orbit-node span{display:block}.mx-orbit-node b{color:#f1d39a}.mx-orbit-node span{font-size:.68rem;color:#98a7a0;margin-top:3px}.mx-orbit-node.n1{top:8%;left:50%;transform:translateX(-50%)}.mx-orbit-node.n2{right:5%;top:50%;transform:translateY(-50%)}.mx-orbit-node.n3{bottom:8%;left:50%;transform:translateX(-50%)}.mx-orbit-node.n4{left:5%;top:50%;transform:translateY(-50%)}.mx-journey-chart{padding:28px}.mx-journey-head span{display:block;color:#e8c27a;font-size:.8rem;font-weight:900;letter-spacing:.04em}.mx-journey-head b{display:block;font-size:1.28rem;line-height:1.55;margin-top:6px}.mx-journey-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:78px}.mx-journey-line::before{content:"";position:absolute;top:27px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#d5a957 12%,#d5a957 88%,transparent)}.mx-journey-line>div{position:relative;text-align:center;z-index:1}.mx-journey-line i{display:grid;place-items:center;margin:0 auto 14px;width:54px;height:54px;border-radius:50%;font-style:normal;background:#0c1915;border:1px solid rgba(239,200,125,.46);color:#f0cf90;box-shadow:0 0 26px rgba(220,169,84,.12)}.mx-journey-line b,.mx-journey-line span{display:block}.mx-journey-line b{font-size:.88rem}.mx-journey-line span{color:#8fa099;font-size:.65rem;margin-top:4px;line-height:1.5}
.mx-manual-shot{margin:22px 0 26px;border-radius:24px;overflow:hidden;border:1px solid rgba(235,197,125,.2);background:#07110e;box-shadow:0 22px 58px rgba(0,0,0,.32)}.mx-manual-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.mx-manual-shot figcaption{padding:14px 17px;background:linear-gradient(90deg,rgba(20,34,28,.98),rgba(8,17,14,.98))}.mx-manual-shot b,.mx-manual-shot span{display:block}.mx-manual-shot b{color:#f2d49b}.mx-manual-shot span{color:#9eaaa5;font-size:.78rem;margin-top:4px;line-height:1.6}
.mx-mobile-boundary{margin-top:18px;padding:12px 14px;border:1px solid rgba(236,198,126,.14);border-radius:14px;color:#829089;font-size:.72rem;background:rgba(255,255,255,.02)}.mx-mobile-boundary code{color:#e6c483}.mx-mobile-trust{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.mx-mobile-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mx-mobile-trust-grid span{padding:18px 14px;border-radius:18px;text-align:center;color:#e6c483;font-weight:800;border:1px solid rgba(236,198,126,.16);background:rgba(255,255,255,.025)}
@media(max-width:780px){
 body.mx-site-shell *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.mx-site-shell :is(.nav-shell,.nav-links,.footer,.mx-real-shot figcaption,.mx3-mobile-dock,.mx-trial-glass){background-color:rgba(8,16,13,.96)}
 body.mx-site-shell :is(a,button,.btn,.ghost-btn,.menu-btn){touch-action:manipulation}
 body.mx-site-shell .menu-btn{min-width:48px;min-height:48px}
 body.mx-site-shell .brand{min-height:48px;min-width:48px}
 body.mx-site-shell .nav-links a{min-height:46px;display:flex;align-items:center;padding-top:10px!important;padding-bottom:10px!important}
 body.mx-site-shell .footer-grid a{min-height:44px;display:flex;align-items:center;padding-block:7px}
 body.mx-site-shell .mx3-mobile-dock{min-height:62px!important;height:auto!important;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;display:block!important}
 body.mx-site-shell .mx3-mobile-dock .btn{width:100%;min-height:46px!important;justify-content:center;margin:0!important}
 body.mx-site-shell .mx3-mobile-dock .ghost-btn{display:none!important}
 body.mx-site-shell:has(.mx3-mobile-dock){padding-bottom:74px!important}
 .mx-real-proof-grid,.mx-feature-proof-grid,.mx-chart-pair,.mx-mobile-trust{grid-template-columns:1fr}
 .mx-real-shot-main,.mx-feature-proof-grid .mx-feature-wide,.mx-feature-proof-grid .mx-real-shot:last-child{grid-row:auto;grid-column:auto}
 .mx-real-shot-main img,.mx-real-shot img{min-height:0;aspect-ratio:16/10}
 .mx-proof-actions{align-items:flex-start;flex-direction:column}.mx-proof-actions>div{width:100%}.mx-proof-actions .ghost-btn{flex:1;justify-content:center;min-height:46px}
 .mx-system-orbit{min-height:390px}.mx-orbit-node{width:125px;padding:9px 8px}.mx-orbit-node span{font-size:.59rem}.mx-orbit-center{width:120px;height:120px}
 .mx-journey-chart{min-height:0;padding:22px 18px}.mx-journey-line{grid-template-columns:1fr;margin-top:24px;gap:0;padding-inline-start:0}.mx-journey-line::before{top:8px;bottom:8px;left:auto;right:27px;width:1px;height:auto;background:linear-gradient(180deg,transparent,#d5a957 10%,#d5a957 90%,transparent)}[dir="ltr"] .mx-journey-line::before{right:auto;left:27px}.mx-journey-line>div{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;text-align:start;column-gap:12px;min-height:76px}.mx-journey-line i{grid-row:1/3;margin:0}.mx-journey-line b{align-self:end}.mx-journey-line span{align-self:start}
 .mx-mobile-trust-grid{grid-template-columns:1fr 1fr}.mx-mobile-trust-grid span{padding:13px 8px;font-size:.78rem}
}
@media(max-width:420px){.mx-orbit-node{width:112px}.mx-orbit-node.n2{right:1%}.mx-orbit-node.n4{left:1%}.mx-orbit-center{width:106px;height:106px}.mx-orbit-center span{font-size:1.08rem}.mx-real-proof-head h2{font-size:2rem}}

.mx-mobile-marketing .mx2-final-cta{padding-top:50px!important}.mx-mobile-marketing .mx2-final-box{text-align:center;position:relative;overflow:hidden;padding:52px 32px;border:1px solid rgba(242,207,147,.24);border-radius:32px;background:radial-gradient(circle at 50% 0%,rgba(216,173,103,.16),transparent 24rem),linear-gradient(180deg,rgba(24,26,23,.97),rgba(9,11,9,.98));box-shadow:0 30px 80px rgba(0,0,0,.3)}.mx-mobile-marketing .mx2-final-box h2{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.25;margin:12px auto;max-width:980px}.mx-mobile-marketing .mx2-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:780px){.mx-mobile-marketing .mx2-final-box{padding:36px 18px;border-radius:22px;text-align:start}.mx-mobile-marketing .mx2-final-actions{display:grid;grid-template-columns:1fr}.mx-mobile-marketing .mx2-final-actions .btn,.mx-mobile-marketing .mx2-final-actions .ghost-btn{width:100%;justify-content:center;min-height:46px}}

/* === 2026-08-15 features-page refinement pass === */
body.mx-secondary-page .mx-secondary-hero,
body.mx-secondary-page .mx-value-strip,
body.mx-secondary-page .section{
  background:transparent !important;
}
body.mx-secondary-page .mx-secondary-copy,
body.mx-secondary-page .mx-page-intro,
body.mx-secondary-page .mx-value-item,
body.mx-secondary-page .mx-pillar-card,
body.mx-secondary-page .feature-card,
.cloud-feature-panel{
  background:
    radial-gradient(circle at 86% 10%, rgba(226,192,122,.08), transparent 18rem),
    linear-gradient(160deg,rgba(12,10,9,.97),rgba(8,8,8,.99)) !important;
}
body.mx-secondary-page .mx-secondary-visual-card,
body.mx-secondary-page .mx-real-shot figcaption{background:rgba(7,6,6,.82) !important}
body.mx-secondary-page .mx-feature-proof-grid{
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}
body.mx-secondary-page .mx-feature-proof-grid .mx-feature-wide,
body.mx-secondary-page .mx-feature-proof-grid .mx-real-shot:nth-child(4){grid-column:1 / -1 !important}
body.mx-secondary-page .mx-feature-proof-grid .mx-real-shot{
  background:#090808 !important;
  display:flex !important;
  flex-direction:column !important;
}
body.mx-secondary-page .mx-feature-proof-grid .mx-real-shot img,
body.mx-secondary-page .mx-real-shot img{
  object-fit:contain !important;
  background:linear-gradient(180deg,#11100f,#080808) !important;
  padding:18px !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
}
body.mx-secondary-page .mx-real-shot-main img{min-height:480px !important}
body.mx-secondary-page .mx-real-shot figcaption{
  inset:auto 16px 16px !important;
  border-color:rgba(226,192,122,.18) !important;
}
@media (max-width:820px){
  body.mx-secondary-page .mx-feature-proof-grid{grid-template-columns:1fr !important}
  body.mx-secondary-page .mx-feature-proof-grid .mx-feature-wide,
  body.mx-secondary-page .mx-feature-proof-grid .mx-real-shot:nth-child(4){grid-column:auto !important}
  body.mx-secondary-page .mx-feature-proof-grid .mx-real-shot img,
  body.mx-secondary-page .mx-real-shot img{padding:10px !important}
}

/* v13 mobile direct-install reassurance */
.mx-mobile-install-note{
  margin:10px 0 0;
  max-width:650px;
  color:rgba(231,194,127,.78);
  font-size:.72rem;
  line-height:1.7;
  font-weight:600;
  letter-spacing:.01em;
}
.mx-mobile-install-note span{
  color:#e7c27f;
  margin-inline-end:5px;
  text-shadow:0 0 14px rgba(231,194,127,.28);
}
.mx-google-play-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-inline-start:4px;
  padding:2px 8px;
  border:1px solid rgba(231,194,127,.18);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  vertical-align:middle;
  white-space:nowrap;
}
.mx-google-play-badge svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.08));
}
.mx-google-play-badge b{
  color:#efe6d7;
  font-weight:800;
  letter-spacing:.01em;
}
@media (max-width:680px){
  .mx-mobile-install-note{
    margin-top:8px;
    font-size:.68rem;
    line-height:1.65;
  }
  .mx-google-play-badge{
    gap:4px;
    padding:2px 7px;
  }
  .mx-google-play-badge svg{
    width:12px;
    height:12px;
    flex-basis:12px;
  }
}