:root{--cream: #FBF1E4;--plum: #2A1630;--coral: #F2553F;--apricot: #FFC48A;--slate: #18212B;--fog: #D5DEE6;--steel: #9DB2C6;--bg: var(--apricot);--ink: var(--plum);--soft: #5E4660;--card: var(--cream);--card-ink: var(--plum);--card-soft: #6A4526;--rule: rgba(42,22,48,0.22);--mark: var(--coral);--serif: "EB Garamond",Garamond,"Iowan Old Style","Palatino Linotype",Georgia,serif;}html[data-side="without"]{--bg: var(--slate);--ink: var(--fog);--soft: var(--steel);--card: #24313F;--card-ink: var(--fog);--card-soft: var(--steel);--rule: rgba(213,222,230,0.2);--mark: var(--steel);}*,*::before,*::after{box-sizing: border-box;}[hidden]{display: none !important;}html{-webkit-text-size-adjust: 100%;}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--serif);font-weight: 400;font-size: clamp(1.06rem,1rem + 0.3vw,1.2rem);line-height: 1.4;min-height: 100dvh;display: flex;flex-direction: column;overflow-x: hidden;}main{flex: 1;width: 100%;max-width: 1040px;margin: 0 auto;padding: max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));display: grid;grid-template-columns: 100%;grid-template-areas: "logo" "head" "sub" "tabs" "card" "cta";align-content: start;justify-items: start;}.logo{grid-area: logo;display: block;}.logo img{display: block;width: 56px;height: 56px;border-radius: 14px;}h1{grid-area: head;margin: 12px 0 0;font-weight: 600;font-size: clamp(2.3rem,1.5rem + 4vw,4.3rem);line-height: 1;letter-spacing: -0.015em;}.sub{grid-area: sub;margin: 10px 0 0;max-width: 31em;color: var(--soft);}.sides{grid-area: tabs;margin-top: 14px;display: flex;border-bottom: 2px solid var(--ink);}.sides button{-webkit-tap-highlight-color: transparent;appearance: none;min-height: 46px;padding: 0 20px;border: 0;border-radius: 10px 10px 0 0;background: transparent;color: var(--soft);font: inherit;font-weight: 600;cursor: pointer;}.sides button[aria-pressed="true"]{background: var(--ink);color: var(--bg);}.sides button:focus-visible{outline: 3px solid var(--coral);outline-offset: 2px;}.sides button[aria-pressed="false"]{animation: nudge 620ms ease-out 700ms 1 both;}@keyframes nudge{0%,100%{transform: translateY(0);}40%{transform: translateY(-5px);}}.card{grid-area: card;view-transition-name: card;justify-self: stretch;margin-top: 14px;padding: 16px 18px 14px;border-radius: 18px;background: var(--card);color: var(--card-ink);}.face-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;}.face-top p{margin: 0;color: var(--card-soft);}.face-top svg{width: 34px;height: 34px;flex: none;color: var(--mark);}.state{margin: 2px 0 8px;font-weight: 600;font-size: clamp(2.5rem,1.9rem + 3vw,4rem);line-height: 1;letter-spacing: -0.01em;}.rows{margin: 0;}.rows div{display: flex;justify-content: space-between;gap: 16px;padding: 5px 0;border-top: 1px solid var(--rule);}.rows dt{color: var(--card-soft);}.rows dd{margin: 0;font-weight: 600;text-align: right;}.cta{grid-area: cta;justify-self: stretch;-webkit-tap-highlight-color: transparent;margin-top: 14px;min-height: 56px;padding: 12px 26px;display: flex;align-items: center;justify-content: center;border-radius: 14px;background: var(--coral);color: #1E0F22;font-weight: 600;font-size: clamp(1.2rem,1.1rem + 0.5vw,1.4rem);text-align: center;text-decoration: none;}.cta:active{transform: scale(0.98);}.cta:focus-visible{outline: 3px solid var(--ink);outline-offset: 3px;}@media (hover: hover){.cta{transition: transform 160ms ease;}.cta:hover{transform: translateY(-2px);}.sides button[aria-pressed="false"]:hover{color: var(--ink);}}footer{padding: 10px max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));width: 100%;max-width: 1040px;margin: 0 auto;color: var(--soft);font-size: clamp(0.95rem,0.9rem + 0.2vw,1.02rem);}footer p{margin: 0;}@keyframes turn-out{to{transform: perspective(900px) rotateY(90deg);opacity: 0.5;}}@keyframes turn-in{from{transform: perspective(900px) rotateY(-90deg);opacity: 0.5;}}::view-transition-old(root),::view-transition-new(root){animation-duration: 340ms;}::view-transition-old(card){animation: turn-out 170ms ease-in both;}::view-transition-new(card){animation: turn-in 170ms ease-out 170ms both;}@media (min-width: 860px){main{grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);grid-template-areas: "logo card" "head card" "sub  card" "tabs card" "cta  card";column-gap: 64px;align-content: center;padding-top: 40px;padding-bottom: 40px;}.logo img{width: 96px;height: 96px;border-radius: 22px;}h1{margin-top: 26px;}.sub{margin-top: 16px;}.sides{margin-top: 26px;}.cta{justify-self: start;margin-top: 30px;min-width: 300px;}.card{align-self: center;margin-top: 0;padding: 30px 32px 26px;border-radius: 24px;}.face-top svg{width: 44px;height: 44px;}.state{margin: 10px 0 20px;}.rows div{padding: 11px 0;}}@media (prefers-reduced-motion: reduce){.sides button[aria-pressed="false"]{animation: none;}.cta{transition: none;}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important;}}html,body{max-width:100%;overflow-x:clip}