:root{--navy:#16202a;--accent:#2f6f73;--background:#f5f8fa;--muted:#58616a;--line:#dbe3e8;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-header,.site-footer,main{max-width:1280px;margin:auto;padding-left:64px;padding-right:64px}.site-header{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:228px;height:auto;display:block}.status{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.status>span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center;padding:36px 0 78px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.7;margin:0 0 26px}h1{font-size:clamp(48px,5.5vw,74px);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:0 0 30px}h1 em{font-style:normal;color:var(--accent)}.description{font-size:20px;line-height:1.45;margin:0 0 15px;letter-spacing:-.025em}.supporting{max-width:410px;font-size:17px;line-height:1.65;color:var(--muted);margin:0}.coming{display:flex;align-items:center;gap:17px;margin-top:38px;font-size:13px;line-height:1.6}.coming p{margin:0}.coming strong{font-weight:600}.rule{height:38px;width:2px;background:var(--accent)}.preview{margin:0;background:#fff;border:1px solid #dbe3e8;border-radius:16px;box-shadow:0 22px 60px #16202a0b;overflow:hidden;transform:rotate(1deg)}.preview-top{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf0;gap:16px;font-size:18px;font-weight:600;letter-spacing:-.03em}.preview-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}.weather{display:flex;align-items:center;gap:14px;padding:20px 26px;background:#eff5f6}.weather svg{flex-shrink:0;color:var(--accent)}.weather strong{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.weather span{font-size:11px;color:var(--muted)}.outfit{position:relative;padding:38px 16px 0}.wear-label{position:absolute;top:15px;left:26px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.outfit img{display:block;width:100%;height:auto}.carry{margin:0 26px;padding:18px 0;display:flex;align-items:center;gap:20px;border-top:1px solid #e8edf0}.carry span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.carry strong{font-size:12px;font-weight:400}figcaption{font-size:9px;color:var(--muted);padding:0 26px 20px;line-height:1.6}.site-footer{min-height:88px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a span{margin-left:6px;color:var(--accent)}
.ride-context{padding:17px 26px;border-bottom:1px solid #e8edf0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:16px;row-gap:8px}.ride-context p{margin:0}.ride-location{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.ride-location svg{flex-shrink:0;color:var(--accent)}.ride-plan{font-size:11px;color:var(--muted);white-space:nowrap}.ride-plan span{padding:0 4px}
@media(min-width:1500px){.hero{padding-top:64px;padding-bottom:105px}}
@media(max-width:1000px){.site-header,.site-footer,main{padding-left:36px;padding-right:36px}.hero{gap:34px}h1{font-size:57px}.supporting{font-size:15px}.description{font-size:18px}.preview-top,.weather{padding-left:20px;padding-right:20px}}
@media(max-width:700px){.site-header,.site-footer,main{padding-left:24px;padding-right:24px}.site-header{min-height:100px;gap:15px}.logo{width:180px}.status{font-size:9px;letter-spacing:.06em;gap:6px}.status>span{width:5px;height:5px}.hero{grid-template-columns:1fr;gap:34px;padding:28px 0 36px}.eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(45px,11vw,64px);margin-bottom:24px}.description{font-size:19px}.supporting{font-size:15px;max-width:420px}.coming{margin-top:24px;font-size:12px}.preview{transform:none;max-width:460px;width:100%;justify-self:center}.preview-top{padding-top:20px;padding-bottom:20px}.weather{padding-top:17px;padding-bottom:17px}.site-footer{min-height:92px;font-size:10px;gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}}
@media(max-width:359px){.site-header,.site-footer,main{padding-left:18px;padding-right:18px}.logo{width:156px}.status{font-size:8px}h1{font-size:43px}.carry{gap:12px}.carry strong{font-size:11px}}

/* WP11: preserve palette, logo and composition; make beta entry and small text readable. */
.beta-invite{margin-top:28px;max-width:430px}.beta-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:8px;padding:15px 25px;min-height:48px;font-size:17px;font-weight:700}.beta-button:hover{background:#255a5e;text-decoration:underline}.beta-details{font-size:16px;line-height:1.6;color:var(--muted);margin:17px 0 0}.supporting{font-size:17px}.eyebrow,.status,.preview-label,.weather span,.wear-label,.carry span,.ride-plan,.site-footer{font-size:14px}.weather strong,.carry strong,.ride-location{font-size:14px}figcaption{font-size:13px}.preview-top{flex-wrap:wrap}.site-header{flex-wrap:wrap}.hero>*,.preview{min-width:0}.site-footer a{overflow-wrap:anywhere}
@media(max-width:700px){.site-header{padding-top:20px;padding-bottom:16px}.logo{width:170px}.status{font-size:14px}.eyebrow{font-size:14px}.supporting{font-size:17px}.site-footer{font-size:14px}.weather{padding-left:16px;padding-right:16px}.weather strong{line-height:1.5}.carry{align-items:flex-start}.carry strong{font-size:14px;line-height:1.5}}

/* WP11 website revision: native, keyboard-accessible installation guidance. */
.install-guide{margin-top:22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1rem;line-height:1.6}.install-guide h2{margin:0 0 8px;font-size:1.125rem;line-height:1.4;letter-spacing:0}.install-guide p{margin:0 0 12px;color:var(--muted)}.install-guide details{border-top:1px solid var(--line)}.install-guide summary{min-height:44px;padding:10px 4px;cursor:pointer;font-weight:700}.install-guide summary:hover{color:var(--accent)}.install-guide summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.install-guide ol{margin:4px 0 16px;padding-left:24px;color:var(--muted)}.install-guide li{margin-bottom:10px;overflow-wrap:break-word}.install-guide strong{color:var(--navy)}.install-guide .install-note{margin:12px 0 0;font-size:.875rem}