/* MobileAllu executive identity — minimal CSS overlay, no JS animation libraries.
   Intentional typography, truthful commerce labels, and motion-reduced fallbacks. */
:root{
  --navy:#0F172A;--ink:#1E293B;--slate:#536174;--muted:#64748B;
  --line:#E2E8F0;--lime:#10B981;--lime-dark:#059669;--paper:#F8FAFC;
  --radius:20px;--shadow:0 14px 42px rgba(15,23,42,.07);
  --brand-blue:#2563EB;--brand-emerald:#10B981;
}
html{scroll-padding-top:94px}
body{background:linear-gradient(180deg,#f8fafc 0%,#fff 16%,#f8fafc 100%);color:var(--ink)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,.028);backdrop-filter:saturate(115%) blur(10px);-webkit-backdrop-filter:saturate(115%) blur(10px)}
.announcement{background:#0f172a;color:#e2e8f0;font-weight:550;min-height:38px;height:auto;line-height:1.4;letter-spacing:0}
.announcement .sparkle{color:#34d399}
.announcement-muted{color:#cbd5e1}
.brand-name{letter-spacing:-.045em;font-weight:800;color:#0f172a}
.brand-name span{color:#059669}
.nav-row .desktop-nav a{color:#334155;font-weight:650}
.nav-row .desktop-nav a:hover,.text-link:hover{color:#047857}
.logo>img{border-radius:13px;box-shadow:0 4px 10px rgba(15,23,42,.11)}
.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;min-height:48px}
.button-lime{background:#059669;color:#fff;box-shadow:0 5px 18px rgba(5,150,105,.12)}
.button-lime:hover{background:#047857;color:#fff}
.button-dark{background:#0f172a;color:#fff}
.button-dark:hover{background:#1e293b}
.button-outline{color:#0f172a;border:1px solid #cbd5e1;background:#fff}
.button-outline:hover{border-color:#94a3b8;background:#f8fafc}
.button:focus-visible,a:focus-visible,input:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #34d399;outline-offset:3px}
.hero{background:linear-gradient(125deg,#0f172a 1%,#172b45 63%,#0d3040 100%);box-shadow:0 22px 54px rgba(15,23,42,.15);border:1px solid rgba(148,163,184,.13)}
.hero:before{background:radial-gradient(circle at 27% 34%,rgba(16,185,129,.12),transparent 66%)}
.hero h1 span{color:#6ee7b7}
.hero-label{color:#d1fae5;border-color:rgba(16,185,129,.28);letter-spacing:.08em;background:rgba(15,23,42,.28)}
.hero p{color:#dbeafe;max-width:510px}
.hero-bottom b{color:#6ee7b7}
.hero-visual{overflow:hidden}
.hero .floating-icon{background:#ecfdf5;color:#047857}
.hero-assurance{gap:13px}
.hero-assurance>div{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 9px 22px rgba(15,23,42,.025)}
.hero-assurance strong{color:#1e293b}
.hero-assurance small{color:#64748b}
.hero-assurance .assurance-symbol{background:#ecfdf5;color:#047857}
.benefit-grid{border-color:#e2e8f0}
.benefit-icon,.step-icon{background:#ecfdf5;color:#047857}
.brand-tile{background:#fff;border-color:#e2e8f0}
.brand-tile:hover{background:#f8fafc;border-color:#94a3b8}
.brand-arrow,.accent-eyebrow{color:#047857}
.section-head h2{color:#0f172a;letter-spacing:-.047em}
.text-link{color:#1e293b;border-color:#a7f3d0}
.product-card{border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 26px rgba(15,23,42,.035);background:#fff}
.product-card:hover{border-color:#a7f3d0;box-shadow:0 19px 38px rgba(15,23,42,.09)}
.product-card .product-name{color:#172033}
.product-card .product-name:hover{color:#047857}
.product-card .phone-art{background:#f8fafc}
.product-card .phone-art .real-photo,.product-card .phone-art .model-illustration{transition:transform .4s cubic-bezier(.2,.65,.2,1);will-change:auto}
.price-divider{background:#e2e8f0}
.price-pair{display:grid;gap:10px;grid-template-columns:1fr}
.price-pair>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.price-pair small{font-size:11px;text-transform:none;color:#64748b;letter-spacing:0}
.price-pair strong{color:#1e293b;font-size:14px;white-space:nowrap}
.price-pair .pix-entry-highlight{background:#ecfdf5;border:1px solid #d1fae5;border-radius:11px;padding:11px 12px;align-items:center}
.price-pair .pix-entry-highlight small{color:#065f46;font-weight:700}
.price-pair .pix-entry-amount{font:800 clamp(17px,1.45vw,22px)/1.15 'Outfit',system-ui,sans-serif;color:#047857}
.product-card .product-availability{color:#64748b}
.product-card .product-actions{margin-top:14px}
.product-card .button-lime{background:#047857}
.steps-section{background:#f1f5f9}
.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{min-height:244px;background:#fff;border:1px solid #e2e8f0}
.step-number{color:#64748b}
.step h3{color:#0f172a}
.promo-banner{background:linear-gradient(130deg,#0f172a,#1e3a5f)}
.promo-banner .eyebrow{color:#6ee7b7}
.faq-list details{border-color:#e2e8f0}
.faq-list summary span{color:#047857}
.preview-notice{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
.preview-notice strong{color:#0f172a}
.checkout-enhanced{max-width:1160px}
.checkout-page h1{font-size:clamp(32px,4.2vw,54px);color:#0f172a}
.checkout-page>p{max-width:920px}
.checkout-form-card,.checkout-order-summary{background:#fff;border:1px solid #e2e8f0;border-radius:21px;box-shadow:0 16px 46px rgba(15,23,42,.046)}
.checkout-form-card h2,.checkout-order-summary h2{color:#0f172a}
.checkout-trust-note{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:#475569;padding:14px;margin:16px 0 23px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:13px}
.checkout-trust-note>span:not(.checkout-step-arrow){background:#0f172a;color:#fff;border-radius:50%;width:25px;height:25px;display:inline-grid;place-items:center;font-size:10px;font-weight:800}
.checkout-stage-heading{display:flex;align-items:center;gap:13px;margin:2px 0 18px}
.checkout-stage-heading .stage-number{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:850;font-size:17px}
.checkout-stage-heading strong{display:block;color:#0f172a;font-size:17px;line-height:1.35}
.checkout-stage-heading small{display:block;color:#64748b;font-size:12px;line-height:1.5}
.checkout-stage[hidden],#checkoutIdentityStep[hidden],#pixPaymentDetails[hidden]{display:none!important}
.checkout-plan-caption{font-size:13px;color:#475569;margin:12px 0 11px}
.checkout-term-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 22px}
.checkout-term{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:#fff;border:1px solid #cbd5e1;border-radius:13px;padding:13px 12px;min-width:0;text-align:left;color:#1e293b;transition:border-color .15s ease,background .15s ease}
.checkout-term:hover{border-color:#059669;background:#f8fafc}
.checkout-term.selected{border:2px solid #059669;background:#ecfdf5;padding:12px 11px}
.checkout-term strong{font:800 19px 'Outfit',system-ui,sans-serif}
.checkout-term small{font-size:12px;color:#047857;font-weight:750}
.checkout-term span{font-size:11px;color:#64748b}
.checkout-stage input,.checkout-stage textarea{background:#fff;color:#1e293b}
.checkout-stage label{color:#334155}
.checkout-field-note{font-size:12px;color:#64748b;margin-top:12px}
.checkout-highlight-box{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;padding:14px 18px;margin:15px 0}
.checkout-highlight-box span{display:block;color:#065f46;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.checkout-highlight-box strong{display:block;font:850 clamp(28px,2.5vw,36px) 'Outfit',system-ui,sans-serif;color:#047857;letter-spacing:-.04em}
.checkout-summary-art{width:100%;background:#f8fafc;border-radius:13px;overflow:hidden;margin:3px 0 18px}
.checkout-summary-art .phone-art{height:180px;background:#f8fafc}
.checkout-summary-art .phone-art .real-photo{object-fit:contain}
.checkout-trust-list{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e2e8f0;padding:17px 0;color:#475569}
.checkout-trust-list span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:7px 9px;font-size:10px;font-weight:650}
#pixPaymentDetails{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-top:25px;padding:20px}
#pixQrContent{display:flex;justify-content:center;padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-width:340px;margin:18px auto}
#pixQrContent img,#pixQrContent canvas{max-width:100%;height:auto}
#pixCopyCode{background:#fff;border:1px solid #cbd5e1;color:#0f172a}
#pixCopyButton{min-height:56px;font-size:15px;font-weight:800;width:100%;margin:12px 0}
.checkout-pix-hint{color:#475569;font-size:13px}
#pixPaymentAlert,#pixEmailNotice{font-size:12px;line-height:1.6;color:#475569}
.footer{background:#0f172a}
.footer-top h4,.footer .brand-name{color:#fff}
.footer-top a{color:#cbd5e1}
.footer-top a:hover{color:#6ee7b7}
.footer-pill{border-color:#334155;color:#d1fae5}
.footer-bottom{border-color:#334155;color:#94a3b8}
.footer .brand-name span{color:#34d399}
@media (hover:hover) and (pointer:fine){
  .product-card:hover .real-photo,.product-card:hover .model-illustration{transform:perspective(800px) rotateY(-3deg) rotateX(2deg) scale(1.025)}
}
@media(max-width:900px){.steps-grid{grid-template-columns:1fr 1fr}.checkout-term-options{gap:7px}}
@media(max-width:760px){
  .announcement{font-size:10px;padding:8px 16px;min-height:38px;height:auto}
  .hero{box-shadow:0 10px 24px rgba(15,23,42,.09)}
  .checkout-grid{grid-template-columns:1fr}
  .checkout-term-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .checkout-term{padding:10px 8px}
  .checkout-term.selected{padding:9px 7px}
  .checkout-term strong{font-size:17px}
  .checkout-term small,.checkout-term span{font-size:10px;line-height:1.35}
  .steps-grid{grid-template-columns:1fr}
  .step{min-height:0}
  .price-pair{gap:6px}
  .price-pair .pix-entry-amount{font-size:19px}
  .checkout-summary-art .phone-art{height:150px}
}
@media(max-width:380px){.checkout-term-options{grid-template-columns:1fr}.checkout-term{flex-direction:row;align-items:center;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .product-card:hover .real-photo,.product-card:hover .model-illustration{transform:none}
}
