/* Homepage v2 (Claude Design proposal, 28 October 2026).
   Values follow the proposal: one 1200px rail, one heading scale, alternating paper / stone / ink bands,
   every section within one desktop screen. Earlier layers use !important and :is() selectors that carry
   ID specificity, so the overrides below start from `html body #main-content`. Loaded last. */
:root{
  --content-width:1200px;
  --page-gutter:clamp(20px,4vw,48px);
  --v2-space:clamp(64px,7vw,88px);
  --v2-space-tight:clamp(48px,5vw,64px);
  --v2-paper:#FAF8F3;
  --v2-stone:#F3F1EC;
  --v2-ink:#25231C;
  --v2-line:#DCD9D2;
  --v2-line-soft:#EAE8E2;
  --v2-card-line:#E4E1DA;
  --v2-copy:#55524B;
  --v2-muted:#838078;
  --v2-blue:#254EBC;
  --v2-blue-hover:#1439A6;
  --v2-blue-dark:#7CA2F6;
  --v2-blue-dark-hover:#A9C2FA;
  --v2-wash:#EDF1F9;
  --v2-blue-line:#CCD8EF;
  --v2-on-dark:#C9C5BA;
  --v2-dark-line:#3B3830;
}
[data-direction=presence] :is(#why,#system-proof,#pricing,#closing,footer){--page-gutter:clamp(20px,4vw,48px)}
html{scroll-padding-top:68px}

/* ---------- Shared rail, bands, kicker, heading ---------- */
.v2-rail{width:min(100%,var(--content-width));margin-inline:auto}
html body #main-content>section{padding-inline:var(--page-gutter)}
html body #main-content>.v2-paper{background:var(--v2-paper)!important}
html body #main-content>.v2-stone{background:var(--v2-stone)!important}
html body #main-content>.v2-ink{background:var(--v2-ink)!important;color:var(--v2-paper)}
html body #main-content :is(#avatars,#interaction,#numbers,#why,#how,#uses,#custom,#developers,#faq) :is(span.toda-section-kicker.toda-section-kicker,span.avatar-gallery-kicker.avatar-gallery-kicker){
  display:flex!important;align-items:center;gap:12px;margin:0 0 16px!important;padding:0;
  font:600 12px/normal Archivo,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--v2-blue)!important}
html body #main-content :is(#avatars,#interaction,#numbers,#why,#how,#uses,#custom,#developers,#faq) :is(span.toda-section-kicker.toda-section-kicker,span.avatar-gallery-kicker.avatar-gallery-kicker)::before{
  content:"";display:block!important;flex:none;width:24px;height:1px;background:currentColor!important;opacity:1!important}
html body #main-content :is(#avatars,#numbers,#how,#developers) :is(span.toda-section-kicker.toda-section-kicker,span.avatar-gallery-kicker.avatar-gallery-kicker){color:var(--v2-blue-dark)!important}
html body #main-content h2{line-height:1.1!important;text-wrap:balance}
html body #main-content .v2-band h2{margin:0;color:inherit}
html body #main-content .v2-band h2 em{font-style:normal;color:var(--v2-blue)!important}
html body #main-content .v2-ink h2{color:var(--v2-paper)!important}
html body #main-content .v2-ink h2 em{color:var(--v2-blue-dark)!important}
.v2-lead{margin:16px 0 0;max-width:560px;font-size:17px;line-height:1.55;color:var(--v2-copy)}
.v2-ink .v2-lead{color:var(--v2-on-dark)}
.v2-num{font-size:13px;font-weight:600;color:var(--v2-blue)}
.v2-ink .v2-num{color:var(--v2-blue-dark)}
.v2-link{display:inline-block;font-size:15px;font-weight:500;color:var(--v2-blue);text-decoration:underline;text-underline-offset:4px}
.v2-ink .v2-link{color:var(--v2-blue-dark)}
.v2-ink .v2-link:hover{color:var(--v2-blue-dark-hover)}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:999px;background:var(--v2-blue);color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}
.v2-btn:hover{background:var(--v2-blue-hover);color:#fff}
.v2-btn-light{background:var(--v2-paper);color:var(--v2-ink)}
.v2-btn-light:hover{background:#fff;color:var(--v2-ink)}

/* ---------- Header: 64px, Demo · Pricing · Docs · language · Sign in ---------- */
html[data-direction] body nav.site-nav.site-nav.site-nav{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:clamp(20px,4vw,48px);height:64px;min-height:0;
  padding:0 max(var(--page-gutter),calc((100% - 1104px)/2))!important;
  background:rgba(250,248,243,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--v2-line-soft)}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-product-identity{position:relative;display:block;flex:none}
html[data-direction] body nav.site-nav.site-nav.site-nav .toda-brand{display:flex!important;align-items:center;gap:10px!important}
html[data-direction] body nav.site-nav.site-nav.site-nav .toda-brand img{width:32px!important;height:32px!important;border-radius:4px}
html[data-direction] body nav.site-nav.site-nav.site-nav .toda-brand .toda-brand-word.toda-brand-word{font:600 20px/1.05 Archivo,sans-serif!important;letter-spacing:-.02em!important;padding-bottom:13px}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-company-endorsement{position:absolute;left:42px;top:23px;margin:0;padding:0;min-height:0;font:400 11px/1 Archivo,sans-serif;color:var(--v2-muted);text-decoration:none}
html[data-direction] body nav.site-nav.site-nav.site-nav .toda-navlinks{flex:1;justify-content:flex-end;gap:clamp(16px,2.4vw,32px)!important;min-width:0}
html[data-direction] body nav.site-nav.site-nav.site-nav .v2-navlink{font:400 15px/1 Archivo,sans-serif;color:var(--v2-ink);text-decoration:none;white-space:nowrap}
html[data-direction] body nav.site-nav.site-nav.site-nav .v2-navlink:hover{color:var(--v2-blue)}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-language{order:2;margin-left:calc(48px - clamp(16px,2.4vw,32px))}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-language-toggle{width:40px;height:40px;min-height:0;box-shadow:0 0 0 2px var(--v2-paper),0 0 0 3px var(--v2-blue-line)}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-signin{order:3;height:40px;min-height:0;padding:0 20px;margin-left:calc(10px - clamp(16px,2.4vw,32px));border:1px solid var(--v2-ink);border-radius:999px;font:500 15px/1 Archivo,sans-serif;color:var(--v2-ink)}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-signin:hover{background:var(--v2-ink);color:#fff;text-decoration:none}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-mobile-menu{order:4}
@media(max-width:900px){html[data-direction] body nav.site-nav.site-nav.site-nav .v2-navlink{display:none}}
html.headroom-on body nav.site-nav{height:64px}

/* ---------- Hero (desktop): tagline, portrait, two-line headline, topics, actions ---------- */
@media(min-width:1000px){
  html[data-direction] body #top.signature-hero.signature-hero{--signature-type:clamp(34px,4.2vw,58px);row-gap:0!important;gap:0!important;padding:36px var(--page-gutter) 72px!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-tagline{font-size:clamp(20px,2vw,28px)!important;font-weight:500;letter-spacing:-.02em;line-height:1.1;padding:0!important;margin:0!important}
  html[data-direction] body #top.signature-hero.signature-hero .clean-portrait{margin-top:24px!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-message{margin-top:8px!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-headline{max-width:980px;margin:0 auto!important;font-size:var(--signature-type)!important;line-height:1.08!important;letter-spacing:-.035em!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-topics{max-width:960px!important;gap:24px!important;margin:32px auto 0!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-topic{min-height:0!important;padding:14px 4px!important;font-size:14px!important;gap:10px}
  html[data-direction] body #top.signature-hero.signature-hero .signature-actions{margin:28px 0 0!important}
  html[data-direction] body #top.signature-hero.signature-hero .signature-cta{min-width:172px!important;min-height:48px;height:48px;padding:0 24px!important;font:500 16px/1 Archivo,sans-serif!important;color:var(--v2-blue);border-color:var(--v2-blue-line)}
}

/* ---------- Gallery: heading row, globe capped at 304px ---------- */
html body #main-content #avatars{padding:clamp(64px,7vw,88px) var(--page-gutter) clamp(48px,5vw,64px)!important}
html body #main-content #avatars .avatar-gallery-copy{width:min(100%,var(--content-width));margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 64px;padding:0}
html body #main-content #avatars .avatar-gallery-heading{flex:1 1 520px;min-width:0;margin:0}
html body #main-content #avatars .avatar-gallery-intro{flex:0 1 380px;min-width:0;margin:0}
html body #main-content #avatars .avatar-gallery-intro p{margin:0;font-size:17px;line-height:1.55;color:var(--v2-on-dark)}
html body #main-content #avatars .avatar-gallery-cta{display:inline-flex;align-items:center;height:44px;min-height:0;margin-top:16px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600}
@media(min-width:768px){
  html body #main-content #avatars .avatar-gallery-stage,
  html.has-js body #main-content #avatars.avatar-gallery:not(.is-interactive) .avatar-gallery-stage{height:304px!important;margin-top:40px;
    -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 55%,transparent 100%)}
}
html body #main-content #avatars .avatar-gallery-controls{margin-top:20px;padding:0}
html body #main-content #avatars .avatar-gallery-hint{font-size:13px;letter-spacing:0;color:#A8A499}

/* ---------- Demo: centred heading, 1040px card ---------- */
html body #main-content #interaction{padding:var(--v2-space) var(--page-gutter)!important}
html body #main-content #interaction .toda-proof-grid{display:block;width:100%;max-width:1040px!important;margin:0 auto}
html body #main-content #interaction .toda-proof-grid>.reveal:first-child{text-align:center}
html body #main-content #interaction .toda-proof-grid>.reveal:first-child span.toda-section-kicker.toda-section-kicker{justify-content:center}
html body #main-content #interaction .toda-proof-grid>.reveal:first-child h2{margin:0 0 36px!important}
@media(min-width:900px){html body #main-content #interaction .toda-live-demo{width:100%;height:382px;min-height:0;border-radius:24px}}

/* ---------- In numbers ---------- */
html body #main-content #numbers{padding-block:clamp(56px,6vw,80px)!important}
.v2-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.v2-numbers-head{padding:8px 40px 24px 0}
html body #main-content #numbers h2{font-size:clamp(28px,2.6vw,38px)!important;line-height:1.15!important}
.v2-stat{padding:8px 32px 24px;border-left:1px solid var(--v2-dark-line)}
.v2-stat-value{margin:0;font-size:clamp(52px,5.4vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1}
.v2-stat-value small{margin-left:6px;font-size:.45em;letter-spacing:-.02em}
.v2-stat-copy{margin:16px 0;max-width:300px;font-size:18px;line-height:1.5;color:var(--v2-on-dark)}

/* ---------- Why: title beside the table ---------- */
html body #main-content #why{padding:var(--v2-space) var(--page-gutter)!important;background:var(--v2-paper)!important}
html body #main-content #why>.toda-page-shell{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);column-gap:64px;align-items:start;max-width:var(--content-width)}
html body #main-content #why>.toda-page-shell>.toda-section-kicker{grid-column:1;grid-row:1}
html body #main-content #why>.toda-page-shell>h2{grid-column:1;grid-row:2;margin:0!important}
html body #main-content #why>.toda-page-shell>h2 span{color:inherit!important}
html body #main-content #why>.toda-page-shell>.why-matrix{grid-column:2;grid-row:1/span 3;min-width:0;margin:0!important;border-top:1px solid var(--v2-line)}
html body #main-content #why>.toda-page-shell>.why-scope{grid-column:2;grid-row:4;margin:14px 0 0!important;font-size:12px;line-height:1.1;color:var(--v2-muted)}
html body #main-content #why .why-row{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)!important;min-height:0!important;padding:0!important;gap:0!important;border-bottom:1px solid var(--v2-line)!important;border-top:0!important}
html body #main-content #why .why-row>div{padding:20px 12px!important;min-height:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
html body #main-content #why .why-row>[role=rowheader]{padding:20px 16px 20px 0!important;align-items:flex-start;justify-content:flex-start;gap:0;text-align:left}
html body #main-content #why .why-head>div{padding:16px 12px!important;font-size:14px!important;font-weight:600!important}
html body #main-content #why .why-head>div:first-child{padding-left:0!important;align-items:flex-start;text-align:left}
html body #main-content #why .why-row .row-num{font-size:12px!important;line-height:1.2;color:var(--v2-muted)!important;margin:0!important}
html body #main-content #why .why-row h3{margin:4px 0 0!important;font-size:clamp(18px,1.6vw,21px)!important;line-height:1.25!important;letter-spacing:-.015em!important;font-weight:500!important}
html body #main-content #why .why-row .row-benefit{margin:4px 0 0!important;font-size:15px!important;line-height:1.5!important;color:var(--v2-copy)!important}
html body #main-content #why .why-row .result{width:36px!important;height:36px!important;margin:0!important;font-size:16px}
html body #main-content #why .why-row .answer{font-size:14px!important;line-height:1.35!important;margin:0!important}

/* ---------- How it works: heading beside intro, compact animated diagram ---------- */
html body #main-content #how{padding:var(--v2-space-tight) var(--page-gutter)!important}
html body #main-content #how>.toda-page-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);column-gap:64px;row-gap:0;align-items:end;max-width:var(--content-width)}
html body #main-content #how>.toda-page-shell>.toda-section-kicker{grid-column:1;grid-row:1}
html body #main-content #how>.toda-page-shell>h2{grid-column:1;grid-row:2;margin:0!important}
html body #main-content #how>.toda-page-shell>.how-intro{grid-column:2;grid-row:1/span 2;align-self:end;max-width:none;margin:0;font-size:17px;line-height:1.55;color:var(--v2-on-dark)}
html body #main-content #how>.toda-page-shell>#how-diagram{grid-column:1/-1;max-width:none;margin-top:20px}

/* ---------- Uses: static use-case strip, then three equal columns ---------- */
html body #main-content #uses{padding:0 0 clamp(48px,5vw,60px)!important;background:var(--v2-paper)!important}
html body #main-content #uses .toda-marquee{background:var(--v2-paper)!important;border:0;border-bottom:1px solid var(--v2-line-soft);padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
html body #main-content #uses .toda-marquee-track{width:auto;max-width:var(--content-width);margin:0 auto;padding:14px var(--page-gutter);animation:none!important;justify-content:center}
html body #main-content #uses .toda-marquee .grp{flex-wrap:wrap;justify-content:center;gap:8px 28px;padding:0}
html body #main-content #uses .toda-marquee .grp[aria-hidden=true]{display:none}
html body #main-content #uses .toda-marquee .grp>i:last-child{display:none}
html body #main-content #uses .toda-marquee .grp span{font:600 12px/1.1 Archivo,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--v2-copy)!important}
html body #main-content #uses .toda-marquee .grp i{font-style:normal;font-size:12px;line-height:1.1;color:var(--v2-line)!important}
html body #main-content #uses .toda-page-shell{max-width:var(--content-width)!important;margin:0 auto;padding:clamp(36px,4vw,48px) var(--page-gutter) 0!important}
html body #main-content #uses .toda-section-heading{max-width:880px!important;margin:0!important}
html body #main-content #uses .toda-section-heading .toda-section-statement{display:block;margin:0;letter-spacing:-.03em!important}
html body #main-content #uses .toda-scenes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;gap:32px 28px!important;margin:28px 0 0!important;align-items:start}
html body #main-content #uses .toda-scene{display:grid!important;grid-template-rows:subgrid!important;grid-row:span 4!important;grid-column:auto!important;row-gap:0!important;margin:0!important;padding:0!important;min-width:0;min-height:0!important}
html body #main-content #uses .toda-scene-copy{display:contents!important}
html body #main-content #uses .toda-scene-art{display:block;width:100%;height:auto;aspect-ratio:2/1;max-height:170px;margin:0!important;padding:0!important;overflow:hidden;border-radius:16px;border:1px solid var(--v2-line-soft)}
html body #main-content #uses .toda-scene-art img{width:100%;height:100%;object-fit:cover;object-position:center top}
html body #main-content #uses .toda-scene-num{display:block;margin:16px 0 0!important;font:600 12px/1.2 Archivo,sans-serif!important;letter-spacing:.14em!important;color:var(--v2-muted)!important}
html body #main-content #uses .toda-scene h3{margin:10px 0 0!important;font-size:21px!important;line-height:1.25!important;letter-spacing:-.015em!important;font-weight:500!important}
html body #main-content #uses .toda-scene p{margin:10px 0 0!important;font-size:15px!important;line-height:1.55!important;color:var(--v2-copy)!important}
html body #main-content #uses .concept-disclosure{margin:20px 0 0!important;font-size:12px!important;line-height:1.1;color:var(--v2-muted)!important}
@media(max-width:900px){html body #main-content #uses .toda-scenes{grid-template-columns:1fr!important}html body #main-content #uses .toda-scene-art{max-height:none}}

/* ---------- Custom avatars ---------- */
html body #main-content #custom{padding-block:var(--v2-space)!important}
.v2-custom{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:stretch}
.v2-custom-art{flex:1 1 340px;min-height:360px;max-height:560px;margin:0;overflow:hidden;border-radius:24px;border:1px solid var(--v2-card-line);background:#E8E5DD}
.v2-custom-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.v2-custom-copy{flex:1.5 1 480px;min-width:0}
.v2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none}
.v2-cards li{display:flex;flex-direction:column;padding:18px;background:#fff;border:1px solid var(--v2-card-line);border-radius:16px}
.v2-cards strong{margin-top:8px;font-size:17px;font-weight:500;line-height:1.3}
.v2-cards li>span:last-child{margin-top:4px;font-size:14px;line-height:1.5;color:var(--v2-copy)}
.v2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:20px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.2}
.v2-chips li{padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--v2-card-line)}
.v2-chips .v2-chips-label{padding:0;margin-right:2px;background:none;border:0;color:var(--v2-copy)}
.v2-chips .v2-chips-label:last-child{margin:0 0 0 2px}
.v2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}

/* ---------- Developers ---------- */
html body #main-content #developers{padding-block:var(--v2-space)!important}
.v2-dev{display:flex;flex-wrap:wrap;gap:40px 72px;align-items:flex-start}
.v2-dev-copy{flex:1.1 1 460px;min-width:0}
.v2-dev-copy .v2-lead{max-width:520px}
.v2-dev-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.v2-dev-actions .v2-btn{height:56px;padding:0 26px}
.v2-sdk{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:14px;height:56px;padding:0 8px 0 22px;background:#2E2B24;border:1px solid #47433B;border-radius:999px;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.v2-sdk-prompt{color:var(--v2-muted)}
.v2-sdk code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--v2-paper);font:inherit}
.v2-sdk-copy{flex:none;height:40px;padding:0 14px 0 16px;border:0;border-left:1px solid #47433B;border-radius:0 999px 999px 0;background:transparent;color:var(--v2-blue-dark);font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.v2-sdk-copy:hover{color:var(--v2-blue-dark-hover)}
.v2-dev-steps{flex:1 1 400px;min-width:0;margin:0;padding:0;list-style:none}
.v2-dev-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--v2-dark-line)}
.v2-dev-steps li:last-child{border-bottom:1px solid var(--v2-dark-line)}
.v2-dev-steps .v2-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid #4A5A84;font-size:14px}
html body #main-content .v2-dev-steps h3{margin:0;font-size:19px;font-weight:500;line-height:1.3;color:var(--v2-paper)}
.v2-dev-steps p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--v2-on-dark)}

/* ---------- Pricing: 44px band, intro, switches, compact cards ---------- */
html body #main-content #pricing{padding:44px var(--page-gutter)!important;background:var(--v2-paper)!important}
html body #main-content #pricing .pr-shell{display:block;max-width:var(--content-width);margin:0 auto}
html body #main-content #pricing .pr-intro{margin:0;padding:0;max-width:none}
html body #main-content #pricing div.pr-kicker.pr-kicker{display:block;margin:0!important;font:700 12px/normal Archivo,sans-serif!important;letter-spacing:.14em!important;color:var(--v2-blue)!important}
html body #main-content #pricing .pr-intro h2{margin:10px 0 0!important}
html body #main-content #pricing .pr-intro p{margin:6px 0 0!important;font-size:17px!important;line-height:1.55!important;color:var(--v2-copy)!important}
html body #main-content #pricing .pr-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0!important;padding:0;position:static}
html body #main-content #pricing :is(.pr-audience,.pr-billing){display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:0;border-radius:999px;background:var(--v2-line-soft);width:auto;margin:0}
html body #main-content #pricing :is(.pr-audience,.pr-billing) button{height:40px;min-height:0;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--v2-copy);font:400 14px/1 Archivo,sans-serif;cursor:pointer;box-shadow:none}
html body #main-content #pricing :is(.pr-audience,.pr-billing) button[aria-pressed=true]{background:#fff;color:var(--v2-ink);box-shadow:0 1px 2px rgba(37,35,28,.12)}
html body #main-content #pricing [data-pr-panel]{margin:0}
html body #main-content #pricing .pr-price [hidden],html body #main-content #pricing .pr-price-note [hidden]{display:none!important}

/* ---------- Calculator: its own stone band ---------- */
html body #main-content #calculator{padding:44px var(--page-gutter)!important;background:var(--v2-stone)!important}

/* ---------- FAQ ---------- */
html body #main-content #faq{padding-block:var(--v2-space-tight)!important}
.v2-split{display:flex;flex-wrap:wrap;gap:32px 72px;align-items:flex-start}
.v2-split-head{flex:1 1 280px;min-width:0}
.v2-split-head .v2-lead{font-size:16px}
.v2-faq{flex:2 1 480px;min-width:0;border-top:1px solid var(--v2-line)}
.v2-faq-item{border-bottom:1px solid var(--v2-line)}
.v2-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0;font-size:17px;font-weight:500;line-height:1.1;color:var(--v2-ink);cursor:pointer;list-style:none}
.v2-faq-item summary::-webkit-details-marker{display:none}
.v2-faq-item summary::after{content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--v2-blue-line);color:var(--v2-blue);font-size:16px;line-height:1}
.v2-faq-item[open] summary::after{content:"−"}
.v2-faq-item p{margin:0;padding:0 52px 16px 0;font-size:15px;line-height:1.55;color:var(--v2-copy)}

/* ---------- Closing on stone ---------- */
html body #main-content #closing{background:var(--v2-stone)!important;border-top:0!important;padding:clamp(72px,8vw,112px) var(--page-gutter)!important}
html body #main-content #closing>div{max-width:820px!important}
html body #main-content #closing h2{margin:0!important;font-size:clamp(32px,4vw,52px)!important;letter-spacing:-.035em!important}
html body #main-content #closing h2 em{font-size:1em!important;font-style:normal!important;font-weight:inherit!important}
html body #main-content #closing h2+p{margin:16px auto 0!important;font-size:18px!important;line-height:1.55!important;max-width:none!important}
html body #main-content #closing h2+p+div{margin-top:32px!important}
html body #main-content #closing :is(.toda-btn,.toda-btn-ghost){height:52px;min-height:0;padding:0 30px!important;font-size:17px!important}

/* ---------- Footer ---------- */
html body footer#footer{padding:56px var(--page-gutter) 28px!important}
html body footer#footer .toda-footer-inner{max-width:var(--content-width);margin:0 auto}
html body footer#footer .toda-footer-top{display:flex!important;flex-wrap:wrap;gap:40px 32px!important}
html body footer#footer .toda-footer-identity{flex:2 1 260px;min-width:0}
html body footer#footer .toda-footer-column{flex:1 1 140px;min-width:0}
html body footer#footer .toda-footer-brand{gap:12px;font-size:24px;font-weight:500;letter-spacing:-.02em;min-height:0}
html body footer#footer .toda-footer-brand img{width:40px;height:40px}
html body footer#footer .toda-footer-identity p{margin:16px 0 0;font-size:15px;color:var(--v2-on-dark)}
html body footer#footer .toda-footer-column h2{margin:0 0 16px!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important}
html body footer#footer .toda-footer-column ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
html body footer#footer .toda-footer-column li{margin:0;padding:0}
html body footer#footer .toda-footer-column a{display:inline;min-height:0;font-size:15px;line-height:1.2;color:var(--v2-on-dark)}
html body footer#footer .toda-footer-column a:hover{color:#fff}
html body footer#footer .toda-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--v2-dark-line);font-size:14px;color:#A8A499}
html body footer#footer .toda-footer-bottom p{margin:0;font-size:14px}
html body footer#footer .toda-footer-legal{gap:24px}
html body footer#footer .toda-footer-legal a{min-height:0;font-size:14px;color:#A8A499}
@media(max-width:600px){html body footer#footer .toda-footer-column a{display:inline-flex;align-items:center;min-height:44px}html body footer#footer .toda-footer-column ul{gap:0}}

/* ---------- Narrow screens ---------- */
@media(max-width:900px){
  html body #main-content #why>.toda-page-shell,html body #main-content #how>.toda-page-shell{display:block}
  html body #main-content #why>.toda-page-shell>.why-matrix{margin-top:32px!important}
  html body #main-content #how>.toda-page-shell>.how-intro{margin-top:16px}
  .v2-numbers-head{padding-right:0}
}
@media(max-width:640px){
  .v2-stat{padding:24px 0;border-left:0;border-top:1px solid var(--v2-dark-line)}
  .v2-faq-item p{padding-right:0}
}
html body #main-content #uses .toda-scene{grid-template-columns:minmax(0,1fr)!important}

/* Specificity fixes found by measuring against the proposal */
html body #main-content #avatars .avatar-gallery-heading{display:flex!important;flex-direction:column!important;align-items:flex-start;flex:1 1 520px!important;width:auto!important;max-width:none!important}
html body #main-content #avatars .avatar-gallery-heading>*{order:0!important}
html body #main-content #avatars .avatar-gallery-intro p{max-width:none!important}
html body #main-content #why .why-row.why-head,html body #main-content #why .why-row.why-head>div{height:auto!important;min-height:0!important;line-height:1.2!important}
html body #main-content #uses #current-layout .toda-section-statement{margin:0!important;padding:0!important}
html body #main-content #uses #current-layout .toda-scene p{max-width:none!important;margin:10px 0 0!important;font-size:15px!important;line-height:1.55!important;color:var(--v2-copy)!important}
html body #main-content #uses #current-layout .toda-scene h3{max-width:none!important;margin:10px 0 0!important;font-size:21px!important;line-height:1.25!important}
html body #main-content #uses #current-layout .toda-scene-num{margin:16px 0 0!important}
html body footer#footer .toda-footer-column h2{line-height:normal!important}
html body footer#footer .toda-footer-column a{line-height:normal!important}
html body #main-content #why .why-row.why-head>div{display:block!important;text-align:center}
html body #main-content #why .why-row.why-head>div:first-child{text-align:left}
html body #main-content #uses #current-layout h2.toda-section-heading{display:block!important;line-height:1.1!important}
html body #main-content #uses #current-layout h2.toda-section-heading>span.toda-section-kicker.toda-section-kicker{margin:0 0 16px!important;line-height:13px!important;height:13px}
html body #main-content #why .why-row.why-head>div{line-height:17px!important}
.v2-faq-item summary{padding:12px 0}
html body footer#footer .toda-footer-column ul{margin:0!important}
html body footer#footer .toda-footer-column h2{margin:0 0 16px!important;padding:0!important}
html body #main-content #why .why-row .answer{line-height:1.2!important}
html body #main-content .v2-dev-steps h3{line-height:normal}
html body #main-content #why .why-row.why-head>div{padding:16px 12px!important;line-height:16px!important;height:49px!important}
html body #main-content #why .why-row.why-head>div:first-child{padding-left:0!important}
html body #main-content #why .why-head sup{line-height:0}
html body #main-content #why>.toda-page-shell>.why-scope{line-height:13px!important}
html body #main-content #uses .concept-disclosure{line-height:13px!important}
html body footer#footer .toda-footer-column li,html body footer#footer .toda-footer-column a{line-height:normal!important;font-size:15px!important;min-height:0!important}
html body footer#footer .toda-footer-bottom :is(p,a){line-height:normal!important}
html body footer#footer .toda-footer-legal{min-height:0}
html[data-direction] body nav.site-nav.site-nav.site-nav .site-language{width:40px;padding:0}

/* Compact pricing cards on desktop; phones keep the tested pricing carousel. */
@media(min-width:900px){
  html body #main-content #pricing .pr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px!important;margin:24px 0 0!important;padding:0}
  html body #main-content #pricing .pr-card{position:relative;display:flex!important;flex-direction:column;gap:10px;grid-row:auto!important;padding:20px!important;border-radius:18px!important;border:1px solid var(--v2-card-line)!important;background:#fff!important;box-shadow:none!important;min-height:0!important}
  html body #main-content #pricing .pr-card.is-featured{border:1.5px solid var(--v2-blue)!important}
  html body #main-content #pricing .pr-card>*{margin:0!important}
  html body #main-content #pricing .pr-tag{position:absolute!important;top:-11px;left:22px;margin:0!important;padding:2px 12px;border-radius:999px;background:var(--v2-blue);color:#fff;font:700 11px/1.45 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase}
  html body #main-content #pricing .pr-card-heading h3{margin:0!important;font-size:20px!important;font-weight:500!important;line-height:1.1!important}
  html body #main-content #pricing .pr-card-heading p{margin:4px 0 0!important;font-size:14px!important;line-height:1.45!important;color:var(--v2-copy)!important;min-height:0}
  html body #main-content #pricing .pr-price-block{padding:0!important;border:0!important;min-height:0;gap:4px}
  html body #main-content #pricing .pr-price{display:flex;align-items:baseline;gap:6px;padding:0;margin:0}
  html body #main-content #pricing .pr-price s{font-size:16px;color:var(--v2-muted)}
  html body #main-content #pricing .pr-price strong{font-size:32px!important;font-weight:500!important;letter-spacing:-.03em;line-height:1.1}
  html body #main-content #pricing .pr-price small{font-size:14px;color:var(--v2-muted)}
  html body #main-content #pricing .pr-price-note{margin:4px 0 0!important;min-height:19px;font-size:13px!important;line-height:19px!important;color:var(--v2-muted)}
  html body #main-content #pricing .pr-price-note b{margin-left:6px;font-weight:600;color:var(--v2-ink)}
  html body #main-content #pricing .pr-v5-benefits{display:block;padding:7px 12px;border-radius:8px;background:var(--v2-wash);color:var(--v2-blue-hover);font-size:13px;line-height:1.4;font-weight:600;border:0}
  html body #main-content #pricing .pr-v5-benefits strong{display:inline;font:inherit;color:inherit}
  html body #main-content #pricing .pr-v5-benefits strong+strong::before{content:" · "}
  html body #main-content #pricing .pr-card .pr-button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;min-height:0;padding:0 16px;border-radius:999px;border:1px solid var(--v2-ink);background:transparent;color:var(--v2-ink);font:500 15px/1 Archivo,sans-serif}
  html body #main-content #pricing .pr-card.is-featured .pr-button{background:var(--v2-ink);color:#fff}
  html body #main-content #pricing .pr-features{margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--v2-line-soft)!important}
  html body #main-content #pricing .pr-features ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
  html body #main-content #pricing .pr-features li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;font-size:14px!important;line-height:1.4!important;margin:0;padding:0}
  html body #main-content #pricing .pr-features .pr-check{margin-top:3px}
  html body #main-content #pricing .pr-byo{display:flex;align-items:baseline;gap:6px;margin-top:auto!important;padding:0!important;border:0!important;background:none!important;font-size:12px;line-height:1.4;color:var(--v2-copy);white-space:nowrap;overflow:hidden}
  html body #main-content #pricing .pr-byo-plus{display:none}
  html body #main-content #pricing .pr-byo>div{display:flex;align-items:baseline;gap:6px;min-width:0}
  html body #main-content #pricing .pr-byo strong{font-size:10px;letter-spacing:.1em;color:var(--v2-blue-hover)}
  html body #main-content #pricing .pr-byo strong::before{content:"+ "}
  html body #main-content #pricing .pr-byo span{overflow:hidden;text-overflow:ellipsis}
  html body #main-content #pricing .pr-enterprise{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin:12px 0 0!important;padding:12px 20px!important;border-radius:16px!important;background:var(--v2-wash)!important;border:1px solid var(--v2-blue-line)!important}
  html body #main-content #pricing .pr-lite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin:12px 0 0!important;padding:12px 20px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--v2-card-line)!important}
  html body #main-content #pricing :is(.pr-enterprise,.pr-lite) h3{margin:0!important;font-size:18px!important;font-weight:500!important;line-height:1.1!important}
  html body #main-content #pricing :is(.pr-enterprise,.pr-lite) p{margin:4px 0 0!important;font-size:15px!important;line-height:1.1!important;color:var(--v2-copy)!important}
  html body #main-content #pricing .pr-lite p{line-height:1.5!important}
  html body #main-content #pricing .pr-lite-copy{flex:1 1 360px}
  html body #main-content #pricing :is(.pr-enterprise,.pr-lite) .pr-button{display:inline-flex;align-items:center;height:44px;min-height:0;padding:0 22px;border-radius:999px;background:var(--v2-ink);color:#fff;border:0;font:500 15px/1 Archivo,sans-serif}
  html body #main-content #pricing .pr-lite .pr-button{background:transparent;color:var(--v2-ink);border:1px solid var(--v2-ink);padding:0 26px}
  html body #main-content #pricing .pr-card .pr-byo,html body #main-content #pricing .pr-card .pr-byo>div{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important}
  html body #main-content #pricing .pr-card .pr-byo strong,html body #main-content #pricing .pr-card .pr-byo span{display:inline!important;margin:0!important;line-height:1.4!important}
  html body #main-content #pricing .pr-card .pr-byo strong{font-size:10px!important;font-weight:700!important}
  html body #main-content #pricing .pr-card .pr-byo span{font-size:12px!important;white-space:nowrap}
  html body #main-content #pricing .pr-card .pr-card-heading p{line-height:1.45!important;font-size:14px!important}
  html body #main-content #pricing .pr-card .pr-price{line-height:1.1!important}
  html body #main-content #pricing .pr-card .pr-card-heading h3{line-height:1.1!important;font-size:20px!important;margin:0!important}
  html body #main-content #pricing .pr-card .pr-price,html body #main-content #pricing .pr-card .pr-price strong{line-height:35px!important;height:35px}
  html body #main-content #pricing .pr-card .pr-byo{height:17px;line-height:17px!important}
  html body #main-content #pricing .pr-card .pr-card-heading{display:block!important;gap:0!important}
  html body #main-content #pricing .pr-card .pr-price-note{margin:0!important}
}
html body #main-content #pricing .pr-intro h2{line-height:1.1!important}

/* Second pass against the proposal screenshots */
@media(min-width:900px){
  html body #main-content #pricing .pr-navigation{justify-content:flex-start!important}
  html body #main-content #pricing .pr-card .pr-byo-plus{display:none!important}
  html body #main-content #pricing .pr-card .pr-byo{overflow:visible}
  html body #main-content #pricing .pr-card .pr-byo span{overflow:visible;text-overflow:clip}
}
html body #main-content #pricing .pr-features li.pr-features-intro{display:block!important;grid-template-columns:none;font-size:13px!important;line-height:1.4!important;color:var(--v2-muted)}
html body #main-content #uses #current-layout .toda-scene h3{text-wrap:wrap!important}
.v2-split-head .v2-lead a{color:var(--v2-blue);text-decoration:none}
.v2-split-head .v2-lead a:hover{color:var(--v2-blue-hover)}
html body #main-content #pricing .pr-card .pr-byo span.pr-byo-plus.pr-byo-plus,html body #main-content #pricing .pr-lite .pr-byo span.pr-byo-plus.pr-byo-plus{display:none!important}