.top{position:relative;isolation:isolate}
.top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 70% at 84% -6%,var(--honey),var(--clear) 72%),radial-gradient(40% 46% at 60% 8%,var(--accent-wash),var(--clear) 70%),linear-gradient(180deg,var(--accent-wash),var(--bg) 68%)}
.hero{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;padding:24px 0 40px var(--gutter)}
.copy{position:relative;z-index:2;padding-right:56px}
.pill-badge{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:5px 16px 5px 6px;border-radius:var(--r-md);background:var(--bg-panel-2);border:1px solid var(--border);font-size:14px;font-weight:500;box-shadow:inset 0 1px 0 var(--white-hl)}
.pb-ico{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:var(--r-sm);background:var(--bg-panel);color:var(--accent-dark);box-shadow:0 1px 2px var(--ink-a06)}
.pb-sep{flex:none;width:1px;height:16px;background:var(--border-strong)}
.pb-soft{color:var(--text-muted)}
.h1{margin:24px 0 0;font:800 68px/1.1 var(--font-display);letter-spacing:-.02em}
.h1-l1,.h1-l2{display:block}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}
.lede{margin-top:28px;max-width:30em;font-size:19px;line-height:1.65;color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:600}
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;max-width:460px;margin-top:28px;list-style:none;padding:0}
.trust li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}
.ck{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:var(--r-round);background:var(--success-soft);color:var(--success)}
.rows{display:grid;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
.row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center}
.row-k{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-faint)}
.row-v{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0}
.row-v li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;line-height:20px;font-weight:500;color:var(--text-muted)}
.pi{flex:none;color:var(--text)}
.flag{display:block;flex:none;border-radius:var(--r-xs);box-shadow:0 1px 2px var(--ink-a10);overflow:hidden}
.fr{fill:var(--flag-red)}.fw{fill:var(--flag-white)}.fb{fill:var(--flag-blue)}.fe{fill:none;stroke:var(--flag-edge);stroke-width:.7}
.panel{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:600px;padding:64px 20px 64px 28px;border-radius:var(--r-panel) 0 0 var(--r-panel);background:linear-gradient(205deg,var(--honey-2),var(--honey) 34%,var(--accent-wash) 66%,var(--bg));box-shadow:inset 1px 1px 0 var(--white-a60)}
.panel::before{content:"";position:absolute;inset:10% 8% 12% 6%;pointer-events:none;background:radial-gradient(closest-side,var(--white-a60),var(--clear))}
.stage{position:relative;z-index:1;width:680px;flex:none}
.win{padding:8px;border-radius:var(--r-frame);background:var(--frame);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white-hl),0 1px 2px var(--ink-a06),0 26px 48px -22px var(--accent-a16),0 60px 110px -34px var(--accent-a10)}
.win-body{display:grid;grid-template-columns:118px minmax(0,1fr) 140px 40px;height:456px;overflow:hidden;border-radius:var(--r-inner);background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:inset 0 1px 0 var(--white-hl)}
.w-side{display:flex;flex-direction:column;padding:12px 8px;background:var(--bg-panel-2);border-right:1px solid var(--border-soft)}
.ws-head{display:flex;align-items:center;gap:6px;padding:4px 6px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.chev{color:var(--text-faint)}
.ws-label{margin:4px 6px 6px;font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--text-faint)}
.ws-list{display:grid;gap:2px;margin-bottom:12px;list-style:none;padding:0}
.ws-list li{display:flex;align-items:center;gap:8px;height:28px;padding-inline:6px;border-radius:var(--r-sm);font-size:12.5px;white-space:nowrap}
.ws-list li.is-on{background:var(--honey);color:var(--accent-dark);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent-a16)}
.use-ico{display:grid;place-items:center;flex:none;width:16px;height:16px;color:var(--text-muted)}
.w-main{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,var(--bg-panel),var(--bg))}
.w-bar{display:flex;align-items:center;justify-content:space-between;flex:none;height:40px;padding-inline:12px;border-bottom:1px solid var(--border-soft);background:var(--bg-panel)}
.chip{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:2px 8px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--bg-panel);font-size:11px;font-weight:500;color:var(--text-muted);max-width:100%;overflow-wrap:anywhere}
.w-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
.col-h strong{display:block;font:700 15px/1.25 var(--font-display)}
.col-h span{display:block;margin-top:2px;font-size:11px;line-height:16px;color:var(--text-faint)}
.add{display:flex;align-items:center;gap:6px;height:28px;margin:10px 0 8px;padding-inline:10px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--bg-panel);font-size:11px;color:var(--text-faint)}
.card{margin-bottom:8px;padding:9px 10px 8px;border-radius:var(--r-card);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 1px 2px var(--ink-a04),0 6px 12px -8px var(--accent-a16)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.reg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;line-height:14px;color:var(--text-muted);white-space:nowrap}
.tag{display:inline-block;flex:none;max-width:100%;overflow-wrap:anywhere;padding:3px 6px;border-radius:var(--r-xs);font-size:9.5px;font-weight:700;line-height:1.3}
.t-iepl{background:var(--tag-solid);color:var(--accent-ink)}
.t-relay{background:var(--honey);color:var(--accent-dark)}
.t-direct{background:var(--sand);color:var(--sand-ink)}
.card-t{margin:7px 0 8px;font-size:12.5px;font-weight:600;line-height:17px;overflow-wrap:anywhere}
.card-foot{display:flex;align-items:center;justify-content:space-between}
.topic{font-size:10px;line-height:14px;color:var(--text-faint)}
.tick{display:grid;place-items:center;width:15px;height:15px;border-radius:var(--r-round);border:1.5px solid var(--border-strong);color:var(--bg-panel)}
.tick.is-done{background:var(--success);border-color:var(--success)}
.w-log{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--border-soft);background:var(--bg-panel)}
.log-in{display:flex;flex-direction:column;align-items:center;flex:1;padding:14px 12px 12px;text-align:center}
.log-art{display:block;flex:none;margin-top:12px}
.la-sheet{fill:var(--bg-panel);stroke:var(--border);stroke-width:1}
.la-shadow{fill:var(--accent-a16)}.la-bar{fill:var(--honey-2)}.la-line{fill:var(--bg-panel-2)}
.la-zero{font:700 12px var(--font-mono);fill:var(--accent-ink)}
.log-title{margin-top:8px;font-size:11.5px;font-weight:700;line-height:16px;white-space:nowrap}
.log-title .mono{color:var(--accent-dark)}
.log-note{margin-top:2px;font-size:10.5px;line-height:14px;color:var(--text-faint)}
.log-facts{display:grid;gap:6px;width:100%;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft)}
.log-facts div{display:flex;align-items:baseline;justify-content:space-between;min-height:22px;padding-inline:8px;border-radius:var(--r-xs);background:var(--bg-panel-2)}
.log-facts dt{font:700 12.5px/22px var(--font-mono)}
.log-facts dd{margin:0;font-size:10.5px;line-height:22px;color:var(--text-muted)}
.log-mode{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-soft);font-size:10.5px;color:var(--text-muted)}
.log-mode b{padding:3px 7px;border-radius:var(--r-pill);background:var(--success-soft);color:var(--success);font-size:10px;font-weight:600}
.w-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;border-left:1px solid var(--border-soft);background:var(--bg-panel)}
.ri{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);color:var(--text-muted);font-size:9px;font-family:var(--font-mono)}
.ri.is-on{background:var(--honey);color:var(--accent-dark)}
.float{position:absolute;z-index:2}
.float-refund{left:-28px;bottom:-24px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:var(--r-md);background:var(--bg-panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--white-hl),0 18px 34px -16px var(--accent-a28),0 2px 6px var(--ink-a06)}
.ok-badge{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--r-round);background:var(--success);color:var(--bg-panel)}
.fr-t{display:block;font-size:13.5px;font-weight:700;line-height:18px;white-space:nowrap}
.fr-s{display:block;font-size:11px;line-height:15px;color:var(--text-muted);white-space:nowrap}
.float-devices{right:56px;top:-17px;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 15px 6px 12px;border-radius:var(--r-pill);background:var(--bg-panel);border:1.5px solid var(--accent);color:var(--accent-dark);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 12px 26px -12px var(--accent-a28)}
.band{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;min-height:60px;padding:14px var(--gutter);border-block:1px solid var(--border);background:var(--white-a60);font:500 13px/1.4 var(--font-mono);color:var(--text-muted)}
.band b{color:var(--text)}
.band i{display:block;flex:none;width:4px;height:4px;border-radius:var(--r-round);background:var(--accent-a28)}
.peek{padding:40px var(--gutter) 72px;text-align:center}
.peek h2{margin:18px 0 0}
.comparison{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:24px}
.compare-problem,.compare-solution{padding:40px;border-radius:var(--r-panel)}
.compare-problem{background:var(--bg-panel)}
.compare-solution{background:var(--bg-panel-2);box-shadow:inset 0 1px 0 var(--white-hl)}
.compare-list{display:grid;gap:22px;list-style:none;padding:0;margin-top:28px}
.compare-list li{display:flex;align-items:center;gap:12px}
.cross,.check{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--r-round);color:var(--bg-panel)}
.cross{background:var(--error)}.check{background:var(--success)}
.speech{margin-top:32px;padding:24px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--r-frame) var(--r-frame) var(--r-frame) 0;box-shadow:var(--shadow-card)}
.feature-list{display:grid;gap:20px;padding-right:24px}
.feature-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:32px;border:1px solid var(--border);border-radius:var(--r-frame);background:var(--bg-panel);box-shadow:var(--shadow-card);transition:transform var(--ease),box-shadow var(--ease)}
.feature-row:nth-child(even){margin-left:24px;margin-right:-24px}
.feature-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.feature-number{font-family:var(--font-mono);color:var(--accent-dark)}
.feature-row h3{padding-right:80px}
.feature-row p{color:var(--text-muted)}
.feature-row>.tag{position:absolute;right:20px;top:20px;font-size:12px}
.tabs{min-width:0}
.tab-list,[role=tablist]{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:6px;margin-bottom:24px;border:1px solid var(--border);border-radius:var(--r-frame);background:var(--bg-panel-2)}
[role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:10px 22px;border:0;border-radius:var(--r-md);background:var(--clear);color:var(--text-muted);font-weight:600;white-space:nowrap}
[role=tab][aria-selected=true]{background:var(--bg-panel);color:var(--accent-dark);box-shadow:var(--shadow-card)}
[role=tabpanel]{min-width:0}
.toc-tabs{position:sticky;top:var(--header-height);z-index:30;display:flex;align-items:center;gap:8px;overflow-x:auto;min-height:var(--toc-height);padding:8px;border:1px solid var(--border);border-radius:var(--r-frame);background:var(--bg-panel);margin-bottom:32px;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;flex:none;min-height:44px;padding:10px 16px;border-radius:var(--r-pill);white-space:nowrap;text-decoration:none;color:var(--text-muted)}
.toc-tabs a.is-current{background:var(--honey);color:var(--accent-dark);font-weight:600}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:calc(var(--header-height) + var(--toc-height) + var(--anchor-gap))}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-card)}
.faq-item summary{position:relative;list-style:none;min-height:56px;padding:18px 52px 18px 22px;cursor:pointer;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:18px;color:var(--accent-dark);font-family:var(--font-mono)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 22px 22px;color:var(--text-muted)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;padding:28px;border-radius:var(--r-frame);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-card)}
.plan-card.is-current{border:2px solid var(--accent);padding:27px;background:linear-gradient(180deg,var(--accent-wash),var(--bg-panel) 38%)}
.plan-badge{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:var(--r-pill);background:var(--honey);color:var(--accent-dark);font-size:12px;font-weight:600;margin-bottom:16px}
.plan-card h3{font-size:21px;margin-bottom:12px}
.plan-price{font:800 40px/1.2 var(--font-display);margin-bottom:20px}
.plan-price small{font:400 14px/1.5 var(--font-body);color:var(--text-muted)}
.plan-features{list-style:none;padding:0;display:grid;gap:12px;margin-bottom:24px}
.plan-features li::before{content:"✓";color:var(--success);margin-right:10px}
.plan-card .btn{width:100%;font-size:16px}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}
.data-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;text-align:left}
.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table th{background:var(--bg-panel-2);color:var(--text);font-weight:600;white-space:nowrap}
.data-table td:first-child{color:var(--text);font-weight:500}
.data-table tr:last-child td{border-bottom:0}
.data-table .region-heading th{background:var(--accent-wash);color:var(--accent-dark)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--r-frame);background:var(--bg-panel);box-shadow:var(--shadow-card);text-align:center}
.platform-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--bg-panel-2);color:var(--text)}
.platform-card h3{font-size:17px;margin:0}
.platform-card .btn{font-size:13px;padding-inline:14px;min-height:44px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-frame);background:var(--bg-panel);box-shadow:var(--shadow-card)}
.window-chrome{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 18px;background:var(--bg-panel-2);border-bottom:1px solid var(--border);font:12px var(--font-mono);color:var(--text-muted)}
.window-chrome::before{content:"";display:block;width:40px;height:8px;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--accent) 0 8px,var(--clear) 8px 16px,var(--honey-2) 16px 24px,var(--clear) 24px 32px,var(--sand) 32px)}
.article-body{padding:28px}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;font-size:13px;color:var(--text-muted)}
.article-card h3{font-size:23px}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{color:var(--text-muted)}
.callout{margin-block:24px;padding:22px 24px;border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--accent-wash);color:var(--accent-ink)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-block:40px;padding:32px;border:1px solid var(--border);border-radius:var(--r-panel);background:linear-gradient(120deg,var(--bg-panel-2),var(--honey));box-shadow:var(--shadow-card)}
.promo-block h3{margin-bottom:8px}
.promo-block p{color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.cta-band{background:var(--text);color:var(--bg-panel);padding:36px;border-radius:var(--r-panel);display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-band h2{font-size:28px;margin-bottom:8px}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.swatch{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-panel)}
.swatch::before{content:"";display:block;height:64px;background:var(--swatch)}
.swatch code{display:block;padding:12px;background:var(--bg-panel);font-size:12px}
.sw-bg{--swatch:var(--bg)}.sw-panel{--swatch:var(--bg-panel)}.sw-panel2{--swatch:var(--bg-panel-2)}.sw-frame{--swatch:var(--frame)}
.sw-border{--swatch:var(--border)}.sw-border-soft{--swatch:var(--border-soft)}.sw-border-strong{--swatch:var(--border-strong)}
.sw-accent{--swatch:var(--accent)}.sw-accent2{--swatch:var(--accent-2)}.sw-dark{--swatch:var(--accent-dark)}.sw-ink{--swatch:var(--accent-ink)}
.sw-honey{--swatch:var(--honey)}.sw-honey2{--swatch:var(--honey-2)}.sw-wash{--swatch:var(--accent-wash)}
.sw-solid{--swatch:var(--tag-solid)}.sw-sand{--swatch:var(--sand)}.sw-sand-ink{--swatch:var(--sand-ink)}
.sw-text{--swatch:var(--text)}.sw-muted{--swatch:var(--text-muted)}.sw-faint{--swatch:var(--text-faint)}
.sw-success{--swatch:var(--success)}.sw-success-soft{--swatch:var(--success-soft)}.sw-warn{--swatch:var(--warn)}.sw-error{--swatch:var(--error)}
.sw-a10{--swatch:var(--accent-a10)}.sw-a16{--swatch:var(--accent-a16)}.sw-a28{--swatch:var(--accent-a28)}.sw-dark40{--swatch:var(--accent-dark-a40)}
.sw-i04{--swatch:var(--ink-a04)}.sw-i06{--swatch:var(--ink-a06)}.sw-i10{--swatch:var(--ink-a10)}
.sw-whl{--swatch:var(--white-hl)}.sw-w60{--swatch:var(--white-a60)}.sw-w35{--swatch:var(--white-a35)}.sw-clear{--swatch:var(--clear)}
.sw-red{--swatch:var(--flag-red)}.sw-blue{--swatch:var(--flag-blue)}.sw-white{--swatch:var(--flag-white)}.sw-edge{--swatch:var(--flag-edge)}
.type-display{font:800 52px/1.1 var(--font-display);letter-spacing:-.02em}
.type-body{font-size:16px;line-height:1.8}
.type-caption{font-size:13px;color:var(--text-muted)}
@media(max-width:1439px){.stage{zoom:.9}}
@media(max-width:1299px){.stage{zoom:.82}}
@media(max-width:1179px){.stage{zoom:.74}}
@media(max-width:1099px){
  .hero{grid-template-columns:minmax(0,1fr);padding:24px 32px 40px}
  .copy{padding-right:0}
  .panel{margin-top:40px;min-height:0;justify-content:center;padding:56px 32px;border-radius:var(--r-panel)}
  .stage{zoom:1}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){.stage{zoom:.9}.comparison{grid-template-columns:1fr}.plan-grid{gap:14px}.plan-card{padding:20px}.plan-card.is-current{padding:19px}}
@media(max-width:768px){
  .hero{padding:16px 20px 32px}
  .h1{font-size:40px;letter-spacing:-.02em}
  .lede{font-size:17px}
  .trust li{font-size:14px}
  .panel{margin-top:32px;padding:24px 14px}
  .stage{zoom:.86}
  .float-refund{left:14px;bottom:12px;padding:8px 14px 8px 8px}
  .float-refund .fr-s{display:none}
  .float-devices{top:auto;right:200px;bottom:14px}
  .band{padding:14px 20px}
  .peek h2{font-size:28px}
  .plan-grid{grid-template-columns:1fr}
  .promo-block,.cta-band{align-items:flex-start;flex-direction:column}
  .article-grid{grid-template-columns:1fr}
}
@media(max-width:667px){.stage{zoom:.74}}
@media(max-width:640px){
  .trust{grid-template-columns:minmax(0,1fr)}
  .row{grid-template-columns:minmax(0,1fr);gap:8px}
  .pill-badge{font-size:12px;gap:7px;padding-right:10px}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-list{padding-right:0}
  .feature-row{grid-template-columns:32px minmax(0,1fr);padding:24px 20px;gap:12px}
  .feature-row:nth-child(even){margin-inline:0}
  .feature-row>.tag{position:static;grid-column:2;justify-self:start}
  .feature-row h3{padding-right:0}
  .compare-problem,.compare-solution{padding:28px 20px}
  .promo-block{padding:24px}
  .type-display{font-size:36px}
}
@media(max-width:585px){.stage{zoom:.62}}
@media(max-width:504px){.stage{zoom:.52}}
@media(max-width:436px){.stage{zoom:.46}}
@media(max-width:395px){.stage{zoom:.42}}
@media(max-width:368px){.stage{zoom:.38}}
@media(max-width:339px){.stage{zoom:.35}}