:root{--ink:#35203f;--purple:#765780;--cream:#f7f0e8;--gold:#c7a873}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}em{font-family:Georgia,Times New Roman,serif;font-weight:400}mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 58%,#d8badf 58%);padding:0 .05em}.dark mark,.final mark{background:linear-gradient(#0000 58%,#9c74a7 58%)}.app{background:radial-gradient(circle at 50% 30%,#fff,#f7f0e8 68%,#eadff0);grid-template-rows:58px minmax(0,1fr) 88px;height:100svh;transition:background .35s;display:grid}.app.violet{background:linear-gradient(145deg,#f1e6f3,#d8c6df)}.app.blue{background:linear-gradient(145deg,#edf4f5,#d8e9ed)}.app.rose{background:linear-gradient(145deg,#faeeed,#ead9e7)}.app.dark{color:#fff;background:linear-gradient(145deg,#321b3b,#50375d)}.app.final{color:#fff;background:radial-gradient(circle at 50% 20%,#765780,#321b3b 75%)}.top{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5;background:#f7f0e8c9;border-bottom:1px solid #35203f18;align-items:center;gap:18px;padding:0 5vw;display:flex}.brand{color:var(--ink);letter-spacing:.18em;background:0 0;border:0;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.brand i{background:var(--gold);border-radius:50%;width:9px;height:9px}.progress{background:#35203f18;border-radius:9px;flex:1;max-width:500px;height:3px;margin:auto;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--purple),var(--gold));height:100%;transition:width .3s;display:block}.top small{color:var(--purple);font-weight:700}.slide{align-items:center;padding:40px 24px 28px;display:grid;overflow-y:auto}.slide-in{width:min(900px,100%);margin:auto;animation:.35s enter}.kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--purple);margin:0 0 24px;font-size:10px;font-weight:800}.dark .kicker,.final .kicker{color:#dfcae3}.slide h1{letter-spacing:-.045em;max-width:880px;margin:0 0 28px;font-size:clamp(42px,7vw,76px);line-height:.96}.slide h1 strong,.slide h1 em{color:var(--purple)}.dark h1 em,.final h1 em{color:#e4cce9}.content{max-width:820px}.subtitle,.intro{max-width:760px;font-size:clamp(18px,2.2vw,23px);line-height:1.5}.content blockquote,.big{border-left:2px solid var(--gold);max-width:720px;margin:26px 0;padding-left:20px;font:italic clamp(23px,3vw,34px)/1.3 Georgia,serif}.micro-note{color:#67586b;max-width:720px;font-size:12px;line-height:1.5}.chips{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.chips span{background:#ffffff9c;border-radius:15px;padding:15px;font-weight:700}.question{background:#ffffffc2;border:1px solid #35203f18;border-radius:24px;max-width:680px;margin:25px 0;padding:20px;box-shadow:0 15px 45px #35203f12}.question h3{margin:0 0 13px;font-size:17px}.choices button{width:100%;color:var(--ink);text-align:left;background:#ffffffa8;border:1px solid #35203f1d;border-radius:13px;justify-content:space-between;margin-top:7px;padding:13px 15px;display:flex}.choices button.on{border-color:var(--purple);background:#eee4f1;font-weight:700}.mini-scale{grid-template-columns:repeat(5,1fr);gap:8px;margin:30px 0;display:grid}.mini-scale span{color:#fff;text-align:center;border-radius:18px;padding:24px 8px;font-weight:800}.promise,.insight,.disclaimer{border-left:4px solid var(--gold);background:#fff9;border-radius:19px;max-width:760px;padding:19px 21px;line-height:1.5}.promise p{margin:7px 0 0}.ph-badge{text-align:center;background:#ffffffb8;border-radius:50%;flex:0 0 125px;place-content:center;width:125px;height:125px;margin-bottom:24px;display:grid;box-shadow:0 15px 40px #35203f14}.ph-badge small{letter-spacing:.15em}.ph-badge b{font-size:28px}.ph-badge span{text-transform:uppercase;font-size:9px}.ph-row{align-items:center;gap:24px;max-width:800px;display:flex}.ph-row .ph-badge,.ph-row .intro{margin:0}.warning{color:#fff;background:#4b294f;border-radius:99px;margin-top:14px;padding:9px 15px;font-size:12px;font-weight:800;display:inline-block}.wrong{color:#a33a50;font-weight:700}.correct{color:#275338;background:#e3f0e5;border-radius:12px;padding:13px;font-weight:700}.cycle{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.cycle span{background:#eee3f0;border-radius:99px;padding:12px 15px;font-weight:700}.use-grid,.day-grid{grid-template-columns:repeat(3,1fr);gap:9px;max-width:760px;margin:18px 0;display:grid}.use-grid span,.day-grid span{background:#ffffffa8;border-radius:16px;gap:5px;padding:15px;line-height:1.35;display:grid}.use-grid b,.day-grid b{letter-spacing:.13em;color:var(--purple);font-size:10px}.media-card{max-width:760px;margin:0 0 20px}.media-frame{aspect-ratio:16/7;background:#e9e0e8;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 48px #35203f25}.media-frame img{object-fit:cover;width:100%;height:100%;display:block}.media-labels{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:12px}.media-labels span{color:#fff;letter-spacing:.15em;background:#35203fd6;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;box-shadow:0 5px 18px #0002}.media-card figcaption{color:#655669;padding:8px 3px 0;font-size:10px;line-height:1.45}.water-list{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;display:grid}.water-list div{background:#ffffff12;border:1px solid #ffffff2c;border-radius:17px;padding:18px 12px}.water-list b,.water-list span{display:block}.water-list span{color:#e5dce6;margin-top:8px;font-size:12px}.dark .disclaimer{background:#ffffff10}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:800px;display:grid}.feature-grid div{background:#ffffff10;border:1px solid #ffffff2c;border-radius:20px;align-content:start;gap:10px;min-height:210px;padding:22px;display:grid}.feature-grid i{color:#321b3b;background:#d5b87d;border-radius:50%;place-content:center;width:38px;height:38px;font-size:11px;font-style:normal;font-weight:900;display:grid}.feature-grid b{letter-spacing:.08em;font-size:17px}.feature-grid p{color:#e5dce6;margin:0;font-size:14px;line-height:1.5}.landing-lead{color:#f1e9f2;max-width:760px;font-size:clamp(17px,2vw,21px);line-height:1.55}.final-card{background:#ffffff12;border:1px solid #ffffff32;border-radius:20px;gap:10px;max-width:720px;padding:22px;display:grid}.final-card .eyebrow{letter-spacing:.18em;color:#d5b87d;font-size:10px;font-weight:900}.final-card b{font-size:22px;line-height:1.25}.final-card span{color:#eadfeb;line-height:1.5}.bridge{max-width:720px;margin:22px 0 14px;font:italic 20px/1.45 Georgia,serif}.bridge strong{color:#fff}.final-benefits{gap:8px;max-width:720px;display:grid}.final-benefits span{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 13px;font-size:14px;display:flex}.final-benefits i{color:#321b3b;background:#d5b87d;border-radius:50%;flex:0 0 22px;place-content:center;width:22px;height:22px;font-style:normal;font-weight:900;display:grid}.cta-note{color:#dfd0e1;margin-top:10px;font-size:12px}.final .primary{box-shadow:0 14px 35px #1f0d2966}.primary{color:var(--ink);text-transform:uppercase;background:#fff;border-radius:14px;margin-top:20px;padding:16px 22px;font-weight:800;text-decoration:none;display:inline-block}.nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f7f0e8e8;border-top:1px solid #35203f18;justify-content:space-between;align-items:center;gap:12px;padding:0 5vw;display:flex}.nav button{border-radius:13px;padding:14px 18px;font-weight:800}.back{color:var(--ink);background:0 0;border:1px solid #35203f24}.next{z-index:2;background:linear-gradient(135deg,#3c174c,var(--purple));color:#fff;border:0;min-width:190px;position:relative}.nav button:disabled{opacity:.35;cursor:not-allowed}.next:disabled{background:#8d828f}@keyframes enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media (width<=650px){.app{grid-template-rows:58px minmax(0,1fr) 118px}.top{padding:0 15px}.brand{font-size:8px}.slide{align-items:start;padding:26px 17px 24px}.slide h1{font-size:clamp(36px,10.5vw,54px)}.chips{grid-template-columns:1fr 1fr}.mini-scale{grid-template-columns:1fr}.mini-scale span{padding:12px}.water-list{grid-template-columns:1fr 1fr}.nav{padding:12px 15px calc(32px + env(safe-area-inset-bottom));align-items:flex-start}.nav button{padding:13px 15px}.next{min-width:165px}.question{padding:16px}.content blockquote{font-size:22px}.primary{text-align:center;width:100%}.final-card b{font-size:19px}.media-frame{aspect-ratio:16/9;border-radius:17px}.ph-row{align-items:flex-start;gap:14px}.ph-row .ph-badge{flex-basis:92px;width:92px;height:92px}.ph-row .ph-badge b{font-size:21px}.ph-row .intro{font-size:16px;line-height:1.42}.use-grid,.day-grid{grid-template-columns:1fr}.use-grid span,.day-grid span{padding:11px 13px}.feature-grid{grid-template-columns:1fr}.feature-grid div{grid-template-columns:40px 1fr;align-items:center;min-height:0;padding:17px}.feature-grid div p{grid-column:2}.feature-grid i{grid-row:1/3}.micro-note{font-size:11px}.media-card figcaption{font-size:9px}.slide:has(.media-card) h1{font-size:clamp(32px,9vw,46px)}}@media (prefers-reduced-motion:reduce){.slide-in{animation:none}}