/* apps.perspectivebox.io landing page (/) and the 404 page, loaded after site.css. Never edit site.css for one page: add page rules here. */

/* ---------- Header: five links and a button need the menu collapsed up to 960 px ---------- */
@media (min-width:760px) and (max-width:959.98px){
  .js .page-apps .nav-toggle{display:inline-flex}
  .js .page-apps .nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-block:var(--space-2xs) var(--space-s);border-top:1px solid var(--line)}
  .js .page-apps .site-header[data-nav-open] .nav{display:flex}
  .js .page-apps .nav__list{flex-direction:column;align-items:stretch}
  .js .page-apps .nav__list a{width:100%}
  .js .page-apps .nav .btn{width:100%}
}

/* ---------- Monogram tiles for apps under development ---------- */
.mono-tile{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;line-height:1;background:var(--pb-teal-soft);color:var(--pb-teal-deep);box-shadow:inset 0 0 0 1px rgba(23,107,128,.18)}
.mono-tile--stone{background:var(--pb-stone);color:var(--pb-charcoal);box-shadow:inset 0 0 0 1px var(--line-strong)}
.mono-tile--ink{background:var(--pb-charcoal);color:#FFFFFF;box-shadow:none}
.mono-tile--teal{background:var(--pb-teal);color:#FFFFFF;box-shadow:none}

/* ---------- 1. Hero ---------- */
.lp-hero{position:relative;isolation:isolate;overflow:clip;padding-block:var(--space-xl) var(--space-2xl)}
.lp-hero .hero__wash{opacity:.85}
.lp-hero__grid{display:grid;gap:var(--space-xl);align-items:center}
@media (min-width:960px){.lp-hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-xl)}}
@media (min-width:960px){.lp-hero .actions .btn--lg{font-size:var(--step-0);padding-inline:1.4rem}}
.lp-hero__copy>*+*{margin-top:var(--space-m)}
.lp-hero__copy .eyebrow+h1{margin-top:var(--space-s)}
.lp-hero h1{font-size:clamp(2.4rem,1.5rem + 4vw,4.25rem);font-weight:700;letter-spacing:-0.035em;line-height:1.02;max-width:12ch}
.lp-hero__lead{font-size:var(--step-1);color:var(--muted);line-height:1.55;max-width:34rem}
.lp-hero__lead strong{color:var(--ink);font-weight:600}
.lp-hero .actions{margin-top:var(--space-l)}
.lp-hero .hero__note{margin-top:var(--space-s)}
/* 960 to 1239 px: a wider copy column, a smaller heading and both buttons on one row */
@media (min-width:960px) and (max-width:1239.98px){
  .lp-hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .lp-hero h1{font-size:clamp(2.4rem,1.1rem + 3.1vw,3.4rem);max-width:none}
  .lp-hero .actions{flex-wrap:nowrap}
  .lp-hero .actions--nocard{flex-wrap:wrap}
  .lp-hero .actions .btn--lg{padding-inline:1.05rem;white-space:nowrap}
}
.lp-proof{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-m);list-style:none;margin:var(--space-l) 0 0;padding:var(--space-s) 0 0;border-top:1px solid var(--line-strong);max-width:36rem}
.lp-proof li{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--step--1);font-weight:500;color:var(--ink)}
.lp-proof svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-hero__media{position:relative;min-width:0}
.lp-hero__media .device-duo{padding-right:11%;padding-bottom:7%}
.lp-hero__media .device-duo .device--phone{width:29%}
@media (max-width:959.98px){.lp-hero__media{max-width:40rem;margin-inline:auto;width:100%}}
.lp-hero__chip{position:absolute;z-index:4;left:-2%;top:-5%;display:flex;align-items:center;gap:.6rem;margin:0;padding:.55rem 1rem .55rem .55rem;border-radius:999px;background:#FFFFFF;box-shadow:0 1px 2px rgba(31,41,51,.08),0 12px 28px -10px rgba(31,41,51,.3);font-size:var(--step--1);line-height:1.25;color:var(--hb-ink)}
.lp-hero__chip img{width:32px;height:32px;border-radius:8px;flex:none}
.lp-hero__chip strong{font-family:var(--font-display);font-weight:800}
.lp-hero__chip strong+*{margin-left:0}
.lp-hero__chip-line{display:block;color:var(--hb-slate);font-size:var(--step--2);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
@media (max-width:599.98px){.lp-hero__chip{position:static;width:max-content;max-width:100%;margin:var(--space-s) auto 0}}

/* ---------- Apps at a glance ---------- */
.lp-catalogue{padding-block:var(--space-l);background:var(--surface);border-block:1px solid var(--line)}
.lp-catalogue__title{font-size:var(--step-1);font-weight:600;letter-spacing:-0.005em;line-height:1.35;margin-bottom:var(--space-m)}
.lp-catalogue__title span{color:var(--muted);font-weight:500}
.lp-catalogue__list{display:grid;gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}
.lp-tile--live{grid-column:1/-1}
@media (min-width:600px){.lp-catalogue__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.lp-catalogue__list{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-tile--live{grid-column:span 2}}
@media (max-width:599.98px){.lp-tile{padding:var(--space-xs)}.lp-tile .lp-tile__icon{width:36px;height:36px;border-radius:10px;font-size:.85rem}.lp-tile__status{letter-spacing:.03em}}
@media (max-width:359.98px){.lp-catalogue__list{grid-template-columns:1fr}}
.lp-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-xs);row-gap:.4rem;align-items:center;padding:var(--space-s);border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.lp-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.lp-tile:has(a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.lp-tile .lp-tile__icon{grid-row:auto;width:44px;height:44px;border-radius:12px;font-size:.95rem}
.lp-tile__text{display:flex;flex-direction:column;min-width:0}
.lp-tile__name{font-family:var(--font-display);font-weight:700;font-size:var(--step-0);color:var(--ink);text-decoration:none;line-height:1.25}
.lp-tile__name::after{content:"";position:absolute;inset:0;border-radius:inherit}
.lp-tile__name:focus-visible{outline:none}
.lp-tile__name:hover{color:var(--ink)}
.lp-tile__line{font-size:var(--step--1);color:var(--muted)}
.lp-tile__status{grid-column:1/-1;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:var(--step--2);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lp-tile__status::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--pb-teal-light);flex:none}
.lp-tile__status--live{color:var(--hb-blue-deep)}
.lp-tile__status--live::before{background:var(--hb-amber)}
.lp-tile--live{background:var(--hb-cream);border-color:#CBD5E1}
.lp-tile--live .lp-tile__icon{border-radius:12px}

/* ---------- 2. Homebase ---------- */
.lp-homebase{position:relative;isolation:isolate;background:var(--bg)}
.lp-homebase::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 100% 0%,var(--hb-blue-soft) 0%,transparent 70%),radial-gradient(40% 30% at 0% 100%,var(--hb-amber-soft) 0%,transparent 70%);opacity:.8}
.lp-hb-head{display:grid;gap:var(--space-s) var(--space-2xl);margin-bottom:var(--space-xl)}
.lp-hb-head>*{margin:0}
@media (min-width:960px){
  .lp-hb-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
  .lp-hb-head__brand,.lp-hb-head__badges,.lp-hb-head h2{grid-column:1}
  .lp-hb-head .lead{grid-column:2;grid-row:2/4;align-self:end}
  .lp-hb-head__idea{grid-column:1/-1}
}
.lp-hb-head__brand{display:flex;align-items:center;gap:.8rem}
.lp-hb-head__brand .hb-icon{width:56px;height:56px;border-radius:14px;box-shadow:0 6px 16px -6px rgba(58,110,165,.55)}
.lp-hb-head__brand .hb-wordmark{display:block;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem)}
.lp-hb-head__brand .brand__endorse{font-size:var(--step--1);margin-top:.3rem}
.lp-hb-head__badges{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}
.lp-hb-head h2{font-size:clamp(2.1rem,1.4rem + 3vw,3.4rem);font-weight:800;letter-spacing:-0.035em;line-height:1.04;max-width:15ch}
.lp-hb-head .lead{max-width:36rem}
.lp-hb-head__idea{margin-top:var(--space-s)!important;padding:var(--space-s) var(--space-m);border-left:4px solid var(--hb-amber);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface);font-family:var(--font-display);font-weight:700;font-size:var(--step-1);line-height:1.4;color:var(--ink);box-shadow:var(--shadow-1)}

.lp-outcomes{display:grid;gap:var(--space-m);grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media (min-width:600px){.lp-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.lp-outcomes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lp-outcome{display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);overflow:hidden}
.lp-outcome__media{display:flex;justify-content:center;height:clamp(230px,200px + 8vw,290px);padding:var(--space-m) var(--space-s) 0;overflow:hidden;background:var(--hb-mist);border-bottom:1px solid var(--line)}
.lp-outcome:nth-child(2) .lp-outcome__media{background:var(--hb-amber-soft)}
.lp-outcome:nth-child(3) .lp-outcome__media{background:var(--hb-blue-soft)}
.lp-outcome:nth-child(4) .lp-outcome__media{background:#F3EEE4}
.lp-outcome .device--phone{--phone-w:220px;flex:none;align-self:flex-start;padding:7px;border-radius:36px;box-shadow:0 20px 40px -18px rgba(31,41,51,.45)}
.lp-outcome .device--phone .device__screen{border-radius:30px}
.lp-outcome .device--phone::before{top:calc(7px + 2.6%)}
/* Scroll each shot so the meaningful part sits in the cropped window, not the app header */
.lp-shot .device__screen>img{transform:translateY(var(--shot-y,0))}
.lp-shot .device__screen::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;aspect-ratio:100/18;background:var(--status-bg,#F4F6F8)}
.lp-shot--y8{--shot-y:-8%}
.lp-shot--y10{--shot-y:-10%}
.lp-shot--y23{--shot-y:-22.6%}
.lp-outcome__text{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-m)}
.lp-outcome h3{font-size:var(--step-1);line-height:1.25}
.lp-outcome p{color:var(--muted);font-size:var(--step-0);line-height:1.55}

.lp-hb-also{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-s);margin-top:var(--space-xl)}
.lp-hb-also__title{font-family:var(--font-display);font-size:var(--step--1);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lp-chips{display:flex;flex-wrap:wrap;gap:var(--space-2xs);list-style:none;margin:0;padding:0}
.lp-chips li{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);font-size:var(--step--1);font-weight:500;color:var(--ink);line-height:1.35}
.lp-chips li::before{content:"";width:.35rem;height:.6rem;margin-top:-.15rem;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none}
.lp-hb-actions{margin-top:var(--space-xl)}

/* ---------- Homebase pricing, with a monthly and yearly switch (radios; works without JavaScript) ---------- */
.lp-pricing{background:var(--surface-alt)}
.lp-plans{max-width:56rem;margin-inline:auto}
.billing{display:flex;justify-content:center;margin:0 0 var(--space-l);padding:0;border:0;min-width:0}
.billing__group{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);max-width:100%}
.billing input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.billing label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1.15rem;border-radius:999px;font-family:var(--font-display);font-weight:600;color:var(--ink);cursor:pointer;text-align:center;line-height:1.25;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.billing label:hover{background:var(--accent-soft);color:var(--accent-hover)}
.billing input:checked+label{background:var(--accent);color:var(--on-accent)}
.billing input:focus-visible+label{outline:3px solid var(--focus);outline-offset:3px}
.billing__save{font-family:var(--font-body);font-weight:500;font-size:var(--step--1);opacity:.92}
@media (max-width:479.98px){
  .billing__group{flex-wrap:nowrap}
  .billing__save{display:none}
  .billing label{padding-inline:1.4rem}
}
.when-yearly{display:none}
.lp-plans:has(#billing-yearly:checked) .when-monthly,.lp-plans[data-billing="yearly"] .when-monthly{display:none}
.lp-plans:has(#billing-yearly:checked) .when-yearly,.lp-plans[data-billing="yearly"] .when-yearly{display:block}
.when-monthly>*+*,.when-yearly>*+*{margin-top:var(--space-2xs)}
.lp-pricing .price-card .btn{margin-top:var(--space-s)}
.lp-trial{margin-top:var(--space-l);gap:var(--space-xs)}
.lp-trial__title{font-size:var(--step-1)}
.lp-trial__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:var(--space-2xs) var(--space-m);list-style:none;margin:0;padding:0}
.lp-trial__list li{position:relative;padding-left:1.35rem;font-size:var(--step--1);font-weight:500;line-height:1.5}
.lp-trial__list li::before{content:"";position:absolute;left:.2rem;top:.3em;width:.35rem;height:.65rem;border:solid var(--hb-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.lp-trial__note{font-size:var(--step--1);color:var(--hb-ink);line-height:1.5}
.lp-trial__note a{color:inherit;font-weight:600}
.lp-pricing__actions{justify-content:center;margin-top:var(--space-l)}
.lp-pricing__fine{max-width:46rem;margin:var(--space-m) auto 0;text-align:center}

/* ---------- 3 and 4. Apps for teams and for you ---------- */
.lp-teams{background:var(--surface-alt)}
.lp-teams .section__head,.lp-you .section__head{max-width:48rem}
.lp-products{display:grid;gap:var(--space-m);grid-template-columns:1fr}
@media (min-width:860px){.lp-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lp-product{display:flex;flex-direction:column;gap:var(--space-s);padding:clamp(1.25rem,1rem + 1.4vw,2.25rem);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);scroll-margin-top:5.5rem}
.lp-product__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2xs) var(--space-s)}
.lp-product__head .mono-tile{grid-row:auto}
.lp-product__head .badge{grid-column:1/-1;justify-self:start}
@media (min-width:480px){
  .lp-product__head{grid-template-columns:auto minmax(0,1fr) auto}
  .lp-product__head .badge{grid-column:auto;align-self:start}
}
.lp-product__name{font-size:var(--step-3);font-weight:700;letter-spacing:-0.02em}
.lp-product__for{margin-top:.2rem;font-size:var(--step--1);color:var(--muted)}
.lp-product__line{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.4;color:var(--ink);max-width:32rem}
.lp-product .list-check{color:var(--ink)}
.lp-product .list-check li{color:var(--muted)}
.lp-product__cta{margin-top:auto;align-self:flex-start}
.lp-product .list-check+.lp-product__cta{margin-top:var(--space-xs)}
@media (max-width:479.98px){.lp-product__cta{align-self:stretch}}
.lp-product--compact .lp-product__name{font-size:var(--step-2)}
.lp-you{padding-bottom:var(--space-2xl)}

/* ---------- Early access and waitlist form ---------- */
.lp-interest{background:var(--accent-soft);scroll-margin-top:4rem}
.lp-interest__grid{display:grid;gap:var(--space-xl);align-items:start}
@media (min-width:960px){.lp-interest__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-2xl)}}
.lp-interest__copy>*+*{margin-top:var(--space-s)}
.lp-interest__copy h2{max-width:16ch}
.lp-interest__copy .list-check{margin-top:var(--space-m)}
.lp-form-card,#interest-form{scroll-margin-top:5.5rem}
.lp-form-card{padding:clamp(1.25rem,1rem + 1.5vw,2.25rem);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2)}
.lp-form-card__title{font-family:var(--font-display);font-size:var(--step-2);font-weight:600;line-height:1.25;margin-bottom:var(--space-m)}
.interest-form .field+.field{margin-top:var(--space-m)}
.field{display:grid;gap:.4rem}
.field label{font-family:var(--font-display);font-size:var(--step--1);font-weight:600;color:var(--ink)}
.field__optional{font-family:var(--font-body);font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid #7A716B;border-radius:var(--radius-s);background:#FFFFFF;color:var(--ink);font:inherit;font-size:max(16px,var(--step-0));line-height:1.4}
.field textarea{min-height:7.5rem;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.field [aria-invalid="true"]{border-color:#B42318;border-width:2px}
.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;cursor:pointer}
.select::after{content:"";position:absolute;right:1.1rem;top:50%;width:.55rem;height:.55rem;border:solid var(--ink);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field__hint{font-size:var(--step--1);color:var(--muted)}
.field__error{font-size:var(--step--1);font-weight:600;color:#B42318}
.field--trap{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.lp-consent{margin-block:var(--space-m)}
.interest-form button[aria-busy="true"]{opacity:.75;cursor:progress}
.form-status{margin-top:var(--space-m);padding:var(--space-s) var(--space-m);border-radius:var(--radius);border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--ink);line-height:1.5}
.form-status:focus{outline:none}
.form-status:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.form-status strong{display:block;font-family:var(--font-display);font-size:var(--step-1);margin-bottom:.2rem}
.form-status--ok{border-left-color:#1E6B3F;background:#E8F3EC}
.form-status--error{border-left-color:#B42318;background:#FDECEA}
.form-status a{font-weight:600;color:var(--ink)}

/* ---------- 5. Why Perspective Box ---------- */
.lp-why__grid{display:grid;gap:var(--space-l) var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));list-style:none;margin:0;padding:0}
.lp-why__item{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-m);border-top:1px solid var(--line-strong)}
.lp-why__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-3xs);border-radius:12px;background:var(--accent-soft);color:var(--accent-hover)}
.lp-why__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-why__item h3{font-size:var(--step-1)}
.lp-why__item p{color:var(--muted)}
@media (max-width:599.98px){
  .lp-why__item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-s);row-gap:var(--space-2xs);align-items:center}
  .lp-why__icon{margin:0}
  .lp-why__item p{grid-column:1/-1}
}

/* ---------- 6. FAQ ---------- */
.lp-faq{background:var(--surface)}
.lp-faq .faq{max-width:52rem;margin-inline:auto}

/* ---------- Footer additions ---------- */
.site-footer{border-top:1px solid var(--line-strong)}
.site-footer .footer__brand img{width:128px;height:auto}
@media (min-width:900px){.site-footer .footer__grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}}
.legal-redress{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}
@media (min-width:860px){.legal-redress{align-items:flex-end;text-align:right}}
.legal-redress__adr{max-width:34ch;font-size:var(--step--1);color:var(--muted)}
.legal-redress__adr a{color:var(--ink)}

/* ---------- Privacy page ---------- */
.privacy{padding-block:var(--space-2xl) var(--space-3xl)}
.privacy .prose>*+*{margin-top:var(--space-s)}
.privacy .prose h2{margin-top:var(--space-xl);font-size:var(--step-3)}
.privacy .prose h3{margin-top:var(--space-l);font-size:var(--step-1)}
.privacy .prose section{scroll-margin-top:5.5rem}
.privacy .prose section>*+*{margin-top:var(--space-s)}
.privacy .prose section+section{margin-top:var(--space-2xl);padding-top:var(--space-l);border-top:1px solid var(--line-strong)}
.privacy__facts{display:grid;gap:var(--space-2xs) var(--space-m);margin:var(--space-m) 0 0;padding:0}
@media (min-width:700px){.privacy__facts{grid-template-columns:minmax(0,13rem) minmax(0,1fr)}}
.privacy__facts dt{font-family:var(--font-display);font-weight:600;color:var(--ink)}
.privacy__facts dd{margin:0 0 var(--space-2xs);color:var(--muted)}

/* ---------- 404 ---------- */
.notfound{padding-block:var(--space-3xl)}
.notfound .prose>*+*{margin-top:var(--space-m)}
.notfound__code{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;color:var(--accent)}

/* ---------- Motion and forced colours ---------- */
@media (prefers-reduced-motion:reduce){
  .billing label,.lp-tile{transition:none}
  .lp-tile:hover{transform:none}
}
@media (forced-colors:active){
  .billing__group,.lp-chips li,.lp-tile,.lp-product,.lp-outcome{border:1px solid CanvasText}
  .billing input:checked+label{outline:2px solid CanvasText;outline-offset:-4px}
  .field input,.field select,.field textarea{border:1px solid CanvasText}
}

/* Google Play next to every Homebase call to action (2026-10-31). */
.btn--store{gap:8px}
.btn__icon{flex:none}