#nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}#nav button{font-size:11px;padding:10px 2px;overflow-wrap:anywhere;min-width:0}#nav button span{font-size:23px}.subnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:20px}.subnav button{font-size:12px;padding:10px 2px;min-width:0}.subnav .active,.transport .selected{border-color:var(--gold);color:var(--gold);background:linear-gradient(135deg,#c8a45f22,#47726022)}.transport{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.transport button{font-size:26px;padding:24px 12px}.transport strong{font-size:18px}.brand-hero{position:relative;overflow:hidden;padding:30px 24px!important;background:radial-gradient(ellipse at 100% 10%,#39705e66,transparent 70%),linear-gradient(140deg,#202b28,#141819);border:1px solid #b6955655!important}.brand-hero h1{font-size:36px;line-height:1.13;letter-spacing:-1.5px;position:relative;z-index:1;color:#f4eddf}.brand-hero p{color:#c7c7bb}.brand-hero .eyebrow{color:#dfc38d}.hero-mark{font-size:76px;font-weight:950;letter-spacing:-6px;color:#d7b56d20;margin:20px 0;line-height:1}.brand-hero button{position:relative;z-index:1}.active-process{border-color:#77ac8977!important}.mini-probes{display:flex;flex-wrap:wrap;gap:20px;margin:15px 0}.mini-probes span{font-size:13px;color:var(--muted)}.mini-probes strong{display:block;font-size:27px;color:var(--text)}.large-digits .reading{font-size:clamp(44px,11vw,68px)}textarea{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;resize:vertical}.promo{border-top:2px solid #c8a45f!important}select{max-width:100%}#lastReading{overflow-wrap:anywhere}.light .brand-hero{background:radial-gradient(ellipse at 100% 10%,#b6d0b8,transparent 70%),#f5eddb}.light .brand-hero h1{color:#20352e}.light .brand-hero p{color:#4c6057}.light .brand-hero .eyebrow{color:#736137}.light .hero-mark{color:#87704033}@media(min-width:700px){.brand-hero h1{font-size:48px}#nav button{font-size:13px}}

#brandIntro{position:fixed;inset:0;z-index:99;display:grid;place-items:center;pointer-events:none;background:#141819;color:#edc581;font-size:54px;font-weight:900;letter-spacing:6px;animation:intro .85s ease both}@keyframes intro{0%{opacity:1;transform:scale(.97)}50%{opacity:1}100%{opacity:0;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){#brandIntro{animation:none;display:none}}

.earned-badges{display:flex;flex-wrap:wrap;gap:8px}.earned-badges .status-pill{white-space:normal;overflow-wrap:anywhere}