/* Funil Delegação Infinita — quiz fluido (DEM-2070, E1).
   AC#7: brand manual Breno Andrade — preto+dourado, Cormorant Garamond + Inter.
   Tokens espelhados do index.html raiz do site (fonte de verdade da marca). */

:root{
  --black:#0A0A0B; --black-2:#101013; --black-3:#16161A;
  --gold:#C9A24B; --gold-bright:#E8C766; --gold-deep:#9C7C32;
  --ink:#ECEAE4; --ink-dim:#9C9A93; --ink-faint:#6A6862;
  --line:rgba(201,162,75,.22); --line-soft:rgba(236,234,228,.08);
  --maxw:720px;
  --ease:cubic-bezier(.16,.84,.44,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--black);color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100svh;
}
::selection{background:rgba(201,162,75,.28);color:#fff}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.12;letter-spacing:.01em}
em{font-family:'Cormorant Garamond',serif;font-style:italic}
.gold{color:var(--gold)} .mono{font-variant-numeric:tabular-nums}
a{color:var(--gold);text-decoration:none;transition:color .25s var(--ease)}
a:hover{color:var(--gold-bright)}

body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1000px 660px at 18% 2%, rgba(201,162,75,.11), transparent 60%),
    radial-gradient(820px 520px at 86% 16%, rgba(236,234,228,.04), transparent 55%),
    linear-gradient(to bottom, #08080A, #0A0A0B 42%, #070708);}

/* progress */
.di-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.05);z-index:10}
.di-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .4s var(--ease)}

/* layout */
.di-stage{max-width:var(--maxw);margin:0 auto;padding:clamp(60px,12vh,120px) clamp(20px,6vw,32px) 64px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.di-screen{width:100%}
.di-fade-in{animation:diRise .5s var(--ease) both}
@keyframes diRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.di-mark{width:clamp(48px,9vw,64px);height:auto;margin-bottom:24px;filter:drop-shadow(0 12px 36px rgba(0,0,0,.5))}
.di-eyebrow{font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px}
.di-block-label{font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:18px}

.di-start h1{font-size:clamp(1.9rem,6vw,3.2rem);max-width:18ch;margin-bottom:20px}
.di-lead{max-width:54ch;color:var(--ink-dim);font-size:clamp(1.02rem,3vw,1.18rem);margin-bottom:30px}
.di-fineprint{color:var(--ink-faint);font-size:.86rem;margin-top:16px}

.di-prompt{font-size:clamp(1.5rem,5vw,2.2rem);margin-bottom:26px;max-width:22ch}
.di-interlude-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,4.6vw,2rem);line-height:1.3;color:var(--ink);max-width:24ch;margin-bottom:30px}

/* options — alvo de toque generoso (mobile) */
.di-options{display:flex;flex-direction:column;gap:12px;max-width:520px}
.di-option{
  text-align:left;width:100%;padding:18px 20px;border-radius:14px;
  background:var(--black-2);border:1px solid var(--line-soft);color:var(--ink);
  font-family:'Inter',sans-serif;font-size:clamp(.98rem,2.6vw,1.06rem);font-weight:400;line-height:1.4;
  cursor:pointer;transition:.22s var(--ease);min-height:56px;
}
.di-option:hover{border-color:var(--gold);background:rgba(201,162,75,.06);transform:translateY(-1px)}
.di-option.is-selected{border-color:var(--gold);background:rgba(201,162,75,.14);color:#fff}

/* buttons */
.di-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:34px;font-size:.96rem;font-weight:500;letter-spacing:.01em;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:.3s var(--ease)}
.di-btn-primary{background:var(--gold);color:var(--black);font-weight:600}
.di-btn-primary:hover{background:var(--gold-bright);transform:translateY(-2px)}
.di-btn-ghost{border:1px solid var(--line);color:var(--ink);background:transparent}
.di-btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,162,75,.05);transform:translateY(-2px)}
.di-arr{transition:transform .3s var(--ease)} .di-btn:hover .di-arr{transform:translateX(3px)}

/* email gate */
.di-input{width:100%;max-width:440px;padding:16px 18px;border-radius:12px;background:var(--black-2);border:1px solid var(--line);color:var(--ink);font-size:1.02rem;font-family:'Inter',sans-serif;margin:8px 0 16px}
.di-input:focus{outline:none;border-color:var(--gold)}
.di-consent-row{display:flex;gap:12px;align-items:flex-start;max-width:480px;margin-bottom:18px;cursor:pointer}
.di-checkbox{margin-top:4px;width:18px;height:18px;accent-color:var(--gold);flex:none}
.di-consent-text{font-size:.9rem;color:var(--ink-dim);line-height:1.5}
.di-error{color:#E88;font-size:.88rem;margin-bottom:14px}

/* generating */
.di-generating{text-align:center}
.di-spinner{width:54px;height:54px;margin:0 auto 26px;border-radius:50%;border:3px solid rgba(201,162,75,.18);border-top-color:var(--gold);animation:diSpin 1s linear infinite}
@keyframes diSpin{to{transform:rotate(360deg)}}
.di-micro{color:var(--ink-dim);font-size:1.04rem;min-height:1.6em;margin-bottom:8px}

/* final */
.di-final h1{font-size:clamp(2rem,7vw,3.2rem);margin-bottom:14px}
.di-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:28px 0}
.di-index-card{background:var(--black-2);border:1px solid var(--line);border-radius:14px;padding:18px}
.di-index-val{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:600;color:var(--gold);display:block;line-height:1}
.di-index-name{display:block;font-size:.82rem;color:var(--ink-dim);margin:6px 0 12px}
.di-index-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.di-index-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.di-sub{font-size:1.4rem;margin:30px 0 14px}
.di-descobertas{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.di-descobertas li{position:relative;padding-left:20px;color:var(--ink);font-size:1rem;line-height:1.55}
.di-descobertas li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.di-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.di-schedule-slot{margin-top:28px}

@media(max-width:560px){
  .di-stage{padding-top:80px}
  .di-cta-row .di-btn{width:100%;justify-content:center}
}