:root{
    --yellow:#f0dc55;
    --ink:#241f16;
    --ink-soft:#4a4230;
    --grey-dot:#8f897c;
    --padel:#2c6e6e;
    --tennis:#3f5fa8;
    --golf:#3a7a5c;
    --running:#a3312c;
    --trail:#8a6a2e;
    --gym:#5b4a86;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;height:100%;overflow:hidden;background:var(--yellow);}
  body{
    font-family:'Manrope',sans-serif;
    color:var(--ink);
  }
  a{color:var(--ink);text-decoration:none;}
  a:hover{color:#5a4d24;}

  @keyframes driftA{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(4vw,-3vh,0) scale(1.08);}100%{transform:translate3d(0,0,0) scale(1);}}
  @keyframes driftB{0%{transform:translate3d(0,0,0) scale(1.05);}50%{transform:translate3d(-5vw,4vh,0) scale(1);}100%{transform:translate3d(0,0,0) scale(1.05);}}
  @keyframes riseIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
  @keyframes sweep{0%{transform:translateX(-120%) skewX(-12deg);}100%{transform:translateX(320%) skewX(-12deg);}}

  .stage{
    position:relative;height:100dvh;width:100%;overflow:hidden;
    background:radial-gradient(120% 90% at 18% 8%, #f7ecab 0%, var(--yellow) 46%, #dcc74a 100%);
    display:flex;flex-direction:column;
  }
  .blob{position:absolute;border-radius:50%;pointer-events:none;}
  .blob-a{top:-18vh;left:-12vw;width:58vw;height:58vw;background:radial-gradient(circle, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 68%);animation:driftA 26s ease-in-out infinite;}
  .blob-b{bottom:-24vh;right:-14vw;width:62vw;height:62vw;background:radial-gradient(circle, rgba(44,110,110,0.16) 0%, rgba(44,110,110,0) 70%);animation:driftB 32s ease-in-out infinite;}

  header{
    position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:clamp(18px,3vw,34px) clamp(20px,4vw,56px);
    animation:riseIn 0.7s 0.05s ease-out both;
  }
  .brand-sm{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(17px,2vw,21px);letter-spacing:-0.035em;}
  .brand-sm .dot{color:var(--grey-dot);}
  .badge{display:flex;align-items:center;gap:9px;font-size:clamp(10px,1.1vw,11.5px);font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft);}
  .badge .pulse{width:7px;height:7px;border-radius:50%;background:var(--ink);}

  main{
    position:relative;flex:1;min-height:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:clamp(22px,4vh,38px);
    padding:0 clamp(20px,5vw,56px);text-align:center;
  }
  .brand-lg{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(46px,11vw,132px);letter-spacing:-0.05em;line-height:0.9;animation:riseIn 0.8s 0.15s ease-out both;}
  .brand-lg .dot{color:var(--grey-dot);}

  .tagline{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,14px);
    min-height:clamp(38px,5.4vw,60px);
    animation:riseIn 0.8s 0.3s ease-out both;
  }
  .tagline span.lead{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(16px,2.4vw,30px);letter-spacing:-0.02em;color:var(--ink-soft);}

  .pill{
    position:relative;display:inline-flex;align-items:center;justify-content:center;
    min-width:clamp(112px,13vw,190px);height:clamp(38px,5.4vw,60px);
    border-radius:10px;overflow:hidden;
    background:var(--padel);
    transition:background 420ms cubic-bezier(0.22,1,0.36,1);
    box-shadow:0 10px 24px rgba(36,31,22,0.18);
  }
  .pill .word{
    font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(17px,2.5vw,31px);letter-spacing:-0.03em;
    color:#fefefe;opacity:1;transform:translateY(0);
    transition:opacity 220ms ease, transform 260ms cubic-bezier(0.22,1,0.36,1);
  }
  .pill .word.out{opacity:0;transform:translateY(-8px);}
  .pill .sweep{
    position:absolute;top:0;bottom:0;width:38%;
    background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 50%, rgba(255,255,255,0) 100%);
    animation:sweep 3.6s 1.2s ease-in-out infinite;pointer-events:none;
  }

  .sub{max-width:44ch;font-size:clamp(13px,1.5vw,16.5px);line-height:1.6;margin:0;color:var(--ink-soft);animation:riseIn 0.8s 0.42s ease-out both;}

  .soon{
    display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--yellow);
    border-radius:999px;padding:13px 24px;font-weight:700;font-size:clamp(12.5px,1.4vw,14.5px);
    animation:riseIn 0.8s 0.54s ease-out both;
  }
  .soon .dot-lt{width:8px;height:8px;border-radius:50%;background:var(--yellow);}

  footer{
    position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
    padding:clamp(14px,2.4vw,26px) clamp(20px,4vw,56px);
    border-top:1px solid rgba(36,31,22,0.12);
    animation:riseIn 0.8s 0.66s ease-out both;
  }
  .flavors{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,1vw,12px);}
  .flavor{display:flex;align-items:center;gap:7px;font-weight:700;font-size:clamp(10.5px,1.1vw,12px);color:var(--ink-soft);}
  .swatch{width:9px;height:9px;border-radius:3px;}
  .sw-lima{background:#5f9a3f;}
  .sw-laranja{background:#c9762f;}
  .sw-morango{background:#a3312c;}
  .sw-mirtilo{background:#3d3675;}
  .sports-list{font-size:clamp(10px,1.1vw,11.5px);letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-soft);}