:root{--espresso:#0B1530;--roast:#13224A;--roast-deep:#070E22;--latte:#E3ECFA;--milk:#F7FAFF;--caramel:#38BDF8;--caramel-deep:#0369A1;--awning:#2563EB;--awning-deep:#1E3A8A;--cherry:#EA580C;--cherry-deep:#9A3412;--chalk:#F3EFE4;--muted:#5B6B8A;--c-334569:#334569;--c-c7d5ee:#C7D5EE;--c-f97316:#F97316;--c-a9bedf:#A9BEDF;--c-9fb3d6:#9FB3D6;--c-0b1530:#0B1530;--c-24365c:#24365C;--c-fdba74:#FDBA74;--c-b4c6e4:#B4C6E4;--c-070e22:#070E22;--c-7dd3fc:#7DD3FC;--c-075985:#075985;--c-8ea3c7:#8EA3C7;--c-2b4c8f:#2B4C8F;--c-1e3a72:#1E3A72;--c-13224a:#13224A;--c-3b82f6:#3B82F6;--c-1d4ed8:#1D4ED8;--c-2563eb:#2563EB;--c-ea580c:#EA580C;--c-1e3a8a:#1E3A8A;--c-e0f2fe:#E0F2FE;--c-38bdf8:#38BDF8;--c-bfdbfe:#BFDBFE;--c-e3ecfa:#E3ECFA;--c-f7faff:#F7FAFF;--c-0369a1:#0369A1;--c-5b6b8a:#5B6B8A;--c-bae6fd:#BAE6FD;--c-0c4a6e:#0C4A6E;--c-0ea5e9:#0EA5E9;--c-60a5fa:#60A5FA;--c-93c5fd:#93C5FD;--c-fb923c:#FB923C;--c-9a3412:#9A3412;--c-c2410c:#C2410C;--c-fed7aa:#FED7AA;--c-ffedd5:#FFEDD5}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:'Lexend',system-ui,sans-serif;color:var(--espresso);background:var(--latte);overflow-x:hidden;font-size:16px;line-height:1.6}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:'Lexend',system-ui,sans-serif;font-weight:900;letter-spacing:-.015em;line-height:1.12}:focus-visible{outline:3px solid var(--caramel);outline-offset:3px}.section{padding:60px 20px;position:relative}.wrap{max-width:1080px;margin:0 auto;position:relative}.wrap-narrow{max-width:680px;margin:0 auto;position:relative}.center{text-align:center}.hand{font-family:'Lexend',system-ui,sans-serif;font-weight:700}.s-latte{background:var(--latte)}.s-milk{background:var(--milk)}.s-roast{background:var(--roast);color:var(--milk)}.s-espresso{background:var(--espresso);color:var(--milk)}.s-awning{background:var(--awning);color:var(--milk)}.s-roast h2,.s-espresso h2,.s-awning h2{color:var(--milk)}h2.title{font-size:clamp(26px,6.4vw,38px);margin-bottom:14px}.lead{font-size:16.5px;max-width:560px;margin:0 auto 28px;color:var(--c-334569)}.s-roast .lead,.s-espresso .lead,.s-awning .lead{color:var(--c-c7d5ee)}.note{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:21px;color:var(--caramel-deep);margin-bottom:6px;display:block}.s-roast .note,.s-espresso .note,.s-awning .note{color:var(--caramel)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:18px 28px;font-family:'Lexend',system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.01em;border-radius:16px;border:0;cursor:pointer;position:relative;text-align:center;line-height:1.3;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.btn-cherry{background:linear-gradient(180deg,var(--c-f97316),var(--cherry));color:#fff;box-shadow:0 7px 0 var(--cherry-deep),0 14px 24px rgba(7,14,34,.35),inset 0 2px 0 rgba(255,255,255,.25)}.btn-cherry:active{transform:translateY(5px);box-shadow:0 2px 0 var(--cherry-deep),0 5px 10px rgba(7,14,34,.3),inset 0 2px 0 rgba(255,255,255,.2)}.btn-milk{background:linear-gradient(180deg,#fff,var(--milk));color:var(--espresso);box-shadow:0 7px 0 var(--c-a9bedf),0 14px 24px rgba(7,14,34,.25),inset 0 2px 0 #fff}.btn-milk:active{transform:translateY(5px);box-shadow:0 2px 0 var(--c-a9bedf),0 5px 10px rgba(7,14,34,.2)}@media (min-width:520px){.btn{width:auto;min-width:320px}}.safe{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:18px;color:var(--muted);margin-top:16px;text-align:center}.s-roast .safe,.s-espresso .safe,.s-awning .safe{color:var(--c-9fb3d6)}.ribbon-bar{position:sticky;top:0;z-index:50;background:var(--espresso);color:var(--milk);text-align:center;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.ribbon-bar .timer{background:var(--cherry);color:#fff;padding:3px 12px;border-radius:8px;font-variant-numeric:tabular-nums;font-weight:800;box-shadow:0 3px 0 var(--cherry-deep)}.hero{background:var(--roast);color:var(--milk);padding:0 20px 64px;overflow:hidden}.awning{height:58px;margin:0 -20px 36px;position:relative;background:repeating-linear-gradient(90deg,var(--awning) 0 46px,var(--milk) 46px 92px);box-shadow:0 10px 18px rgba(0,0,0,.35)}.awning::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:radial-gradient(circle at 23px 0,var(--awning) 22px,transparent 23px) 0 0/92px 18px repeat-x,radial-gradient(circle at 69px 0,var(--milk) 22px,transparent 23px) 0 0/92px 18px repeat-x;filter:drop-shadow(0 6px 5px rgba(0,0,0,.3))}.hero-kicker{display:inline-block;font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--caramel);margin-bottom:8px}.hero h1{font-size:clamp(34px,9.4vw,60px);color:var(--milk);margin-bottom:16px;text-shadow:0 1px 0 #0A1A40,0 2px 0 #091737,0 3px 0 #08142F,0 4px 0 #071229,0 10px 18px rgba(0,0,0,.45)}.hero-sub{font-size:17px;color:#CBD8F0;max-width:560px;margin:0 auto 24px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}.chip{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--espresso);background:var(--milk);border-radius:999px;padding:8px 15px;box-shadow:0 4px 0 var(--c-a9bedf)}.chip svg{width:14px;height:14px;color:var(--awning)}.stage{perspective:1100px;max-width:420px;margin:0 auto 38px}@media (max-width:480px){.stage{max-width:250px}}.frame{position:relative;padding:12px;border-radius:26px;background:linear-gradient(145deg,#3B5BA0,#26407A 55%,#18295A);box-shadow:0 2px 0 #4A6BB5 inset,0 14px 0 var(--c-0b1530),0 28px 44px rgba(0,0,0,.5);transform:rotateX(8deg) rotateY(-10deg);transform-style:preserve-3d;animation:settle 1.4s cubic-bezier(.2,.8,.2,1) both}.frame-inner{border-radius:16px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.4)}.frame-tag{position:absolute;top:-18px;right:-14px;background:var(--caramel);color:var(--espresso);font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:19px;padding:4px 14px;border-radius:10px;transform:rotate(6deg) translateZ(40px);box-shadow:0 4px 0 var(--caramel-deep)}@keyframes settle{from{transform:rotateX(24deg) rotateY(-26deg) translateY(30px);opacity:0}to{transform:rotateX(8deg) rotateY(-10deg);opacity:1}}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:640px;margin:38px auto 0}@media (min-width:560px){.stat-row{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--milk);color:var(--espresso);border-radius:16px;padding:16px 10px;text-align:center;box-shadow:0 6px 0 var(--c-a9bedf),0 12px 20px rgba(0,0,0,.25)}.stat b{display:block;font-family:'Lexend',system-ui,sans-serif;font-weight:900;font-size:19px;color:var(--cherry);line-height:1.15}.stat span{font-size:12px;font-weight:700;color:var(--muted)}.scene{font-size:18px;line-height:1.7;color:var(--c-24365c);margin-bottom:30px}.scene strong{color:var(--cherry-deep)}.chalkboard{position:relative;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.06),transparent 60%),#22322C;color:var(--chalk);border-radius:18px;padding:30px 24px 26px;border:14px solid #8FA3BF;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 0 40px rgba(0,0,0,.45),0 10px 0 #5B6F8E,0 22px 36px rgba(0,0,0,.35)}.chalkboard h3{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:30px;text-align:center;color:#fff;margin-bottom:16px}.chalk-list{list-style:none;display:flex;flex-direction:column;gap:12px}.chalk-list li{display:flex;gap:12px;font-size:16px;line-height:1.45;color:#E9E6DC}.chalk-list li::before{content:"✗";font-family:'Lexend',system-ui,sans-serif;font-size:24px;line-height:.9;color:var(--c-fdba74);flex-shrink:0}.turn{margin:34px auto 26px;font-family:'Lexend',system-ui,sans-serif;font-weight:800;font-size:clamp(21px,5vw,27px);line-height:1.3;text-align:center;max-width:560px}.timeline{list-style:none;display:grid;gap:18px;counter-reset:step;margin-top:10px}@media (min-width:760px){.timeline{grid-template-columns:repeat(5,1fr);gap:14px}}.tl{counter-increment:step;background:var(--milk);border-radius:18px;padding:20px 18px 18px;position:relative;box-shadow:0 8px 0 var(--c-b4c6e4),0 16px 26px rgba(11,21,48,.18)}.tl::before{content:counter(step);position:absolute;top:-14px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--awning);color:#fff;font-family:'Lexend',system-ui,sans-serif;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--awning-deep)}.tl h4{font-size:17px;margin:8px 0 0}.tl p{font-size:14px;color:var(--c-334569);line-height:1.5}.cf{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 0 4px}.cf-track{position:relative;height:360px;width:100%;max-width:560px;perspective:1000px;transform-style:preserve-3d}.cf-track.tall{height:410px}.cf-track.tall .cf-slide img{aspect-ratio:941/1672;object-fit:cover}.cf-slide{position:absolute;top:0;left:50%;width:220px;opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-300px);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.cf-track.tall .cf-slide{width:210px}.cf-slide img{width:100%;border-radius:12px;box-shadow:0 18px 30px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.15);background:#fff}.cf-slide.pos-center{opacity:1;transform:translateX(-50%) translateZ(0);z-index:3;pointer-events:auto}.cf-slide.pos-left{opacity:.7;transform:translateX(-112%) translateZ(-160px) rotateY(38deg);z-index:1;pointer-events:auto;cursor:pointer}.cf-slide.pos-right{opacity:.7;transform:translateX(12%) translateZ(-160px) rotateY(-38deg);z-index:1;pointer-events:auto;cursor:pointer}.cf-nav{width:44px;height:44px;border-radius:50%;background:var(--milk);color:var(--espresso);border:0;font-size:22px;font-weight:800;cursor:pointer;flex-shrink:0;z-index:5;box-shadow:0 5px 0 var(--c-a9bedf),0 8px 14px rgba(0,0,0,.25)}.cf-nav:active{transform:translateY(3px);box-shadow:0 2px 0 var(--c-a9bedf)}.cf-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:6px}.dot{width:8px;height:8px;border-radius:50%;background:rgba(19,34,74,.25);cursor:pointer}.dot.active{background:var(--cherry)}.s-roast .dot,.s-espresso .dot,.s-awning .dot{background:rgba(247,250,255,.3)}.s-roast .dot.active,.s-espresso .dot.active,.s-awning .dot.active{background:var(--caramel)}.cf-caption{text-align:center;font-weight:800;font-size:15px;margin-top:4px;min-height:24px}.sub-gallery{font-family:'Lexend',system-ui,sans-serif;font-weight:800;font-size:22px;text-align:center;margin:38px 0 4px}.print-note{max-width:520px;margin:18px auto 0;text-align:center;font-size:14px;color:var(--muted);font-weight:600}@media (max-width:480px){.cf-track{height:320px}.cf-track.tall{height:350px}.cf-slide{width:180px}.cf-track.tall .cf-slide{width:175px}.cf-nav{width:38px;height:38px;font-size:19px}}.grade-grid{display:grid;gap:14px}@media (min-width:640px){.grade-grid{grid-template-columns:repeat(3,1fr)}}.grade-box{background:var(--latte);border-radius:16px;padding:18px;box-shadow:0 6px 0 var(--c-b4c6e4)}.grade-box .hand{font-size:21px;color:var(--cherry-deep);display:block;margin-bottom:10px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--milk);box-shadow:0 3px 0 var(--c-b4c6e4)}.seals{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width:640px){.seals{grid-template-columns:repeat(4,1fr)}}.seal{text-align:center;padding:20px 10px;border-radius:16px;background:rgba(247,250,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 0 rgba(0,0,0,.25)}.seal svg{width:28px;height:28px;margin:0 auto 10px;color:var(--caramel)}.seal h4{font-family:'Lexend',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--milk)}.bonus-total{text-align:center;font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:24px;color:var(--caramel)}.bonus-sub{text-align:center;font-size:14px;color:var(--c-9fb3d6);margin-bottom:30px}.bonus-grid{display:grid;gap:22px}@media (min-width:560px){.bonus-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.bonus-grid{grid-template-columns:repeat(3,1fr)}}.bonus-card{background:var(--milk);color:var(--espresso);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 0 var(--c-070e22),0 18px 28px rgba(0,0,0,.4)}.bonus-img{aspect-ratio:1/1;background:var(--latte);display:flex;align-items:center;justify-content:center}.bonus-img img{width:100%;height:100%;object-fit:contain}.bonus-card h4{font-size:17px;padding:14px 16px 0}.bonus-card p{font-size:13.5px;color:var(--c-334569);padding:6px 16px 0;line-height:1.5}.bonus-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 16px;margin-top:auto}.bonus-foot s{font-size:13px;color:var(--muted)}.free{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:19px;color:var(--awning)}.offer{background:radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.28),transparent 60%),var(--espresso)}.menu-board{max-width:860px;margin:0 auto;perspective:1400px}.menu-head{text-align:center;margin-bottom:10px}.menu-head h2{font-family:'Lexend',system-ui,sans-serif;font-size:clamp(30px,7.5vw,48px);color:var(--milk);text-shadow:0 1px 0 #050B1C,0 2px 0 #040919,0 3px 0 #030715,0 12px 20px rgba(0,0,0,.5)}.promo{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--milk);background:rgba(247,250,255,.1);border-radius:999px;padding:8px 18px;margin-top:10px}.promo .timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--caramel)}.plans{display:grid;gap:30px;margin:40px auto 22px;transform-style:preserve-3d}@media (min-width:780px){.plans{grid-template-columns:1fr 1.08fr;align-items:center}}.plan{background:var(--milk);color:var(--espresso);border-radius:22px;padding:30px 24px 26px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 0 var(--c-a9bedf),0 24px 40px rgba(0,0,0,.45)}.plan.basic{transform:rotateY(6deg) rotateX(3deg)}.plan.featured{background:linear-gradient(180deg,#FFFFFF,var(--milk));box-shadow:0 0 0 4px var(--caramel),0 12px 0 var(--caramel-deep),0 34px 60px rgba(0,0,0,.6);transform:rotateY(-6deg) rotateX(3deg) translateZ(30px)}@media (max-width:779px){.plan.basic,.plan.featured{transform:none}}.plan-flag{position:absolute;top:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--cherry);color:#fff;font-weight:800;font-size:13px;padding:7px 16px;border-radius:999px;box-shadow:0 4px 0 var(--cherry-deep)}.plan-name{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:26px;color:var(--roast);text-align:center}.plan-price{text-align:center;margin:4px 0 2px}.plan-price s{display:block;font-size:14px;color:var(--muted)}.plan-price .new{font-family:'Lexend',system-ui,sans-serif;font-weight:900;font-size:54px;line-height:1;color:var(--cherry)}.plan-price .new small{font-size:24px}.plan-cap{text-align:center;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:18px}.menu-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.menu-list li{display:flex;align-items:baseline;gap:8px;font-size:14.5px;font-weight:600;color:var(--c-24365c)}.menu-list li .dots{flex:1;border-bottom:2px dotted var(--c-b4c6e4);transform:translateY(-4px);min-width:14px}.menu-list li .tag{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--awning);color:#fff;flex-shrink:0}.menu-list li .ok{color:var(--awning);font-weight:900;flex-shrink:0}.menu-list.bonus li{font-size:13.5px;font-weight:500}.menu-sep{text-align:center;font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:20px;color:var(--caramel-deep);margin:4px 0 10px}.plan .btn{width:100%;min-width:0;margin-top:auto}.plan-note{text-align:center;font-size:13px;color:var(--muted);margin-top:14px;font-weight:600}@keyframes pulse{0%,100%{box-shadow:0 7px 0 var(--cherry-deep),0 14px 24px rgba(7,14,34,.35),0 0 0 0 rgba(234,88,12,.5)}60%{box-shadow:0 7px 0 var(--cherry-deep),0 14px 24px rgba(7,14,34,.35),0 0 0 14px rgba(234,88,12,0)}}#btn-completo{animation:pulse 1.9s infinite}.steps{display:grid;gap:18px}@media (min-width:640px){.steps{grid-template-columns:repeat(3,1fr)}}.step{text-align:center;padding:24px 16px 20px;background:var(--milk);border-radius:18px;box-shadow:0 7px 0 var(--c-b4c6e4)}.step-n{width:38px;height:38px;border-radius:50%;background:var(--caramel);color:var(--espresso);font-family:'Lexend',system-ui,sans-serif;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 4px 0 var(--caramel-deep)}.step p{font-size:15px;font-weight:600;color:var(--c-24365c)}.guarantee{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:30px 24px;border-radius:22px;background:rgba(247,250,255,.07);box-shadow:inset 0 0 0 2px rgba(56,189,248,.6),0 8px 0 rgba(0,0,0,.3)}.g-medal{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--c-7dd3fc),var(--caramel) 55%,var(--caramel-deep));display:flex;align-items:center;justify-content:center;font-family:'Lexend',system-ui,sans-serif;font-weight:900;font-size:15px;line-height:1.05;color:var(--espresso);box-shadow:0 6px 0 var(--c-075985),0 12px 20px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4)}.guarantee h3{font-size:24px;color:var(--milk)}.guarantee p{font-size:15px;color:var(--c-c7d5ee);max-width:480px}.faq details{background:var(--milk);border-radius:16px;margin-bottom:14px;box-shadow:0 6px 0 var(--c-b4c6e4)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:18px 20px;font-weight:800;font-size:15.5px}.faq summary::-webkit-details-marker{display:none}.faq .plus{width:22px;height:22px;position:relative;flex-shrink:0}.faq .plus::before,.faq .plus::after{content:"";position:absolute;background:var(--cherry);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}.faq .plus::before{width:14px;height:3px}.faq .plus::after{width:3px;height:14px;transition:transform .2s ease}.faq details[open] .plus::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0)}.faq .answer{padding:0 20px 18px;font-size:14.5px;color:var(--c-334569)}.final h2{font-size:clamp(26px,6.4vw,38px);margin-bottom:14px}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:24px;font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:19px;color:var(--c-9fb3d6)}footer{background:var(--roast-deep);color:var(--c-8ea3c7);text-align:center;padding:26px 20px calc(26px + env(safe-area-inset-bottom,0px));font-size:14px}.social-proof{position:fixed;right:14px;top:64px;z-index:60;background:var(--milk);border-radius:16px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;max-width:290px;transform:translateY(-160%);opacity:0;transition:transform .35s ease,opacity .35s ease;cursor:pointer;box-shadow:0 6px 0 var(--c-a9bedf),0 14px 24px rgba(0,0,0,.3)}.social-proof.show{transform:translateY(0);opacity:1}.sp-avatar{width:34px;height:34px;border-radius:50%;background:var(--cherry);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-text{font-size:12.5px;line-height:1.4;font-weight:600}.sp-meta{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-top:3px}.sp-dot{width:6px;height:6px;border-radius:50%;background:var(--awning)}.sp-close{position:absolute;top:6px;right:8px;background:none;border:none;font-size:12px;color:var(--muted);cursor:pointer}.upsell-overlay{position:fixed;inset:0;z-index:90;background:rgba(7,14,34,.75);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s ease;perspective:1000px}.upsell-overlay.open{opacity:1;pointer-events:auto}.upsell-modal{background:var(--milk);max-width:420px;width:100%;padding:28px 24px;position:relative;border-radius:22px;box-shadow:0 10px 0 var(--caramel-deep),0 30px 50px rgba(0,0,0,.5);transform:rotateX(18deg) translateY(30px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.upsell-overlay.open .upsell-modal{transform:none}.upsell-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer}.upsell-kicker{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:20px;color:var(--cherry)}.upsell-modal h3{font-size:28px;margin:4px 0 10px}.upsell-desc{font-size:15px;color:var(--c-24365c);margin-bottom:16px}.upsell-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.upsell-list li{display:flex;gap:9px;font-size:14px;font-weight:600}.upsell-list li::before{content:"✓";color:var(--awning);font-weight:900}.upsell-price{text-align:center;margin-bottom:18px}.upsell-price .amount{font-family:'Lexend',system-ui,sans-serif;font-weight:900;font-size:36px;color:var(--cherry)}.upsell-actions{display:flex;flex-direction:column;gap:12px}.upsell-actions .btn{min-width:0}.upsell-decline{text-align:center;font-size:14px;color:var(--muted);text-decoration:underline}@media (prefers-reduced-motion: reduce){#btn-completo,.frame{animation:none}.cf-slide,.upsell-modal{transition:none}html{scroll-behavior:auto}}.hero h1 .w{display:inline-block;opacity:0;transform:translateY(24px) rotateX(-60deg);transform-origin:50% 100%;animation:wordUp .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.08s * var(--i))}@keyframes wordUp{to{opacity:1;transform:none}}.mock-scene{position:relative;max-width:540px;height:420px;margin:6px auto 34px;perspective:1200px;touch-action:pan-y}.mock-table{position:absolute;left:50%;bottom:10px;width:112%;height:80px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,var(--c-2b4c8f),var(--c-1e3a72) 60%,var(--c-13224a));box-shadow:0 10px 0 var(--c-0b1530),0 24px 40px rgba(0,0,0,.45),inset 0 3px 0 rgba(255,255,255,.12)}.mock-stack{position:absolute;left:50%;top:6px;width:0;height:100%;transform-style:preserve-3d;transform:rotateX(calc(10deg + var(--rx,0deg))) rotateY(var(--ry,0deg));transition:transform .25s ease-out}.mock{position:absolute;top:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 0 rgba(255,255,255,.4) inset,0 22px 34px rgba(0,0,0,.45);opacity:0}.mock img{width:100%;display:block}.m-front{width:220px;left:-110px;transform:translateZ(60px);animation:dealF 1s .35s cubic-bezier(.2,.8,.2,1) forwards,floatF 6s 1.6s ease-in-out infinite}.m-back-l{width:170px;left:-205px;top:30px;transform:translateZ(-10px) rotate(-12deg);animation:dealL 1s .15s cubic-bezier(.2,.8,.2,1) forwards,floatL 7s 1.4s ease-in-out infinite}.m-back-r{width:170px;left:35px;top:30px;transform:translateZ(-10px) rotate(11deg);animation:dealR 1s .25s cubic-bezier(.2,.8,.2,1) forwards,floatR 6.5s 1.5s ease-in-out infinite}@keyframes dealF{from{opacity:0;transform:translateZ(260px) translateY(-120px) rotate(-8deg)}to{opacity:1;transform:translateZ(60px)}}@keyframes dealL{from{opacity:0;transform:translateX(-160px) translateY(-80px) rotate(-40deg)}to{opacity:1;transform:translateZ(-10px) rotate(-12deg)}}@keyframes dealR{from{opacity:0;transform:translateX(160px) translateY(-80px) rotate(40deg)}to{opacity:1;transform:translateZ(-10px) rotate(11deg)}}@keyframes floatF{0%,100%{opacity:1;transform:translateZ(60px) translateY(0)}50%{opacity:1;transform:translateZ(60px) translateY(-10px)}}@keyframes floatL{0%,100%{opacity:1;transform:translateZ(-10px) rotate(-12deg) translateY(0)}50%{opacity:1;transform:translateZ(-10px) rotate(-14deg) translateY(-7px)}}@keyframes floatR{0%,100%{opacity:1;transform:translateZ(-10px) rotate(11deg) translateY(0)}50%{opacity:1;transform:translateZ(-10px) rotate(13deg) translateY(-8px)}}.mock-tag{position:absolute;top:-6px;right:4px;z-index:6;background:var(--caramel);color:var(--espresso);font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:19px;padding:4px 14px;border-radius:10px;box-shadow:0 4px 0 var(--caramel-deep);transform:rotate(6deg);animation:tagPop .6s 1.3s cubic-bezier(.3,1.6,.5,1) both}@keyframes tagPop{from{transform:rotate(6deg) scale(0)}to{transform:rotate(6deg) scale(1)}}.cup-svg{position:absolute;right:-8px;bottom:6px;width:200px;z-index:5;cursor:pointer;overflow:visible;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35));animation:cupIn .8s .5s cubic-bezier(.2,.8,.2,1) both}@keyframes cupIn{from{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:none}}.cup-svg .jug{transform:translate(-80px,-60px);opacity:0}.cup-svg .jug-tilt{transform-origin:20px 40px}.cup-svg .stream{stroke-dasharray:1;stroke-dashoffset:1}.cup-svg .latte{opacity:0}.cup-svg .heart{transform-box:fill-box;transform-origin:center;transform:scale(0)}.cup-svg .splash{transform-box:fill-box;transform-origin:center;opacity:0}.cup-svg.play .jug{animation:jugMove 3.8s .9s ease-in-out both}.cup-svg.play .jug-tilt{animation:jugTilt 3.8s .9s ease-in-out both}.cup-svg.play .stream{animation:pour 3.8s .9s linear both}.cup-svg.play .latte{animation:latte 3.8s .9s ease-out both}.cup-svg.play .heart{animation:heart 3.8s .9s cubic-bezier(.3,1.5,.5,1) both}.cup-svg.play .splash{animation:splash 1.6s 2.3s ease-out both}@keyframes jugMove{0%{transform:translate(-80px,-60px);opacity:0}14%{transform:translate(28px,22px);opacity:1}80%{transform:translate(28px,22px);opacity:1}100%{transform:translate(-80px,-60px);opacity:0}}@keyframes jugTilt{0%,16%{transform:rotate(0)}30%,68%{transform:rotate(40deg)}82%,100%{transform:rotate(0)}}@keyframes pour{0%,30%{stroke-dashoffset:1}40%,66%{stroke-dashoffset:0}78%,100%{stroke-dashoffset:-1}}@keyframes latte{0%,36%{opacity:0}72%,100%{opacity:1}}@keyframes heart{0%,62%{transform:scale(0)}86%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes splash{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}.steam path{opacity:0;animation:steam 3.2s ease-in-out infinite}.steam path:nth-child(2){animation-delay:1s}.steam path:nth-child(3){animation-delay:2s}@keyframes steam{0%{opacity:0;transform:translateY(12px) scaleX(1)}30%{opacity:.75}100%{opacity:0;transform:translateY(-26px) scaleX(1.3)}}.cup-hint{position:absolute;right:30px;bottom:-22px;font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--c-9fb3d6);z-index:5;animation:tagPop .5s 4.8s both}.cookie{position:absolute;z-index:5;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}.cookie.c1{left:-4px;bottom:26px;width:78px;animation:cookieIn .8s .7s cubic-bezier(.2,.8,.2,1) both,bob 4.2s 1.5s ease-in-out infinite}.cookie.c2{left:56px;bottom:4px;width:62px;animation:cookieIn .8s .85s cubic-bezier(.2,.8,.2,1) both,bob2 5s 1.6s ease-in-out infinite}@keyframes cookieIn{from{opacity:0;transform:translateY(40px) rotate(-60deg)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(10deg)}}@keyframes bob2{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(6deg)}}.beans{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bean{position:absolute;width:16px;height:22px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#8B5A36,#4A2A18 60%,var(--c-0b1530));opacity:.55;animation:beanDrift linear infinite}.bean::after{content:"";position:absolute;left:50%;top:14%;bottom:14%;width:2px;border-radius:2px;background:#1C0F09;transform:translateX(-50%) rotate(10deg)}@keyframes beanDrift{0%{transform:translateY(40px) rotate(0);opacity:0}15%{opacity:.55}85%{opacity:.55}100%{transform:translateY(-460px) rotate(340deg);opacity:0}}.hero .wrap-narrow{position:relative;z-index:1}.scroll-mug{position:fixed;left:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;width:58px;height:58px;border:0;background:var(--milk);border-radius:50%;box-shadow:0 5px 0 var(--c-a9bedf),0 10px 18px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}.scroll-mug.on{opacity:1;transform:scale(1)}.scroll-mug svg{width:40px;height:40px;overflow:visible}.scroll-mug .mug-steam path{opacity:0;transition:opacity .4s}.scroll-mug.full .mug-steam path{animation:steam 2.4s ease-in-out infinite}.scroll-mug.full .mug-steam path:nth-child(2){animation-delay:.8s}.dunk{width:130px;margin:0 auto -6px;display:block;overflow:visible}.dunk .biscuit{animation:dunk 4.2s ease-in-out infinite}.dunk .wet{animation:wet 4.2s ease-in-out infinite}.dunk .ripple{transform-box:fill-box;transform-origin:center;animation:ripple 4.2s ease-out infinite;opacity:0}@keyframes dunk{0%,12%{transform:translateY(-8px) rotate(-6deg)}32%,48%{transform:translateY(34px) rotate(0)}66%,100%{transform:translateY(-8px) rotate(-6deg)}}@keyframes wet{0%,40%{opacity:0}56%,86%{opacity:.75}100%{opacity:0}}@keyframes ripple{0%,28%{opacity:0;transform:scale(.4)}32%{opacity:.9}52%{opacity:0;transform:scale(1.5)}100%{opacity:0}}.dunk .steam path{animation-duration:2.8s}.btn-cherry{overflow:hidden}.btn-cherry::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 3.4s 2s ease-in-out infinite}@keyframes shine{0%{left:-80px}35%,100%{left:calc(100% + 40px)}}.milk-drop{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--milk);pointer-events:none;z-index:99;box-shadow:0 0 0 1px rgba(0,0,0,.06);animation:drop .7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes drop{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.js-rv .rv{opacity:0;translate:0 34px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1)}.js-rv .rv.in{opacity:1;translate:0 0}.js-rv .tl.rv{translate:0 -40px}.js-rv .tl.rv.in{translate:0 0}@media (max-width:480px){.chips{gap:8px;margin-bottom:26px}.chip{font-size:12.5px;padding:7px 12px}.mock-scene{height:350px}.m-front{width:168px;left:-84px}.m-back-l,.m-back-r{width:130px;top:24px}.m-back-l{left:-150px}.m-back-r{left:22px}.cup-svg{width:150px;right:-14px}.cookie.c1{width:62px;left:-8px}.cookie.c2{width:50px;left:40px}.mock-table{height:64px}}@media (prefers-reduced-motion: reduce){.hero h1 .w,.mock,.mock-tag,.cup-svg,.cookie,.cup-hint{animation:none !important;opacity:1 !important}.bean,.steam path,.btn-cherry::after,.dunk *{animation:none !important}.cup-svg .latte{opacity:1}.cup-svg .heart{transform:scale(1)}.cup-svg .jug{display:none}.js-rv .rv{opacity:1;translate:none;transition:none}}section{position:relative}.wave{position:absolute;left:0;right:0;top:-1px;height:38px;overflow:hidden;pointer-events:none;z-index:1}.wave svg{position:absolute;top:0;left:0;width:200%;max-width:none;height:100%}.wave .w1{animation:waveMove 9s linear infinite}.wave .w2{animation:waveMove 14s linear infinite reverse;opacity:.45}@keyframes waveMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section>.wrap,.section>.wrap-narrow,.section>.menu-board{z-index:2}.stain{position:absolute;pointer-events:none;z-index:0;opacity:.14}.chip{opacity:0;animation:chipIn .6s cubic-bezier(.3,1.6,.5,1) forwards}.chip:nth-child(1){animation-delay:.9s}.chip:nth-child(2){animation-delay:1.02s}.chip:nth-child(3){animation-delay:1.14s}@keyframes chipIn{from{opacity:0;transform:translateY(16px) scale(.7)}to{opacity:1;transform:none}}.chalk-under{display:block;width:70%;max-width:280px;height:14px;margin:-8px auto 14px;overflow:visible}.js-rv .chalkboard .chalk-list li{clip-path:inset(0 100% 0 0)}.js-rv .chalkboard.in .chalk-list li{animation:chalkWrite .9s steps(18) forwards}.js-rv .chalkboard.in .chalk-list li:nth-child(1){animation-delay:.5s}.js-rv .chalkboard.in .chalk-list li:nth-child(2){animation-delay:1.25s}.js-rv .chalkboard.in .chalk-list li:nth-child(3){animation-delay:2s}.js-rv .chalkboard.in .chalk-list li:nth-child(4){animation-delay:2.75s}.js-rv .chalkboard.in .chalk-list li:nth-child(5){animation-delay:3.5s}.chalkboard.in .chalk-under path{animation:draw .8s .2s ease-out forwards}@keyframes chalkWrite{to{clip-path:inset(0 0 0 0)}}@keyframes draw{to{stroke-dashoffset:0}}.chalk-dust{position:absolute;width:4px;height:4px;border-radius:50%;background:#F3EFE4;pointer-events:none;animation:dust .9s ease-out forwards}@keyframes dust{to{transform:translate(var(--dx),var(--dy));opacity:0}}.chalk-stick{position:absolute;width:28px;height:7px;border-radius:3px;background:linear-gradient(90deg,#fff,#E4DFD2);box-shadow:0 2px 3px rgba(0,0,0,.4);pointer-events:none;transform:rotate(-35deg);opacity:0;transition:opacity .2s;z-index:3}.timeline{position:relative}.drip-track{position:absolute;pointer-events:none;border-radius:4px;background:rgba(19,34,74,.12)}.drip-fill{position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,var(--c-3b82f6),var(--c-1d4ed8))}.drip-drop{position:absolute;width:12px;height:16px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--c-2563eb);animation:dropFall 1.4s ease-in infinite}@keyframes dropFall{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1;transform:translateY(0) scale(1)}100%{transform:translateY(40px) scale(.8);opacity:0}}@media (max-width:759px){.timeline{padding-left:30px}.drip-track{left:8px;top:6px;bottom:6px;width:6px}.drip-fill{transform-origin:top;transform:scaleY(var(--p,0))}.drip-drop{left:-3px;top:calc(var(--p,0) * 100%)}}@media (min-width:760px){.timeline{padding-top:34px}.drip-track{left:4px;right:4px;top:4px;height:6px}.drip-fill{transform-origin:left;transform:scaleX(var(--p,0))}.drip-drop{top:-2px;left:calc(var(--p,0) * 100% - 6px)}}.tl.lit::before{animation:pop .5s cubic-bezier(.3,1.7,.5,1);background:var(--cherry);box-shadow:0 4px 0 var(--cherry-deep)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}.tilt{transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}.tilt .glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.45),transparent 55%);z-index:4}.tilt:hover .glare{opacity:1}.bonus-card{position:relative}.plan-price s{text-decoration:none;position:relative;display:table;margin:0 auto}.plan-price s::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--cherry);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.plan.counted .plan-price s::after{transform:scaleX(1)}.plan.counted .plan-price .new{animation:stamp .5s cubic-bezier(.3,1.8,.5,1)}@keyframes stamp{0%{transform:scale(1.5)}100%{transform:scale(1)}}.plan-price .new{display:inline-block;font-variant-numeric:tabular-nums}.burst-bean{position:absolute;top:0;left:0;width:14px;height:19px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 35% 30%,#9A6540,#4A2A18 60%,var(--c-0b1530))}.burst-bean::after{content:"";position:absolute;left:50%;top:14%;bottom:14%;width:2px;background:#1C0F09;transform:translateX(-50%) rotate(10deg)}.g-medal{transform-style:preserve-3d}.guarantee.in .g-medal{animation:coin 1.6s .2s cubic-bezier(.2,.8,.2,1)}@keyframes coin{0%{transform:rotateY(0) scale(.5)}70%{transform:rotateY(1080deg) scale(1.15)}100%{transform:rotateY(1080deg) scale(1)}}.big-cup{width:170px;margin:0 auto 10px;display:block;overflow:visible}.big-cup .layer{transform:translateY(170px);transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}.big-cup .l2{transition-delay:.7s}.big-cup .l3{transition-delay:1.4s}.big-cup.in .layer{transform:translateY(0)}.big-cup .foam circle{transform-box:fill-box;transform-origin:center;transform:scale(0)}.big-cup.in .foam circle{animation:foam .5s cubic-bezier(.3,1.7,.5,1) forwards}@keyframes foam{to{transform:scale(1)}}.big-cup .steam path{animation-play-state:paused;opacity:0}.big-cup.in .steam path{animation-play-state:running}.trail-bean{position:fixed;width:10px;height:14px;border-radius:50%;pointer-events:none;z-index:98;background:radial-gradient(ellipse at 35% 30%,#9A6540,#4A2A18 60%);animation:trail .9s ease-out forwards}@keyframes trail{to{transform:translateY(40px) rotate(200deg) scale(.3);opacity:0}}@media (prefers-reduced-motion: reduce){.wave svg{animation:none !important}.chip{animation:none !important;opacity:1}.js-rv .chalkboard .chalk-list li{clip-path:none}.chalk-under path{stroke-dashoffset:0}.drip-drop{display:none}.big-cup .layer{transform:none;transition:none}.big-cup .foam circle{transform:scale(1)}}.mock-scene{height:auto;aspect-ratio:1/1.02;max-width:560px}.mock-glow{position:absolute;left:8%;right:8%;top:10%;bottom:6%;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.45),rgba(56,189,248,0) 65%);filter:blur(10px);animation:glow 5s ease-in-out infinite}@keyframes glow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.mock-stack{left:0;right:0;top:0;width:auto;height:auto}.mock-product{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.45));transform-origin:50% 80%;opacity:0;animation:productIn 1.2s .2s cubic-bezier(.2,.8,.2,1) forwards,productFloat 6s 1.6s ease-in-out infinite}@keyframes productIn{from{opacity:0;transform:translateY(60px) rotateX(35deg) scale(.82)}to{opacity:1;transform:none}}@keyframes productFloat{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.mock-shine{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--mask) center/100% 100% no-repeat;mask:var(--mask) center/100% 100% no-repeat;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%) -200% 0/300% 100% no-repeat;animation:sheen 5s 2.2s ease-in-out infinite}@keyframes sheen{0%{background-position:-200% 0}40%,100%{background-position:200% 0}}.cup-svg{width:150px;right:-10px;bottom:-24px}.cookie.c1{width:62px;left:-6px;bottom:-4px}.cookie.c2{width:50px;left:44px;bottom:-18px}.cup-hint{bottom:-46px;right:20px}.mock-tag{top:2px;right:0}.mock-scene{margin-bottom:62px}@media (max-width:480px){.cup-svg{width:118px;right:-12px;bottom:-26px}.cookie.c1{width:50px}.cookie.c2{width:40px;left:34px}}@media (prefers-reduced-motion: reduce){.mock-product{animation:none;opacity:1}.mock-glow,.mock-shine{animation:none}.mock-shine{display:none}}.plan-price s::after{transform:scaleX(1)!important;}.scroll-mug{display:none!important;}
/* ===== Tema Física e Química ===== */
/* Bolhas no lugar dos grãos de café */
.bean{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(125,211,252,.55) 38%,rgba(56,189,248,.15) 72%);box-shadow:inset 0 0 0 1.5px rgba(186,230,253,.75);opacity:.6}
.bean::after,.burst-bean::after{display:none}
.burst-bean{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c-7dd3fc) 45%,var(--c-2563eb))}
.burst-bean:nth-child(even){background:radial-gradient(circle at 35% 30%,#fff,var(--c-fdba74) 45%,var(--c-ea580c))}
.trail-bean{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(125,211,252,.7) 45%,rgba(37,99,235,.35));box-shadow:inset 0 0 0 1px rgba(186,230,253,.8)}
.milk-drop{background:var(--c-7dd3fc)}
/* Pipeta do frasco desce sem inclinar */
#heroCup .jug-tilt{animation:none!important}
/* Galeria de slides horizontais (16:9) */
.cf-track.wide{height:250px}
.cf-track.wide .cf-slide{width:340px}
.cf-track.wide .cf-slide img{aspect-ratio:16/9;object-fit:cover}
.cf-track.tall.map .cf-slide img{aspect-ratio:4/5}
@media (max-width:480px){.cf-track.wide{height:170px}.cf-track.wide .cf-slide{width:230px}}
/* Três planos: Física, Combo (destaque) e Química */
@media (min-width:880px){.menu-board{max-width:1080px}.plans{grid-template-columns:1fr 1.1fr 1fr}.plan.basic.right{transform:rotateY(-6deg) rotateX(3deg)}.plan.featured{transform:rotateX(3deg) translateZ(30px)}}
@media (min-width:780px) and (max-width:879px){.plans{grid-template-columns:1fr}.plan.basic,.plan.featured,.plan.basic.right{transform:none}}
@media (max-width:779px){.plan.basic.right{transform:none}}
#btn-combo{animation:pulse 1.9s infinite}
@media (prefers-reduced-motion: reduce){#btn-combo{animation:none}}
.offer .note{color:var(--caramel)}

/* Faixa da tabela periódica (no lugar do toldo) */
.periodic-strip{height:72px;margin:0 -20px 36px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--c-0b1530),var(--c-13224a));box-shadow:0 10px 18px rgba(0,0,0,.35);border-bottom:2px solid rgba(56,189,248,.35)}
.ps-track{display:flex;gap:6px;width:max-content;padding:9px 6px;animation:psScroll 70s linear infinite}
.ps-el{position:relative;width:54px;height:54px;flex:0 0 auto;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Lexend',system-ui,sans-serif;color:var(--c-0b1530);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 rgba(0,0,0,.35)}
.ps-el b{font-size:21px;font-weight:800;line-height:1}
.ps-el small{position:absolute;top:4px;left:6px;font-size:9.5px;font-weight:700;opacity:.8}
.ps-nm{background:var(--c-7dd3fc)}.ps-ng{background:var(--c-2563eb);color:#fff}.ps-al{background:var(--c-f97316);color:#fff}.ps-ta{background:var(--c-fdba74)}
.ps-me{background:var(--c-1e3a8a);color:var(--c-e0f2fe)}.ps-ha{background:var(--c-38bdf8)}.ps-pt{background:var(--c-bfdbfe)}.ps-sm{background:#FDE68A}
@keyframes psScroll{to{transform:translateX(-50%)}}
@media (max-width:480px){.periodic-strip{height:62px}.ps-el{width:46px;height:46px}.ps-el b{font-size:18px}.ps-track{padding:8px 6px}}
@media (prefers-reduced-motion: reduce){.ps-track{animation:none}}
/* Faixa da tabela periódica menor */
.periodic-strip{height:50px;margin-bottom:28px}
.ps-track{gap:5px;padding:7px 5px}
.ps-el{width:36px;height:36px;border-radius:6px}
.ps-el b{font-size:14px}
.ps-el small{top:2px;left:4px;font-size:7.5px}
@media (max-width:480px){.periodic-strip{height:44px}.ps-el{width:32px;height:32px}.ps-el b{font-size:13px}.ps-track{padding:6px 5px}}

/* Paleta laranja da página inteira no modo Química (gerado por _fonte/tema-quimica.js) */
body[data-materia="quimica"]{--espresso:#2A1206;--roast:#3B1A0A;--roast-deep:#1C0B03;--latte:#FCEBDD;--milk:#FFF8F2;--caramel:#FB923C;--caramel-deep:#C2410C;--awning:#EA580C;--awning-deep:#9A3412;--cherry:#1D4ED8;--cherry-deep:#1E3A8A;--chalk:#F3EFE4;--muted:#8A6A5B;--c-334569:#5A3A26;--c-c7d5ee:#F1D6C2;--c-f97316:#3B82F6;--c-a9bedf:#E8C3A6;--c-9fb3d6:#E3B595;--c-0b1530:#2A1206;--c-24365c:#4A2A18;--c-fdba74:#93C5FD;--c-b4c6e4:#EBCBB2;--c-070e22:#1C0B03;--c-7dd3fc:#FDBA74;--c-075985:#9A3412;--c-8ea3c7:#D6A07E;--c-2b4c8f:#9A3412;--c-1e3a72:#7C2D12;--c-13224a:#3B1A0A;--c-3b82f6:#F97316;--c-1d4ed8:#C2410C;--c-2563eb:#EA580C;--c-ea580c:#1D4ED8;--c-1e3a8a:#9A3412;--c-e0f2fe:#FFEDD5;--c-38bdf8:#FB923C;--c-bfdbfe:#FED7AA;--c-e3ecfa:#FCEBDD;--c-f7faff:#FFF8F2;--c-0369a1:#C2410C;--c-5b6b8a:#8A6A5B;--c-bae6fd:#FED7AA;--c-0c4a6e:#7C2D12;--c-0ea5e9:#F97316;--c-60a5fa:#FB923C;--c-93c5fd:#FDBA74;--c-fb923c:#60A5FA;--c-9a3412:#1E3A8A;--c-c2410c:#1E40AF;--c-fed7aa:#BFDBFE;--c-ffedd5:#DBEAFE}

/* Seletor de matéria no topo: troca a página inteira */
.materia-switch{margin:30px auto 0;padding:16px 14px 14px;max-width:520px;border-radius:22px;background:rgba(255,255,255,.08);border:1.5px solid rgba(186,230,253,.35);box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}
.ms-pergunta{margin:0 0 12px;font-weight:800;font-size:17px;color:#fff}
.ms-botoes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:#fff}
.ms-botoes button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:8px 6px;border:0;border-radius:12px;background:transparent;color:#4f5b72;font:inherit;font-weight:800;font-size:15px;white-space:nowrap;cursor:pointer;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
.ms-botoes button[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 10px 22px -10px rgba(37,99,235,.7)}
/* cor de cada matéria: Física azul, Química laranja, As duas = as duas cores */
.ms-botoes button[data-materia="fisica"][aria-pressed="true"]{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 10px 22px -10px rgba(37,99,235,.75)}
.ms-botoes button[data-materia="quimica"][aria-pressed="true"]{background:linear-gradient(135deg,#ea580c,#fb923c);box-shadow:0 10px 22px -10px rgba(234,88,12,.75)}
.ms-botoes button[data-materia="ambas"][aria-pressed="true"]{background:linear-gradient(135deg,#2563eb,#f97316)}
body[data-materia="fisica"] .materia-switch{border-color:rgba(59,130,246,.75);box-shadow:0 0 0 4px rgba(59,130,246,.18),0 18px 40px -22px rgba(0,0,0,.6)}
body[data-materia="quimica"] .materia-switch{border-color:rgba(251,146,60,.8);box-shadow:0 0 0 4px rgba(251,146,60,.2),0 18px 40px -22px rgba(0,0,0,.6)}
body[data-materia="fisica"] .ms-dica{color:#93c5fd}
body[data-materia="quimica"] .ms-dica{color:#fdba74}
.ms-botoes button:hover{transform:translateY(-1px)}
.ms-ico{font-size:17px;line-height:1}
@media (max-width:400px){.ms-botoes button{gap:4px;font-size:14px;padding:8px 4px}.ms-ico{font-size:15px}}
.ms-dica{margin:10px 0 0;font-size:13px;color:#bae6fd}
body[data-materia="ambas"] .materia-switch{animation:ms-pulso 2.4s ease-in-out 3}
@keyframes ms-pulso{0%,100%{box-shadow:0 18px 40px -22px rgba(0,0,0,.6)}50%{box-shadow:0 0 0 6px rgba(56,189,248,.28),0 18px 40px -22px rgba(0,0,0,.6)}}
@media (prefers-reduced-motion:reduce){body[data-materia="ambas"] .materia-switch{animation:none}}
[data-subj][hidden]{display:none!important}
.subj-label{display:none;margin:18px 0 6px;text-align:center;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8}
[data-subj="quimica"] > .subj-label{color:#ea580c}
body[data-materia="ambas"] .subj-label{display:block}



/* Pop-up de compras reais (canto superior direito) */
.buy-pop{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));right:14px;z-index:60;display:flex;align-items:center;gap:12px;width:min(330px,calc(100vw - 28px));padding:12px 34px 12px 12px;border-radius:16px;background:#fffaf3;color:#1f2937;box-shadow:0 14px 34px -12px rgba(0,0,0,.45);border:1px solid rgba(0,0,0,.06);opacity:0;transform:translateX(24px) scale(.96);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.buy-pop.on{opacity:1;transform:none;pointer-events:auto}
.bp-ava{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;background:#b91c1c}
.bp-ava[data-plano="fisica"]{background:#1d4ed8}.bp-ava[data-plano="quimica"]{background:#ea580c}.bp-ava[data-plano="combo"]{background:linear-gradient(135deg,#1d4ed8,#ea580c)}
.bp-linha{margin:0;font-size:14px;line-height:1.35}
.bp-meta{margin:3px 0 0;display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}
.bp-dot{width:7px;height:7px;border-radius:50%;background:#16a34a}
.bp-x{position:absolute;top:6px;right:8px;border:0;background:none;color:#9ca3af;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}
@media (prefers-reduced-motion:reduce){.buy-pop{transition:opacity .2s}}

/* ===== Paletas com degradê por matéria (só cores; layout intacto) =====
   Cada fundo é um degradê vertical que termina na própria background-color,
   para as ondas entre as seções (pintadas com essa cor) emendarem sem degrau. */
body{--gd-t:#0A1640;--gd-b:#1E4DB8;--gd-glow1:rgba(56,189,248,.30);--gd-glow2:rgba(129,140,248,.22);
  --gl-t:#F1F6FF;--gl-b:#DFE9FB;--gm-t:#FFFFFF;--gm-b:#EEF4FF}
body[data-materia="ambas"]{--gd-t:#0F2060;--gd-b:#6A2C78;--gd-glow1:rgba(59,130,246,.38);--gd-glow2:rgba(249,115,22,.34);
  --gl-t:#F0F4FF;--gl-b:#F8EDF2;--gm-t:#FFFFFF;--gm-b:#F7F2FF}
body[data-materia="quimica"]{--gd-t:#3A1406;--gd-b:#B9440F;--gd-glow1:rgba(253,186,116,.32);--gd-glow2:rgba(251,113,133,.18);
  --gl-t:#FFF7F0;--gl-b:#FBE5D3;--gm-t:#FFFFFF;--gm-b:#FFF2E7}
/* Seções escuras: o degradê começa e termina na mesma cor (--gd-b), então duas seções escuras
   seguidas emendam sem corte. Os brilhos ficam longe das bordas e se movem devagar (dinâmico). */
.hero,.s-roast,.s-espresso,.s-awning,.offer{
  background-color:var(--gd-b);
  background-image:radial-gradient(closest-side,var(--gd-glow1),transparent),radial-gradient(closest-side,var(--gd-glow2),transparent),linear-gradient(180deg,var(--gd-b) 0%,var(--gd-t) 45%,var(--gd-t) 55%,var(--gd-b) 100%);
  background-repeat:no-repeat;
  background-size:70% 60%,60% 55%,100% 100%;
  background-position:5% 35%,95% 70%,0 0;
  animation:brilhos 18s ease-in-out infinite alternate}
@keyframes brilhos{
  0%{background-position:5% 35%,95% 70%,0 0}
  50%{background-position:45% 50%,55% 40%,0 0}
  100%{background-position:95% 65%,5% 30%,0 0}}
@media (prefers-reduced-motion:reduce){.hero,.s-roast,.s-espresso,.s-awning,.offer{animation:none}}
.ribbon-bar{background:linear-gradient(90deg,var(--gd-b),var(--gd-t) 50%,var(--gd-b));background-size:200% 100%;animation:faixa 14s linear infinite}
@keyframes faixa{to{background-position:200% 0}}
footer{background-color:var(--gd-b);background-image:linear-gradient(180deg,var(--gd-b),var(--gd-t))}
.s-latte{background-color:var(--gl-b);background-image:linear-gradient(180deg,var(--gl-t) 0%,var(--gl-b) 100%)}
.s-milk{background-color:var(--gm-b);background-image:linear-gradient(180deg,var(--gm-t) 0%,var(--gm-b) 100%)}
body{background:var(--gl-b)}

/* Vitrines de slides e mapas mentais maiores só no desktop */
@media (min-width:900px){
  .cf-track.wide,.cf-track.tall.map{max-width:920px}
  .cf-track.wide{height:340px}
  .cf-track.wide .cf-slide{width:520px}
  .cf-track.tall.map{height:400px}
  .cf-track.tall.map .cf-slide{width:300px}
}

/* ===== Celular: página mais curta sem remover conteúdo ===== */
@media (max-width:560px){
  /* respiro das seções */
  .section{padding-top:42px;padding-bottom:42px}
  .title{margin-bottom:18px}
  /* topo */
  .hero-sub{font-size:15.5px;margin-bottom:18px}
  .chips{margin-bottom:18px}
  .mock-scene{margin-bottom:46px}
  .stat-row{margin-top:26px}
  .materia-switch{margin-top:20px}
  /* quadro "sem precisar mais" */
  .turn{margin:22px 0 16px}
  /* galerias */
  .sub-gallery{margin-top:22px}
  .cf-track.tall.map{height:252px}
  /* bônus: imagem ao lado do texto em vez de em cima */
  .bonus-grid{gap:14px}
  .bonus-card{display:grid;grid-template-columns:128px 1fr;grid-template-rows:auto auto 1fr;align-items:start}
  .bonus-img{grid-row:1/4;height:100%;aspect-ratio:auto;min-height:118px}
  .bonus-img{background:#0B1530}
  .bonus-img img{object-fit:contain}
  .bonus-card h4{padding:14px 14px 0}
  .bonus-card p{padding:4px 14px 0;font-size:13px;line-height:1.45}
  .bonus-foot{padding:8px 14px 12px}
  .bonus-sub{margin-bottom:20px}
  /* planos */
  .menu-head svg.dunk{height:88px;width:auto}
  .plans{gap:20px;margin-top:28px}
  .plan{padding:24px 20px 22px}
  .plan-cap,.menu-list{margin-bottom:12px}
  .plan-price .new{font-size:46px;line-height:46px}
  /* como recebe: número ao lado do texto */
  .steps{gap:12px}
  .step{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px}
  .step .step-n{margin:0;flex-shrink:0}
  /* faq e fechamento */
  .faq details{margin-bottom:10px}
  .final .lead{margin-bottom:20px}
  .trust-row{margin-top:18px}
}

/* ===== Banner horizontal no topo (Combo / Kit Física / Kit Química) ===== */
.mock-scene:has(.is-banner){aspect-ratio:3/2;max-width:640px;margin-bottom:96px}
.mock-product.is-banner{border-radius:18px;aspect-ratio:3/2;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.mock-scene:has(.is-banner) .mock-shine{border-radius:18px;overflow:hidden}
.mock-scene:has(.is-banner) .mock-tag{top:-16px;right:-6px}
.mock-scene:has(.is-banner) .cup-svg{width:108px;right:-4px;bottom:-104px}
.mock-scene:has(.is-banner) .cup-hint{bottom:-92px;right:104px}
.mock-scene:has(.is-banner) .cookie.c1{bottom:-84px;left:-2px}
.mock-scene:has(.is-banner) .cookie.c2{bottom:-90px;left:46px}@media (max-width:560px){
  .mock-scene:has(.is-banner){margin-bottom:92px}
  .mock-scene:has(.is-banner) .cup-svg{width:92px;bottom:-96px}
  .mock-scene:has(.is-banner) .cup-hint{bottom:-80px;right:92px}
}

/* ===== Imagem recortada no topo + enfeites redesenhados ===== */
.mock-scene:has(.is-hero){aspect-ratio:1/1;max-width:600px;margin-bottom:70px}
.mock-scene:has(.is-hero) .mock-glow{background:radial-gradient(circle,rgba(56,189,248,.38),rgba(249,115,22,.12) 45%,rgba(56,189,248,0) 68%)}
.mock-scene:has(.is-hero) .mock-tag{top:4px;right:-4px}
.mock-scene:has(.is-hero) .cup-svg{width:120px;right:-14px;bottom:-62px}
.mock-scene:has(.is-hero) .cup-hint{bottom:-62px;right:110px}
.mock-scene:has(.is-hero) .cookie.c1{width:60px;left:-10px;bottom:-40px}
.mock-scene:has(.is-hero) .cookie.c2{width:48px;left:46px;bottom:-58px}
.cup-svg .bub{transform-box:fill-box;animation:bolha 2.8s ease-in infinite}
.cup-svg .bub.b2{animation-delay:.6s}.cup-svg .bub.b3{animation-delay:1.2s}.cup-svg .bub.b4{animation-delay:1.8s}.cup-svg .bub.b5{animation-delay:2.3s}
@keyframes bolha{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-48px);opacity:0}}
.cup-svg .spark{animation:brilho 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cookie.c1 .campo{animation:campo 1.8s linear infinite}
@keyframes campo{to{stroke-dashoffset:-16}}
@keyframes brilho{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media (max-width:560px){
  .mock-scene:has(.is-hero){margin-bottom:62px}
  .mock-scene:has(.is-hero) .cup-svg{width:92px;right:-10px;bottom:-56px}
  .mock-scene:has(.is-hero) .cup-hint{bottom:-50px;right:84px}
  .mock-scene:has(.is-hero) .cookie.c1{width:48px;left:-6px;bottom:-34px}
  .mock-scene:has(.is-hero) .cookie.c2{width:38px;left:36px;bottom:-50px}
}
@media (prefers-reduced-motion:reduce){.cup-svg .bub,.cup-svg .spark,.cookie.c1 .campo{animation:none}}

/* ===== Faixa de ondas no topo (no lugar da tabela periódica) ===== */
.ps-track.onda{display:block;gap:0;padding:0;height:100%;animation:ondaDesliza 26s linear infinite}
.ps-track.onda svg{display:block;filter:drop-shadow(0 0 4px rgba(56,189,248,.45))}
@keyframes ondaDesliza{to{transform:translateX(-1600px)}}
@media (prefers-reduced-motion:reduce){.ps-track.onda{animation:none}}

/* ===== Faixa de fórmulas a giz no topo (sem fundo) ===== */
.periodic-strip:has(.giz){background:transparent;box-shadow:none;border-bottom:0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ps-track.giz{display:flex;align-items:center;gap:44px;padding:0 22px;height:100%;animation:gizDesliza 48s linear infinite}
.ps-track.giz .gz{font-family:'Lexend',system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1;white-space:nowrap;color:#F1F5FF;text-shadow:0 0 10px rgba(186,214,255,.55),0 0 2px rgba(255,255,255,.6);opacity:.92;transform:rotate(-2deg)}
.ps-track.giz .gz:nth-child(even){transform:rotate(1.5deg) translateY(2px)}
.ps-track.giz .gz-az{color:#9EDCFF;text-shadow:0 0 12px rgba(56,189,248,.7)}
.ps-track.giz .gz-la{color:#FFC48A;text-shadow:0 0 12px rgba(251,146,60,.7)}
@keyframes gizDesliza{to{transform:translateX(-50%)}}
@media (max-width:480px){.ps-track.giz{gap:32px}.ps-track.giz .gz{font-size:21px}}
@media (prefers-reduced-motion:reduce){.ps-track.giz{animation:none}}

/* ===== Tons mais claros e degradê mais suave (ajuste de 08/10) ===== */
body{--gd-t:#1B3A8C;--gd-b:#2D5BC2;--gd-glow1:rgba(125,211,252,.20);--gd-glow2:rgba(165,180,252,.14);
  --gl-t:#F5F8FF;--gl-b:#E8EFFC}
body[data-materia="ambas"]{--gd-t:#24387F;--gd-b:#46418F;--gd-glow1:rgba(96,165,250,.22);--gd-glow2:rgba(251,146,60,.16);
  --gl-t:#F5F7FF;--gl-b:#F3F0FA;--gm-b:#F8F6FF}
body[data-materia="quimica"]{--gd-t:#6E2E12;--gd-b:#A24C1F;--gd-glow1:rgba(253,186,116,.20);--gd-glow2:rgba(251,113,133,.12);
  --gl-t:#FFF9F4;--gl-b:#FCEDE1}
.hero,.s-roast,.s-espresso,.s-awning,.offer{background-image:radial-gradient(closest-side,var(--gd-glow1),transparent),radial-gradient(closest-side,var(--gd-glow2),transparent),linear-gradient(180deg,var(--gd-b) 0%,var(--gd-t) 50%,var(--gd-b) 100%)}

/* ===== Química: tom mais claro e degradê distribuído em mais etapas ===== */
body[data-materia="quimica"]{--gd-t:#8C3D18;--gd-b:#AE5426;--gd-glow1:rgba(254,215,170,.18);--gd-glow2:rgba(253,164,175,.10);
  --gl-t:#FFFAF6;--gl-b:#FDF0E6;--gm-b:#FFF6EF}
body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer){background-image:radial-gradient(closest-side,var(--gd-glow1),transparent),radial-gradient(closest-side,var(--gd-glow2),transparent),linear-gradient(180deg,var(--gd-b) 0%,color-mix(in srgb,var(--gd-b) 65%,var(--gd-t)) 22%,color-mix(in srgb,var(--gd-b) 30%,var(--gd-t)) 40%,var(--gd-t) 50%,color-mix(in srgb,var(--gd-b) 30%,var(--gd-t)) 60%,color-mix(in srgb,var(--gd-b) 65%,var(--gd-t)) 78%,var(--gd-b) 100%)}

/* ===== As duas: índigo vivo no lugar do roxo acinzentado (ajuste de 10/10) ===== */
body[data-materia="ambas"]{--gd-t:#2B2FA8;--gd-b:#4C4FD6;--gd-glow1:rgba(96,165,250,.30);--gd-glow2:rgba(251,146,60,.20)}

/* Fórmulas do topo deslizam sempre (movimento lento), mesmo com "reduzir movimento" ligado */
@media (prefers-reduced-motion:reduce){.periodic-strip .ps-track.giz{animation:gizDesliza 48s linear infinite !important}}

/* ===== Química: luzes em posições fixas e estratégicas (sem manchas soltas) ===== */
body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer){
  animation:none;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;
  background-image:
    radial-gradient(ellipse 85% 22% at 50% 0%,rgba(255,237,213,.20),transparent 75%),
    radial-gradient(ellipse 75% 38% at 50% 52%,rgba(254,215,170,.16),transparent 72%),
    linear-gradient(180deg,var(--gd-b) 0%,color-mix(in srgb,var(--gd-b) 55%,var(--gd-t)) 28%,var(--gd-t) 62%,color-mix(in srgb,var(--gd-b) 55%,var(--gd-t)) 88%,var(--gd-b) 100%)}
/* topo: luz atrás do título e brilho quente atrás da imagem do kit */
body[data-materia="quimica"] .hero{background-image:
    radial-gradient(ellipse 90% 16% at 50% 9%,rgba(255,237,213,.22),transparent 75%),
    radial-gradient(ellipse 80% 26% at 50% 50%,rgba(254,215,170,.22),transparent 72%),
    linear-gradient(180deg,var(--gd-b) 0%,color-mix(in srgb,var(--gd-b) 70%,var(--gd-t)) 35%,color-mix(in srgb,var(--gd-b) 35%,var(--gd-t)) 70%,var(--gd-t) 90%,var(--gd-b) 100%)}
/* planos: brilho centrado no Combo */
body[data-materia="quimica"] .offer{background-image:
    radial-gradient(ellipse 85% 12% at 50% 6%,rgba(255,237,213,.20),transparent 75%),
    radial-gradient(ellipse 80% 22% at 50% 54%,rgba(254,215,170,.20),transparent 72%),
    linear-gradient(180deg,var(--gd-b) 0%,color-mix(in srgb,var(--gd-b) 55%,var(--gd-t)) 25%,var(--gd-t) 60%,color-mix(in srgb,var(--gd-b) 55%,var(--gd-t)) 88%,var(--gd-b) 100%)}
body[data-materia="quimica"] .mock-scene:has(.is-hero) .mock-glow{background:radial-gradient(circle,rgba(254,215,170,.40),rgba(251,146,60,.14) 45%,rgba(251,146,60,0) 68%)}

/* ===== Química v3: laranja vivo, bordas iguais (sem emenda) e luzes que se movem longe das bordas ===== */
body[data-materia="quimica"]{--gd-t:#BC5420;--gd-b:#D66B2C;--gd-glow1:rgba(255,214,170,.30);--gd-glow2:rgba(255,170,120,.22)}
body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer){
  background-color:var(--gd-b);background-repeat:no-repeat;
  background-image:
    radial-gradient(closest-side,var(--gd-glow1),transparent),
    radial-gradient(closest-side,var(--gd-glow2),transparent),
    linear-gradient(180deg,var(--gd-b) 0%,color-mix(in srgb,var(--gd-b) 60%,var(--gd-t)) 22%,var(--gd-t) 50%,color-mix(in srgb,var(--gd-b) 60%,var(--gd-t)) 78%,var(--gd-b) 100%);
  background-size:75% 48%,65% 42%,100% 100%;
  background-position:10% 38%,90% 62%,0 0;
  animation:luzQuimica 16s ease-in-out infinite alternate}
@keyframes luzQuimica{
  0%{background-position:10% 38%,90% 62%,0 0}
  50%{background-position:55% 50%,40% 42%,0 0}
  100%{background-position:90% 60%,10% 40%,0 0}}
body[data-materia="quimica"] .mock-scene:has(.is-hero) .mock-glow{background:radial-gradient(circle,rgba(255,237,213,.45),rgba(255,180,120,.16) 45%,rgba(255,180,120,0) 68%)}
@media (prefers-reduced-motion:reduce){body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer){animation:none}}

/* ===== Química v4: laranja vívido + textos legíveis sobre o laranja ===== */
body[data-materia="quimica"]{--gd-t:#E8661A;--gd-b:#F5862F;--gd-glow1:rgba(255,236,170,.34);--gd-glow2:rgba(255,205,130,.26)}
body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer,.final) :is(.hero-kicker,.note,.bonus-total,.ms-dica,.gz-la,.cup-hint){color:#FFF1C2;text-shadow:0 1px 3px rgba(124,45,18,.45)}
body[data-materia="quimica"] .ribbon-bar .timer,body[data-materia="quimica"] .promo .timer{color:#FFF1C2}
body[data-materia="quimica"] :is(.hero-sub,.safe,.lead,.bonus-sub,.trust-row,.trust-row span,.ms-pergunta,.guarantee p,.seal h4){color:#FFFFFF;text-shadow:0 1px 3px rgba(124,45,18,.4)}
body[data-materia="quimica"] :is(.hero,.s-roast,.s-espresso,.s-awning,.offer,.final) :is(h1,h2,h3){text-shadow:0 2px 0 rgba(154,52,18,.55),0 6px 16px rgba(124,45,18,.35)}
body[data-materia="quimica"] .mock-tag{background:#1E3A8A;color:#FFFFFF;box-shadow:0 4px 0 #172554}
body[data-materia="quimica"] .ps-track.giz .gz-az{color:#FFFFFF;text-shadow:0 0 10px rgba(255,255,255,.55),0 1px 3px rgba(124,45,18,.45)}
body[data-materia="quimica"] .ps-track.giz .gz{text-shadow:0 0 8px rgba(255,255,255,.4),0 1px 3px rgba(124,45,18,.5)}
body[data-materia="quimica"] .seal svg{color:#FFF1C2;filter:drop-shadow(0 1px 2px rgba(124,45,18,.45))}
body[data-materia="quimica"] .seal svg{box-sizing:content-box;width:24px;height:24px;padding:8px;border-radius:50%;background:#FFF1C2;color:#C2410C;filter:none;box-shadow:0 3px 0 rgba(154,52,18,.35),0 6px 12px rgba(124,45,18,.25)}


/* ===== Título do topo: fonte séria + destaque da matéria ===== */
.hero h1{font-family:'Lexend',system-ui,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.1;text-shadow:0 2px 0 rgba(10,26,64,.35),0 8px 24px rgba(0,0,0,.28)}
.hero h1 .hl{display:inline-block;padding:0 .06em;background:linear-gradient(90deg,#7DD3FC 0%,#A5B4FC 45%,#FDBA74 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 rgba(10,26,64,.35)) drop-shadow(0 6px 14px rgba(0,0,0,.2))}
body[data-materia="fisica"] .hero h1 .hl{background-image:linear-gradient(90deg,#BAE6FD,#7DD3FC 50%,#67E8F9)}
body[data-materia="quimica"] .hero h1{text-shadow:0 2px 0 rgba(154,52,18,.45),0 8px 22px rgba(124,45,18,.3)}
body[data-materia="quimica"] .hero h1 .hl{background-image:linear-gradient(90deg,#FFFBEB,#FDE68A 55%,#FEF3C7);filter:drop-shadow(0 2px 0 rgba(154,52,18,.5)) drop-shadow(0 6px 14px rgba(124,45,18,.25))}

/* ===== Mapas mentais + Atividades lado a lado (empilhados no celular) ===== */
.duo{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.duo-col{min-width:0}
.cf-track.tall.ativ .cf-slide img{aspect-ratio:600/849;object-fit:cover}
@media (max-width:560px){.cf-track.tall.ativ{height:262px}}
@media (min-width:900px){
  .duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  .duo-col{overflow:hidden;padding-bottom:6px}
  .duo .cf-track.tall,.duo .cf-track.tall.map{height:350px;max-width:100%}
  .duo .cf-track.tall .cf-slide,.duo .cf-track.tall.map .cf-slide{width:236px}
  .duo .cf-slide.pos-left{transform:translateX(-96%) translateZ(-180px) rotateY(36deg)}
  .duo .cf-slide.pos-right{transform:translateX(-4%) translateZ(-180px) rotateY(-36deg)}
}

/* Atividades: recorte ampliado (parte de cima da folha), formato 6:5 */
.cf-track.tall.ativ{height:250px}
.cf-track.tall.ativ .cf-slide{width:270px}
.cf-track.tall.ativ .cf-slide img{aspect-ratio:6/5;object-fit:cover}
@media (max-width:560px){.cf-track.tall.ativ{height:226px}.cf-track.tall.ativ .cf-slide{width:250px}}
@media (min-width:900px){.duo .cf-track.tall.ativ{height:350px}.duo .cf-track.tall.ativ .cf-slide{width:340px;top:30px}}

/* ===== Fonte única: Lexend (leitura fácil, coerente para professores) ===== */
body{font-family:'Lexend',system-ui,sans-serif;letter-spacing:-.005em}
h1,h2,h3,h4{font-family:'Lexend',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.hero h1{font-family:'Lexend',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}
/* antigos rótulos manuscritos viram rótulos limpos */
.note,.hero-kicker,.upsell-kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.safe{font-size:14px;font-weight:500}
.frame-tag{font-size:14px;font-weight:600}
.chalkboard h3{font-size:24px;font-weight:700}
.chalk-list li::before{font-size:18px;font-weight:700}
.bonus-total{font-size:17px;font-weight:600}
.free{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.plan-name{font-size:22px;font-weight:700;letter-spacing:-.01em}
.menu-sep{font-size:14px;font-weight:600;letter-spacing:.04em}
.trust-row{font-size:14px;font-weight:500}
.mock-tag{font-size:14px;font-weight:600}
.cup-hint{font-size:12.5px;font-weight:500}
.hand{font-size:17px;font-weight:600}
/* fórmulas da faixa do topo continuam a giz */
.ps-track.giz .gz{font-family:'Caveat',cursive}


/* Atividades: página inteira (só sem a margem branca), em pé */
.cf-track.tall.ativ{height:350px}
.cf-track.tall.ativ .cf-slide{width:236px;top:0}
.cf-track.tall.ativ .cf-slide img{aspect-ratio:480/694;object-fit:cover}
@media (max-width:560px){.cf-track.tall.ativ{height:300px}.cf-track.tall.ativ .cf-slide{width:204px}}
@media (min-width:900px){.duo .cf-track.tall.ativ{height:400px}.duo .cf-track.tall.ativ .cf-slide{width:270px;top:0}}@media (min-width:900px){.duo .cf-track.tall.map{height:400px}.duo .cf-track.tall.map .cf-slide{top:30px}}

/* Carrossel de feedbacks: todos os prints no mesmo formato (9:16, cortando só o excesso de cima/baixo) e maior */
.cf-track.depo{height:520px;max-width:760px}
.cf-track.depo .cf-slide{width:280px}
.cf-track.depo .cf-slide img{aspect-ratio:9/16;object-fit:cover;object-position:50% 30%}
@media (max-width:480px){.cf-track.depo{height:430px}.cf-track.depo .cf-slide{width:230px}}

/* Etapas da aula no celular: as 5 lado a lado, compactas (número em cima, nome embaixo) */
@media (max-width:759px){
  .timeline{grid-template-columns:repeat(5,1fr);gap:6px;padding-left:0;padding-top:30px}
  .tl{padding:26px 4px 10px;border-radius:14px;text-align:center;box-shadow:0 4px 0 var(--c-b4c6e4),0 8px 14px rgba(11,21,48,.12)}
  .tl::before{left:50%;top:-16px;transform:translateX(-50%);width:32px;height:32px;font-size:15px}
  .tl.lit::before{animation:none}
  .tl h4{margin:0;font-size:12px;line-height:1.25}
  .drip-track{left:10%;right:10%;top:12px;bottom:auto;width:auto;height:5px}
  .drip-fill{transform-origin:left;transform:scaleX(var(--p,0))}
  .drip-drop{top:-3px;left:calc(var(--p,0) * 100% - 6px)}
}

/* Celular: Mapas mentais e Atividades também lado a lado (2 colunas compactas) */
@media (max-width:899px){
  .duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
  .duo-col{overflow:hidden;padding-bottom:6px}
  .duo .sub-gallery{font-size:15px;line-height:1.25;margin-bottom:8px}
  .duo .subj-label{font-size:12px;margin:12px 0 4px}
  .duo .cf-track.tall,.duo .cf-track.tall.map{height:205px;max-width:100%}
  .duo .cf-track.tall .cf-slide,.duo .cf-track.tall.map .cf-slide{width:122px}
  .duo .cf-track.tall.ativ{height:205px}
  .duo .cf-track.tall.ativ .cf-slide{width:150px;top:40px}
  .duo .cf-slide.pos-left{transform:translateX(-92%) translateZ(-140px) rotateY(36deg)}
  .duo .cf-slide.pos-right{transform:translateX(-8%) translateZ(-140px) rotateY(-36deg)}
  .duo .cf-nav{width:30px;height:30px;font-size:16px}
  .duo .cf-caption{font-size:11.5px;line-height:1.3;min-height:30px}
  .duo .cf-dots .dot{width:6px;height:6px}
}

/* Celular: Mapas e Atividades exatamente do mesmo tamanho, sem sombra cortada */
@media (max-width:899px){
  .duo-col{padding:6px 4px 26px}
  .duo .cf-track.tall,.duo .cf-track.tall.map,.duo .cf-track.tall.ativ{height:200px}
  .duo .cf-track.tall .cf-slide,.duo .cf-track.tall.map .cf-slide,.duo .cf-track.tall.ativ .cf-slide{width:122px;top:0}
  .duo .cf-track.tall.map .cf-slide img,.duo .cf-track.tall.ativ .cf-slide img{aspect-ratio:4/5;object-fit:cover;object-position:50% 0}
  .duo .cf-slide img{box-shadow:0 8px 14px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.12)}
}

/* Linha do tempo animada também com "reduzir animações" ligado (igual ao celular) */
@media (prefers-reduced-motion: reduce){ .drip-drop{ display:block } .tl.lit::before{ animation:pop .5s cubic-bezier(.3,1.7,.5,1) } }

/* ===== Vitrines: ampliar imagem (lightbox) ===== */
.cf-track:not(.depo) .cf-slide.pos-center{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(6,10,24,.92);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;padding:56px 72px 24px}
.lb.on{opacity:1;visibility:visible}
html.lb-aberto{overflow:hidden}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;width:100%;height:100%;justify-content:center}
.lb-fig img{max-width:100%;max-height:calc(100% - 44px);object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.lb-fig figcaption{display:flex;gap:12px;align-items:center;color:#fff;font-weight:600;font-size:15px;text-align:center}
.lb-num{font-size:13px;opacity:.7;font-weight:500}
.lb-x{position:absolute;top:14px;right:16px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.lb-x:hover,.lb-nav:hover{background:rgba(255,255,255,.28)}
.lb-prev{left:14px}.lb-next{right:14px}
@media (max-width:640px){.lb{padding:60px 10px 80px}.lb-nav{top:auto;bottom:18px;transform:none}.lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}.lb-fig figcaption{font-size:13px;flex-direction:column;gap:2px}}