:root{--ink:#161616;--ink-2:#525252;--line:#c6c6c6;--field:#e0e0e0;--ground:#f4f4f4;--tile:#ffffff;--blue:#0f62fe;--ok:#198038;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--ground);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;font-weight:400;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.05rem);line-height:1.5;display:flex;flex-direction:column;overflow-x:clip;}.shell{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 16px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;gap:18px;align-content:start;}.brandbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.brandbar img{width:52px;height:52px;display:block}.brandbar span{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.1rem,1rem + 0.5vw,1.4rem);letter-spacing:0.01em}h1{font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.9rem,1.3rem + 3vw,3.6rem);line-height:1.02;margin:0;letter-spacing:-0.01em;max-width:14ch;}h1 .b{color:var(--blue)}.lead{margin:10px 0 0;color:var(--ink-2);max-width:40ch}.seg{display:inline-grid;grid-template-columns:1fr 1fr;margin-top:14px;padding:0;border:1px solid var(--ink);background:var(--field);position:relative;width:min(100%,340px);}.seg button{appearance:none;border:0;background:transparent;color:var(--ink);font:500 clamp(0.95rem,0.9rem + 0.2vw,1rem)/1 "Zilla Slab",Georgia,serif;min-height:46px;padding:0 14px;cursor:pointer;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;transition:color .2s;}.seg button[aria-pressed="true"]{font-weight:700}.seg .knob{position:absolute;top:4px;bottom:4px;left:calc(50% + 2px);width:calc(50% - 6px);background:var(--tile);box-shadow:inset 0 0 0 1px var(--ink);transition:transform .25s cubic-bezier(.2,0,.38,.9);}html[data-side="without"] .seg .knob{transform:translateX(calc(-100% - 4px))}.seg.nudge .knob{animation:nudge .6s ease-in-out 1}@keyframes nudge{0%,100%{transform:translateX(0)}40%{transform:translateX(-8px)}}.seg button:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.act{margin-top:16px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:0 16px 0 18px;background:var(--ink);color:#fff;text-decoration:none;font:700 clamp(1rem,0.95rem + 0.3vw,1.15rem)/1 "Zilla Slab",Georgia,serif;letter-spacing:0.01em;width:min(100%,340px);-webkit-tap-highlight-color:transparent;}.cta svg{width:20px;height:20px;flex:none}.cta:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (hover: hover){.cta:hover{background:#393939}}.under{margin:8px 0 0;font-size:clamp(0.85rem,0.82rem + 0.15vw,0.92rem);color:var(--ink-2);max-width:36ch}.stage{perspective:1100px}.card{background:var(--tile);border-top:4px solid var(--ink);padding:16px 16px 14px;view-transition-name:pack;}.face[hidden]{display:none}.head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.title{display:flex;align-items:center;gap:10px}.title svg{width:34px;height:34px;flex:none}.title p{margin:0;font-family:"Zilla Slab",Georgia,serif;font-weight:700;font-size:clamp(1.1rem,1rem + 0.5vw,1.35rem);line-height:1.1}.title small{display:block;font-family:"Public Sans",system-ui,sans-serif;font-weight:400;font-size:0.8rem;color:var(--ink-2)}.tag{font-size:0.8rem;padding:3px 10px;border-radius:12px;white-space:nowrap}.tag.ok{background:#defbe6;color:#0e6027}.tag.no{background:var(--field);color:var(--ink)}dl{margin:0;display:grid}.row{display:grid;grid-template-columns:7.5em 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--field);align-items:baseline}dt{color:var(--ink-2);font-size:0.86rem}dd{margin:0;font-family:"Zilla Slab",Georgia,serif;font-weight:500;font-size:clamp(1rem,0.95rem + 0.2vw,1.1rem)}.empty dd{color:var(--ink-2);display:flex;align-items:center;gap:10px}.empty dd i{display:inline-block;height:10px;flex:1;max-width:120px;background:var(--field)}.foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:0.88rem}.foot svg{width:18px;height:18px;flex:none}footer{border-top:1px solid var(--line);padding:12px max(18px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));font-size:0.82rem;color:var(--ink-2);text-align:center;}@media (min-width: 900px){.shell{grid-template-columns:1.05fr 0.95fr;column-gap:56px;row-gap:28px;padding-top:24px;align-content:center}.brandbar{grid-column:1 / -1}.brandbar img{width:96px;height:96px}.stage{align-self:center}.card{padding:24px 26px 20px}}::view-transition-old(pack){animation:turnout .17s ease-in both}::view-transition-new(pack){animation:turnin .17s ease-out .17s both}::view-transition-old(root),::view-transition-new(root){animation:none}@keyframes turnout{to{transform:perspective(1100px) rotateY(90deg);opacity:.6}}@keyframes turnin{from{transform:perspective(1100px) rotateY(-90deg);opacity:.6}}.card.fade{animation:fade .3s ease}@keyframes fade{from{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}::view-transition-old(pack),::view-transition-new(pack){animation:none !important}}