/* ============================================================================
   Landing — Sendo Mais Produtivo com Claude no Dia a Dia
   Design system (dark premium quente). Sem estilos inline no HTML.
   Cascade layers para previsibilidade de especificidade.
   ============================================================================ */
@layer tokens, base, layout, components, utilities;

@layer tokens {
  :root {
    --ink-900:#15120E;--ink-850:#1A1611;--ink-800:#1E1A15;--ink-700:#272019;--ink-600:#322A21;
    --line:#3A3128;--line-strong:#4A4034;--cream-50:#F6F1E9;--paper:#FBF8F2;
    --text-strong:#F6F1E9;--text-muted:#B8AE9F;--text-faint:#8A8073;--text-on-light:#211D17;--text-on-light-muted:#5C5345;
    --flame-400:#F2884A;--flame-500:#E8722C;--flame-600:#CF5F1E;--flame-700:#A8490B;--amber-400:#F4A24C;--clay-500:#D97757;
    --grad-flame:linear-gradient(135deg,#F4A24C 0%,#E8722C 55%,#CF5F1E 100%);
    --grad-glow:radial-gradient(60% 60% at 70% 30%,rgba(244,162,76,.22) 0%,rgba(232,114,44,0) 70%);
    --success:#3FB871;--success-bg:rgba(63,184,113,.12);--error:#E5655A;--error-bg:rgba(229,101,90,.12);
    --btn-primary-text:#1A1208;
    --font-display:'Sora',system-ui,'Segoe UI',Roboto,sans-serif;
    --font-serif:'Fraunces',Georgia,'Times New Roman',serif;
    --font-body:'Inter',system-ui,'Segoe UI',Roboto,sans-serif;
    --font-mono:ui-monospace,'Cascadia Code',Consolas,monospace;
    --text-xs:.8rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;
    --text-xl:clamp(1.25rem,1.1rem + .6vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,1.95rem);
    --text-3xl:clamp(1.85rem,1.5rem + 1.7vw,2.6rem);--text-4xl:clamp(2.2rem,1.7rem + 2.6vw,3.4rem);--text-5xl:clamp(2.6rem,1.9rem + 3.6vw,4.4rem);
    --leading-tight:1.12;--leading-snug:1.3;--leading-base:1.65;--tracking-wide:.08em;--measure:65ch;
    --space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;
    --section-y:clamp(3.5rem,2rem + 6vw,7rem);--gutter:clamp(1rem,.5rem + 3vw,2rem);--container:1120px;--container-narrow:760px;
    --radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
    --shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 6px 18px rgba(0,0,0,.35);--shadow-lg:0 18px 40px rgba(0,0,0,.45);
    --shadow-flame:0 10px 30px rgba(232,114,44,.35);--shadow-book:0 30px 60px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.4);
    --t-micro:150ms ease-out;--t-standard:250ms cubic-bezier(.4,0,.2,1);--t-emphasis:350ms cubic-bezier(.34,1.56,.64,1);--t-page:400ms cubic-bezier(.4,0,.2,1);
    --focus-ring:0 0 0 3px rgba(244,162,76,.55);
  }
}

@layer base {
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  img{max-width:100%;height:auto;display:block}
  body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);color:var(--text-strong);background:var(--ink-900);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}
  h2{font-size:var(--text-3xl);font-weight:700}
  h3{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-snug)}
  p{max-width:var(--measure)}
  a{color:var(--amber-400);text-decoration:none;transition:color var(--t-micro)}
  a:hover{color:var(--flame-400)}
  :focus{outline:none}
  :focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}
  button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{box-shadow:var(--focus-ring)}
}

@layer layout {
  .container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
  .narrow{max-width:var(--container-narrow)}
  section{padding-block:var(--section-y)}
}

@layer components {
  .wordmark-claude{font-family:var(--font-serif);font-weight:600;letter-spacing:.01em}
  .serif{font-family:var(--font-serif)}
  .hl{color:var(--amber-400);font-weight:600}
  .tnum{font-variant-numeric:tabular-nums}
  .overline{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--amber-400)}
  .lead{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-base)}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:700;cursor:pointer;border:none;border-radius:var(--radius-pill);transition:transform var(--t-micro),background var(--t-micro),box-shadow var(--t-micro);text-align:center;text-decoration:none}
  .btn-primary{min-height:52px;padding:0 28px;font-size:var(--text-lg);background:var(--flame-500);color:var(--btn-primary-text);box-shadow:var(--shadow-flame)}
  .btn-primary:hover{background:var(--flame-600);transform:translateY(-2px)}
  .btn-primary:active{transform:translateY(0) scale(.99)}
  .btn-primary[disabled]{opacity:.55;cursor:not-allowed;transform:none}
  .btn-block{display:flex;width:100%}
  .btn-secondary{min-height:48px;padding:0 22px;font-size:var(--text-base);background:transparent;border:1.5px solid var(--flame-500);color:var(--amber-400)}
  .btn-secondary:hover{background:rgba(232,114,44,.1)}
  .btn .spin{width:18px;height:18px;border:2px solid rgba(26,18,8,.35);border-top-color:var(--btn-primary-text);border-radius:50%;animation:spin .7s linear infinite}

  /* Top bar */
  .topbar{background:var(--grad-flame);color:#1A1208;text-align:center;font-size:var(--text-sm);font-weight:600;padding:.55rem 1rem}
  .topbar b{font-weight:800}

  /* Header */
  .header{position:sticky;top:0;z-index:50;background:rgba(21,18,14,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .header .container{display:flex;align-items:center;justify-content:space-between;height:64px;padding-block:0}
  .brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;color:var(--text-strong)}
  .brand .star{color:var(--flame-500);font-size:1.4rem;line-height:1}
  .brand b{font-weight:800}
  .nav{display:none;gap:1.75rem}
  .nav a{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}
  .nav a:hover{color:var(--text-strong)}
  .header .btn-primary{min-height:42px;padding:0 18px;font-size:var(--text-sm)}
  @media(min-width:880px){.nav{display:flex}}

  /* Hero */
  .hero{position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;background:var(--grad-glow);pointer-events:none}
  .hero .container{position:relative;display:grid;gap:var(--space-7);align-items:center}
  @media(min-width:880px){.hero .container{grid-template-columns:7fr 5fr;gap:var(--space-8)}}
  .hero h1{font-size:var(--text-5xl);margin:.6rem 0}
  .hero .lead{margin-bottom:var(--space-5);max-width:44ch}
  .badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--ink-700);border:1px solid var(--line-strong);color:var(--amber-400);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .8rem;border-radius:var(--radius-pill)}
  .hero-bullets{list-style:none;display:grid;gap:.7rem;margin:0 0 var(--space-6)}
  .hero-bullets li{display:flex;gap:.6rem;align-items:flex-start;color:var(--text-strong);font-size:var(--text-lg)}
  .ck{color:var(--success);flex:0 0 auto;margin-top:.15rem;font-weight:700}
  .hero-cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
  .cta-micro{font-size:var(--text-sm);color:var(--text-muted);margin-top:.85rem;display:flex;align-items:center;gap:.4rem}
  .cover-wrap{display:flex;justify-content:center;perspective:1400px}
  .book-cover{position:relative;border-radius:var(--radius-sm);box-shadow:var(--shadow-book);transform:rotateY(-9deg) rotateX(2deg);transition:transform var(--t-standard);max-width:340px}
  .book-cover img{border-radius:var(--radius-sm)}
  .book-cover::after{content:"";position:absolute;top:0;left:0;width:14px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.06));border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
  @media(hover:hover) and (min-width:880px){.book-cover:hover{transform:rotateY(0) rotateX(0)}}
  .cover-flag{position:absolute;top:14px;right:-10px;background:var(--grad-flame);color:#1A1208;font-size:var(--text-xs);font-weight:700;padding:.35rem .7rem;border-radius:6px;box-shadow:var(--shadow-md)}

  /* Scarcity */
  .scarcity{margin-top:var(--space-6);max-width:420px}
  .scarcity .lbl{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.45rem}
  .scarcity .lbl b{color:var(--text-strong)}
  .bar{height:10px;background:var(--ink-700);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--line)}
  .bar>span{display:block;height:100%;width:0;background:var(--grad-flame);border-radius:var(--radius-pill);transition:width 1.2s var(--t-page)}

  /* Pillars */
  .pillars{background:var(--ink-850);border-block:1px solid var(--line)}
  .pillars .grid{display:grid;gap:var(--space-5);text-align:center}
  @media(min-width:760px){.pillars .grid{grid-template-columns:repeat(3,1fr)}}
  .pillar .ic{font-size:1.6rem}
  .pillar h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);margin:.4rem 0 .2rem;letter-spacing:0}
  .pillar p{color:var(--text-muted);font-size:var(--text-sm);margin-inline:auto;max-width:32ch}

  /* Section head */
  .sec-head{max-width:680px;margin-bottom:var(--space-7)}
  .sec-head.center{margin-inline:auto;text-align:center}
  .sec-head h2{margin:.5rem 0 .8rem}

  /* Cards / pain */
  .cards{display:grid;gap:var(--space-4)}
  @media(min-width:980px){.cards.c4{grid-template-columns:repeat(2,1fr)}}
  .pain{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform var(--t-standard),border-color var(--t-standard)}
  .pain:hover{transform:translateY(-3px);border-color:var(--line-strong)}
  .pain .ic{font-size:1.5rem;margin-bottom:.6rem}
  .pain h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);margin-bottom:.35rem;letter-spacing:0}
  .pain p{color:var(--text-muted)}
  .pain-fecho{margin-top:var(--space-6);font-size:var(--text-lg);color:var(--text-strong);max-width:60ch}

  /* Virada */
  .alt-bg{background:var(--ink-850)}
  .prose p{color:var(--text-muted);font-size:var(--text-lg);margin-bottom:1rem}
  .pullquote{font-family:var(--font-serif);font-style:italic;font-size:var(--text-2xl);line-height:var(--leading-snug);color:var(--text-strong);border-left:3px solid var(--flame-500);padding-left:1.2rem;margin-top:var(--space-6);max-width:34ch}

  /* CLARO */
  .claro-grid{display:grid;gap:var(--space-4)}
  @media(min-width:680px){.claro-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1000px){.claro-grid{grid-template-columns:repeat(5,1fr)}}
  .claro{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);transition:transform var(--t-standard),border-color var(--t-standard)}
  .claro:hover{transform:translateY(-4px);border-color:var(--flame-500)}
  .claro .L{font-family:var(--font-display);font-weight:800;font-size:2.6rem;line-height:1;background:var(--grad-flame);-webkit-background-clip:text;background-clip:text;color:transparent}
  .claro .num{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.1em}
  .claro h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);margin:.5rem 0 .35rem;letter-spacing:0}
  .claro p{color:var(--text-muted);font-size:var(--text-sm)}
  .claro em{color:var(--amber-400);font-style:normal;font-weight:600;font-size:var(--text-xs);display:block;margin-top:.5rem}

  /* Includes */
  .inc-grid{display:grid;gap:.7rem}
  @media(min-width:760px){.inc-grid{grid-template-columns:1fr 1fr;gap:.7rem 2rem}}
  .inc-item{display:flex;gap:.7rem;align-items:flex-start;padding:.4rem 0}
  .formats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:var(--space-6)}
  .format-chip{display:flex;gap:.7rem;align-items:center;background:var(--ink-700);border:1px solid var(--line);border-radius:var(--radius-md);padding:.85rem 1.1rem;flex:1 1 240px}
  .format-chip .ic{font-size:1.4rem}
  .format-chip b{display:block}
  .format-chip span{color:var(--text-muted);font-size:var(--text-sm)}

  /* Fit */
  .fit-grid{display:grid;gap:var(--space-5)}
  @media(min-width:760px){.fit-grid{grid-template-columns:1fr 1fr}}
  .fit-col{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6)}
  .fit-col h3{font-size:var(--text-xl);margin-bottom:1rem}
  .fit-col ul{list-style:none;display:grid;gap:.7rem}
  .fit-col li{display:flex;gap:.6rem;align-items:flex-start}
  .fit-yes h3{color:var(--success)}
  .fit-yes li .m{color:var(--success)}
  .fit-no li{color:var(--text-muted)}
  .fit-no li .m{color:var(--text-faint)}

  /* Honest */
  .honest .box{background:linear-gradient(180deg,var(--ink-700),var(--ink-800));border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:var(--space-7);position:relative;overflow:hidden}
  .honest .box::before{content:"";position:absolute;inset:0;background:var(--grad-glow);opacity:.5;pointer-events:none}
  .honest p{font-size:var(--text-lg);color:var(--text-muted);position:relative}

  /* Author */
  .author-grid{display:grid;gap:var(--space-6);align-items:center}
  @media(min-width:760px){.author-grid{grid-template-columns:320px 1fr}}
  .author-photo{background:var(--paper);border-radius:var(--radius-lg);padding:10px;box-shadow:var(--shadow-lg);max-width:320px;margin-inline:auto}
  .author-photo img{border-radius:var(--radius-md)}
  .author-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--text-strong);margin:.3rem 0 .8rem}
  .author-txt p{color:var(--text-muted);font-size:var(--text-lg)}
  .author-txt .pullquote{font-size:var(--text-xl);margin-top:var(--space-5)}

  /* Testimonials */
  .testi-grid{display:grid;gap:var(--space-4)}
  @media(min-width:760px){.testi-grid{grid-template-columns:repeat(3,1fr)}}
  .tcard{background:var(--paper);color:var(--text-on-light);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.9rem}
  .tcard .q{font-family:var(--font-serif);color:var(--clay-500);font-size:2.4rem;line-height:.6;height:.6em}
  .tcard p{color:#3a342b}
  .tcard .who{display:flex;align-items:center;gap:.7rem;margin-top:auto}
  .avatar{width:42px;height:42px;border-radius:50%;background:var(--grad-flame);color:#1A1208;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}
  .tcard .who b{color:var(--text-on-light);display:block;font-size:var(--text-sm)}
  .tcard .who span{color:var(--text-on-light-muted);font-size:var(--text-xs)}
  .stars{color:#E8A23A;font-size:var(--text-sm);letter-spacing:1px}
  .ph-note{font-size:var(--text-xs);color:var(--text-faint);font-style:italic;text-align:center;margin-top:1.5rem}

  /* Offer / checkout */
  .offer{background:radial-gradient(80% 80% at 50% 0%,#221b14 0%,var(--ink-900) 70%)}
  .offer-grid{display:grid;gap:var(--space-6)}
  @media(min-width:980px){.offer-grid{grid-template-columns:1fr 1.15fr;align-items:start}}
  .buybox{background:var(--ink-700);border:1.5px solid var(--flame-500);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg),0 0 60px rgba(232,114,44,.12)}
  @media(min-width:980px){.buybox{position:sticky;top:84px}}
  .buybox .badge{margin-bottom:var(--space-4)}
  .seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:var(--ink-850);border:1px solid var(--line);border-radius:var(--radius-md);padding:.35rem;margin-bottom:var(--space-5)}
  .seg button{appearance:none;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:.7rem .5rem;border-radius:10px;cursor:pointer;transition:all var(--t-emphasis);display:flex;flex-direction:column;gap:.15rem;align-items:center;line-height:1.2}
  .seg button small{font-weight:400;font-size:.72rem;color:var(--text-faint)}
  .seg button[aria-pressed="true"]{background:var(--ink-600);color:var(--text-strong);box-shadow:var(--shadow-sm)}
  .seg button[aria-pressed="true"] small{color:var(--amber-400)}
  .price-row{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
  .price-old{color:var(--text-muted);text-decoration:line-through;font-size:var(--text-lg)}
  .price-now{font-family:var(--font-display);font-weight:800;font-size:var(--text-4xl);color:var(--text-strong)}
  .price-now .cur{font-size:.5em;color:var(--amber-400);vertical-align:.35em;margin-right:.1em}
  .off-tag{background:var(--success-bg);color:var(--success);font-weight:700;font-size:var(--text-xs);padding:.25rem .55rem;border-radius:6px;align-self:center}
  .installment{color:var(--text-muted);font-size:var(--text-sm);margin-top:.3rem}
  .buybox ul{list-style:none;display:grid;gap:.55rem;margin:var(--space-5) 0}
  .buybox li{display:flex;gap:.55rem;align-items:flex-start;font-size:var(--text-sm)}
  .secure{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4)}

  .checkout{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}
  .stepper{display:flex;align-items:center;gap:.4rem;margin-bottom:var(--space-5);font-size:var(--text-xs);color:var(--text-faint)}
  .stepper .st{display:flex;align-items:center;gap:.4rem}
  .stepper .dot{width:22px;height:22px;border-radius:50%;background:var(--ink-700);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem}
  .stepper .st.active .dot{background:var(--flame-500);color:#1A1208;border-color:var(--flame-500)}
  .stepper .st.active{color:var(--text-strong)}
  .stepper .ln{flex:1;height:1px;background:var(--line-strong);min-width:14px}
  fieldset{border:none;margin-bottom:var(--space-5)}
  legend{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--text-strong)}
  .field{margin-bottom:var(--space-4)}
  .field label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:.4rem;color:var(--text-strong)}
  .field input{width:100%;height:52px;background:var(--ink-850);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-strong);font-family:var(--font-body);font-size:var(--text-base);padding:0 14px;transition:border-color var(--t-micro),box-shadow var(--t-micro)}
  .field input::placeholder{color:var(--text-faint)}
  .field input:focus{border-color:var(--flame-500);box-shadow:var(--focus-ring);outline:none}
  .field .help{font-size:var(--text-xs);color:var(--text-faint);margin-top:.3rem}
  .field.invalid input{border-color:var(--error)}
  .field .err{display:none;color:var(--error);font-size:var(--text-xs);margin-top:.3rem}
  .field.invalid .err{display:block}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
  .shipping{display:none}
  .shipping.show{display:block;animation:rise 350ms ease both}
  .paytabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:var(--space-5)}
  .paytabs button{appearance:none;border:1px solid var(--line-strong);background:var(--ink-850);color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:.85rem .4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-micro);display:flex;flex-direction:column;align-items:center;gap:.3rem}
  .paytabs button .ic{font-size:1.2rem}
  .paytabs button[aria-selected="true"]{border-color:var(--flame-500);background:var(--ink-600);color:var(--text-strong)}
  .paypane{display:none}
  .paypane.show{display:block;animation:rise 300ms ease both}
  .pix-box,.boleto-box{text-align:center;background:var(--ink-850);border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:var(--space-5)}
  .qr{width:200px;height:200px;margin:0 auto var(--space-4);background:#fff;border-radius:12px;padding:10px}
  .qr img{width:100%;height:100%}
  .copy-row{display:flex;gap:.5rem;margin-top:var(--space-4)}
  .copy-row input{flex:1;height:46px;background:var(--ink-900);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);padding:0 10px;font-family:var(--font-mono)}
  .copy-row button{height:46px;padding:0 14px;border-radius:var(--radius-sm);border:none;background:var(--flame-500);color:#1A1208;font-weight:700;cursor:pointer;white-space:nowrap}
  .pix-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--space-4);color:var(--amber-400);font-size:var(--text-sm)}
  .spin{width:14px;height:14px;border:2px solid rgba(244,162,76,.3);border-top-color:var(--amber-400);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}
  .order-sum{background:var(--ink-850);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-5) 0}
  .order-sum .l{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted);padding:.3rem 0}
  .order-sum .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:.5rem;padding-top:.7rem;font-weight:700;color:var(--text-strong)}
  .order-sum .total b{font-family:var(--font-display);font-size:var(--text-2xl)}
  .form-alert{background:var(--error-bg);border:1px solid var(--error);color:#ffd9d4;border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}
  .secure-row{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4)}
  .success{display:none;text-align:center;padding:var(--space-6) 0}
  .success.show{display:block}
  .success .ico{width:72px;height:72px;border-radius:50%;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto var(--space-4);animation:pop var(--t-emphasis) both}

  /* Guarantee */
  .guarantee .box{display:flex;gap:var(--space-5);align-items:center;background:var(--ink-700);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:var(--space-6);flex-wrap:wrap;justify-content:center;text-align:center}
  .shield{font-size:3rem;color:var(--success)}
  .guarantee h3{margin-bottom:.4rem}
  .guarantee p{color:var(--text-muted);margin-inline:auto}

  /* FAQ */
  .faq-list{display:grid;gap:.7rem;max-width:760px;margin-inline:auto}
  .faq details{background:var(--ink-700);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
  .faq summary{list-style:none;cursor:pointer;padding:1.1rem 1.3rem;font-weight:600;display:flex;justify-content:space-between;gap:1rem;align-items:center}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary .pm{color:var(--flame-500);font-size:1.4rem;transition:transform var(--t-standard);flex:0 0 auto}
  .faq details[open] summary .pm{transform:rotate(45deg)}
  .faq .ans{padding:0 1.3rem 1.2rem;color:var(--text-muted)}

  /* Final CTA */
  .final{background:var(--grad-flame);color:#1A1208;text-align:center}
  .final h2{color:#1A1208;margin-bottom:.8rem}
  .final p{color:#3a230f;margin:0 auto var(--space-5);font-size:var(--text-lg);font-weight:500}
  .final .btn{background:#1A1208;color:var(--amber-400);box-shadow:var(--shadow-lg)}
  .final .btn:hover{background:#000}

  /* Footer */
  .footer{background:var(--ink-850);border-top:1px solid var(--line);padding-block:var(--space-7) var(--space-6);font-size:var(--text-sm);color:var(--text-muted)}
  .footer-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}
  @media(min-width:760px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}
  .footer h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.8rem;color:var(--text-strong);font-family:var(--font-body);font-weight:700}
  .footer ul{list-style:none;display:grid;gap:.5rem}
  .footer .pays{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;align-items:center}
  .pay-chip{background:var(--ink-700);border:1px solid var(--line);border-radius:6px;padding:.25rem .55rem;font-size:var(--text-xs);color:var(--text-muted)}
  .pay-logo{height:28px;width:auto;display:block;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:var(--space-4);font-size:var(--text-xs);color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}

  /* Sticky CTA mobile */
  .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(21,18,14,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.7rem var(--gutter);padding-bottom:calc(.7rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:1rem;transform:translateY(120%);transition:transform var(--t-standard)}
  .sticky-cta.show{transform:translateY(0)}
  .sticky-cta .p .old{color:var(--text-faint);text-decoration:line-through;font-size:var(--text-xs);margin-right:.4rem}
  .sticky-cta .p b{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-strong)}
  .sticky-cta .btn-primary{min-height:46px;padding:0 22px;font-size:var(--text-base)}
  @media(min-width:880px){.sticky-cta{display:none}}

  /* Consentimento de cookies (LGPD) */
  .consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;max-width:560px;margin-inline:auto;background:var(--ink-700);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1rem 1.1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;animation:rise var(--t-page) both}
  .consent p{margin:0;font-size:var(--text-sm);color:var(--text-muted);flex:1 1 240px}
  .consent .consent-actions{display:flex;gap:.5rem;margin-left:auto}
  .consent button{border:1px solid var(--line-strong);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:.55rem .9rem;border-radius:var(--radius-sm);cursor:pointer}
  .consent button.primary{background:var(--flame-500);border-color:var(--flame-500);color:var(--btn-primary-text)}
  .consent button:hover{border-color:var(--flame-500)}

  .reveal{opacity:0}
  .reveal.in{animation:rise var(--t-page) both}
  .skip{position:absolute;left:50%;top:-120px;transform:translateX(-50%);background:var(--flame-500);color:#1A1208;padding:10px 20px;border-radius:0 0 10px 10px;font-weight:700;z-index:200;transition:top .2s}
  .skip:focus{top:0}
}

@layer utilities {
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hidden{display:none !important}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes pop{0%{transform:scale(.85);opacity:0}55%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
  @media(prefers-reduced-motion:reduce){
    *{animation:none !important;transition:none !important}
    .reveal{opacity:1}
    .book-cover{transform:none}
  }
}