:root{--bk:#0a1f12;--bk2:#0d2515;--bk3:#122b1a;--grn:#2D6A4F;--grn2:#40916C;--grn3:#52B788;--sage:#95D5B2;--crm:#FAF8F0;--warm:#c8973a;--warm2:#e8b060;--coral:#E07A5F;--dim:#C2BBB0;--txt:#F0ECE4;--oil:#E8950E;--oil-dark:#c8870e;--oil-glow:rgba(232,149,14,.45);--glass:rgba(45,106,79,.08);--glassBr:rgba(149,213,178,.14);--r:16px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bk);color:var(--txt);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}.atmo{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.14;animation:od 22s ease-in-out infinite alternate}.orb.a{width:500px;height:500px;background:var(--grn);top:-8%;left:-5%}.orb.b{width:400px;height:400px;background:var(--warm);bottom:-12%;right:-8%;animation-delay:-8s}.orb.c{width:280px;height:280px;background:var(--grn3);top:55%;left:55%;animation-delay:-15s}@keyframes od{0%{transform:translate(0) scale(1)}50%{transform:translate(25px,-18px) scale(1.08)}to{transform:translate(-18px,25px) scale(.94)}}.bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0a1f12e0;backdrop-filter:blur(20px);border-bottom:1px solid var(--glassBr)}.logo{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--crm);letter-spacing:.3px;text-decoration:none}.logo span{color:var(--grn3)}.bar-back{font-size:.78rem;color:var(--sage);text-decoration:none;opacity:.7;transition:opacity .2s}.bar-back:hover{opacity:1}.ptrack{position:fixed;top:52px;left:0;right:0;height:3px;background:var(--bk3);z-index:49}.pfill{height:100%;background:linear-gradient(90deg,var(--grn),var(--grn3),var(--warm));transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #52b78859}.wrap{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:80px 20px 40px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.scr{display:none;width:100%;text-align:center;animation:si .6s cubic-bezier(.16,1,.3,1)}.scr.active{display:block}@keyframes si{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mc{position:relative;display:inline-block;margin-bottom:20px}.mc-d{width:64px;height:88px;position:relative;animation:mf 3s ease-in-out infinite}@keyframes mf{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mc-drop-svg{width:64px;height:88px;filter:drop-shadow(0 6px 20px rgba(232,149,14,.4))}.mc-eye{width:8px;height:10px;background:#fff;border-radius:50%;position:absolute;bottom:28px;box-shadow:0 0 6px #ffffff80}.mc-eye.l{left:17px}.mc-eye.r{right:17px}.mc-eye:after{content:"";width:4px;height:4px;background:#5a3800;border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mc-sm{width:16px;height:8px;border-bottom:2.5px solid rgba(255,255,255,.85);border-radius:0 0 50% 50%;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mc.bounce .mc-d{animation:mb .6s cubic-bezier(.34,1.56,.64,1)}@keyframes mb{0%{transform:translateY(0)}40%{transform:translateY(-24px)}to{transform:translateY(0)}}.mc.celebrate .mc-d{animation:mcl .8s ease-in-out}@keyframes mcl{0%{transform:rotate(0)}25%{transform:translateY(-16px) rotate(-8deg)}50%{transform:translateY(-28px) rotate(8deg) scale(1.1)}to{transform:translateY(0) rotate(0)}}.mc-sp{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(0);background:var(--crm);color:#1a3a2e;font-family:Caveat,cursive;font-size:.92rem;padding:7px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 16px #0003;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.mc-sp.show{opacity:1;transform:translate(-50%) scale(1)}.mc-sp:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--crm)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--glassBr);border-radius:100px;padding:7px 16px;font-size:.72rem;color:var(--sage);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:24px;font-family:DM Sans,sans-serif}.badge .dot{width:5px;height:5px;background:var(--grn3);border-radius:50%;animation:pl 2s ease-in-out infinite}@keyframes pl{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.title{font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.2;color:var(--crm);margin-bottom:14px}.title em{font-style:italic;color:var(--grn3)}.sub{font-size:.97rem;line-height:1.7;color:var(--dim);max-width:500px;margin:0 auto 28px;font-weight:400}.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--grn),var(--grn2));color:var(--crm);border:none;padding:15px 34px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #2d6a4f47}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2d6a4f73}.btn.warm{background:linear-gradient(135deg,var(--oil-dark),var(--oil));color:#0a1f12;box-shadow:0 4px 20px var(--oil-glow)}.btn.warm:hover{box-shadow:0 8px 28px #e8950e80}.btn.ghost{background:transparent;border:1px solid var(--glassBr);color:var(--sage);box-shadow:none;padding:12px 26px;font-size:.88rem}.btn.ghost:hover{background:#95d5b214;border-color:var(--sage)}.opts{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:0 auto;width:100%}.opt{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:var(--glass);border:1px solid var(--glassBr);border-radius:var(--r);color:var(--txt);font-family:DM Sans,sans-serif;font-size:.92rem;text-align:left;cursor:pointer;transition:all .25s ease;line-height:1.45}.opt:hover{background:#2d6a4f24;border-color:#95d5b240;transform:translate(3px)}.opt .ic{font-size:1.4rem;flex-shrink:0;width:36px;text-align:center}.opt.selected{background:#52b7881f;border-color:var(--grn3)}.opt.selected:after{content:"✓";margin-left:auto;color:var(--grn3);font-weight:700}.opt.locked{pointer-events:none}.opt.correct{background:#52b78824;border-color:var(--grn3)}.opt.wrong{background:#e07a5f1a;border-color:var(--coral)}.expl{max-width:520px;margin:20px auto 0;padding:18px 22px;background:var(--glass);border:1px solid var(--glassBr);border-radius:var(--r);text-align:left;opacity:0;transform:translateY(10px);transition:all .5s ease}.expl.show{opacity:1;transform:translateY(0)}.expl-label{font-family:Caveat,cursive;font-size:.95rem;color:var(--warm2);margin-bottom:6px}.expl-text{font-size:.87rem;line-height:1.65;color:var(--dim)}.expl-text strong{color:var(--grn3);font-weight:600}.timeline{max-width:500px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:16px;padding:16px 0}.tl-line{display:flex;flex-direction:column;align-items:center;width:36px;flex-shrink:0}.tl-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--grn3);background:var(--bk);flex-shrink:0;z-index:1;transition:all .4s ease}.tl-dot.filled{background:var(--grn3);box-shadow:0 0 12px #52b78866}.tl-stem{flex:1;width:2px;background:var(--glassBr);margin-top:4px}.tl-item:last-child .tl-stem{display:none}.tl-content{padding-bottom:4px;text-align:left}.tl-time{font-family:Caveat,cursive;font-size:1rem;color:var(--warm2);margin-bottom:2px}.tl-desc{font-size:.87rem;color:var(--dim);line-height:1.55}.tl-desc strong{color:var(--txt);font-weight:500}.rec-card{background:var(--glass);border:1px solid var(--glassBr);border-radius:20px;padding:28px 24px;max-width:520px;margin:0 auto 16px;text-align:left;position:relative;overflow:hidden}.rec-card.primary{border-color:var(--grn3);box-shadow:0 0 30px #52b78814}.rec-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:14px}.rec-badge.best{background:#52b78826;color:var(--grn3)}.rec-badge.add{background:#c8973a26;color:var(--warm)}.rec-badge.bundle{background:#e8950e26;color:var(--oil)}.rec-name{font-family:"DM Serif Display",serif;font-size:1.3rem;color:var(--crm);margin-bottom:6px}.rec-why{font-size:.85rem;color:var(--dim);line-height:1.6;margin-bottom:16px}.rec-why strong{color:var(--grn3);font-weight:600}.rec-price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.rec-price .now{font-family:"DM Serif Display",serif;font-size:1.5rem;color:var(--crm)}.rec-price .was{font-size:.85rem;color:var(--dim);text-decoration:line-through}.rec-sub{font-size:.78rem;color:var(--sage);margin-bottom:14px}.rec-link{display:inline-flex;align-items:center;gap:6px;color:var(--grn3);font-weight:600;font-size:.88rem;text-decoration:none;transition:all .2s ease}.rec-link:hover{color:var(--sage);gap:10px}.save-box{background:linear-gradient(135deg,#2d6a4f1f,#c8973a0f);border:1px solid var(--glassBr);border-radius:16px;padding:22px 24px;max-width:520px;margin:0 auto 20px;text-align:center}.save-box .save-head{font-family:"DM Serif Display",serif;font-size:1.1rem;color:var(--crm);margin-bottom:4px}.save-box .save-body{font-size:.85rem;color:var(--dim);line-height:1.5;margin-bottom:12px}.save-code{display:inline-block;background:#52b7881f;border:1px dashed var(--grn3);padding:5px 16px;border-radius:8px;font-weight:700;color:var(--grn3);letter-spacing:2px;font-size:1rem}.expect-box{background:#52b7880d;border:1px solid rgba(149,213,178,.12);border-radius:16px;padding:22px 24px;max-width:520px;margin:0 auto 20px;text-align:left}.expect-box .eb-head{font-family:Caveat,cursive;font-size:1.1rem;color:#b8a9c9;margin-bottom:6px}.expect-box .eb-text{font-size:.85rem;color:var(--dim);line-height:1.6}.expect-box .eb-text strong{color:var(--txt);font-weight:500}.disc{max-width:520px;margin:16px auto 0;font-size:.7rem;color:#9a958880;line-height:1.5;text-align:center}.email-wrap{max-width:460px;margin:0 auto;width:100%}.email-input{width:100%;padding:16px 20px;background:var(--glass);border:1px solid var(--glassBr);border-radius:12px;color:var(--txt);font-family:DM Sans,sans-serif;font-size:.95rem;outline:none;transition:border-color .3s ease}.email-input:focus{border-color:var(--grn3)}.email-input::-moz-placeholder{color:#c2bbb080}.email-input::placeholder{color:#c2bbb080}.email-row{display:flex;gap:10px;margin-top:12px}.email-row .email-input{flex:1}.email-err{color:var(--coral);font-size:.8rem;margin-top:8px;min-height:20px}.email-fine{font-size:.72rem;color:#9a958873;margin-top:14px;line-height:1.5}.email-perks{display:flex;flex-direction:column;gap:8px;max-width:380px;margin:0 auto 24px;text-align:left}.email-perk{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;color:var(--dim);line-height:1.5}.email-perk .perk-ic{color:var(--grn3);font-size:1rem;flex-shrink:0;margin-top:1px}.email-skip{background:none;border:none;color:var(--dim);font-size:.8rem;cursor:pointer;margin-top:14px;text-decoration:underline;text-underline-offset:3px;font-family:DM Sans,sans-serif;transition:color .2s}.email-skip:hover{color:var(--sage)}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--glassBr);border-top-color:var(--grn3);border-radius:50%;animation:espin .6s linear infinite}@keyframes espin{to{transform:rotate(360deg)}}.qcount{font-size:.72rem;color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-family:DM Sans,sans-serif}.score-row{display:flex;justify-content:center;gap:24px;margin:12px auto 24px}.score-item{text-align:center}.score-num{font-family:"DM Serif Display",serif;font-size:2rem;color:var(--grn3)}.score-lbl{font-size:.7rem;color:var(--dim);letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif}.burst{position:fixed;width:5px;height:5px;border-radius:50%;pointer-events:none;opacity:0}.burst.pop{animation:bo .7s ease-out forwards}@keyframes bo{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--bx),var(--by)) scale(0)}}.conf{position:fixed;width:8px;height:6px;opacity:0;z-index:100;pointer-events:none;border-radius:2px}.conf.go{animation:cf 2.5s ease-out forwards}@keyframes cf{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@media(max-width:600px){.wrap{padding:72px 16px 32px}.rec-card{padding:22px 18px}.email-row{flex-direction:column}.email-row .btn{width:100%;justify-content:center}}