:root{--wash:none}html[data-chroma=vibrant]{--wash:radial-gradient(60% 80% at 15% 10%, rgba(109,74,255,.3), transparent 60%), radial-gradient(50% 70% at 85% 25%, rgba(47,212,255,.22), transparent 60%), radial-gradient(70% 60% at 50% 100%, rgba(255,61,138,.16), transparent 55%)}html[data-chroma=vibrant][data-mode=light]{--wash:radial-gradient(60% 80% at 15% 10%, rgba(109,74,255,.14), transparent 60%), radial-gradient(50% 70% at 85% 25%, rgba(47,212,255,.16), transparent 60%), radial-gradient(70% 60% at 50% 100%, rgba(255,61,138,.09), transparent 55%)}.wash{position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--wash)}.hero{padding:34px 0 20px;text-align:center}.hero h1{font-size:var(--fs-h1);font-weight:var(--fw-display);letter-spacing:var(--tr-h1);line-height:var(--lh-h1)}.hero .lede{margin:16px auto 0;font-size:var(--fs-lead);color:var(--text-2);max-width:46ch;line-height:1.6}.rating{margin-top:14px;font-size:var(--fs-label);color:var(--text-2)}.rating .stars{color:var(--accent);letter-spacing:2px}.hero .btns{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.trust{margin-top:26px;display:flex;gap:26px;justify-content:center;flex-wrap:wrap}.trust span{font-size:var(--fs-micro);letter-spacing:.16em;color:var(--text-3)}.heroCrumb{position:absolute;top:74px;left:32px;padding:0}.hero.heroPin{padding:0;margin-top:6svh}.hero.heroPin h1{font-size:var(--fs-h1)}.hero.heroPin .lede{max-width:52ch}.penArea .halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(8rem,18vw,15rem);line-height:1;font-weight:500;color:transparent;-webkit-text-stroke:1px var(--stroke);pointer-events:none;user-select:none}.penCard{z-index:1}.keyspecs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.keyspecs .chip{font-size:var(--fs-micro);padding:6px 11px;border-radius:6px;border:1px solid var(--line);color:var(--data);letter-spacing:.06em}.pdpSticky{position:sticky;top:88px;align-self:start;min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center}.pdpFlow{min-width:0;padding-top:132px}.stickyText h1{font-size:var(--fs-h1);margin-top:22px}.stickyText .lede{margin:14px 0 0;font-size:var(--fs-lead);color:var(--text-2);max-width:44ch;line-height:1.6}.stickyText .btns{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.stickyText .trust{margin-top:22px;justify-content:flex-start;gap:22px}.stickyText .keyspecs{margin-top:22px;justify-content:flex-start}.peGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:1px solid var(--line)}.peCard{padding:28px 26px 30px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.peCard:nth-child(3n+1){border-left:none}.peCard h3{font-size:var(--fs-h3);font-weight:var(--fw-medium);letter-spacing:-.01em}.peCard p{margin-top:10px;font-size:var(--fs-sm);color:var(--text-2);line-height:1.6;max-width:34ch}@media (max-width:820px){.peGrid{grid-template-columns:1fr 1fr}.peCard:nth-child(3n+1){border-left:1px solid var(--line)}.peCard:nth-child(odd){border-left:none}}@media (max-width:520px){.peGrid{grid-template-columns:1fr}.peCard{border-left:none!important}}.instrLink{margin-top:30px;display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none;transition:border-color .2s;max-width:560px}.instrLink:hover{border-color:var(--accent)}.instrLink .il-t{font-weight:500;color:var(--text)}.instrLink .il-s{font-size:var(--fs-sm);color:var(--text-2);margin-top:2px}.instrLink .il-a{margin-left:auto;color:var(--accent);font-weight:500;white-space:nowrap}.penReveal{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:130px;padding:20px 0}.penReveal canvas{position:relative;z-index:1;width:100%;height:auto;display:block}.pdpFlow .specGrid,.pdpFlow .dialGrid{grid-template-columns:1fr;gap:30px}@media (max-width:960px){.pdp{grid-template-columns:1fr;gap:0;padding:88px 24px 0;max-width:640px}.pdpSticky{position:static;min-height:0;justify-content:flex-start;margin-bottom:16px}.pdpFlow{padding-top:22px}}section{padding:110px 0 0}.sec-kicker{margin-bottom:12px}h2.sec{font-size:var(--fs-h2);font-weight:var(--fw-display);letter-spacing:var(--tr-h2);line-height:var(--lh-h2);max-width:20ch}.dialGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:10px}.dialCopy p{margin-top:18px;color:var(--text-2);line-height:1.65;max-width:44ch}.dial-stats{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:0}.dstat{padding:6px 24px 10px;border-left:1px solid var(--line)}.dstat .n{font-size:1.9rem}.dstat .n em{font-style:normal;color:var(--accent);font-size:.65em}.dstat .l{margin-top:4px;font-size:var(--fs-micro);letter-spacing:.16em;color:var(--text-3)}.dialBox{display:flex;flex-direction:column;align-items:center;gap:26px;padding:56px 20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.dialBox .hintline{font-size:var(--fs-micro);letter-spacing:.2em;color:var(--text-3)}.doseWindow{display:flex;align-items:baseline;gap:8px}.doseWindow .v{font-size:3.5rem;color:var(--data)}.doseWindow .u{font-size:var(--fs-sm);letter-spacing:.2em;color:var(--text-3)}#dial{touch-action:none;cursor:grab;user-select:none}#dial:active{cursor:grabbing}.dialBtns{display:flex;gap:10px}.dialBtns button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.125rem;cursor:pointer;transition:all .2s}.dialBtns button:hover{border-color:var(--accent);color:var(--accent)}.accGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:44px}.acard{border:1px solid var(--card-line);border-radius:18px;padding:26px;background:var(--card);transition:border-color .3s}.acard:hover{border-color:var(--text-3)}.acard .tag{font-size:var(--fs-micro);letter-spacing:.2em;color:var(--text-3)}.acard h3{margin:8px 0 4px;font-size:var(--fs-h3);font-weight:var(--fw-medium)}.acard .use{font-size:var(--fs-sm);color:var(--text-2)}.acard .imgwrap{height:170px;display:flex;align-items:center;justify-content:center;margin:12px 0}.acard img{max-height:100%;max-width:80%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}.acard .chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.acard .chip{font-size:var(--fs-micro);padding:4px 9px;border-radius:6px;border:1px solid var(--line);color:var(--data)}.acard .wl{font-size:var(--fs-sm);font-weight:500;color:var(--accent);letter-spacing:.04em}.scrub{position:relative}.scrub .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3svh}.scrub-head{width:100%;max-width:80rem;padding:0 32px;text-align:left;margin:0 auto}.penArea{position:relative;width:min(94vw,1600px);display:flex;justify-content:center;align-items:center;min-height:150px}.penCard{position:relative;background:var(--studio);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 26px 70px -28px #00000080}#penCanvas{display:block;width:100%;height:100%}.pen-rail{display:flex;align-items:center;gap:16px;width:min(60vw,520px)}.pen-rail .track{flex:1;height:2px;background:var(--line);position:relative;border-radius:2px}.pen-rail .fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:0%;border-radius:2px}.pen-rail .num{font-size:var(--fs-label);color:var(--text-3);letter-spacing:.12em;min-width:74px;text-align:right}@media (max-width:900px){nav .links{display:none}.dialGrid,.specGrid{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr 1fr}}@media (max-width:700px){nav{padding:12px 16px;gap:14px}nav .ticker{display:none}.tgl{padding:6px 9px;font-size:var(--fs-micro)}.cta{padding:8px 13px;font-size:var(--fs-label)}.steps,.dial-stats{grid-template-columns:1fr}.step,.dstat{border-left:none;border-top:1px solid var(--line);padding:16px 4px 12px}.specTable .row{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}