#ic-creatine {
    --white:#FFFFFF;
    --panel:#141613;
    --black:#0A0B09;
    --black-2:#101210;
    --on-dark:#F1F2EE;
    --on-dark-soft:#A6ABA0;
    --ink:#12140F;
    --ink-soft:#5B5F55;
    --line:#232620;
    --line-light:#E4E7DE;
    --sand:#F2F3EC;
    --fl:#4CAE2E; /* cor de destaque do sabor ativo (JS troca) */
    --gold:#D2B24A;
    --font:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    all:initial;
    display:block;
    font-family:var(--font);
    color:var(--on-dark) !important;
    background:var(--black);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  #ic-creatine *,#ic-creatine *::before,#ic-creatine *::after{box-sizing:border-box;}
  #ic-creatine img{max-width:100%;display:block;}
  #ic-creatine p{margin:0 0 1em;}
  #ic-creatine h1,#ic-creatine h2,#ic-creatine h3{font-family:var(--font);margin:0;letter-spacing:-0.01em;}
  #ic-creatine ul{margin:0;padding:0;list-style:none;}
  #ic-creatine button{font-family:var(--font);}
  

  .ic-wrap{max-width:1180px;margin:0 auto !important;padding:0 var(--wrap-pad,40px) !important;box-sizing:border-box !important;}
  #ic-creatine{--wrap-pad:40px;}
  @media (max-width:600px){ #ic-creatine{--wrap-pad:26px;} }
  @media (max-width:400px){ #ic-creatine{--wrap-pad:20px;} }

.ic-root *{color:inherit !important;}
  .ic-root p:empty{display:none;}
  .ic-ico-mask{display:inline-block;background-color:currentColor;-webkit-mask-image:var(--ic-icon-src);mask-image:var(--ic-icon-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
  .ic-section{padding:60px 0;}
  .ic-bg-black{background:var(--black-2);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
  .ic-bg-black .ic-wrap{position:relative;z-index:1;}
  .ic-bg-panel{background:var(--panel);}
  .ic-bg-sand{background:var(--sand);color:var(--ink) !important;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
  .ic-bg-sand .ic-wrap{position:relative;z-index:1;}
  .ic-ink-soft{color:var(--on-dark-soft) !important;}
  .ic-bg-sand .ic-ink-soft{color:var(--ink-soft) !important;}

  .ic-eyebrow{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--fl) !important;margin-bottom:16px;transition:color .3s ease;}
  .ic-eyebrow::before{content:"";width:22px;height:2px;background:currentColor;}
  .ic-icon{width:22px;height:22px;flex:none;}

  .ic-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);}
  .ic-reveal.ic-in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){
    .ic-reveal{opacity:1 !important;transform:none !important;transition:none !important;}
    .ic-bottle-img{animation:none !important;}
  }

  .ic-h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-0.02em;line-height:1.15;text-transform:uppercase;}
  .ic-head{max-width:640px;margin:0 auto 40px;text-align:center;}

  /* ---------- HERO ---------- */
  .ic-hero{position:relative;padding:0;overflow:hidden;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
  .ic-hero-bg{position:absolute;inset:0;z-index:0;}
  .ic-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 25%;}
  .ic-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,11,9,.6) 0%, rgba(10,11,9,.88) 55%, var(--black) 100%);}
  .ic-hero-inner{position:relative;z-index:1;padding-top:64px !important;padding-bottom:32px !important;}
  @media (min-width:901px){ .ic-hero-inner{padding-top:120px !important;padding-bottom:48px !important;} }
  .ic-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;}
  .ic-hero h1{font-size:clamp(36px,6vw,68px);font-weight:800;letter-spacing:-0.02em;line-height:.98;text-transform:uppercase;}
  .ic-hero h1 span{color:var(--fl) !important;transition:color .3s ease;}
  .ic-hero-sub{font-size:15.5px;font-weight:500;color:var(--on-dark-soft) !important;max-width:420px;margin:16px 0 0;}

  .ic-flavors{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
  .ic-flavor-btn{
    display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.14);
    border-radius:999px;padding:10px 16px 10px 12px;cursor:pointer;transition:all .25s ease;
  }
  .ic-flavor-dot{width:12px;height:12px;border-radius:50%;flex:none;}
  .ic-flavor-btn span{font-size:12.5px;font-weight:700;color:var(--on-dark-soft) !important;}
  .ic-flavor-btn.ic-active{background:rgba(255,255,255,.1);border-color:var(--fl);}
  .ic-flavor-btn.ic-active span{color:#fff !important;}

  .ic-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;}
  .ic-bottle-img{width:min(190px,48vw);height:auto;max-height:300px;margin:0 auto !important;animation:ic-float 5.5s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.55));}
  @keyframes ic-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

  .ic-flavor-blurb{margin-top:6px;font-size:13.5px;color:var(--on-dark-soft) !important;font-weight:500;min-height:40px;}

  /* ---------- STATS ---------- */
  .ic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
  .ic-stat{background:var(--black-2);text-align:center;padding:26px 10px;}
  .ic-stat b{display:block;font-size:clamp(24px,3vw,34px);font-weight:800;color:#fff !important;line-height:1;margin-bottom:6px;}
  .ic-stat b .ic-unit{font-size:.5em;color:var(--fl) !important;transition:color .3s ease;}
  .ic-stat span{font-size:10.5px;font-weight:700;color:var(--on-dark-soft) !important;text-transform:uppercase;letter-spacing:.05em;}

  /* ---------- intro ---------- */
  .ic-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;}
  .ic-fact-list{margin-top:22px;display:flex;flex-direction:column;gap:12px;}
  .ic-fact-row{display:flex;align-items:flex-start;gap:12px;}
  .ic-fact-row .ic-icon{color:var(--fl) !important;flex:none;margin-top:1px;transition:color .3s ease;}
  .ic-fact-row strong{display:block;font-size:14px;font-weight:800;color:#fff !important;text-transform:uppercase;letter-spacing:.01em;}
  .ic-fact-row span{font-size:12.5px;color:var(--on-dark-soft) !important;font-weight:500;}
  .ic-intro-media{border-radius:4px;overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);}
  .ic-intro-media img{width:100%;height:100%;object-fit:cover;min-height:300px;}

  /* ---------- ficha nutricional ---------- */
  .ic-table-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;}
  .ic-table-tab{background:var(--panel);border:1.5px solid var(--line);color:var(--on-dark-soft) !important;font-size:12px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .25s ease;}
  .ic-table-tab.ic-active{background:var(--fl);border-color:var(--fl);color:#fff !important;}
  .ic-table-card{background:var(--white);color:var(--ink) !important;border-radius:18px;overflow:hidden;max-width:480px;margin:0 auto;box-shadow:0 30px 70px -40px rgba(0,0,0,.6);}
  .ic-table-panel{display:none;}
  .ic-table-panel.ic-active{display:block;}
  table.ic-table{width:100%;border-collapse:collapse;}
  table.ic-table thead th{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft) !important;text-align:left;padding:13px 20px;border-bottom:1px solid var(--line-light);background:var(--sand);}
  table.ic-table thead th:last-child,table.ic-table thead th:nth-child(2){text-align:right;}
  table.ic-table td{padding:11px 20px;border-bottom:1px solid var(--line-light);font-size:13.5px;font-weight:500;}
  table.ic-table td:nth-child(2),table.ic-table td:last-child{text-align:right;font-weight:800;}
  table.ic-table tr:last-child td{border-bottom:none;}
  table.ic-table tr.ic-highlight td{background:var(--sand);}
  .ic-table-foot{padding:14px 20px;font-size:10.5px;color:var(--ink-soft) !important;border-top:1px solid var(--line-light);background:var(--sand);}

  /* ---------- mitos x verdades (flip) ---------- */
  .ic-flip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:820px;margin:0 auto;}
  .ic-flip{perspective:1100px;height:170px;}
  .ic-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;cursor:pointer;}
  .ic-flip.ic-flipped .ic-flip-inner{transform:rotateY(180deg);}
  .ic-flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:center;}
  .ic-flip-front{background:var(--panel);border:1px solid var(--line);}
  .ic-flip-front .ic-flip-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
  .ic-flip-front.ic-mito .ic-flip-tag{color:#E0616E !important;}
  .ic-flip-front.ic-verdade .ic-flip-tag{color:var(--fl) !important;}
  .ic-flip-front strong{font-size:14.5px;font-weight:700;color:#fff !important;line-height:1.35;}
  .ic-flip-tap{font-size:10.5px;font-weight:700;color:var(--on-dark-soft) !important;text-transform:uppercase;letter-spacing:.04em;margin-top:10px;}
  .ic-flip-back{background:var(--fl);color:#0A0B09 !important;transform:rotateY(180deg);}
  .ic-flip-back p{font-size:13px;font-weight:600;margin:0;line-height:1.5;}

  /* ---------- benefícios / modo de uso ---------- */
  .ic-benefits{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;}
  .ic-benefits-media{position:relative;}
  .ic-benefits-media img{border-radius:4px;filter:grayscale(.25) contrast(1.05);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);}
  .ic-benefits-media .ic-media-float{position:absolute;width:42%;right:-7%;bottom:-9%;border-radius:4px;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);border:5px solid var(--black-2);}
  .ic-steps{counter-reset:ic-step;margin-top:20px;}
  .ic-step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
  .ic-step:first-child{border-top:1px solid var(--line);}
  .ic-step-num{counter-increment:ic-step;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--fl);color:var(--fl) !important;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none;transition:all .3s ease;}
  .ic-step-num::before{content:counter(ic-step);}
  .ic-step-text strong{display:block;font-size:14.5px;font-weight:700;color:#fff !important;}
  .ic-step-text span{font-size:12.5px;color:var(--on-dark-soft) !important;font-weight:500;}

  /* ---------- quando tomar ---------- */
  .ic-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:0 auto;}
  .ic-choice{background:var(--white);color:var(--ink) !important;border:1.5px solid var(--line-light);border-radius:16px;padding:26px 24px;text-align:left;}
  .ic-choice .ic-icon{margin-bottom:14px;color:#B08A2E !important;}
  .ic-choice h3{font-size:16.5px;font-weight:800;margin-bottom:8px;text-transform:uppercase;}
  .ic-choice p{font-size:13px;color:var(--ink-soft) !important;font-weight:500;margin:0;}

  /* ---------- closing ---------- */
  .ic-closing{text-align:center;max-width:660px;margin:0 auto;}
  .ic-quote{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.25;margin-bottom:14px;text-transform:uppercase;letter-spacing:-0.01em;color:#fff !important;}
  .ic-quote span{color:var(--fl) !important;transition:color .3s ease;}
  .ic-quote-sub{font-size:13.5px;color:var(--on-dark-soft) !important;font-weight:500;}
  .ic-fine{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:10.5px;color:var(--on-dark-soft) !important;text-align:center;line-height:1.7;font-weight:500;}

  @media (max-width:880px){
    .ic-section{padding:44px 0;}
    .ic-hero-grid{grid-template-columns:1fr;}
    .ic-hero-visual{order:-1;padding:14px 0 2px;}
    .ic-bottle-img{width:min(160px,42vw);max-height:220px;}
    .ic-intro-grid{grid-template-columns:1fr;}
    .ic-intro-media{order:-1;}
    .ic-stats{grid-template-columns:repeat(3,1fr);}
    .ic-benefits{grid-template-columns:1fr;}
    .ic-benefits-media{order:-1;}
    .ic-benefits-media .ic-media-float{width:38%;right:-4%;bottom:-7%;}
    .ic-choice-grid{grid-template-columns:1fr;}
    .ic-flip-grid{grid-template-columns:1fr;}
  }