:root{--bg:#FAFAFA;--surface:#FFFFFF;--ink:#171717;--muted:#4D4D4D;--line:#EAEAEA;--fill:#F2F2F2;--snap:#FFFC00;--mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:clip}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:clamp(0.9rem,0.86rem + 0.2vw,1rem);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));display:grid;gap:12px;grid-template-areas:"copy" "card" "act";align-content:start;}.copy{grid-area:copy;display:flex;flex-direction:column;gap:8px}.brandrow{display:flex;align-items:center;gap:10px;min-height:56px}.brandrow img{width:56px;height:56px;border-radius:14px;display:block;flex:none}.brandrow span{font-family:var(--mono);font-size:clamp(0.78rem,0.75rem + 0.15vw,0.86rem);color:var(--muted)}h1{font-family:var(--mono);font-weight:600;font-size:clamp(1.7rem,1.2rem + 2.6vw,3.6rem);line-height:1.08;letter-spacing:-0.04em;margin:2px 0 0;}h1 .b{display:block}.lede{margin:0;color:var(--muted);max-width:34em}.lede strong{color:var(--ink);font-weight:400}.card{grid-area:card;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05);overflow:hidden;align-self:start;}.card-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);}.av{width:30px;height:30px;border-radius:50%;background:var(--fill);border:1px solid var(--line);flex:none;display:grid;place-items:center}.av svg{width:16px;height:16px}.who{font-family:var(--mono);font-size:0.86rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{font-family:var(--mono);font-size:0.72rem;border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--muted);white-space:nowrap}.side{padding:10px 14px 12px}.side[hidden]{display:none}.cap{font-family:var(--mono);font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.rows{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px}.rows li{display:flex;align-items:center;gap:10px;min-height:32px;padding:4px 10px;border-top:1px solid var(--line)}.rows li:first-child{border-top:0}.rk{font-family:var(--mono);font-size:0.76rem;color:var(--muted);width:1.6em;flex:none}.ini{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--mono);font-size:0.62rem;font-weight:600;background:var(--fill);color:var(--ink)}.hd{font-family:var(--mono);font-size:0.84rem;flex:1;min-width:0}.mark{width:10px;height:10px;border-radius:50%;background:var(--snap);box-shadow:0 0 0 1px var(--ink);flex:none}.bar{display:block;height:10px;border-radius:5px;background:var(--fill);flex:1}.bar.s{max-width:45%}.bar.m{max-width:62%}.bar.l{max-width:78%}.bar.x{max-width:54%}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.kv div{border:1px solid var(--line);border-radius:8px;padding:6px 10px}.kv dt{font-family:var(--mono);font-size:0.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kv dd{margin:2px 0 0;font-family:var(--mono);font-size:0.86rem;font-weight:600}.kv dd.off{font-weight:400;color:var(--muted)}.note{margin:8px 0 0;font-size:0.78rem;color:var(--muted)}.act{grid-area:act;display:flex;flex-direction:column;gap:8px;padding-bottom:env(safe-area-inset-bottom)}.act-row{display:flex;flex-direction:column;gap:8px}.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--fill);border:1px solid var(--line);border-radius:10px;padding:3px;}.tabs .ind{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--surface);border-radius:7px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--line);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);}html[data-side="without"] .tabs .ind{transform:translateX(0)}.tab{position:relative;z-index:1;appearance:none;border:0;background:transparent;min-height:44px;padding:0 12px;font-family:var(--mono);font-size:0.84rem;font-weight:400;color:var(--muted);cursor:pointer;border-radius:7px;-webkit-tap-highlight-color:transparent;}.tab[aria-pressed="true"]{color:var(--ink);font-weight:600}.tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.main-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;background:var(--ink);color:#FFFFFF;border-radius:10px;font-family:var(--mono);font-weight:600;font-size:0.96rem;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease;}.main-btn svg{width:16px;height:16px}.main-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover) and (pointer: fine){.main-btn:hover{background:#383838}.tab:hover{color:var(--ink)}}.under{margin:0;font-size:0.8rem;color:var(--muted)}footer{width:100%;max-width:1120px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-family:var(--mono);font-size:0.72rem;color:var(--muted);border-top:1px solid var(--line);}@keyframes nudge{0%,100%{transform:translateX(100%)}45%{transform:translateX(calc(100% - 6px))}}.tabs.nudge .ind{animation:nudge .6s ease .9s 1}.fade{transition:opacity .18s ease}.fade.out{opacity:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (min-width: 400px){.act-row{flex-direction:row;align-items:stretch}.tabs{flex:1 1 52%}.main-btn{flex:1 1 48%}}@media (min-width: 900px){.page{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);grid-template-areas:"copy card" "act card";grid-template-rows:auto auto;column-gap:56px;row-gap:32px;padding-top:40px;padding-bottom:32px;align-content:center;}.brandrow img{width:96px;height:96px;border-radius:22px}.brandrow{min-height:96px}.copy{gap:14px;align-self:end}.act{align-self:start}.card{align-self:center}.side{padding:14px 18px 16px}.card-head{padding:14px 18px}.rows li{min-height:42px}}@media (prefers-reduced-motion: reduce){.tabs .ind{transition:none}.tabs.nudge .ind{animation:none}.fade{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}@font-face{font-family: 'Geist';font-style: normal;font-weight: 400;font-display: swap;src: url(geist.Q7rQlvQ7.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Geist';font-style: normal;font-weight: 400;font-display: swap;src: url(geist.C3FkQDTq.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Geist Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(geistmono.x2Nib3Gx.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Geist Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(geistmono.PAx9kMTE.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Geist Mono';font-style: normal;font-weight: 600;font-display: swap;src: url(geistmono.x2Nib3Gx.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Geist Mono';font-style: normal;font-weight: 600;font-display: swap;src: url(geistmono.PAx9kMTE.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}