@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap;}

  :root{
    --verde:#00C794; --ciano:#00D5FF; --azul-esc:#00B8F1; --azul-med:#0099CC;
    --verde-agua:#00EEB8; --magenta:#EE2BC1; --roxo-mag:#C71CB3;
    --laranja:#FF8617; --laranja-forte:#FC7100; --roxo:#8436FF; --roxo-med:#A15FFF; --roxo-claro:#C28DFF;
    --branco:#FFFFFF; --claro:#F4F0FF; --txt:#8436FF; --txt-suave:#A15FFF;
    --font:'Space Grotesk',sans-serif;
    --ease:cubic-bezier(0.16,1,0.3,1);
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--font);font-weight:400;background:var(--branco);color:var(--txt);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
  [x-cloak]{display:none!important;}

  /* accent stripe — faixas de cor solida do espectro */
  .stripe{position:fixed;top:0;left:0;width:100%;height:5px;z-index:9999;display:flex;}
  .stripe i{flex:1;}
  .stripe i:nth-child(1){background:var(--ciano);}
  .stripe i:nth-child(2){background:var(--verde);}
  .stripe i:nth-child(3){background:var(--magenta);}
  .stripe i:nth-child(4){background:var(--laranja);}
  .stripe i:nth-child(5){background:var(--roxo);}

  /* GLOBAL PROGRESS — persistente no topo */
  .globalprog{position:fixed;top:5px;left:0;width:100%;z-index:9998;background:var(--roxo);transition:background .4s var(--ease);}
  .globalprog.on-mag{background:var(--magenta);}
  .globalprog-inner{max-width:1080px;margin:0 auto;padding:14px clamp(18px,4vw,40px) 15px;}
  .globalprog-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:16px;}
  .globalprog-row img{height:20px;width:auto;}
  .gp-count{font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--roxo-claro);white-space:nowrap;}
  .globalprog.on-mag .gp-count{color:rgba(255,255,255,.85);}
  .gp-count b{color:var(--verde-agua);}
  .globalprog.on-mag .gp-count b{color:var(--branco);}
  .gp-track{height:8px;border-radius:100px;background:rgba(255,255,255,.28);overflow:hidden;}
  .gp-fill{height:100%;width:0;border-radius:100px;background:var(--verde-agua);transition:width .5s var(--ease);}
  .globalprog.on-mag .gp-fill{background:var(--branco);}

  /* STEP SYSTEM */
  .step{display:none;min-height:100vh;padding-top:74px;}
  .step.active{display:block;animation:stepIn .55s var(--ease);}
  @keyframes stepIn{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

  /* ===== STEP 1 — abertura (split) ===== */
  .split{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr 0.95fr;}
  .panel{position:relative;padding:0 clamp(24px,5vw,72px) 56px;display:flex;flex-direction:column;overflow:hidden;background:var(--branco);}
  .panel>*{position:relative;z-index:2;}
  .hero-body{padding:40px 0 0;max-width:620px;}
  .eyebrow{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--azul-med);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
  .eyebrow::before{content:'';width:28px;height:3px;background:var(--ciano);}
  .hero-body h1{font-family:var(--font);font-weight:700;font-size:clamp(28px,3.7vw,50px);line-height:1.04;letter-spacing:-1.2px;margin-bottom:22px;color:var(--txt);}
  .hero-body h1 em{font-style:normal;color:var(--roxo-mag);}
  .sub{font-size:clamp(15px,1.6vw,18px);color:var(--txt-suave);font-weight:400;line-height:1.65;max-width:540px;margin-bottom:34px;}
  .sub strong{color:var(--txt);font-weight:600;}
  .meta{display:flex;align-items:center;gap:20px;font-family:var(--font);font-size:12px;font-weight:500;letter-spacing:1px;color:var(--txt-suave);text-transform:uppercase;}
  .meta b{color:var(--verde);font-weight:700;font-size:15px;}
  .meta-sep{width:1px;height:26px;background:var(--roxo-claro);}

  .qwrap{margin-top:40px;padding:32px clamp(20px,3vw,36px);background:var(--claro);border:2px solid var(--roxo-claro);border-radius:24px;position:relative;overflow:hidden;}
  .qwrap::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--ciano);}
  .q-chamada{font-family:var(--font);font-weight:600;font-size:15px;color:var(--azul-med);margin-bottom:6px;}
  .q-title{font-family:var(--font);font-weight:700;font-size:clamp(19px,2.1vw,25px);line-height:1.2;margin-bottom:24px;letter-spacing:-.4px;color:var(--txt);}
  .opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .opt{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:14px;background:var(--branco);border:2px solid var(--roxo-claro);font-family:var(--font);font-weight:500;font-size:15px;color:var(--txt);cursor:pointer;transition:all .22s var(--ease);text-decoration:none;text-align:left;}
  .opt-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--roxo-claro);flex-shrink:0;transition:all .22s var(--ease);}
  .opt:hover,.opt.sel{background:var(--verde);border-color:var(--verde);transform:translateY(-2px);color:var(--branco);}
  .opt:hover .opt-dot,.opt.sel .opt-dot{border-color:var(--branco);box-shadow:inset 0 0 0 4px var(--branco);}

  .visual{position:relative;overflow:hidden;background:var(--roxo);}
  .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 30%;}
  .visual::before{content:'';position:absolute;left:0;top:0;bottom:0;width:14px;z-index:2;background:var(--verde);}
  .quote-chip{position:absolute;left:28px;bottom:28px;z-index:5;background:var(--roxo);border:none;border-radius:18px;padding:16px 22px;max-width:280px;}
  .quote-chip span{font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--verde-agua);display:block;margin-bottom:5px;}
  .quote-chip p{font-family:var(--font);font-weight:600;font-size:15px;line-height:1.35;color:var(--branco);}

  /* ===== STEPS DE PERGUNTA (uma por vez, centered) ===== */
  .qwrap-c{max-width:840px;margin:0 auto;padding:clamp(18px,2.5vw,28px) clamp(20px,4vw,40px) 16px;}
  .q-lead{margin-bottom:20px;}
  .q-lead .eyebrow{color:var(--azul-med);}
  .q-lead.mag .eyebrow{color:var(--magenta);}
  .q-lead.mag .eyebrow::before{background:var(--magenta);}
  .q-lead h2{font-family:var(--font);font-weight:700;font-size:clamp(22px,3.2vw,36px);line-height:1.1;letter-spacing:-.8px;color:var(--txt);}
  .q-lead h2 em{font-style:normal;color:var(--roxo-mag);}

  .qcard{background:var(--claro);border:2px solid var(--roxo-claro);border-radius:24px;padding:clamp(20px,2.6vw,30px);position:relative;overflow:hidden;}
  .qcard::before{content:'';position:absolute;top:0;left:0;bottom:0;width:6px;background:var(--accent,var(--ciano));}
  .qhead{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px;}
  .qnum{font-family:var(--font);font-weight:700;font-size:clamp(30px,4.4vw,48px);line-height:.9;color:var(--roxo-mag);flex-shrink:0;letter-spacing:-2px;}
  .qtitle{font-family:var(--font);font-weight:600;font-size:clamp(18px,2.1vw,24px);line-height:1.25;letter-spacing:-.3px;padding-top:4px;color:var(--txt);}
  .alts{display:flex;flex-direction:column;gap:12px;}
  .alt{display:flex;align-items:flex-start;gap:15px;padding:17px 20px;border-radius:15px;background:var(--branco);border:2px solid var(--roxo-claro);font-weight:400;font-size:15.5px;color:var(--txt);cursor:pointer;transition:all .22s var(--ease);text-decoration:none;line-height:1.45;text-align:left;}
  .alt-key{font-family:var(--font);font-weight:700;font-size:14px;width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--claro);border:2px solid var(--roxo-claro);color:var(--roxo);transition:all .22s var(--ease);margin-top:-2px;}
  .alt:hover,.alt.sel{background:var(--verde);border-color:var(--verde);transform:translateX(4px);color:var(--branco);}
  .alt:hover .alt-key,.alt.sel .alt-key{background:var(--branco);border-color:var(--branco);color:var(--verde);}

  .backnav{margin-top:26px;display:flex;justify-content:flex-start;}
  .nav-btns{display:flex;justify-content:center;margin-top:26px;}
  /* Botões "Começar"/"Próxima" (dentro de .nav-btns) não herdam o
     margin-top:52px do .btn-go do step de transição. */
  .nav-btns .btn-go{margin-top:0;}
  .back-btn{font-family:var(--font);font-weight:500;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--txt-suave);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s var(--ease);padding:8px 0;}
  .back-btn:hover{color:var(--roxo-mag);}
  .back-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;}

  /* ===== STEP 6 — captura (split roxo) ===== */
  .split-cap{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1fr 0.85fr;}
  .panel-cap{position:relative;padding:44px clamp(24px,5vw,72px) 56px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--roxo);}
  .panel-cap::after{content:'';position:absolute;bottom:-120px;left:-80px;width:320px;height:320px;border-radius:50%;background:var(--roxo-med);pointer-events:none;z-index:0;}
  .panel-cap>*{position:relative;z-index:2;}
  .form-body{max-width:540px;}
  .form-body .eyebrow{color:var(--verde-agua);}
  .form-body .eyebrow::before{background:var(--verde-agua);}
  .form-body h1{font-family:var(--font);font-weight:700;font-size:clamp(28px,3.6vw,46px);line-height:1.06;letter-spacing:-1px;margin-bottom:16px;color:var(--branco);}
  .form-body h1 em{font-style:normal;color:var(--verde-agua);}
  .helper{font-size:16px;color:rgba(255,255,255,.82);font-weight:400;line-height:1.6;margin-bottom:34px;max-width:440px;}
  form{display:flex;flex-direction:column;gap:20px;max-width:460px;}
  /* O form das questões de pergunta não pode herdar o max-width do lead:
     as alternativas devem ter a mesma largura da pergunta. */
  .qcard form{max-width:none;}
  .field label{display:block;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:9px;}
  .field input{width:100%;background:var(--branco);border:2px solid var(--branco);border-radius:14px;padding:17px 20px;font-family:var(--font);font-size:16px;color:var(--txt);transition:all .2s var(--ease);}
  .field input::placeholder{color:var(--txt-suave);}
  .field input:focus{outline:none;border-color:var(--verde-agua);box-shadow:0 0 0 4px rgba(0,238,184,.4);}
  .field.err input{border-color:var(--magenta);box-shadow:0 0 0 4px rgba(238,43,193,.3);}
  .field-msg{font-family:var(--font);font-size:12px;font-weight:500;color:var(--verde-agua);margin-top:8px;min-height:16px;display:none;}
  .field.err .field-msg{display:block;color:#FFD9F4;}
  .btn-cap{margin-top:8px;font-family:var(--font);font-weight:700;font-size:17px;letter-spacing:.4px;color:var(--roxo);background:var(--verde-agua);border:none;border-radius:100px;padding:19px 40px;cursor:pointer;text-align:center;transition:all .25s var(--ease);animation:pulse 2.4s ease-in-out infinite;}
  .btn-cap:hover{transform:translateY(-3px);background:var(--verde);color:var(--branco);animation:none;}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,238,184,0);}50%{box-shadow:0 0 34px 4px rgba(0,238,184,.5);}}
  .privacy{font-family:var(--font);font-size:12px;color:rgba(255,255,255,.7);margin-top:14px;display:flex;align-items:center;gap:8px;}
  .privacy svg{width:14px;height:14px;stroke:var(--verde-agua);}
  .visual-cap{position:relative;overflow:hidden;background:var(--roxo-mag);}
  .visual-cap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;}
  .visual-cap::before{content:'';position:absolute;left:0;top:0;bottom:0;width:14px;z-index:2;background:var(--verde);}
  .chip{position:absolute;left:24px;bottom:26px;z-index:5;background:var(--roxo);border:none;border-radius:16px;padding:15px 20px;max-width:270px;}
  .chip span{font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--verde-agua);display:block;margin-bottom:4px;}
  .chip p{font-family:var(--font);font-weight:600;font-size:14px;line-height:1.35;color:var(--branco);}

  /* ===== STEP 7 — transicao 1 (centered) ===== */
  .center-wrap{max-width:1080px;margin:0 auto;padding:clamp(30px,5vw,60px) clamp(20px,4vw,48px) 80px;text-align:center;}
  .center-wrap form{margin:0 auto;align-items:center;}
  .spinner{width:64px;height:64px;margin:0 auto 30px;position:relative;}
  .spinner::before{content:'';position:absolute;inset:0;border-radius:50%;border:4px solid var(--claro);}
  .spinner::after{content:'';position:absolute;inset:0;border-radius:50%;border:4px solid transparent;border-top-color:var(--verde);border-right-color:var(--ciano);animation:spin 1s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .t-eyebrow{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--azul-med);margin-bottom:14px;}
  .center-wrap h1{font-family:var(--font);font-weight:700;font-size:clamp(28px,4.4vw,52px);line-height:1.05;letter-spacing:-1.2px;margin-bottom:22px;color:var(--txt);}
  .center-wrap h1 em{font-style:normal;color:var(--roxo-mag);}
  .lede{font-size:clamp(16px,2vw,20px);color:var(--txt-suave);font-weight:400;max-width:620px;margin:0 auto 8px;line-height:1.6;}
  .lede strong{color:var(--txt);font-weight:700;}
  .band{display:inline-flex;align-items:center;gap:0;margin:36px auto 0;background:var(--verde);border:none;border-radius:20px;overflow:hidden;}
  .band-item{padding:20px 32px;text-align:center;}
  .band-item + .band-item{border-left:2px solid rgba(255,255,255,.4);}
  .band-num{font-family:var(--font);font-weight:700;font-size:clamp(24px,3vw,34px);color:var(--branco);line-height:1;}
  .band-lbl{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:6px;}
  .depo-label{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--azul-med);margin:60px 0 24px;}
  .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:820px;margin:0 auto;}
  .vcard{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:9/13;border:none;cursor:pointer;transition:transform .3s var(--ease);text-decoration:none;appearance:none;background:none;padding:0;font:inherit;color:inherit;display:block;width:100%;text-align:left;}
  .vcard:hover{transform:translateY(-6px);}
  .vcard-bg{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;display:block;}
  .vc1 .vcard-bg{background:var(--roxo);}
  .vc2 .vcard-bg{background:var(--verde);}
  .vc3 .vcard-bg{background:var(--magenta);}
  .vc4 .vcard-bg{background:var(--azul-med);}
  .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--branco);display:flex;align-items:center;justify-content:center;z-index:3;transition:transform .3s var(--ease);}
  .vcard:hover .play{transform:translate(-50%,-50%) scale(1.12);}
  .play svg{width:22px;height:22px;margin-left:3px;}
  .vc1 .play svg{fill:var(--roxo);}.vc2 .play svg{fill:var(--verde);}.vc3 .play svg{fill:var(--magenta);}.vc4 .play svg{fill:var(--azul-med);}
  .vcard-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:16px;}
  .vcard-name{font-family:var(--font);font-weight:700;font-size:14px;color:var(--branco);}
  .vcard-role{font-family:var(--font);font-size:11px;font-weight:500;color:rgba(255,255,255,.8);margin-top:2px;}
  .vcard-tag{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--roxo);background:var(--branco);padding:5px 11px;border-radius:100px;}
  .vc2 .vcard-tag{color:var(--verde);}.vc3 .vcard-tag{color:var(--magenta);}.vc4 .vcard-tag{color:var(--azul-med);}
  .btn-go{margin-top:52px;font-family:var(--font);font-weight:700;font-size:16px;letter-spacing:.3px;color:var(--branco);background:var(--verde);border:none;border-radius:100px;padding:17px 44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .25s var(--ease);}
  .btn-go:hover{transform:translateY(-3px);background:var(--roxo);}

  /* ===== MODAL DE VÍDEO (depoimentos do step de transição) ===== */
  .modal{position:fixed;inset:0;z-index:10001;background:rgba(20,8,44,.78);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
  .modal-box{position:relative;width:min(92vw,860px);background:var(--branco);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.5);}
  .modal-close{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:none;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s var(--ease);}
  .modal-close:hover{background:var(--roxo);}
  .modal-box video{display:block;width:100%;max-height:72vh;background:#000;}

  /* ===== STEP 12 — transicao 2 / final ===== */
  .final-wrap{max-width:1000px;margin:0 auto;padding:clamp(34px,5vw,52px) clamp(20px,4vw,48px) 80px;}
  .final-wrap form{margin:0 auto;align-items:center;}
  .analysis{text-align:center;margin-bottom:60px;}
  .analysis h1{font-family:var(--font);font-weight:700;font-size:clamp(30px,4.6vw,54px);line-height:1.04;letter-spacing:-1.2px;margin-bottom:32px;color:var(--txt);}
  .analysis h1 em{font-style:normal;color:var(--roxo-mag);}
  .barwrap{max-width:520px;margin:0 auto 20px;}
  .barwrap .track{height:13px;border-radius:100px;background:var(--claro);overflow:hidden;}
  .barwrap .fill{height:100%;border-radius:100px;background:var(--verde);width:0;}
  .barwrap .fill.run{animation:grow 2.6s var(--ease) forwards;}
  @keyframes grow{0%{width:8%}60%{width:78%}100%{width:96%}}
  .barwrap .pct{font-family:var(--font);font-weight:600;font-size:14px;color:var(--verde);margin-top:12px;letter-spacing:1px;}
  .analysis-note{font-size:clamp(15px,1.8vw,18px);color:var(--txt-suave);font-weight:400;max-width:560px;margin:26px auto 0;line-height:1.6;}
  .analysis-note em{font-style:normal;color:var(--roxo-mag);font-weight:600;}
  .depos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:820px;margin:0 auto;}
  .dcard{background:var(--claro);border:2px solid var(--roxo-claro);border-radius:20px;padding:28px 26px;position:relative;transition:transform .3s var(--ease),border-color .3s var(--ease);text-decoration:none;color:inherit;display:block;}
  .dcard:hover{transform:translateY(-5px);border-color:var(--verde);}
  .quote-mark{font-family:var(--font);font-weight:700;font-size:56px;line-height:.6;color:var(--verde);margin-bottom:10px;display:block;}
  .dcard:nth-child(2) .quote-mark{color:var(--magenta);}
  .dcard:nth-child(3) .quote-mark{color:var(--ciano);}
  .dcard p{font-size:15px;color:var(--txt);line-height:1.6;margin-bottom:22px;font-style:italic;}
  .dcard-who{display:flex;align-items:center;gap:12px;}
  .dcard-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;font-size:15px;color:var(--branco);}
  .av1{background:var(--verde);}
  .av2{background:var(--magenta);}
  .av3{background:var(--azul-med);}
  .dcard-name{font-family:var(--font);font-weight:700;font-size:14px;color:var(--txt);}
  .dcard-role{font-family:var(--font);font-size:11px;font-weight:500;color:var(--txt-suave);margin-top:2px;}
  .final-btn{display:flex;justify-content:center;margin-top:40px;}
  .btn-result{font-family:var(--font);font-weight:700;font-size:17px;letter-spacing:.4px;color:var(--roxo);background:var(--verde-agua);border:none;border-radius:100px;padding:19px 44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .25s var(--ease);animation:pulse 2.4s ease-in-out infinite;}
  .btn-result:hover{transform:translateY(-3px);background:var(--verde);color:var(--branco);animation:none;}

  @media(max-width:940px){
    .split{grid-template-columns:1fr;}
    .visual{order:-1;min-height:38vh;}
    .visual img{object-position:52% 22%;}
    .visual::before{left:0;right:0;top:auto;bottom:0;width:auto;height:10px;background:var(--verde);}
    .quote-chip{left:20px;bottom:20px;max-width:70%;}
    .panel{padding:0 22px 48px;}
    .hero-body{padding:30px 0 0;}
    .opts{grid-template-columns:1fr;}
  }
  @media(max-width:900px){
    .split-cap{grid-template-columns:1fr;}
    .visual-cap{order:-1;min-height:32vh;}
    .visual-cap::before{left:0;right:0;top:auto;bottom:0;width:auto;height:10px;background:var(--verde);}
    .panel-cap{padding:34px 22px 52px;justify-content:flex-start;}
    .form-body{max-width:100%;}
  }
  @media(max-width:820px){
    .gallery{grid-template-columns:repeat(2,1fr);}
    .depos{grid-template-columns:1fr;}
  }
  @media(max-width:560px){
    .band{flex-direction:column;}
    .band-item + .band-item{border-left:none;border-top:1px solid rgba(255,255,255,.4);}
    .qhead{gap:12px;}
    .alt{font-size:15px;padding:14px 16px;}
    .step{padding-top:82px;}
    .gallery{gap:12px;}
    .modal{padding:12px;}
    .modal-box{width:100%;border-radius:16px;}
    .modal-box video{max-height:60vh;}
    .modal-close{top:8px;right:8px;width:36px;height:36px;font-size:20px;}
  }