/* V3 Teams, v4 (2026-10-12). Layers on the live Teams styles (page.css) and borrows the
   Plus page's components (../v3-plus/page.css): the hero iPhone, the trust line, the text bubbles. New here: the
   three texted moments (tx-*), the business case (biz-*), what the team gets in the estimator (gets-*) and the
   employee path (ask-*).
   v3 (audit 10/12): three radii only. 24px for stages and panels, 18px for cards, 12px for rows and inner cards
   (bubbles keep their 20px chat shape). Mono labels only where they label data. */

/* ---------- 1. Hero: the Plus layout, Teams copy ---------- */
.t-hero-next .h1{font-size:clamp(44px,4.6vw,58px);max-width:11.5em;text-wrap:balance}
.t-hero-next .fr-order-p b{color:#6ee48d}
@media (max-width:760px){
  .t-hero-next .h1{font-size:clamp(32px,calc((100vw - 2 * var(--gutter)) / 9.6),44px)}
  html[data-hero-variant=thread] .t-hero-next .actions{order:3}
  html[data-hero-variant=thread] .t-hero-next .fr-hero-note{order:4}
  html[data-hero-variant=thread] .t-hero-next .fr-thread{order:5;margin-top:8px}
}
@media (max-width:960px) and (min-width:761px){
  html[data-hero-variant=thread] .t-hero-next .hero-in{align-items:center;text-align:center}
  html[data-hero-variant=thread] .t-hero-next .hero-copy{align-items:center;max-width:640px}
  html[data-hero-variant=thread] .t-hero-next .actions{justify-content:center}
}
/* the order card's status text sits in the brand's jade, not iMessage green */
.t-hero-next .fr-order-p b,.t-hero-next .fr-order-saved,.t-hero-next .fr-link-pill{color:var(--jade)}
/* the header on this page: Talk to an expert as the quiet link, Build your estimate as the button */
.nav .t-nav-expert{display:inline-flex}
@media (max-width:1060px){.nav .t-nav-expert{display:none}}

/* ---------- 1b. The numbers band ---------- */
.specs{background:var(--abyss);color:var(--pearl);border-top:1px solid rgba(240,243,241,.06);border-bottom:1px solid rgba(240,243,241,.06)}
.specs-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.specs-row div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:36px 28px 34px;border-left:1px solid rgba(240,243,241,.08)}
.specs-row div:first-child{padding-left:0;border-left:0}
.specs-row dd{margin:0;font-size:clamp(26px,2.4vw,34px);font-weight:300;letter-spacing:-.03em;line-height:1.05;color:var(--pearl)}
.specs-row dt{font-size:var(--fs-15);line-height:1.4;color:var(--silver)}
.specs-fine{padding:0 0 26px;font-size:var(--fs-13);line-height:1.6;color:var(--dim)}
@media (max-width:860px){
  .specs-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .specs-row div{padding:24px 0 22px 20px}
  .specs-row div:nth-child(odd){padding-left:0;border-left:0}
  .specs-row div:nth-child(n+3){border-top:1px solid rgba(240,243,241,.08)}
}

/* ---------- 2. What Gabriel does (v4): four tabs over one stage ----------
   One number leads each moment (Apple's "one big fact"), the text that got it sits beside it. Fixed stage height,
   so switching never moves the page. */
.sx-ui{margin-top:clamp(40px,5vw,64px)}
.sx-tabs{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto;padding:4px;border-radius:999px;background:rgba(200,206,206,.32);overflow-x:auto;scrollbar-width:none}
.sx-tabs::-webkit-scrollbar{display:none}
.sx-tabs button{position:relative;flex:none;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:none;font:inherit;font-size:var(--fs-15);font-weight:500;color:var(--ash);cursor:pointer;overflow:hidden;transition:color .25s var(--ease-out),background .25s var(--ease-out)}
.sx-tabs button:hover{color:var(--ink)}
.sx-tabs button[aria-selected=true]{background:var(--ink);color:var(--pearl)}
.sx-tabs button:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}
.sx-tabs button i{position:absolute;left:22px;right:22px;bottom:9px;height:1px;background:rgba(240,243,241,.5);transform:scaleX(0);transform-origin:0 50%}
.sx-ui.timing .sx-tabs button[aria-selected=true] i{transform:scaleX(1);transition:transform var(--sx-dur,6500ms) linear}
.sx-stage{margin-top:28px;border-radius:24px;background:var(--abyss);color:var(--pearl);overflow:hidden}
.sx-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,88px);min-height:440px;padding:clamp(36px,4.4vw,72px)}
.sx-panel[hidden]{display:none}
.sx-fact{display:flex;flex-direction:column;gap:14px;animation:sxIn .6s var(--ease-out) both}
.sx-k{font-family:var(--mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--jade)}
.sx-num{font-size:clamp(72px,8.4vw,120px);font-weight:300;letter-spacing:-.05em;line-height:.95;color:var(--pearl);font-variant-numeric:tabular-nums}
.sx-cap{max-width:24em;font-size:var(--fs-lead);line-height:1.45;color:var(--pearl)}
.sx-more{max-width:28em;font-size:var(--fs-15);line-height:1.6;color:var(--silver)}
.sx-convo{display:flex;flex-direction:column;gap:12px}
.sx-me,.sx-g{max-width:82%;margin:0;padding:13px 17px;border-radius:20px;font-size:var(--fs-17);line-height:1.4;letter-spacing:-.01em}
.sx-me{align-self:flex-end;border-bottom-right-radius:6px;background:var(--pearl);color:var(--ink)}
.sx-me.sx-short{min-width:72px;text-align:center;font-weight:500}
.sx-g{align-self:flex-start;border-bottom-left-radius:6px;background:rgba(240,243,241,.07);box-shadow:inset 0 0 0 1px rgba(240,243,241,.1)}
.sx-card{margin-top:8px;padding:18px 20px 6px;border-radius:18px;background:#0b0f11;box-shadow:inset 0 0 0 1px rgba(240,243,241,.1)}
.sx-card-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim)}
.sx-card-top b{font-family:var(--sans);font-size:var(--fs-13);font-weight:500;letter-spacing:0;color:var(--jade)}
.sx-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:13px 0;border-top:1px solid rgba(240,243,241,.08)}
.sx-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.sx-row b{font-size:var(--fs-15);font-weight:500;color:var(--pearl)}
.sx-row small{font-size:var(--fs-13);color:var(--dim)}
.sx-p{flex:none;align-items:flex-end;text-align:right}
.sx-p b{color:var(--jade)}
.sx-p s{font-size:var(--fs-13);color:var(--dim)}
/* the texts arrive one after another, as they would on a phone */
.sx-convo>*{animation:sxIn .55s var(--ease-out) both;animation-delay:.35s}
.sx-convo>:nth-child(2){animation-delay:.85s}
.sx-convo>:nth-child(3){animation-delay:1.35s}
@keyframes sxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sx-fine{margin:24px auto 0;max-width:52em;text-align:center;color:var(--ash)}
@media (prefers-reduced-motion:reduce){.sx-fact,.sx-convo>*{animation:none}.sx-ui.timing .sx-tabs button i{transition:none}}
@media (max-width:860px){
  .sx-tabs{justify-content:flex-start;width:auto;max-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);border-radius:0;background:none;gap:8px}
  .sx-tabs button{padding:0 18px;background:rgba(200,206,206,.32)}
  .sx-panel{grid-template-columns:1fr;gap:32px;min-height:0;padding:32px 22px 28px;align-items:start}
  .sx-num{font-size:clamp(64px,19vw,88px)}
  .sx-stage{border-radius:18px}
  /* every panel holds the tallest one's height on phones, so a tap never moves what's below */
  .sx-stage{display:grid}
  .sx-panel{grid-area:1/1}
  .sx-panel[hidden]{display:grid!important;visibility:hidden}
}

/* ---------- 2b. Health twin: the app's real screen in a quiet device frame, notes either side ---------- */
.tw .sec-head{max-width:40em}
.tw-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,88px);margin-top:clamp(48px,6vw,80px)}
.tw-device{position:relative;width:340px;margin:0;padding:10px;border-radius:54px;background:#07090a;box-shadow:inset 0 0 0 1.5px rgba(240,243,241,.16),inset 0 0 0 9px #07090a,0 70px 140px -50px rgba(0,0,0,.95),0 0 160px -30px rgba(147,187,169,.22)}
.tw-device img{display:block;width:100%;height:auto;border-radius:44px}
.tw-island{position:absolute;top:20px;left:50%;z-index:1;width:96px;height:28px;border-radius:999px;background:#000;transform:translateX(-50%)}
.tw-notes{display:flex;flex-direction:column;gap:40px;margin:0;padding:0;list-style:none}
.tw-left{text-align:right}
.tw-notes li{display:flex;flex-direction:column;gap:8px}
.tw-notes b{font-size:var(--fs-h3);font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--pearl)}
.tw-notes span{font-size:var(--fs-15);line-height:1.6;color:var(--silver)}
.tw-fine{margin-top:28px;text-align:center;color:var(--dim)}
@media (prefers-reduced-motion:no-preference){
  .tw-device{animation:twGlow 7s ease-in-out infinite}
  @keyframes twGlow{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(240,243,241,.16),inset 0 0 0 9px #07090a,0 70px 140px -50px rgba(0,0,0,.95),0 0 160px -30px rgba(147,187,169,.18)}50%{box-shadow:inset 0 0 0 1.5px rgba(240,243,241,.16),inset 0 0 0 9px #07090a,0 70px 140px -50px rgba(0,0,0,.95),0 0 200px -20px rgba(147,187,169,.3)}}
}
@media (max-width:960px){
  .tw-grid{grid-template-columns:1fr;justify-items:center;gap:40px}
  .tw-device{order:-1;width:min(300px,78vw);border-radius:48px}
  .tw-device img{border-radius:39px}
  .tw-notes,.tw-left{text-align:left;width:100%;max-width:520px;gap:24px}
}
/* Team Quests, the second beat of the same chapter */
.tw-quests{margin-top:clamp(96px,10vw,160px);padding-top:clamp(56px,6vw,96px);border-top:1px solid var(--line)}
.tq-h{font-size:var(--fs-h2)}

/* ---------- 2b. Team Quests ---------- */
.tq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,112px);align-items:center}
.tq-copy{gap:24px}
.tq-points{display:flex;flex-direction:column;margin:8px 0 0;padding:0;list-style:none}
.tq-points li{padding:16px 0;border-top:1px solid var(--line);font-size:var(--fs-17);line-height:1.5;color:var(--silver)}
.tq-points li:last-child{border-bottom:1px solid var(--line)}
.tq-points b{font-weight:400;color:var(--pearl)}
.tq-board{margin:0;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--obsidian);box-shadow:inset 0 0 0 1px rgba(240,243,241,.08),0 50px 100px -50px rgba(0,0,0,.9)}
.tq-head{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.tq-head img{flex:none;width:44px;height:44px}
.tq-head span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tq-head small{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.tq-head b{font-size:var(--fs-h3);font-weight:300;letter-spacing:-.02em;color:var(--pearl)}
.tq-head em{flex:none;font-style:normal;font-size:var(--fs-13);color:var(--jade)}
.tq-rows{display:flex;flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.tq-rows li{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:16px 18px;border-radius:12px;overflow:hidden;background:rgba(240,243,241,.03)}
.tq-rows li i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:12px;background:rgba(147,187,169,.1);transform-origin:0 50%}
.tq-rows li:first-child i{background:rgba(147,187,169,.2)}
.tq-rows span{position:relative;z-index:1}
.tq-rank{font-family:var(--mono);font-size:var(--fs-13);color:var(--dim)}
.tq-team{font-size:var(--fs-17);color:var(--pearl)}
.tq-pts{font-size:var(--fs-17);color:var(--pearl);font-variant-numeric:tabular-nums}
.tq-rows li:first-child .tq-rank{color:var(--jade)}
.tq-foot{display:flex;justify-content:space-between;gap:16px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:var(--fs-15)}
.tq-foot span{color:var(--dim)}
.tq-foot b{font-weight:500;color:var(--jade)}
html[data-anim] .tq-board:not(.in) .tq-rows i{transform:scaleX(0)}
.tq-board .tq-rows i{transition:transform 1.1s var(--ease-out)}
.tq-board .tq-rows li:nth-child(2) i{transition-delay:.12s}
.tq-board .tq-rows li:nth-child(3) i{transition-delay:.24s}
.tq-board .tq-rows li:nth-child(4) i{transition-delay:.36s}
@media (max-width:960px){.tq-grid{grid-template-columns:1fr}.tq-head b{font-size:var(--fs-17)}}

/* ---------- 3. For HR and finance: the facts, beside an example employer report ---------- */
.hr-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,112px);align-items:center}
.hr-copy{gap:24px}
.hr-facts{display:flex;flex-direction:column;margin:16px 0 0}
.hr-facts div{display:flex;flex-direction:column;gap:4px;padding:20px 0;border-top:1px solid var(--rule)}
.hr-facts div:last-child{border-bottom:1px solid var(--rule)}
.hr-facts dt{font-size:var(--fs-h3);font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.hr-facts dd{margin:0;font-size:var(--fs-17);line-height:1.5;color:var(--ash)}
.hr-report{margin:0;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--abyss);color:var(--pearl);box-shadow:0 50px 100px -60px rgba(17,21,24,.7)}
.hr-r-head{display:flex;justify-content:space-between;align-items:center;margin:0;padding-bottom:20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim)}
.hr-soon{margin-left:10px;padding:3px 9px;border-radius:999px;background:rgba(147,187,169,.14);font-style:normal;font-size:var(--fs-12);color:var(--jade)}
.hr-r-head b{font-family:var(--sans);font-size:var(--fs-15);font-weight:400;letter-spacing:0;color:var(--pearl)}
.hr-r-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.hr-r-kpis p{display:flex;flex-direction:column;gap:4px;margin:0;padding:18px;border-radius:12px;background:rgba(240,243,241,.04)}
.hr-r-kpis small{font-size:var(--fs-13);color:var(--dim)}
.hr-r-kpis b{font-size:clamp(26px,2.4vw,34px);font-weight:300;letter-spacing:-.03em;line-height:1.1;color:var(--pearl);font-variant-numeric:tabular-nums}
.hr-r-kpis span{font-size:var(--fs-13);color:var(--silver)}
.hr-r-k{margin:26px 0 12px;font-size:var(--fs-13);color:var(--dim)}
.hr-r-bars{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.hr-r-bars li{position:relative;padding:12px 14px;border-radius:12px;overflow:hidden;background:rgba(240,243,241,.03)}
.hr-r-bars li i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:12px;background:rgba(147,187,169,.12)}
.hr-r-bars span{position:relative;font-size:var(--fs-15);color:var(--pearl)}
.hr-r-foot{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-13);line-height:1.5;color:var(--silver)}
@media (max-width:960px){.hr-grid{grid-template-columns:1fr}}
@media (max-width:520px){.hr-r-kpis{grid-template-columns:1fr 1fr}.hr-r-kpis p:last-child{grid-column:1/-1}}

/* ---------- 4. Plans: graphite Pro, equal cards, one quiet button each ---------- */
.tp-pro .pl-crown{--tint:linear-gradient(110deg,#1b2224d9,#3a464880 55%,#1b2224cc)}
.t-pl .pl-budget-num b{margin-inline:0}
.t-pl .pl-btn.btn-glass{width:100%}
@media (max-width:960px) and (min-width:761px){.t-pl .pl-grid,.t-up{max-width:none;width:100%}}

/* ---------- 6. The estimate (v5): plan, team size, who pays; one answer ---------- */
.es-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,7vw,120px);align-items:start}
.es-head{gap:20px;position:sticky;top:120px}
.es-gets{margin-top:20px}
.es-gets-k{font-size:var(--fs-15);font-weight:500;color:var(--ink)}
.es-gets dl{display:flex;flex-direction:column;margin:12px 0 0;border-top:1px solid var(--rule)}
.es-gets dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid rgba(200,206,206,.7)}
.es-gets dt{font-size:var(--fs-15);line-height:1.4;color:var(--ash)}
.es-gets dd{margin:0;font-size:var(--fs-15);font-weight:500;color:var(--ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.es-card{display:flex;flex-direction:column;gap:22px;margin:0;padding:clamp(24px,3vw,40px);border-radius:24px;background:#fff;border:1px solid rgba(200,206,206,.8);box-shadow:0 36px 72px -48px rgba(17,21,24,.45);color:var(--ink)}
.es-f{margin:0;padding:0;border:0;min-width:0}
.es-l{display:block;margin-bottom:10px;padding:0;font-size:var(--fs-15);font-weight:500;color:var(--ink)}
.es-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:var(--chalk)}
.es-seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 8px;border:0;border-radius:10px;background:none;font:inherit;color:var(--ash);cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.es-seg button b{font-size:var(--fs-15);font-weight:500}
.es-seg button span{font-size:var(--fs-13);font-variant-numeric:tabular-nums}
.es-seg button:hover{color:var(--ink)}
.es-seg button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(17,21,24,.12),0 0 0 1px rgba(200,206,206,.7)}
.es-seg button:focus-visible,.es-step button:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}
.es-seg:has(button:disabled){opacity:.45}
.es-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.es-row .es-l{margin:0}
.es-step{display:flex;align-items:center;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.es-step button{width:44px;height:48px;border:0;background:none;font:inherit;font-size:20px;color:var(--ink);cursor:pointer}
.es-step button:hover{background:var(--chalk)}
.es-step input,.es-up input{width:84px;height:48px;border:0;border-inline:1px solid var(--rule);background:#fff;font:inherit;font-size:var(--fs-17);font-variant-numeric:tabular-nums;text-align:center;color:var(--ink);-moz-appearance:textfield}
.es-step input::-webkit-inner-spin-button,.es-up input::-webkit-inner-spin-button{-webkit-appearance:none}
.es-step input:invalid{color:#9b3b30}
.es-hint{margin-top:-14px;font-size:var(--fs-13);color:var(--ash);text-align:right}
.es-up{border-top:1px solid var(--rule);padding-top:16px}
.es-up summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:var(--fs-15);color:var(--ink);cursor:pointer;list-style:none}
.es-up summary::-webkit-details-marker{display:none}
.es-up summary::after{content:"";width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease-out)}
.es-up[open] summary::after{transform:rotate(-135deg)}
.es-up-in{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.es-up-in span{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-15);color:var(--ink)}
.es-up-in small{font-size:var(--fs-13);color:var(--ash)}
.es-up input{border:1px solid var(--rule);border-radius:12px}
.es-total{padding-top:22px;border-top:1px solid var(--rule)}
.es-total .es-l{margin-bottom:4px;color:var(--ash);font-weight:400}
.es-big{display:flex;align-items:baseline;gap:10px}
.es-big b{font-size:clamp(48px,5vw,64px);font-weight:300;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.es-big span{font-size:var(--fs-17);color:var(--ash)}
.es-sub{margin-top:6px;font-size:var(--fs-15);color:var(--ash);font-variant-numeric:tabular-nums}
.es-cta{width:100%;justify-content:center}
.es-foot{margin-top:-8px;font-size:var(--fs-13);color:var(--ash);text-align:center}
.es-foot a{color:var(--ink);text-underline-offset:3px}
@media (max-width:960px){.es-grid{grid-template-columns:1fr;row-gap:20px}.es-card{margin-top:20px}.es-gets{margin-top:20px}.es-head{position:static}.es-gets{order:2}.es-head{display:contents}.es-head>.h2,.es-head>.lead{grid-column:1}.es-card{order:1}}
@media (max-width:420px){.es-seg button{padding-inline:4px}.es-step input{width:64px}}

/* ---------- 7b. For employees: one band ---------- */
.ask{padding-block:clamp(56px,6vw,88px)}
.ask-band{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.ask-h{font-size:var(--fs-h3);font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.ask-p{margin-top:6px;font-size:var(--fs-17);line-height:1.5;color:var(--ash)}
.ask-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.ask-copy{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:var(--fs-15);color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}
.ask-copy:hover{text-decoration-color:var(--ink)}

/* ---------- 8. Close: the Living Halo, no photograph ---------- */
.t-end{text-align:center}
.t-end-in{display:flex;flex-direction:column;align-items:center;gap:28px}
.t-end-mark{width:132px;height:132px}
.t-end-h{font-size:clamp(34px,4vw,52px)}
.t-end-actions{justify-content:center}
.t-end-note{font-size:var(--fs-15);line-height:1.6;color:var(--silver)}
.t-end-note a{color:inherit;text-underline-offset:3px}
@media (max-width:760px){.t-end-actions{flex-direction:column;align-self:stretch}.t-end-actions .btn{width:100%}}

/* ---------- Sticky bar: price and one button, on every phone ---------- */
@media (max-width:400px){.sticky-cta{padding:6px 6px 6px 18px}.sticky-cta .sc-t{display:flex}.sticky-cta .btn{flex:none}}