/* Privacy section (home page) + Install walkthrough. Both framed-column sections: 104px block padding. */
.privacy,.install{border-bottom:1px solid var(--color-border)}

/* ---------- Privacy section ---------- */
.privacy__inner{padding:104px 48px;display:flex;flex-direction:column;align-items:center;gap:48px}
.privacy__head{display:flex;flex-direction:column;align-items:center;gap:16px}
.privacy__pill{padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-chip);color:var(--color-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:16px}
:root:not([data-theme="light"]) .privacy__pill{background:var(--color-surface-2)}
.privacy__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-align:center}
.privacy__cols{display:flex;gap:64px;width:min(var(--container-content),100%)}
.privacy__col{flex:0 0 348px;min-width:0;display:flex;flex-direction:column;gap:8px}
.privacy__col h3{font-size:var(--text-lg);line-height:22px}
.privacy__col p{margin:0;color:var(--color-body);letter-spacing:var(--tracking-tight)}
.privacy__rule{flex:0 0 1px;background:var(--color-border)}
@media (max-width:900px){.privacy__inner{padding:88px 16px}.privacy__col{flex:1 1 0}}
/* tablet tier (600-1199): the two columns (348 + 64 + 1 + 64 + 348 = 825) were wider than the 730px line-to-line space and ran past the right column line (owner iPad Pro 13, 1032px, 2026-11-01). Let them share the width, 19px (--edge) clear of each line. */
@media (min-width:600px) and (max-width:1199px){.privacy__inner{padding-inline:var(--edge)}.privacy__col{flex:1 1 0}}
@media (max-width:599px){
  .privacy__inner{padding:64px 16px;gap:32px}
  .privacy__head{gap:14px}
  .privacy__title{font-size:38px;line-height:44px;max-width:300px}
  .privacy__cols{flex-direction:column;gap:24px}
  .privacy__col{flex:none}
  .privacy__rule{flex:0 0 1px;height:1px}
  .privacy__col h3{font-size:var(--text-lg)}
}

/* ---------- Install walkthrough ---------- */
.install{
  --st-stage:#0A0D12;--st-win:#0F1419;--st-line:#2A3441;--st-bar:#151A21;--st-dot:#2A3441;--st-div:#1F2933;--st-skel:#1F2933;--st-pill:#151A21;
  --st-view:#0A0D12;--st-tab:#0F1419;--st-nav-ic:#8A93A6;--st-dim:#3A4452;--st-dim-label:#8A93A6;--st-card:var(--color-surface-2);--st-card-line:#2A3441;--st-card-shadow:none;--st-rail:#1F2933;
  --st-ok:#10B981;--st-ok-bg:#10B98133;--st-menu-shadow:#000000AA;
  --st-up:#4CAF82;--st-down:#E5645B;--st-ok-text:var(--st-ok);
}
:root[data-theme="light"] .install{
  --st-stage:#F2F4F7;--st-win:#FFFFFF;--st-line:#E5E7EB;--st-bar:#F2F4F7;--st-dot:#D1D5DB;--st-div:#E5E7EB;--st-skel:#F2F4F7;--st-pill:#FFFFFF;
  --st-view:#FFFFFF;--st-tab:#FFFFFF;--st-nav-ic:#4C5265;--st-dim:#9C9C9C;--st-dim-label:#848BA1;--st-card:#FFFFFF;--st-card-line:#E5E7EB;--st-card-shadow:#06123614 0 1px 2px;--st-rail:#E5E7EB;
  --st-menu-shadow:#06123633;
  --st-up:#1FA37A;--st-down:#E5484D;--st-ok-text:#047857;
}
.install__inner{padding:104px 48px}
.install__card{background:var(--color-surface);border:1px solid var(--ring-b);border-radius:var(--radius-xl);box-shadow:none;padding:56px;display:flex;flex-direction:column;gap:44px}
.install__head{display:flex;flex-direction:column;gap:8px}
.install__eyebrow{margin:0;color:var(--color-body);font-size:var(--text-base);line-height:20px}
.install__title{font-size:var(--text-2xl);line-height:35px}
/* Heading lockup (Paper p-P-0, owner 2026-11-01): scale = heading size / 20 x the header logo (icon .9em x 1em, word 3.6em x 1.1em); spacing = owner's phone light values (1px + 2.6px after "Add" at 23px = .157em, 1px before "to Chrome", .1em inside), all in em so it follows every heading size */
.install__logo{display:inline-flex;align-items:flex-end;gap:.1em;margin:0 .043em 0 .157em;vertical-align:-.03em;letter-spacing:0}   /* letters of the wordmark sit on the text baseline; the icon is fitted to cap height (owner 2026-11-01: it hung below the baseline) */
.install__logo .logo__icon{width:.71em;height:.79em;margin-bottom:.235em;margin-right:.03em}
.install__logo .logo__word{width:3.6em;height:1.1em;color:inherit}
.install__body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.install__cap,.install__rail{display:none}

/* stepper (desktop: vertical rows) */
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.step__btn{all:unset;box-sizing:border-box;width:100%;display:flex;gap:14px;padding:16px;border-radius:12px;cursor:pointer;color:var(--st-dim-label)}
.step__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.step__num{flex:0 0 24px;width:24px;font-family:var(--font-heading);font-size:30px;font-weight:var(--weight-medium);line-height:34px;color:var(--st-dim)}
.step__num .chk{display:none;color:var(--st-ok);font-weight:var(--weight-bold)}
.step__main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding-top:6px}
.step__ttl{font-family:var(--font-heading);font-size:17px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:22px;color:var(--st-dim-label)}
.step__ttl .t-done{display:none}
.step__desc,.step__rail{display:none}
.step[data-state="active"] .step__btn{background:var(--st-card);border:1px solid var(--st-card-line);box-shadow:var(--st-card-shadow);padding:15px}
.step[data-state="active"] .step__num{color:var(--color-accent)}
.step[data-state="active"] .step__main{padding-top:0}
.step[data-state="active"] .step__ttl{color:var(--color-ink)}
.step[data-state="active"] .step__desc{display:block;color:var(--color-body);font-size:var(--text-sm);line-height:20px}
.step[data-state="active"] .step__rail{display:block;height:2px;margin-top:4px;border-radius:2px;background:var(--st-rail)}
.step__rail i,.install__rail i{display:block;height:2px;border-radius:2px;background:var(--color-accent);width:var(--p,34%)}
.step[data-state="done"] .step__num .n{display:none}
.step[data-state="done"] .step__num .chk{display:block}
.step[data-state="done"] .step__btn:hover .step__ttl,.step[data-state="todo"] .step__btn:hover .step__ttl{color:var(--color-ink)}
.install[data-current="1"]{--p:34%}.install[data-current="2"]{--p:50%}.install[data-current="3"]{--p:75%}.install[data-current="4"]{--p:100%}

/* stage: browser mock */
.stage{background:var(--st-stage);border-radius:16px;padding:28px;min-width:0}
.win{background:var(--st-win);border:1px solid var(--ring-b);border-radius:12px;overflow:clip;box-shadow:none}
:root:not([data-theme="light"]) .win{border-color:var(--color-border)}
.win__bar{display:flex;align-items:flex-end;gap:14px;height:40px;padding-inline:14px;background:var(--st-bar)}
.dots{display:flex;align-items:center;gap:6px;height:40px}
.dots i{width:10px;height:10px;border-radius:5px;background:var(--st-dot)}
.tab{display:flex;align-items:center;gap:8px;height:32px;padding-inline:14px;border-radius:8px 8px 0 0;background:var(--st-tab);color:var(--color-ink);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:16px}
.fav{display:flex;width:12px;height:14px;flex-shrink:0}.fav svg{width:12px;height:14px}
.win__url{display:flex;align-items:center;gap:12px;height:44px;padding-inline:14px;border-bottom:1px solid var(--st-div)}
.arrows{display:flex;gap:10px}
.arrows svg{width:16px;height:16px}.arrows path{stroke:var(--st-nav-ic)}.arrows .dim path{stroke:var(--st-dim)}
.url{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:30px;padding-inline:14px;border:1px solid color-mix(in srgb,var(--color-accent) 75%,transparent);border-radius:15px;background:var(--st-pill);color:var(--color-ink);font-size:13px;line-height:17px;white-space:nowrap;overflow:hidden}
.lock{width:12px;height:12px;flex-shrink:0}.lock *{stroke:var(--color-body)}
.tools{display:flex;gap:6px}
.puz{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;box-sizing:border-box}
.puz svg{width:16px;height:16px}.puz path{stroke:var(--color-body)}
.pinned{align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;box-shadow:0 0 0 2px var(--st-win),0 0 0 3.5px var(--color-accent)}
.pinned svg{width:16px;height:18px}
.pinned--bar{display:none;margin:3px}
.install[data-current="4"] .pinned--bar{display:flex}
.pinned--view{display:none}
.install[data-current="3"] .url{border-color:var(--st-line)}
.install[data-current="3"] .puz{background:var(--color-accent-tint);border:1px solid var(--color-accent)}
.install[data-current="3"] .puz path{stroke:var(--color-accent)}

.win__view{position:relative;height:230px;overflow:clip;background:var(--st-view)}
.win__view[hidden]{display:none}
.win__view[data-view="1"]{background:var(--st-win)}
.store{display:flex;flex-direction:column;gap:14px;padding:28px}
.store__row{display:flex;align-items:center;gap:16px}
.store__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;flex-shrink:0}
.store__icon svg{width:50px;height:56px}
.store__meta{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.store__meta b{font-family:var(--font-heading);font-size:20px;line-height:24px;letter-spacing:var(--tracking-display);color:var(--color-ink)}
.store__meta span{color:var(--color-body);font-size:13px;line-height:17px}
.store__btn{padding:9px 16px;border-radius:var(--radius-sm);background:var(--color-btn-bg);color:var(--color-btn-ink);font-size:13px;font-weight:var(--weight-medium);line-height:17px;white-space:nowrap}
.store__btn--narrow{display:none}
.skel{display:block;height:8px;border-radius:4px;background:var(--st-skel);flex-shrink:0}
.skel--86{width:86%}.skel--62{width:62%}
.hint{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-accent);border-radius:8px;background:var(--color-accent-tint);color:var(--color-ink);font-size:13px;font-weight:var(--weight-medium);line-height:17px}
.hint i{width:6px;height:6px;border-radius:3px;background:var(--color-accent)}

/* step 2 */
.win__view[data-view="2"]{display:flex;flex-direction:column;gap:10px;padding:16px 28px}
.win__view[data-view="2"][hidden]{display:none}
.skel--full{width:100%}
.dialog{position:absolute;left:50%;top:22px;translate:-50% 0;width:min(300px,calc(100% - 28px));display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-win);box-shadow:var(--st-menu-shadow) 0 12px 24px -8px}
.dialog b{font-family:var(--font-heading);font-size:15px;line-height:18px;color:var(--color-ink)}
.dialog>span:not(.dialog__btns){color:var(--color-body);font-size:13px;line-height:17px}
.dialog__btns{display:flex;justify-content:flex-end;gap:8px}
.dbtn{padding:6px 12px;border:1px solid var(--st-line);border-radius:6px;color:var(--color-body);font-size:12px;line-height:16px}
.dbtn--go{border-color:transparent;background:var(--color-btn-bg);color:var(--color-btn-ink);font-weight:var(--weight-medium);box-shadow:0 0 0 2px var(--st-win),0 0 0 3.5px var(--color-accent)}

/* step 3 */
.menu{position:absolute;right:14px;top:18px;width:210px;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-win);box-shadow:var(--st-menu-shadow) 0 12px 24px -8px}
.menu>b{padding:2px 4px;font-family:var(--font-heading);font-size:13px;line-height:16px;color:var(--color-ink)}
.menu__item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;border:1px solid transparent;color:var(--color-ink);font-size:12px;line-height:16px}
.menu__item>span:not(.pinbtn):not(.menu__ic){flex:1;font-weight:var(--weight-medium)}
.menu__item--hot{border-color:var(--color-accent);background:var(--color-accent-tint)}
.menu__item--dim>span{color:var(--color-sub);font-weight:400!important}
.menu__ic{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.menu__ic svg{width:18px;height:20px}
.menu__ic--dim{border-radius:6px;background:var(--st-line)}
.pinbtn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid var(--color-accent);background:var(--st-win);flex-shrink:0}
.pinbtn svg{width:14px;height:14px}.pinbtn path{stroke:var(--color-ink)}
.notch{position:absolute;right:22px;top:12px;width:10px;height:10px;border-left:1px solid var(--st-line);border-top:1px solid var(--st-line);background:var(--st-win);rotate:45deg;transform-origin:0 0;z-index:1}
.hint--pin{position:absolute;left:28px;top:58px;padding:5px 10px;border-radius:6px;font-size:12px;line-height:16px}

/* step 4 */
.win__view--done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-inline:14px;text-align:center}
.win__view--done[hidden]{display:none}
.okc{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:20px;border-radius:20px;background:var(--st-ok-bg)}
.okc svg{width:20px;height:20px}.okc path{stroke:var(--st-ok)}
.done__msg{margin:0;font-family:var(--font-heading);font-size:15px;font-weight:var(--weight-bold);line-height:20px;color:var(--color-ink)}
.done__btn{padding:7px 14px;border-radius:6px;background:var(--color-btn-bg);color:var(--color-btn-ink);font-size:12px;font-weight:var(--weight-medium);line-height:16px;text-decoration:none}
.win__view--done{padding-top:0}

.install__cta{display:flex;align-items:center;gap:20px}
.install__note{margin:0;font-family:var(--font-body);color:var(--color-sub);font-size:var(--t90-small,13px);line-height:17px}
.done__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}

/* ---------- Mobile: stage on top, 4-step row, one caption, rail ---------- */
@media (max-width:599px){
  .install{--st-pill:var(--st-stage)}
  :root[data-theme="light"] .install{--st-pill:#FFFFFF}
  .install__inner{padding:64px 16px}
  .install__card{padding:20px;gap:20px;border-radius:20px}
  .install__head{gap:6px}
  .install__eyebrow{font-size:var(--text-sm);line-height:16px}
  .install__title{font-size:var(--text-xl);line-height:30px}
  .install__body{display:flex;flex-direction:column;gap:12px}
  .stage{order:-1;padding:10px;border-radius:14px;border:1px solid var(--color-border)}
  .install__body>.stage{margin-bottom:8px}
  .win{border-radius:10px;border-color:var(--ring-b)}
  .win__bar{height:34px;gap:10px;padding-inline:10px;align-items:center}
  .dots{height:auto;gap:4px}.dots i{width:7px;height:7px;border-radius:4px}
  .tab{height:auto;padding:5px 10px;gap:6px;border-radius:6px;font-size:11px;line-height:14px}
  .fav,.fav svg{width:10px;height:12px}
  .win__url{height:38px;gap:8px;padding-inline:10px}
  .arrows,.pinned--bar{display:none}
  .url{height:26px;padding-inline:10px;border-radius:13px;font-size:11px;line-height:14px}
  .lock{display:none}
  .puz{display:none}
  .tools{display:none}
  .install[data-current="3"] .tools,.install[data-current="3"] .puz{display:flex}
  .install[data-current="3"] .puz{width:26px;height:26px}
  .win__view{height:196px}
  .win__view[data-view="1"]{height:auto}
  .store{gap:14px;padding:18px 14px}
  .store__icon{width:44px;height:44px;border-radius:11px}.store__icon svg{width:39px;height:44px}
  .store__row{gap:12px}
  .store__meta{gap:2px}.store__meta b{font-size:15px;line-height:18px;letter-spacing:0}.store__meta span{font-size:12px;line-height:16px}
  .store__btn--wide{display:none}
  .store__btn--narrow{display:block;align-self:flex-start;padding:6px 12px;border-radius:6px;font-size:12px;line-height:16px}
  .skel{height:6px;border-radius:3px}.skel--86{display:none}.skel--62{width:200px}
  .hint{padding:5px 10px;gap:6px;border-radius:6px;font-size:11px;line-height:14px}
  .hint i{}
  .win__view[data-view="2"]{padding:16px 14px;gap:10px}
  .win__view[data-view="2"] .skel{height:8px;border-radius:4px}
  .dialog{left:34px;translate:none;top:10px;width:238px;padding:14px}
  .dialog b{font-size:14px}
  .dialog>span:not(.dialog__btns){font-size:12px;line-height:16px}
  .menu{right:10px;width:170px}
  .notch{right:20px;top:13px}
  .hint--pin{left:10px;top:58px;font-size:11px;line-height:14px}
  .win__view--done{gap:12px}
  .done__msg{font-size:13px}
  /* stepper becomes a 4-cell row */
  .steps{flex-direction:row;gap:6px}
  .step{flex:0 0 54px}
  .step[data-state="active"]{flex:1 1 0;min-width:0}
  .step__btn{flex-direction:column;gap:4px;padding:10px 4px 8px 10px;border-radius:10px}
  .step[data-state="active"] .step__btn{padding:10px 10px 8px}
  .step__num{flex:none;width:auto;font-size:24px;line-height:24px}
  .step__main{padding:0 !important;gap:0}
  .step__ttl{font-size:13px;line-height:16px;font-weight:var(--weight-medium);color:var(--st-dim-label)}
  .step[data-state="active"] .step__ttl{font-weight:var(--weight-semibold)}
  .step[data-state="active"] .step__desc,.step[data-state="active"] .step__rail{display:none}
  .step:nth-child(4):not([data-state="active"]) .t-more{display:none}
  .step[data-state="done"] .t-full{display:none}
  .step[data-state="done"] .t-done{display:inline}
  .step__num{color:var(--st-dim-label)}
  .step[data-state="done"] .step__num{color:var(--st-ok)}
  .step[data-state="active"] .step__num{color:var(--color-accent)}
  .install__cap{display:block;margin:0;color:var(--color-body);font-size:var(--text-sm);line-height:20px}
  .install__rail{display:block;height:2px;border-radius:1px;background:var(--st-rail)}
  .install__rail i{border-radius:1px}
  .install__cta{flex-direction:column;align-items:flex-start;gap:10px}
}
/* ---------- Scroll story (desktop/tablet): section pins inside a taller runway ---------- */
.install-runway{position:relative}
.install.install--pin{position:sticky;z-index:2;display:flex;flex-direction:column;justify-content:center;--co-install-mt:0px}
.install--pin .install__inner{padding-block:28px;width:min(var(--container-wide),100%)}
.install--compact .install__inner{padding-block:14px}
.install--compact .install__card{padding:36px 56px;gap:28px}
.install.is-story .win{position:relative}
.install.is-story .pinned--bar{display:none}
.install.is-story.is-pinned .pinned--bar{display:flex;animation:st-land .5s cubic-bezier(.2,.9,.3,1.3)}
@keyframes st-land{from{opacity:0;transform:translateY(-14px) scale(.6)}to{opacity:1;transform:none}}
.install.is-story .url{position:relative}
.url__caret{display:inline-block;width:1.5px;height:15px;margin-left:-6px;background:var(--color-ink);opacity:0;animation:st-blink 1s steps(2) infinite}
@keyframes st-blink{50%{visibility:hidden}}
.install.is-story .store__btn,.install.is-story .dbtn--go,.install.is-story .pinbtn{transition:transform .12s,filter .12s}
.install.is-story .is-pressed{transform:scale(.9);filter:brightness(.8)}
.story-cursor{position:absolute;left:0;top:0;z-index:6;width:18px;height:22px;pointer-events:none;opacity:0;will-change:transform}
.story-cursor svg{display:block;filter:drop-shadow(0 1px 2px #0008)}
.story-cursor path{fill:#fff;stroke:#0A0D12;stroke-width:1.3;stroke-linejoin:round}
.story-tick{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:26px;background:var(--st-ok-bg);opacity:0;pointer-events:none}
.story-tick svg{width:26px;height:26px}.story-tick path{stroke:var(--st-ok)}
.story4,.install.is-story .win__view--done>:not(.story4){display:none}
.install.is-story .story4{display:grid}
.story4{position:absolute;inset:0;grid-template-columns:minmax(0,1fr) 168px;grid-template-rows:minmax(0,1fr);gap:12px;padding:14px 14px 38px}
.story4__chart{position:relative;min-width:0;border:1px solid var(--st-line);border-radius:10px;background:var(--st-win);overflow:clip}
.s4-grid{position:absolute;left:0;right:0;height:1px;background:var(--st-div)}
.s4-c{position:absolute;width:11px;margin-left:-5.5px;opacity:0;transform:scaleY(.3)}
.s4-wick{position:absolute;left:50%;top:0;bottom:0;width:1.5px;margin-left:-.75px;border-radius:1px;background:var(--st-up)}
.s4-body{position:absolute;left:0;right:0;min-height:3px;border-radius:1.5px;background:var(--st-up)}
.s4-c.down .s4-wick,.s4-c.down .s4-body{background:var(--st-down)}
.story4__panel{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--st-card-line);border-radius:10px;background:var(--st-card);opacity:0}
.story4__head{display:flex;align-items:center;justify-content:space-between;color:var(--color-ink);font-family:var(--font-heading);font-size:13px;line-height:16px}
.story4__total{padding:2px 8px;border-radius:10px;background:var(--st-ok-bg);color:var(--st-ok-text);font-size:12px;font-weight:var(--weight-bold)}
.story4__row{display:flex;align-items:center;justify-content:space-between;color:var(--color-body);font-size:12px;line-height:16px}
.story4__dots{display:flex;gap:3px}
.story4__dots i{width:9px;height:9px;border-radius:3px;background:var(--st-line)}
.story4__dots i.on{background:var(--color-accent)}
.story4__msg{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;color:var(--color-ink);font-family:var(--font-heading);font-size:13px;font-weight:var(--weight-bold);line-height:18px;opacity:0}
/* step 4 chart view in every mode: the old tick circle is gone, the address bar is on a chart (neutral, not amber) */
.win__view--done>.pinned--view,.win__view--done>.okc{display:none!important}
.install[data-current="4"] .url{border-color:var(--st-line)}
/* click-only and phone modes: the same chart + Scout panel as a static block above the message and the real button */
.install:not(.is-story) .win__view--done{height:auto;justify-content:flex-start;gap:10px;padding:14px 14px 16px}
.install:not(.is-story) .story4{display:grid;position:static;order:-1;width:100%;height:132px;padding:0;gap:8px;grid-template-columns:minmax(0,1fr) 124px}
.install:not(.is-story) .story4__msg{display:none}
.install:not(.is-story) .story4__panel{padding:10px;gap:6px}
.install:not(.is-story) .story4__row{font-size:11px;line-height:14px}
.install:not(.is-story) .story4__dots i{width:8px;height:8px}
@media (prefers-reduced-motion:reduce){.install *{transition:none!important}}

/* ======================================================================
   Install v2 (Paper 2026-10-30): no card box, no active-step box, CTA button.
   Two-class selectors on purpose: scale90.css loads after this file.
   Tiers: phone <=599, tablet 600-1199 (column capped 730), desktop >=1200.
   ====================================================================== */
.install .install__card{background:none;border:0;box-shadow:none;border-radius:0}
.install .install__head{gap:8px}
.install .step[data-state="active"] .step__btn{background:none;border:0;box-shadow:none}
.install .step[data-state="active"] .step__rail{width:220px;max-width:100%}

.install .install__cta{gap:16px}

/* tablet + the wide-tablet range: one stacked column, mock on top, steps below, capped 730 */
@media (min-width:600px) and (max-width:1199px){
  .install .install__inner,.install.install--pin .install__inner{width:100%;max-width:var(--container-wide);margin-inline:auto;padding-inline:16px}
  .install:not(.install--pin) .install__inner{padding-block:50px}
  .install .install__card,.install.install--compact .install__card{padding:0;gap:48px}
  .install .install__head{gap:16px}
  .install .install__body{grid-template-columns:minmax(0,1fr);gap:24px}
  .install .stage{order:-1;max-width:none;width:100%;margin-inline:0}
  .install .steps{gap:8px}
  .install .step__btn,.install .step[data-state="active"] .step__btn{padding:12px 0;gap:12px}
  .install .step__num{flex:0 0 20px;width:20px}
  .install .step[data-state="active"] .step__main{gap:6px}
  .install .step[data-state="active"] .step__desc{font-size:14px;line-height:20px}
  .install .step[data-state="active"] .step__rail{width:100%}
  /* mock content area 190 tall (Paper tablet): inner spacing tightened so every step still fits */
  .install .win__view{height:190px}
  .install .store{padding:28px;gap:22px}
  .install .win__view[data-view="2"]{padding:16px 28px}
  .install .dialog{top:16px}
  .install .menu{top:14px}
  .install .notch{top:8px}
  .install .hint--pin{top:48px}
  .install.is-story .story4{padding:14px 14px 34px}
  .install .story4__panel{padding:10px;gap:6px}
}
/* desktop */
@media (min-width:1200px){
  .install .install__card{gap:44px}
  .install.install--compact .install__card{gap:24px}
  .install .step[data-state="active"] .step__btn{padding:11px}
  /* Paper p-K-0 Feedback 8 (owner 2026-11-01): head, steps and window sit 10px lower so "Install" lines up with the top of the "super simple, four clicks" note */
  .install .install__head{padding-top:10px}
}
/* phone */
@media (max-width:599px){
  .install .install__card,.install.install--compact .install__card{padding:0;gap:16px}
  .install .install__head{gap:6px}
  .install .step[data-state="active"] .step__btn{padding:10px 10px 8px}
  .install .install__cta{align-items:center;gap:10px}
  .install .install__note{font-size:14px;line-height:17px;text-align:center}
}