:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

:root{
  /* Layout: Clarity. Quiet product pages on a pale ground: centered statements, wide margins, white objects with hairline edges, and pastel tiles only where the agents are at work. */
  --bg:#FAFAF8; --bg-2:#F2F2EE; --card:#F0F0EB; --card-2:#E6E6E0; --paper:#FFFFFF;
  --ink:#141414; --ink-2:#62625D; --ink-3:#8E8E88; --line:#E3E3DD;
  --btn:#141414; --on-btn:#FFFFFF;
  --honey:#EDBE4A; --honey-ink:#7A5A12; --honey-soft:#F7EED3;
  --blush-soft:#F4EAE4; --blush-ink:#8A5A4C; --sky-soft:#EAEFF5; --sky-ink:#3B5B85; --mint-soft:#E8EEE6; --mint-ink:#3F6249;
  --grad:linear-gradient(92deg,#E39A0C,#EF7436 52%,#D84E7E);
  --tile-yellow:#FBF0CB; --tile-peach:#FBE2D4; --tile-sage:#E3ECDF; --tile-lilac:#ECE6F4;
  --stage:linear-gradient(160deg,#F6F1E3 0%,#F4EEE8 55%,#EEF0F3 100%);
  --ok:#2F6B4A; --err:#B3372B;
  --shadow:0 1px 2px rgba(20,20,20,.04),0 12px 32px -20px rgba(20,20,20,.22);
  --shadow-lg:0 2px 4px rgba(20,20,20,.04),0 30px 60px -30px rgba(20,20,20,.28);
  --f-sans:"Figtree","Helvetica Neue",Arial,sans-serif;
  --f-display:"Figtree","Helvetica Neue",Arial,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r-xl:30px; --r-l:22px; --r-m:14px;
  --hex:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --maxw:1120px; --gutter:clamp(18px,4vw,48px);
  --bee:url("/assets/charmbee-shoes-e01b228a4d.webp");
  --bee-sm:url("/assets/charmbee-shoes-sm-bef4d6a0b5.webp");
  --saber:url("/assets/saber-airforce-white-49d892d62e.webp");
  --saber-sm:url("/assets/saber-airforce-white-sm-f5ce8b3807.webp");
  --swan:url("/assets/lumi-shoes-c11abbeda2.webp");
  --swan-sm:url("/assets/lumi-shoes-sm-f10ad16cf3.webp");
  --mark:var(--mk-light);
  --stage-saber:linear-gradient(160deg,#FAEBDC 0%,#F6E3D3 55%,#F1ECE6 100%);
  --stage-swan:linear-gradient(160deg,#F1ECF7 0%,#EEE9F4 55%,#E8EEF5 100%);
  --stage-bee:linear-gradient(160deg,#FBF1D2 0%,#F7ECD6 55%,#F0EEE8 100%);
  --saber-ink:#94501C; --saber-soft:#F7E9DB; --swan-ink:#1F6E96; --swan-soft:#EDE7F3;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F0F0E; --bg-2:#151514; --card:#1B1B1A; --card-2:#282826; --paper:#1A1A19;
    --ink:#F2F2EF; --ink-2:#A3A39E; --ink-3:#74746F; --line:#2B2B29;
    --btn:#F2F2EF; --on-btn:#0F0F0E;
    --honey:#E9BE52; --honey-ink:#E9BE52; --honey-soft:#29230F;
    --si-a:#FFC24D; --si-b:#FF8A3D; --si-dot:#F6C33B; --si-tile:#2E2721; --si-ink:#F59A4A;
    --blush-soft:#271C18; --blush-ink:#E8B3A2; --sky-soft:#151C26; --sky-ink:#9CC0F0; --mint-soft:#151F17; --mint-ink:#9BD2AE;
    --grad:linear-gradient(92deg,#F2B544,#F58A55 52%,#EE86AE); --tile-yellow:#2A2412; --tile-peach:#2C1E17; --tile-sage:#1A2219; --tile-lilac:#221E2B;
    --stage:linear-gradient(160deg,#25211A 0%,#221D1B 55%,#1C1F23 100%);
    --stage-saber:linear-gradient(160deg,#2C2117 0%,#2A1F18 55%,#22201E 100%);
    --stage-swan:linear-gradient(160deg,#241F2C 0%,#221D27 55%,#1C2128 100%);
    --stage-bee:linear-gradient(160deg,#2A2514 0%,#262118 55%,#1E2024 100%);
    --saber-ink:#F2A86A; --saber-soft:#2E1F12; --swan-ink:#8FD3F2; --swan-soft:#241F2B;
    --ok:#8FD6AE; --err:#F08A7C;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px -20px rgba(0,0,0,.8);
    --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 30px 60px -30px rgba(0,0,0,.9);
    --mark:var(--mk-dark); --mk-l-disp:none; --mk-d-disp:inline; --lg-c-ink:linear-gradient(95deg,#4C8DFF,#7BE3FF); --lg-f-ink:linear-gradient(95deg,#FF6A2C,#FFC56A);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0F0F0E; --bg-2:#151514; --card:#1B1B1A; --card-2:#282826; --paper:#1A1A19;
  --ink:#F2F2EF; --ink-2:#A3A39E; --ink-3:#74746F; --line:#2B2B29;
  --btn:#F2F2EF; --on-btn:#0F0F0E;
  --honey:#E9BE52; --honey-ink:#E9BE52; --honey-soft:#29230F;
  --si-a:#FFC24D; --si-b:#FF8A3D; --si-dot:#F6C33B; --si-tile:#2E2721; --si-ink:#F59A4A;
  --blush-soft:#271C18; --blush-ink:#E8B3A2; --sky-soft:#151C26; --sky-ink:#9CC0F0; --mint-soft:#151F17; --mint-ink:#9BD2AE;
  --grad:linear-gradient(92deg,#F2B544,#F58A55 52%,#EE86AE); --tile-yellow:#2A2412; --tile-peach:#2C1E17; --tile-sage:#1A2219; --tile-lilac:#221E2B;
  --stage:linear-gradient(160deg,#25211A 0%,#221D1B 55%,#1C1F23 100%);
  --stage-saber:linear-gradient(160deg,#2C2117 0%,#2A1F18 55%,#22201E 100%);
  --stage-swan:linear-gradient(160deg,#241F2C 0%,#221D27 55%,#1C2128 100%);
  --stage-bee:linear-gradient(160deg,#2A2514 0%,#262118 55%,#1E2024 100%);
  --saber-ink:#F2A86A; --saber-soft:#2E1F12; --swan-ink:#8FD3F2; --swan-soft:#241F2B;
  --ok:#8FD6AE; --err:#F08A7C;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px -20px rgba(0,0,0,.8);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 30px 60px -30px rgba(0,0,0,.9);
  --mark:var(--mk-dark); --mk-l-disp:none; --mk-d-disp:inline; --lg-c-ink:linear-gradient(95deg,#4C8DFF,#7BE3FF); --lg-f-ink:linear-gradient(95deg,#FF6A2C,#FFC56A);
    color-scheme:dark;
}
/* Two strengths cards */
:root{--duo-l:#FBE2D4;--duo-r:#FBF0CB;--duo-site:#B83A22;--duo-force:#B45309}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--duo-l:#2C1E17;--duo-r:#2A2412;--duo-site:#FF9C84;--duo-force:#F2B544}}
:root[data-theme="dark"]{--duo-l:#2C1E17;--duo-r:#2A2412;--duo-site:#FF9C84;--duo-force:#F2B544}

/* ===== Clarity Growth: same layout as Clarity, retuned palette =====
   Energy  = amber to orange (pink removed from every accent)
   Trust   = deep navy for structure: hero panel, closing cards, footer, proof
   Money   = green only where numbers move up: rankings, charts, results */
:root{
  --bg:#FAFBFC; --bg-2:#F3F5F9; --card:#F1F4F8; --card-2:#E4E9F1; --paper:#FFFFFF;
  --ink:#0E1A2F; --ink-2:#4A5568; --ink-3:#7D8799; --line:#E2E7EE;
  --btn:#0B1F4D; --on-btn:#FFFFFF;
  --navy:#0B1F4D; --navy-2:#153170; --navy-ink:#C5D1E8; --navy-ink-2:#8FA3C8;
  --blue:#2457E6; --blue-ink:#1D46B8; --blue-soft:#EAF0FD;
  --money:#12A15A; --money-ink:#0B7A44; --money-soft:#E5F5EC;
  --energy:#FFB020;
  --grad:linear-gradient(92deg,#EB9A06,#F2801F 52%,#EA6115);
  --blush-soft:#FFEFE5; --blush-ink:#B4500F;
  --tile-yellow:#FFF5DA; --tile-peach:#FFF0E4; --tile-sage:#E5F5EC; --tile-lilac:#EEF2F9;
  --stage:linear-gradient(160deg,#F7F9FC 0%,#F1F4F9 100%);
  --swan-ink:#1D5C8F;
  --duo-l:#FFF0E3; --duo-r:#EAF0FB; --duo-site:#C2410C; --duo-force:#1E40AF;
  --si-ink:#C2541C;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B0F17; --bg-2:#10151F; --card:#151B27; --card-2:#232B3A; --paper:#161C28;
    --ink:#EEF2F8; --ink-2:#A3ADBF; --ink-3:#6F7A8E; --line:#252D3B;
    --btn:#EEF2F8; --on-btn:#0B0F17;
    --navy:#10224D; --navy-2:#183172; --navy-ink:#C5D1E8; --navy-ink-2:#8FA3C8;
    --blue:#7FA6FF; --blue-ink:#9DBBFF; --blue-soft:#15203A;
    --money:#3DDC8A; --money-ink:#5BE39A; --money-soft:#10271B;
    --grad:linear-gradient(92deg,#FFC24D,#FF9A45 52%,#FF7A3D);
    --blush-soft:#2A1C14; --blush-ink:#FFA36B;
    --tile-yellow:#272112; --tile-peach:#2A1D14; --tile-sage:#10271B; --tile-lilac:#151E30;
    --stage:linear-gradient(160deg,#121826 0%,#0F1522 100%);
    --swan-ink:#8FD3F2;
    --duo-l:#2A1D14; --duo-r:#15203A; --duo-site:#FF9A5C; --duo-force:#9DBBFF;
    --si-ink:#FFA55A;
  }
}
:root[data-theme="dark"]{
  --bg:#0B0F17; --bg-2:#10151F; --card:#151B27; --card-2:#232B3A; --paper:#161C28;
  --ink:#EEF2F8; --ink-2:#A3ADBF; --ink-3:#6F7A8E; --line:#252D3B;
  --btn:#EEF2F8; --on-btn:#0B0F17;
  --navy:#10224D; --navy-2:#183172; --navy-ink:#C5D1E8; --navy-ink-2:#8FA3C8;
  --blue:#7FA6FF; --blue-ink:#9DBBFF; --blue-soft:#15203A;
  --money:#3DDC8A; --money-ink:#5BE39A; --money-soft:#10271B;
  --grad:linear-gradient(92deg,#FFC24D,#FF9A45 52%,#FF7A3D);
  --blush-soft:#2A1C14; --blush-ink:#FFA36B;
  --tile-yellow:#272112; --tile-peach:#2A1D14; --tile-sage:#10271B; --tile-lilac:#151E30;
  --stage:linear-gradient(160deg,#121826 0%,#0F1522 100%);
  --swan-ink:#8FD3F2;
  --duo-l:#2A1D14; --duo-r:#15203A; --duo-site:#FF9A5C; --duo-force:#9DBBFF;
  --si-ink:#FFA55A;
}

/* Section labels in the logo's electric blue */
:root{--eyebrow-c:#2D5BDB}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eyebrow-c:#8DB2FF}}
:root[data-theme="dark"]{--eyebrow-c:#8DB2FF}

/* CyteForce mark: Electric C+F in a rounded deep-blue tile (same on light and dark) */
:root{--mk-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='ttl' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23102A6B'/%3E%3Cstop offset='1' stop-color='%230A1A45'/%3E%3C/linearGradient%3E%3ClinearGradient id='ttop' gradientUnits='userSpaceOnUse' x1='17.37' y1='38.34' x2='62.68' y2='-0.1'%3E%3Cstop offset='0' stop-color='%233846F0'/%3E%3Cstop offset='0.2' stop-color='%234166F7'/%3E%3Cstop offset='0.5' stop-color='%2360B2FF'/%3E%3Cstop offset='0.8' stop-color='%23B0EEFF'/%3E%3Cstop offset='1' stop-color='%23DDF8FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='tbottom' gradientUnits='userSpaceOnUse' x1='6.16' y1='60.49' x2='49.73' y2='98.91'%3E%3Cstop offset='0' stop-color='%23394AF1'/%3E%3Cstop offset='0.2' stop-color='%234268F7'/%3E%3Cstop offset='0.5' stop-color='%235AA6FF'/%3E%3Cstop offset='0.8' stop-color='%2393E8FF'/%3E%3Cstop offset='1' stop-color='%23D3F6FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='tleft' gradientUnits='userSpaceOnUse' x1='20.05' y1='56.72' x2='1.66' y2='27.25'%3E%3Cstop offset='0' stop-color='%234F92FF'/%3E%3Cstop offset='0.2' stop-color='%235FB0FF'/%3E%3Cstop offset='0.5' stop-color='%237DE3FF'/%3E%3Cstop offset='0.8' stop-color='%23BBF1FF'/%3E%3Cstop offset='1' stop-color='%23DBF8FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='tftop' gradientUnits='userSpaceOnUse' x1='35.03' y1='32.77' x2='95.36' y2='33'%3E%3Cstop offset='0' stop-color='%23FF522A'/%3E%3Cstop offset='0.2' stop-color='%23FF6A2D'/%3E%3Cstop offset='0.5' stop-color='%23FF8E36'/%3E%3Cstop offset='0.8' stop-color='%23FFB656'/%3E%3Cstop offset='1' stop-color='%23FFD27A'/%3E%3C/linearGradient%3E%3ClinearGradient id='tflow' gradientUnits='userSpaceOnUse' x1='34.67' y1='55.49' x2='82.03' y2='60.46'%3E%3Cstop offset='0' stop-color='%23FF622C'/%3E%3Cstop offset='0.2' stop-color='%23FF752E'/%3E%3Cstop offset='0.5' stop-color='%23FF8E36'/%3E%3Cstop offset='0.8' stop-color='%23FFAB48'/%3E%3Cstop offset='1' stop-color='%23FFC164'/%3E%3C/linearGradient%3E%3Cfilter id='tgl' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='3.2'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100' height='100' rx='22' fill='url(%23ttl)'/%3E%3Crect x='0.5' y='0.5' width='99' height='99' rx='21.5' fill='none' stroke='%23fff' stroke-opacity='.1' stroke-width='1'/%3E%3Cg transform='translate(19.45 18) scale(0.64000)'%3E%3Cg filter='url(%23tgl)' opacity='0.62'%3E%3Cpath fill='url(%23ttop)' d='M50.2 0.1C49.2 0.3 48.3 0.6 46.8 1.4C35.4 7.7 6.2 24.3 5.7 24.8C5.6 24.8 5.7 24.9 5.8 25C6 25.1 6.1 25.1 6.8 24.9C7.3 24.8 8 24.8 8.9 24.8C10.8 24.9 11.5 25.1 14.5 27C15.8 27.8 19.3 29.9 22.1 31.7C25 33.5 27.8 35.1 28.3 35.4C29.7 36 31.3 36.3 32.8 36C33.2 36 33.7 35.9 33.8 35.9C34 35.8 34.3 35.8 34.4 35.7C35 35.4 65.6 17.9 70.9 14.9C72.6 13.9 72.9 11.5 71.6 10.2C71.3 10 70.3 9.3 69.1 8.7C68 8.1 65.5 6.7 63.5 5.5C61.5 4.4 58.8 2.9 57.5 2.1C54.1 0.2 52.8 -0.2 50.2 0.1Z'/%3E%3Cpath fill='url(%23tbottom)' d='M24.1 49.1C24 49.1 23.7 49.6 23.5 50.1C23.2 50.7 22.8 51.1 22.1 51.8C21.2 52.8 21.8 52.4 7.5 61C3.9 63.1 3.5 63.4 2.7 64.3C1.6 65.3 0.8 66.6 0.5 67.9C0.3 68.3 0.1 68.8 0.1 68.9C-0.1 69.3 0.1 71.2 0.3 72.1C1 74.8 2.6 76.7 5.4 78.4C6.4 79 9.2 80.8 14.9 84.4C15.7 84.9 18.1 86.4 20.4 87.9C25.4 91 25.8 91.3 32.2 95.5C35 97.4 37.6 99 37.9 99.2C39.7 100.1 42.5 100.2 44.3 99.3C44.6 99.1 46.6 98 48.8 96.8C51 95.5 53.3 94.2 53.8 93.9C55 93.3 55.6 92.6 56.1 91.6C56.4 91.1 56.5 90.9 56.5 89.9C56.5 88.8 56.4 88.7 56.1 88.1C55.5 86.9 55.2 86.6 52 84.6C50.3 83.6 46.2 81 42.8 78.8C39.4 76.7 34.5 73.6 32 72C26.8 68.7 26.1 68.1 25.3 66.6C24.5 65 24.5 64.9 24.5 56.6C24.5 52.4 24.4 49 24.4 49C24.3 49 24.2 49 24.1 49.1Z'/%3E%3Cpath fill='url(%23tleft)' d='M7.2 24.6C7.2 24.7 6.8 24.7 6.4 24.7C5.6 24.7 5.5 24.8 3.8 26.1C2.4 27.1 1.6 28 1 29.4C-0 31.4 0.1 29.4 0 50.5C0 63.5 0 69.3 0.1 69.3C0.2 69.3 0.3 69.1 0.7 68C1.1 66.7 1.9 65.4 2.9 64.4C3.7 63.5 4.1 63.3 7.8 61.1C22 52.5 21.4 52.9 22.4 51.9C22.9 51.4 23.4 50.8 23.7 50.3C23.9 49.8 24.1 49.6 24.2 49.6C24.4 49.7 24.5 49.2 24.4 46.6C24.4 43.2 24.6 42.3 25.9 40.9C26.5 40.2 26.5 40.2 30.7 37.8C32.4 36.8 33.9 35.9 34 35.9C34.2 35.6 33.9 35.5 33.4 35.7C32.7 35.9 31.1 35.9 30.2 35.8C28.8 35.5 28.1 35.1 22.4 31.6C19.5 29.8 16 27.7 14.7 26.9C11.5 24.9 10.9 24.7 8.8 24.6C8 24.6 7.3 24.6 7.2 24.6Z'/%3E%3Cpath fill='url(%23tftop)' d='M75.8 18.6C75.1 18.8 70.4 21.4 62.6 25.7C61.7 26.2 59.5 27.4 57.6 28.4C55.7 29.5 51.6 31.7 48.5 33.5C45.3 35.2 41.8 37.1 40.6 37.8C39.4 38.5 37.7 39.4 36.9 39.8C34.9 40.9 34.6 41.4 35.2 42.1C35.4 42.2 35.7 42.4 36 42.4C36.2 42.5 46.6 42.4 59.1 42.4C81.7 42.3 81.7 42.3 82.4 42C83 41.8 83.9 41.2 90.1 37.2C93.9 34.6 94.4 34.3 94.9 33.3C95.7 31.8 95.7 30.3 95 28.8C94.4 27.6 94 27.2 91.4 25.6C84.5 21.4 80.5 19 80.2 18.9C79.1 18.3 77.1 18.2 75.8 18.6Z'/%3E%3Cpath fill='url(%23tflow)' d='M39.9 47.3C37.7 47.8 36 49.3 35.2 51.5C34.9 52.3 34.9 52.3 34.9 60.1C34.9 67.9 34.9 67.9 35.2 68.5C35.8 70.1 36.1 70.3 40.4 73.1C49.4 78.8 49.3 78.8 50.1 78.4C50.5 78.1 50.6 78 50.6 72C50.7 66.2 50.7 66.2 51 65.4C51.5 64.5 52.2 63.8 53.1 63.4C53.9 63 53.9 63 63.3 63C72.8 62.9 72.8 62.9 73.5 62.6C73.9 62.5 74.5 62.1 74.9 61.9C75.3 61.6 76.8 60.6 78.2 59.6C82.5 56.7 82.8 56.1 82.8 51.9C82.8 49.6 82.8 49.5 82.5 49C82.2 48.3 81.7 47.9 81 47.5C80.5 47.3 80.1 47.3 60.4 47.3C48.2 47.2 40.2 47.3 39.9 47.3Z'/%3E%3C/g%3E%3Cpath fill='url(%23ttop)' d='M50.2 0.1C49.2 0.3 48.3 0.6 46.8 1.4C35.4 7.7 6.2 24.3 5.7 24.8C5.6 24.8 5.7 24.9 5.8 25C6 25.1 6.1 25.1 6.8 24.9C7.3 24.8 8 24.8 8.9 24.8C10.8 24.9 11.5 25.1 14.5 27C15.8 27.8 19.3 29.9 22.1 31.7C25 33.5 27.8 35.1 28.3 35.4C29.7 36 31.3 36.3 32.8 36C33.2 36 33.7 35.9 33.8 35.9C34 35.8 34.3 35.8 34.4 35.7C35 35.4 65.6 17.9 70.9 14.9C72.6 13.9 72.9 11.5 71.6 10.2C71.3 10 70.3 9.3 69.1 8.7C68 8.1 65.5 6.7 63.5 5.5C61.5 4.4 58.8 2.9 57.5 2.1C54.1 0.2 52.8 -0.2 50.2 0.1Z'/%3E%3Cpath fill='url(%23tbottom)' d='M24.1 49.1C24 49.1 23.7 49.6 23.5 50.1C23.2 50.7 22.8 51.1 22.1 51.8C21.2 52.8 21.8 52.4 7.5 61C3.9 63.1 3.5 63.4 2.7 64.3C1.6 65.3 0.8 66.6 0.5 67.9C0.3 68.3 0.1 68.8 0.1 68.9C-0.1 69.3 0.1 71.2 0.3 72.1C1 74.8 2.6 76.7 5.4 78.4C6.4 79 9.2 80.8 14.9 84.4C15.7 84.9 18.1 86.4 20.4 87.9C25.4 91 25.8 91.3 32.2 95.5C35 97.4 37.6 99 37.9 99.2C39.7 100.1 42.5 100.2 44.3 99.3C44.6 99.1 46.6 98 48.8 96.8C51 95.5 53.3 94.2 53.8 93.9C55 93.3 55.6 92.6 56.1 91.6C56.4 91.1 56.5 90.9 56.5 89.9C56.5 88.8 56.4 88.7 56.1 88.1C55.5 86.9 55.2 86.6 52 84.6C50.3 83.6 46.2 81 42.8 78.8C39.4 76.7 34.5 73.6 32 72C26.8 68.7 26.1 68.1 25.3 66.6C24.5 65 24.5 64.9 24.5 56.6C24.5 52.4 24.4 49 24.4 49C24.3 49 24.2 49 24.1 49.1Z'/%3E%3Cpath fill='url(%23tleft)' d='M7.2 24.6C7.2 24.7 6.8 24.7 6.4 24.7C5.6 24.7 5.5 24.8 3.8 26.1C2.4 27.1 1.6 28 1 29.4C-0 31.4 0.1 29.4 0 50.5C0 63.5 0 69.3 0.1 69.3C0.2 69.3 0.3 69.1 0.7 68C1.1 66.7 1.9 65.4 2.9 64.4C3.7 63.5 4.1 63.3 7.8 61.1C22 52.5 21.4 52.9 22.4 51.9C22.9 51.4 23.4 50.8 23.7 50.3C23.9 49.8 24.1 49.6 24.2 49.6C24.4 49.7 24.5 49.2 24.4 46.6C24.4 43.2 24.6 42.3 25.9 40.9C26.5 40.2 26.5 40.2 30.7 37.8C32.4 36.8 33.9 35.9 34 35.9C34.2 35.6 33.9 35.5 33.4 35.7C32.7 35.9 31.1 35.9 30.2 35.8C28.8 35.5 28.1 35.1 22.4 31.6C19.5 29.8 16 27.7 14.7 26.9C11.5 24.9 10.9 24.7 8.8 24.6C8 24.6 7.3 24.6 7.2 24.6Z'/%3E%3Cpath fill='url(%23tftop)' d='M75.8 18.6C75.1 18.8 70.4 21.4 62.6 25.7C61.7 26.2 59.5 27.4 57.6 28.4C55.7 29.5 51.6 31.7 48.5 33.5C45.3 35.2 41.8 37.1 40.6 37.8C39.4 38.5 37.7 39.4 36.9 39.8C34.9 40.9 34.6 41.4 35.2 42.1C35.4 42.2 35.7 42.4 36 42.4C36.2 42.5 46.6 42.4 59.1 42.4C81.7 42.3 81.7 42.3 82.4 42C83 41.8 83.9 41.2 90.1 37.2C93.9 34.6 94.4 34.3 94.9 33.3C95.7 31.8 95.7 30.3 95 28.8C94.4 27.6 94 27.2 91.4 25.6C84.5 21.4 80.5 19 80.2 18.9C79.1 18.3 77.1 18.2 75.8 18.6Z'/%3E%3Cpath fill='url(%23tflow)' d='M39.9 47.3C37.7 47.8 36 49.3 35.2 51.5C34.9 52.3 34.9 52.3 34.9 60.1C34.9 67.9 34.9 67.9 35.2 68.5C35.8 70.1 36.1 70.3 40.4 73.1C49.4 78.8 49.3 78.8 50.1 78.4C50.5 78.1 50.6 78 50.6 72C50.7 66.2 50.7 66.2 51 65.4C51.5 64.5 52.2 63.8 53.1 63.4C53.9 63 53.9 63 63.3 63C72.8 62.9 72.8 62.9 73.5 62.6C73.9 62.5 74.5 62.1 74.9 61.9C75.3 61.6 76.8 60.6 78.2 59.6C82.5 56.7 82.8 56.1 82.8 51.9C82.8 49.6 82.8 49.5 82.5 49C82.2 48.3 81.7 47.9 81 47.5C80.5 47.3 80.1 47.3 60.4 47.3C48.2 47.2 40.2 47.3 39.9 47.3Z'/%3E%3C/g%3E%3C/svg%3E");
--mk-light:var(--mk-tile);--mk-dark:var(--mk-tile);--mk-l-disp:inline;--mk-d-disp:none}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:820px;margin-inline:auto}
.section{padding-block:clamp(64px,9vw,128px)}
.page{animation:pageIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes pageIn{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
.center{text-align:center}
.center .lede{margin-inline:auto}

.label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-2)}
.pill-label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--card);font-size:14px;font-weight:500;color:var(--ink)}
.pill-label i{width:24px;height:24px;border-radius:50%;background:var(--honey-soft) var(--bee-sm) center/72% no-repeat}
.eyebrow{display:block;font-size:14px;font-weight:500;color:var(--ink-2);margin-bottom:14px}
.h1{font-weight:500;font-size:clamp(2.7rem,6.4vw,5.25rem);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.h2{font-weight:500;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.h3{font-weight:500;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;letter-spacing:-.02em}
.lede{font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:60ch}
.head-block{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px)}
.head-block.center{justify-items:center}
.mono{font-family:var(--f-mono)}
.wm{font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.wm b{font-weight:600;color:var(--honey-ink)}
.wm.two .s{color:var(--duo-site,var(--blush-ink))}
.wm.two b{color:var(--duo-force,var(--honey-ink))}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:16px;line-height:1;padding:15px 22px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:opacity .15s,background-color .15s,transform .15s}
.btn:hover{opacity:.86}
.btn-dark{background:var(--btn);color:var(--on-btn)}
.btn-soft{background:var(--card);color:var(--ink)}
.btn-soft:hover{background:var(--card-2);opacity:1}
.btn svg{width:16px;height:16px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.cta-row{display:flex;flex-wrap:wrap;gap:10px}
.center .cta-row{justify-content:center}
.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-decoration:none;color:var(--ink)}
.text-link span{transition:transform .15s}
.text-link:hover span{transform:translateX(3px)}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
.nav-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:19px;justify-self:start}
.logo i{width:28px;height:28px;border-radius:50%;background:var(--honey-soft) var(--bee-sm) center/74% no-repeat;flex:none}
.nav-links{display:flex;gap:2px;font-size:15px}
.nav-links a{text-decoration:none;color:var(--ink-2);padding:8px 14px;border-radius:999px;transition:background-color .15s,color .15s}
.nav-links a:hover{color:var(--ink);background:var(--card)}
.nav-links a[aria-current="page"]{color:var(--ink);background:var(--card)}
.nav-right{justify-self:end;display:flex;align-items:center;gap:8px}
.nav .btn{padding:11px 18px;font-size:15px}
.menu-btn{display:none;width:42px;height:42px;border-radius:999px;border:0;background:var(--card);cursor:pointer;place-items:center}
.menu-btn svg{width:18px;height:18px}
.menu{padding-block:4px 18px}
.menu a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
.menu a[aria-current="page"]{color:var(--honey-ink)}
.menu .btn{margin-top:16px;width:100%;border:0}
@media (max-width:980px){.nav-bar{grid-template-columns:1fr auto}.nav-links{display:none}.menu-btn{display:grid}}
@media (max-width:440px){.nav-right .btn{display:none}}

/* Hero */
.hero{padding-block:clamp(48px,7vw,104px) clamp(48px,6vw,80px)}
.hero .head-block{margin-bottom:clamp(36px,5vw,56px)}
.hero .h1 span{display:block}
.stage{position:relative;border-radius:var(--r-xl);background:var(--stage);overflow:hidden;aspect-ratio:16/8.4;min-height:440px;isolation:isolate}
.stage-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in srgb,var(--ink) 12%,transparent) 1.2px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 70% at 50% 55%,#000,transparent);mask-image:radial-gradient(60% 70% at 50% 55%,#000,transparent);opacity:.5}
.stage-bee{position:absolute;left:50%;bottom:-2%;width:min(34%,360px);aspect-ratio:661/768;transform:translateX(-50%);background:var(--bee) center bottom/contain no-repeat;filter:drop-shadow(0 30px 40px rgba(120,70,20,.22))}
.stage-bee.float{animation:bob 6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-12px)}}
.fcard{position:absolute;z-index:2;background:var(--paper);border-radius:20px;box-shadow:var(--shadow-lg);padding:14px 16px;font-size:14.5px;line-height:1.45}
.bubble{left:5%;top:9%;width:min(340px,40%)}
.bubble-head{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:13.5px}
.bubble-head i{width:26px;height:26px;border-radius:50%;background:var(--honey-soft) var(--bee-sm) center/74% no-repeat;flex:none}
.bubble-head b{font-weight:600}
.bubble-head span{color:var(--ink-3);margin-left:auto;font-variant-numeric:tabular-nums}
.bubble-msg{transition:opacity .35s}
.bubble-msg.fade{opacity:0}
.testcard{right:5%;top:16%;width:min(290px,34%)}
.testcard .t{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.testcard .t i{width:8px;height:8px;border-radius:50%;background:#2FA36B;box-shadow:0 0 0 4px rgba(47,163,107,.18)}
.testcard .s{color:var(--ink-3);font-size:13px;margin:2px 0 12px}
.vrow{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;font-size:13px;margin-top:8px}
.vrow b{font-weight:500}
.vbar{grid-column:1/-1;height:6px;border-radius:6px;background:var(--card);overflow:hidden}
.vbar i{display:block;height:100%;border-radius:6px;background:var(--ink)}
.vbar.alt i{background:var(--honey)}
.chipcard{left:9%;bottom:10%;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:999px;font-size:13.5px}
.chipcard i{width:28px;height:28px;border-radius:50%;background:var(--sky-soft);display:grid;place-items:center;flex:none}
.chipcard i::before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--sky-ink)}
.chipcard b{font-weight:600}
.stage-cap{margin-top:14px;text-align:center;font-size:13px;color:var(--ink-3)}
@media (max-width:820px){
  .stage{aspect-ratio:auto;min-height:0;display:grid;gap:12px;padding:20px 16px 0}
  .fcard{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .chipcard{justify-self:start}
  .stage-bee{position:relative;left:auto;bottom:auto;transform:none;justify-self:center;width:min(62%,260px);margin-top:4px}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
}

/* Meet */
/* What the name means (About): two matched cards, each with its own tint, readable accent words */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.duo-card{border-radius:var(--r-xl);padding:clamp(28px,4vw,52px);display:grid;gap:14px;align-content:start;min-width:0;position:relative;overflow:hidden}
.duo-charm{background:var(--duo-l,var(--blush-soft))}
.duo-bee{background:var(--duo-r,var(--honey-soft))}
.duo-charm{--acc:var(--duo-site,var(--blush-ink))}
.duo-bee{--acc:var(--duo-force,var(--honey-ink))}
.duo-card .word{font-family:var(--f-display);font-size:clamp(3.5rem,8vw,6.5rem);line-height:.95;letter-spacing:-.055em;font-weight:600;margin-bottom:18px;color:var(--acc)}
.duo-card p{color:var(--ink-2);max-width:42ch}
.duo-card .tags{display:grid;gap:8px;margin-top:8px}
.duo-card .tags span{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink);padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--paper) 72%,transparent)}
.duo-card .tags span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.4l2.4 2.4 5.2-5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:760px){.duo{grid-template-columns:minmax(0,1fr)}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bcard{background:var(--card);border-radius:var(--r-l);padding:clamp(22px,2.6vw,30px);display:grid;gap:10px;align-content:start;min-width:0}
.bcard p{color:var(--ink-2);font-size:16px}
.bcard .k{font-size:13px;font-weight:500;color:var(--ink-3)}
.bcard .k.find{color:var(--blush-ink)}
.bcard .art{height:150px;border-radius:16px;background:var(--paper);margin-bottom:12px;position:relative;overflow:hidden;display:grid;place-items:center}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bento{grid-template-columns:minmax(0,1fr)}}
/* tiny illustrations */
.art-learn{display:flex!important;flex-wrap:wrap;gap:6px;align-content:center;justify-content:center;padding:16px}
.art-learn span{font-size:12.5px;padding:6px 11px;border-radius:999px;background:var(--card);white-space:nowrap}
.art-learn span.on{background:var(--honey);color:#2A1C10}
.art-build{padding:14px 18px;display:grid!important;gap:6px;place-items:stretch!important;align-content:center}
.art-build i{display:block;height:12px;border-radius:5px;background:var(--card)}
.art-build i.h{height:30px;background:var(--honey-soft)}
.art-build i.b{width:42%;height:16px;border-radius:99px;background:var(--ink)}
.art-loop{gap:0}
.art-loop .ring{width:96px;height:96px;border-radius:50%;border:2px dashed var(--line);position:relative;animation:spin 14s linear infinite}
.art-loop .ring i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--honey);top:-8px;left:calc(50% - 7px)}
.art-loop .ring i:nth-child(2){top:auto;bottom:-8px;background:var(--ink)}
.art-loop .core{position:absolute;width:44px;aspect-ratio:661/768;background:var(--bee-sm) center/contain no-repeat}
@keyframes spin{to{transform:rotate(360deg)}}

/* Day timeline */
.day{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.day-intro{position:sticky;top:100px;display:grid;gap:18px}
.day-list{position:relative;display:grid;--hold:3.6s}
.day-list::before{content:"";position:absolute;left:11px;top:36px;height:var(--track,calc(100% - 72px));width:2px;background:var(--line);border-radius:2px}
.day-fill{position:absolute;left:11px;top:36px;width:2px;height:0;border-radius:2px;background:linear-gradient(var(--honey),#E2843A);z-index:0;pointer-events:none}
.tp{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:18px;padding-block:6px}
.tp .dot{position:relative;z-index:1;width:24px;height:24px;margin-top:18px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:border-color .35s,background .35s,transform .35s}
.tp.done .dot{border-color:var(--honey);background:radial-gradient(circle,var(--honey) 0 4px,var(--bg) 4.5px)}
.tp.open .dot{border-color:var(--honey);background:var(--honey);transform:scale(1.08)}
.day-list.playing .tp.open .dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--honey);opacity:0;animation:dotPing 1.8s ease-out infinite}
@keyframes dotPing{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.tp-main{position:relative;border-radius:18px;overflow:hidden;transition:background-color .35s,opacity .45s}
.tp-main:hover{background:var(--bg-2)}
.tp.open .tp-main{background:var(--card)}
.day-list.playing .tp:not(.done):not(.open) .tp-main{opacity:.5}
.day-list.playing .tp.open .tp-main::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:var(--honey);transform-origin:left;transform:scaleX(0);animation:holdBar var(--hold) linear forwards}
@keyframes holdBar{to{transform:scaleX(1)}}
.tp-btn{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px 16px;align-items:baseline;width:100%;text-align:left;border:0;background:transparent;padding:16px 18px;border-radius:18px;cursor:pointer;color:inherit}
.tp-time{font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .35s}
.tp.open .tp-time,.tp.done .tp-time{color:var(--honey-ink)}
.tp-title{font-size:1.15rem;font-weight:500;letter-spacing:-.02em}
.tp-bwrap{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.3,.7,.2,1),visibility 0s linear .5s}
.tp.open .tp-bwrap{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s cubic-bezier(.3,.7,.2,1),visibility 0s}
.tp-bin{overflow:hidden;min-height:0}
.tp-body{color:var(--ink-2);font-size:16px;padding:0 18px 18px 126px}
.day-note{font-size:13px;color:var(--ink-3)}
/* clock */
.day-clock{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:var(--r-l);background:var(--card);margin-top:8px;flex-wrap:wrap}
.dc-vis{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
.dc-face{width:92px;height:92px;flex:none}
.dc-rim{fill:var(--paper);stroke:var(--line);stroke-width:2}
.dc-ticks line{stroke:var(--ink-3);stroke-width:2.2;stroke-linecap:round}
.dc-h{stroke:var(--ink);stroke-width:5;stroke-linecap:round}
.dc-m{stroke:#E2843A;stroke-width:3;stroke-linecap:round}
.dc-pin{fill:var(--ink)}
.dc-read{display:grid;gap:4px;flex:1;min-width:0}
.dc-label{font-size:12px;font-weight:500;color:var(--ink-3);letter-spacing:.02em}
.dc-time{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.dc-bar{position:relative;height:6px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:6px}
.dc-bar i{position:absolute;inset:0 auto 0 0;width:8%;border-radius:6px;background:linear-gradient(90deg,var(--honey),#E2843A)}
.dc-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.dc-play{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer}
.dc-play:hover{border-color:var(--ink-3)}
.dc-play svg{width:14px;height:14px;fill:currentColor}
.dc-play .i-play{display:none}
.dc-play.paused .i-play{display:block}
.dc-play.paused .i-pause{display:none}
@media (max-width:860px){.day{grid-template-columns:minmax(0,1fr)}.day-intro{position:static}}
@media (max-width:520px){.tp-btn{grid-template-columns:minmax(0,1fr)}.tp-body{padding-left:18px}.dc-face{width:76px;height:76px}}
@media (prefers-reduced-motion:reduce){.tp-bwrap,.tp.open .tp-bwrap,.tp .dot,.tp-main{transition:none}}

/* Concept carousel */
.carousel-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}
.carousel-bar button{width:44px;height:44px;border-radius:50%;border:0;background:var(--card);cursor:pointer;display:grid;place-items:center}
.carousel-bar button:hover{background:var(--card-2)}
.carousel-bar svg{width:18px;height:18px}
.carousel-bar span{min-width:60px;text-align:center;font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}

/* Treatment links */
.tlinks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tlink{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--card);text-decoration:none;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;letter-spacing:-.015em;transition:background-color .15s}
.tlink:hover{background:var(--card-2)}
.tlink::after{content:"→";color:var(--ink-3)}

/* Closing */
.closing{padding-block:clamp(32px,5vw,64px) clamp(64px,9vw,120px)}
.closing-card{position:relative;border-radius:var(--r-xl);background:var(--stage);padding:clamp(40px,7vw,96px) clamp(20px,5vw,64px) 0;text-align:center;display:grid;justify-items:center;gap:22px;overflow:hidden;isolation:isolate}
.closing-card .h2{max-width:20ch}
.closing-card .lede{color:var(--ink-2)}
.closing-card .cbee{width:min(46%,220px);aspect-ratio:661/768;background:var(--bee) center bottom/contain no-repeat;margin-top:12px;margin-bottom:-4%}
.closing-card .stage-dots{opacity:.4}

/* Page head */
.page-head{padding-block:clamp(56px,8vw,112px) clamp(28px,4vw,48px)}
.page-head .wrap{display:grid;gap:20px;justify-items:center;text-align:center}
.page-head .lede{margin-inline:auto}

/* Learn + picker */
.learn{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:stretch}
.learn-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.facts{display:flex;flex-direction:column;gap:10px;margin-top:10px;flex:1}
.facts .fact{flex:1 1 auto}
.picker{display:flex;flex-direction:column}
.picker .brief{flex:1;display:flex;flex-direction:column}
.picker .brief-row{flex:1 1 auto;align-content:start}
.picker .note{margin-top:16px}
.fact{background:var(--card);border-radius:var(--r-m);padding:16px 18px}
.fact h3{font-size:1.05rem;font-weight:500;letter-spacing:-.015em}
.fact p{color:var(--ink-2);font-size:15.5px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:clamp(20px,3vw,32px);min-width:0}
.picker h3{font-size:1.4rem;font-weight:500;letter-spacing:-.025em;margin-top:4px}
.tchips{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px 22px}
.tchip{padding:9px 15px;border-radius:999px;border:0;background:var(--card);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}
.tchip:hover{background:var(--card-2)}
.tchip[aria-pressed="true"]{background:var(--btn);color:var(--on-btn)}
.brief{display:grid;gap:10px}
.brief-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:14px 16px;border-radius:14px;background:var(--bg-2)}
.lbl{font-size:13px;font-weight:500;color:var(--ink-3);line-height:1.4}
.brief-row .lbl{padding-top:2px}
.dash{display:grid;gap:6px}
.dash li{position:relative;padding-left:16px;font-size:15.5px;line-height:1.45}
.dash li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--honey)}
.dash li.empty{padding-left:0;color:var(--ink-2)}
.dash li.empty::before{display:none}
.city{font-family:var(--f-mono);font-size:.78em;padding:1px 6px;border-radius:6px;background:var(--honey-soft);color:var(--honey-ink);white-space:nowrap}
.note{margin-top:14px;font-size:13px;color:var(--ink-3)}
@media (max-width:960px){.learn{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.brief-row{grid-template-columns:minmax(0,1fr);gap:6px}}

/* Loop (honeycomb) */
.loop-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.comb{position:relative;width:min(100%,500px);aspect-ratio:320/330;margin-inline:auto}
.cell{position:absolute;width:35%;aspect-ratio:2/1.732;transform:translate(-50%,-50%);clip-path:var(--hex);background:var(--line);border:0;padding:0;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;transition:background-color .25s}
.cell::before{content:"";position:absolute;inset:2px;clip-path:var(--hex);background:var(--paper);transition:background-color .25s}
.cell>span{position:relative}
.cell .cn{font-family:var(--f-mono);font-size:clamp(9.5px,1.1vw,11px);color:var(--ink-3)}
.cell .cl{font-weight:500;font-size:clamp(14px,1.9vw,19px);letter-spacing:-.02em}
.cell:hover::before{background:var(--bg-2)}
.cell:focus-visible{outline:none;background:var(--ink)}
.cell:focus-visible::before{inset:3px}
.cell.on,.cell.on::before{background:var(--honey)}
.cell.on .cn,.cell.on .cl{color:#2A1C10}
.cell.core{cursor:default}
.cell.core::before{background:var(--honey-soft)}
.cell.core i{position:relative;width:46%;aspect-ratio:661/768;background:var(--bee-sm) center/contain no-repeat;animation:bobs 6s ease-in-out infinite}
.c0{left:50%;top:18.5%}.c1{left:78.1%;top:34.25%}.c2{left:78.1%;top:65.75%}.c3{left:50%;top:81.5%}.c4{left:21.9%;top:65.75%}.c5{left:21.9%;top:34.25%}.cc{left:50%;top:50%}
@keyframes bobs{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.panel{display:grid;gap:14px;align-content:start;min-width:0;background:var(--card);border-radius:var(--r-xl);padding:clamp(22px,3vw,36px)}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-3)}
.panel-top b{color:var(--ink);font-weight:500}
.toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:0;background:var(--paper);font-size:13.5px;font-weight:500;cursor:pointer}
.toggle svg{width:10px;height:10px}
.panel h3{font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:500;letter-spacing:-.05em;line-height:1}
.panel .head{font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.panel .body{color:var(--ink-2);max-width:54ch;font-size:16px}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pills span{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--paper)}
.meter{height:3px;border-radius:3px;background:var(--card-2);overflow:hidden}
.meter i{display:block;height:100%;width:0;background:var(--ink);animation:fill 5s linear forwards}
.meter.stopped i{animation:none;width:0}
@keyframes fill{to{width:100%}}
@media (max-width:900px){.loop-body{grid-template-columns:minmax(0,1fr)}}

/* Stage graphics */
.gfx{position:relative;height:236px;border-radius:20px;background:var(--paper);overflow:hidden;padding:16px}
.gfx>*{animation:gIn .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes gIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.g-obs{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;height:100%}
.g-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:var(--card);font-size:12.5px;color:var(--ink-2);margin-bottom:10px;white-space:nowrap;overflow:hidden}
.g-search svg{width:14px;height:14px;flex:none}
.g-res{display:grid;gap:6px}
.g-res li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--card);font-size:12.5px}
.g-res b{width:20px;height:20px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}
.g-res li.you{background:var(--honey-soft);box-shadow:inset 0 0 0 1.5px var(--honey)}
.g-res em{margin-left:auto;font-style:normal;font-size:11px;color:var(--honey-ink);display:flex;align-items:center;gap:4px}
.g-res em svg{width:13px;height:13px}
.g-ai{display:grid;gap:8px;align-content:start}
.g-ai .q{justify-self:end;max-width:92%;padding:8px 11px;border-radius:14px 14px 4px 14px;background:var(--btn);color:var(--on-btn);font-size:12px;line-height:1.35}
.g-ai .a{display:grid;gap:6px;padding:10px 11px;border-radius:14px 14px 14px 4px;background:var(--card)}
.g-ai .a b{font-size:11px;font-weight:500;color:var(--ink-3)}
.g-ai .a i{display:block;height:7px;border-radius:9px;background:var(--card-2)}
.g-find{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;height:100%}
.g-page{position:relative;display:grid;gap:6px;align-content:start;padding:10px;border-radius:12px;background:var(--card);height:100%;overflow:hidden}
.g-page>i{display:block;height:16px;border-radius:6px;background:var(--paper)}
.g-page>i.h{height:46px}
.g-page>i.cost{height:34px;display:flex;align-items:center;padding-left:8px;font-style:normal;font-size:11px;color:var(--ink-3)}
.heat{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}
.heat.h1{width:62%;height:42px;left:12%;top:76px;background:radial-gradient(closest-side,rgba(232,64,52,.8),rgba(245,140,40,.45) 60%,transparent)}
.heat.h2{width:40%;height:34px;left:52%;top:84px;background:radial-gradient(closest-side,rgba(246,195,59,.8),transparent)}
.heat.h3{width:46%;height:30px;left:8%;top:18px;background:radial-gradient(closest-side,rgba(246,195,59,.55),transparent)}
.g-note{position:relative;padding:12px 14px;border-radius:14px;background:var(--btn);color:var(--on-btn);font-size:13px;display:grid;gap:3px}
.g-note b{font-weight:500}
.g-note span{opacity:.7;font-size:12px}
.g-note::before{content:"";position:absolute;left:-6px;top:50%;width:12px;height:12px;background:var(--btn);transform:translateY(-50%) rotate(45deg)}
.g-doc{position:relative;height:100%;padding:14px 16px;border-radius:14px;background:var(--card);display:grid;gap:10px;align-content:start}
.g-doc .k2{font-size:11.5px;color:var(--ink-3)}
.g-doc .old{font-size:13.5px;color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--blush-ink)}
.g-doc .new{font-size:14.5px;font-weight:500;background:var(--honey-soft);padding:7px 9px;border-radius:8px;box-shadow:inset 3px 0 0 var(--honey);max-width:46ch}
.caret{display:inline-block;width:2px;height:1em;background:var(--ink);margin-left:2px;vertical-align:-2px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.g-tags{display:flex;flex-wrap:wrap;gap:6px}
.g-tags span{font-size:11.5px;padding:4px 9px;border-radius:999px;background:var(--paper)}
.g-doc .g-bee{position:absolute;right:12px;bottom:8px;width:52px;aspect-ratio:661/768;background:var(--bee-sm) center/contain no-repeat;animation:bobs 6s ease-in-out infinite}
.g-test{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:10px;height:100%}
.g-var{display:grid;gap:6px;grid-template-rows:auto 1fr;min-height:0}
.g-var .t2{font-size:11.5px;font-weight:500;color:var(--ink-2)}
.g-mini{display:grid;gap:5px;align-content:start;padding:8px;border-radius:10px;background:var(--card);overflow:hidden}
.g-mini i{display:block;height:11px;border-radius:4px;background:var(--paper)}
.g-mini i.h{height:28px}
.g-mini i.x{height:22px}
.g-mini i.hi{height:22px;background:var(--honey)}
.g-var.b .g-mini{box-shadow:inset 0 0 0 1.5px var(--honey)}
.g-split{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-radius:999px;overflow:hidden;font-size:11px;text-align:center}
.g-split span{padding:5px;background:var(--card-2)}
.g-split span+span{background:var(--honey);color:#2A1C10}
.g-meas{display:grid;grid-template-rows:auto 1fr auto;gap:8px;height:100%}
.g-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--ink-2);align-items:center}
.g-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.g-legend em{margin-left:auto;font-style:normal;color:var(--ink-3)}
.g-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;border-bottom:1px solid var(--line);min-height:0}
.g-grp{display:flex;gap:3px;align-items:flex-end;height:100%}
.g-grp i{flex:1;border-radius:4px 4px 0 0;transform-origin:bottom;animation:grow .8s cubic-bezier(.2,.7,.2,1) both}
.ca{background:color-mix(in srgb,var(--ink) 18%,transparent)}
.cb{background:var(--honey)}
@keyframes grow{from{transform:scaleY(0)}}
.g-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3)}
.g-learn{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;height:100%}
.g-lesson{padding:14px;border-radius:14px;background:var(--btn);color:var(--on-btn);display:grid;gap:6px}
.g-lesson span{font-size:11px;opacity:.7}
.g-lesson b{font-weight:500;font-size:14px;line-height:1.35}
.g-arrow{width:28px;height:28px;color:var(--ink-3)}
.g-apply{display:grid;gap:7px}
.g-apply li{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:var(--card);font-size:12.5px;animation:gIn .5s cubic-bezier(.2,.7,.2,1) both}
.g-apply li:nth-child(2){animation-delay:.15s}.g-apply li:nth-child(3){animation-delay:.3s}
.g-apply li i{width:18px;height:18px;border-radius:50%;background:var(--honey);position:relative;flex:none}
.g-apply li i::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #2A1C10;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (max-width:560px){
  .gfx{height:auto;min-height:220px}
  .g-obs{grid-template-columns:1fr}.g-ai{display:none}
  .g-find{grid-template-columns:1fr}.g-page{height:150px}
  .g-learn{grid-template-columns:1fr}.g-arrow{transform:rotate(90deg);justify-self:center}
  .g-test{grid-template-rows:150px auto}
  .g-meas{height:200px}
}

/* Evolve */
.track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.track{grid-template-columns:minmax(0,1fr)}}
.ver{display:flex;flex-direction:column;gap:12px;background:var(--card);border-radius:var(--r-l);padding:16px 16px 22px;min-width:0}
.ver-top{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3);padding-inline:4px}
.ver-top b{font-weight:600;color:var(--ink)}
.frame{background:var(--paper);border-radius:14px;padding:10px;display:grid;gap:6px;align-content:start;min-height:262px}
.dots{display:flex;gap:4px;padding:2px 2px 4px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--card-2)}
.blk{display:flex;align-items:center;justify-content:space-between;gap:6px;height:22px;padding-inline:8px;border-radius:6px;background:var(--card);font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden}
.blk.tall{height:46px;align-items:flex-start;padding-top:7px}
.blk.mid{height:32px}
.blk.book{background:transparent;border:1px dashed var(--line)}
.blk.on{background:var(--honey);color:#2A1C10;font-weight:600}
.blk.on::after{content:"changed";font-size:9px;text-transform:uppercase;letter-spacing:.05em;opacity:.7}
.ver h3{font-size:1.1rem;font-weight:500;letter-spacing:-.02em;padding-inline:4px}
.ver p{font-size:15px;color:var(--ink-2);padding-inline:4px}
.foot-note{margin-top:22px;font-size:13px;color:var(--ink-3);text-align:center}

/* Before / after */
.concept-note{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:var(--honey-soft);max-width:680px;font-size:15px;text-align:left}
.concept-note b{font-weight:600;white-space:nowrap}
.concept{display:grid;gap:20px}
.concept-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.concept-head h2,.concept-head h3{font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem)!important;letter-spacing:-.035em!important;line-height:1.1;font-family:var(--f-sans)!important}
.concept-head .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{font-size:13px;padding:5px 11px;border-radius:999px;background:var(--card)}
.tag.concept-tag{background:var(--honey-soft);color:var(--honey-ink)}
.ba-controls{display:inline-flex;padding:4px;border-radius:999px;background:var(--card);gap:2px}
.ba-controls button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink-2)}
.ba-controls button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.ba-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ba-play{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--card);padding:12px 16px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink)}
.ba-play:hover{background:var(--card-2)}
.ba-play svg{width:10px;height:10px}
.ba{--pos:50%;position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--paper);aspect-ratio:16/12;max-height:84vh;max-width:100%;user-select:none;-webkit-user-select:none;outline:1px solid var(--line)}
.ba-chrome{flex:none;height:40px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--card);border-bottom:1px solid var(--line)}
.ba-dots{display:flex;gap:6px}
.ba-dots i{width:10px;height:10px;border-radius:50%;background:var(--card-2)}
.ba-url{flex:1;max-width:420px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:6px;height:26px;border-radius:999px;background:var(--paper);font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden}
.ba-url svg{width:12px;height:12px;flex:none}
.ba-view{position:relative;flex:1;overflow:hidden}
.ba-layer{position:absolute;inset:0}
.ba-after{clip-path:inset(0 0 0 var(--pos))}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:0;z-index:3;pointer-events:none}
.ba-handle::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.ba-knob{position:absolute;top:50%;left:0;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);display:grid;place-items:center}
.ba-knob i:not(.ag-av){width:26px;aspect-ratio:661/768;background:var(--bee-sm) center/contain no-repeat}
.ba-range{position:absolute;inset:0 34px 0 0;z-index:5;width:calc(100% - 34px);height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ba:has(.ba-range:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.ba-vtrack{position:absolute;z-index:6;top:10px;bottom:10px;right:8px;width:18px;border-radius:999px;background:rgba(0,0,0,.08);cursor:ns-resize;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ba-vtrack:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ba-vthumb{position:absolute;left:3px;right:3px;top:0;height:64px;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ba-cap{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-3)}
.ba-cap span:first-child,.ba-cap span:last-child{font-weight:500;color:var(--ink-2);white-space:nowrap}
@media (max-width:700px){.ba{aspect-ratio:4/5}.ba-cap span:nth-child(2){display:none}.ba-url{font-size:11px}}
.changes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.change{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;background:var(--card);border-radius:18px;padding:16px;min-width:0}
.pin-n{width:26px;height:26px;border-radius:50%;background:var(--honey);color:#2A1C10;display:grid;place-items:center;font-size:12px;font-weight:600}
.change h3{font-size:1rem;font-weight:500;letter-spacing:-.015em;line-height:1.3;margin-bottom:4px}
.change p{color:var(--ink-2);font-size:14.5px;line-height:1.45}
@media (max-width:1000px){.changes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.changes{grid-template-columns:minmax(0,1fr)}.ba-knob{width:38px;height:38px}.ba-knob i{width:20px}}

/* Treatments */
.tx{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.tx-list{display:grid;gap:4px;position:sticky;top:96px}
.tx-tab{display:block;width:100%;text-align:left;padding:12px 16px;border-radius:14px;border:0;background:transparent;cursor:pointer;font-size:1.05rem;font-weight:500;letter-spacing:-.015em;color:var(--ink-2)}
.tx-tab:hover{background:var(--bg-2);color:var(--ink)}
.tx-tab[aria-selected="true"]{background:var(--card);color:var(--ink)}
.tx-panel{display:grid;gap:22px;min-width:0}
.tx-panel .eyebrow{margin:0}
.tx-panel h2{font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:500;letter-spacing:-.05em;line-height:1}
.tx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tx-col{display:grid;gap:12px;align-content:start;padding:clamp(18px,2.2vw,24px);border-radius:var(--r-l);background:var(--card);min-width:0}
.tx-col:nth-child(1){background:var(--blush-soft)}
.tx-col:nth-child(2){background:var(--honey-soft)}
@media (max-width:1000px){.tx-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.tx{grid-template-columns:minmax(0,1fr)}.tx-list{position:static;display:flex;flex-wrap:wrap;gap:6px}.tx-tab{width:auto;border-radius:999px;background:var(--card);padding:10px 16px;font-size:15px}.tx-tab[aria-selected="true"]{background:var(--btn);color:var(--on-btn)}}

/* FAQ */
.faq{display:grid;gap:8px}
.faq details{background:var(--card);border-radius:20px;transition:background-color .2s}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:500;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;color:var(--ink-2);max-width:64ch}
.faq-cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:24px;background:var(--honey-soft)}
.faq-cta div{display:flex;align-items:center;gap:14px}
.faq-cta i{width:44px;height:44px;border-radius:50%;background:var(--paper) var(--bee-sm) center/70% no-repeat;flex:none}
.faq-cta b{display:block;font-weight:500;font-size:1.1rem;letter-spacing:-.02em}
.faq-cta span{color:var(--ink-2);font-size:15px}

/* Book */
.book{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:start}
.book-copy{display:grid;gap:20px;min-width:0}
.book-steps{display:grid;gap:10px;margin-top:6px}
.book-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:16px 18px;border-radius:18px;background:var(--card)}
.book-steps .num{width:32px;height:32px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:14px;font-weight:600}
.book-steps h3{font-size:1.05rem;font-weight:500;letter-spacing:-.015em}
.book-steps p{color:var(--ink-2);font-size:15px}
.form{display:grid;gap:16px}
.form h2{font-size:1.5rem;font-weight:500;letter-spacing:-.03em}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field{display:grid;gap:6px;min-width:0}
.field label,.field .fl{font-size:14px;font-weight:500}
.field .opt{font-weight:400;color:var(--ink-3)}
.field input,.field textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid transparent;background:var(--card);font-size:16px;transition:border-color .15s,background-color .15s}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);background:var(--paper)}
.field input[aria-invalid="true"]{border-color:var(--err)}
.err{font-size:13px;color:var(--err)}
.form .tchips{margin:0}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.form-status{font-size:14px;color:var(--ink-2)}
.form-status.bad{color:var(--err)}
.done{display:grid;gap:14px;justify-items:start}
.done .ok-hex{width:48px;height:48px;border-radius:50%;background:var(--honey);display:grid;place-items:center}
.done .ok-hex svg{width:22px;height:22px;color:#2A1C10}
.done h2{font-size:1.5rem;font-weight:500;letter-spacing:-.03em}
.done p{color:var(--ink-2)}
.closed{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:var(--bg-2);font-size:15px;color:var(--ink-2)}
.closed b{color:var(--ink);font-weight:500}
@media (max-width:960px){.book{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.row2{grid-template-columns:minmax(0,1fr)}}
.inbox{margin-top:clamp(48px,7vw,80px)}
.inbox-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;margin-bottom:14px}
.inbox-head h2{font-size:1.5rem;font-weight:500;letter-spacing:-.03em}
.inbox-head p{font-size:13px;color:var(--ink-3)}
.table-wrap{overflow-x:auto;border-radius:18px;background:var(--card)}
.inbox table{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px}
.inbox th{text-align:left;font-size:13px;color:var(--ink-3);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.inbox td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.inbox tr:last-child td{border-bottom:0}
.inbox td.when{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.inbox .sub{color:var(--ink-3);font-size:13px}
.inbox .empty-row{padding:22px 16px;color:var(--ink-2)}

/* Footer */
.foot{background:var(--bg-2)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:56px 32px}
.foot-tag{margin-top:12px;color:var(--ink-2);font-size:15px;max-width:30ch}
.foot h4{font-size:14px;font-weight:500;color:var(--ink-3);margin-bottom:12px}
.foot ul{display:grid;gap:8px}
.foot ul a{text-decoration:none;font-size:15px}
.foot ul a:hover{color:var(--ink-2)}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
@media (max-width:640px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Meet: balanced kicker */
.duo-card .kick{font-size:14px;font-weight:500;color:var(--ink-2);margin-bottom:-6px}
.duo-card{grid-template-rows:auto auto auto 1fr auto}

/* Home: mini honeycomb */
.art-hex{position:relative}
.art-hex i{position:absolute;left:50%;top:50%;width:46px;aspect-ratio:2/1.732;clip-path:var(--hex);background:var(--card);animation:hexOn 6s linear infinite}
.art-hex i:nth-child(1){transform:translate(-50%,calc(-50% - 41px))}
.art-hex i:nth-child(2){transform:translate(calc(-50% + 36px),calc(-50% - 20.5px));animation-delay:1s}
.art-hex i:nth-child(3){transform:translate(calc(-50% + 36px),calc(-50% + 20.5px));animation-delay:2s}
.art-hex i:nth-child(4){transform:translate(-50%,calc(-50% + 41px));animation-delay:3s}
.art-hex i:nth-child(5){transform:translate(calc(-50% - 36px),calc(-50% + 20.5px));animation-delay:4s}
.art-hex i:nth-child(6){transform:translate(calc(-50% - 36px),calc(-50% - 20.5px));animation-delay:5s}
.art-hex b{position:absolute;left:50%;top:50%;width:46px;aspect-ratio:2/1.732;clip-path:var(--hex);transform:translate(-50%,-50%);background:var(--honey-soft) var(--bee-sm) center/58% no-repeat}
@keyframes hexOn{0%,14%{background:var(--honey)}17%,100%{background:var(--card)}}

/* Style studio */
.studio{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.studio-controls{display:grid;gap:24px;min-width:0}
.opt-group{display:grid;gap:10px}
.opt-group>p{font-size:14px;font-weight:500;color:var(--ink-2)}
.lay-opts{display:grid;gap:8px}
.lay{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:center;text-align:left;padding:10px 14px 10px 10px;border-radius:16px;border:0;background:var(--card);cursor:pointer;transition:background-color .2s,color .2s}
.lay:hover{background:var(--card-2)}
.lay[aria-pressed="true"]{background:var(--btn);color:var(--on-btn)}
.lay b{display:block;font-weight:500;font-size:15px}
.lay span{display:block;font-size:13px;opacity:.7}
.thumb{position:relative;width:60px;height:42px;border-radius:8px;background:var(--paper);overflow:hidden}
.thumb i{position:absolute;display:block;background:var(--card-2);border-radius:2px}
.lay[aria-pressed="true"] .thumb{background:#FFFFFF}
.lay[aria-pressed="true"] .thumb i{background:#D9D9D4}
.pal-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pal{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:0;background:var(--card);cursor:pointer;font-size:14px;font-weight:500;text-align:left;transition:box-shadow .2s}
.pal:hover{background:var(--card-2)}
.pal[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.sw{display:flex;flex:none}
.sw i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px var(--card)}
.sw i+i{margin-left:-5px}
.studio-note{font-size:13px;color:var(--ink-3)}
.studio-frame{border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);outline:1px solid var(--line);background:var(--paper);min-width:0}
.sp{position:relative;container-type:inline-size;aspect-ratio:16/11;overflow:hidden}
.sp-in{position:absolute;inset:0;font-size:1.6cqw;line-height:1.35;background:var(--sp-bg);color:var(--sp-ink);overflow:hidden;transition:background-color .45s,color .45s;font-family:"Geist",system-ui,sans-serif}
.sp-in *{transition:background-color .45s,color .45s,border-color .45s}
.sp-top,.sp-head,.sp-hero,.sp-tiles{position:relative}
.sp-img{background:var(--sp-img);transition:background .45s}
.sp-tile i{display:block;background:var(--sp-img2)}
.sp-tile span{display:block}
.sp-eye{font-size:.62em;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-acc);margin:0 0 .7em}
.sp-sub{font-size:.8em;color:var(--sp-mute);margin:.6em 0 1.1em;max-width:30em}
.sp-h{margin:0}
.sp-nav{display:flex}
/* jeweler */
.sp-jeweler .sp-top{text-align:center;font-size:.58em;letter-spacing:.24em;text-transform:uppercase;padding:.75em;background:var(--sp-soft);color:var(--sp-mute)}
.sp-jeweler .sp-head{display:grid;justify-items:center;gap:.8em;padding:1.5em 0 1.1em;border-bottom:.06em solid var(--sp-line)}
.sp-jeweler .sp-logo{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.7em;letter-spacing:.22em;text-transform:uppercase}
.sp-jeweler .sp-nav{gap:2.4em;font-size:.6em;letter-spacing:.22em;text-transform:uppercase;color:var(--sp-mute)}
.sp-jeweler .sp-cta{position:absolute;right:2.2em;top:2.2em;font-size:.58em;letter-spacing:.18em;text-transform:uppercase;border-bottom:.1em solid var(--sp-ink);padding-bottom:.2em}
.sp-jeweler .sp-hero{display:grid;justify-items:center;text-align:center;padding:1.6em 3.2em 0}
.sp-jeweler .sp-img{width:100%;height:11em}
.sp-jeweler .sp-copy{padding:1.8em 0 1.2em;display:grid;justify-items:center}
.sp-jeweler .sp-h{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:2.3em;line-height:1.05;letter-spacing:.01em}
.sp-jeweler .sp-btn{font-size:.6em;letter-spacing:.22em;text-transform:uppercase;border-bottom:.1em solid var(--sp-ink);padding-bottom:.3em}
.sp-jeweler .sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6em;padding:.6em 3.2em 2em}
.sp-jeweler .sp-tile i{aspect-ratio:1.4}
.sp-jeweler .sp-tile span{text-align:center;font-size:.58em;letter-spacing:.22em;text-transform:uppercase;margin-top:.8em;color:var(--sp-mute)}
/* hotel */
.sp-hotel .sp-top{display:none}
.sp-hotel .sp-head{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:1.6em;padding:1.3em 2em;color:#fff}
.sp-hotel .sp-logo{font-family:"DM Serif Display",Georgia,serif;font-size:1.45em}
.sp-hotel .sp-nav{margin-left:auto;gap:1.5em;font-size:.72em}
.sp-hotel .sp-cta{border:.08em solid rgba(255,255,255,.75);padding:.55em 1em;font-size:.68em}
.sp-hotel .sp-hero{height:25em}
.sp-hotel .sp-img{position:absolute;inset:0}
.sp-hotel .sp-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,0) 30%,rgba(0,0,0,.5))}
.sp-hotel .sp-copy{position:absolute;left:2em;bottom:2em;color:#fff;max-width:28em}
.sp-hotel .sp-eye{color:#fff;opacity:.85}
.sp-hotel .sp-h{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:2.7em;line-height:1.02}
.sp-hotel .sp-sub{color:rgba(255,255,255,.85)}
.sp-hotel .sp-btn{display:inline-block;background:#fff;color:#111;padding:.75em 1.3em;font-size:.72em}
.sp-hotel .sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:1.4em 2em}
.sp-hotel .sp-tile i{height:6.5em}
.sp-hotel .sp-tile span{font-family:"DM Serif Display",Georgia,serif;font-size:1em;margin-top:.5em}
/* clinic */
.sp-clinic .sp-top{display:none}
.sp-clinic .sp-head{display:flex;align-items:center;gap:1.6em;padding:1.1em 2em;border-bottom:.06em solid var(--sp-line)}
.sp-clinic .sp-logo{font-weight:600;font-size:1.15em;letter-spacing:-.02em}
.sp-clinic .sp-nav{margin-left:auto;gap:1.3em;font-size:.74em;color:var(--sp-mute)}
.sp-clinic .sp-cta{background:var(--sp-acc);color:var(--sp-on-acc);border-radius:99em;padding:.6em 1.1em;font-size:.72em;font-weight:600}
.sp-clinic .sp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2em;padding:2.4em 2em 1.6em;align-items:center}
.sp-clinic .sp-img{order:2;height:15em;border-radius:1em}
.sp-clinic .sp-h{font-weight:600;font-size:2.3em;letter-spacing:-.035em;line-height:1.02}
.sp-clinic .sp-btn{display:inline-block;background:var(--sp-acc);color:var(--sp-on-acc);border-radius:99em;padding:.75em 1.3em;font-size:.76em;font-weight:600}
.sp-clinic .sp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:0 2em 2em}
.sp-clinic .sp-tile{border:.06em solid var(--sp-line);border-radius:.9em;padding:.7em;background:var(--sp-soft)}
.sp-clinic .sp-tile i{height:5em;border-radius:.6em}
.sp-clinic .sp-tile span{font-weight:600;font-size:.85em;margin-top:.6em}
@media (max-width:900px){.studio{grid-template-columns:minmax(0,1fr)}}

/* Signals: icons and graphics */
.sig-art{position:relative;height:118px;border-radius:16px;background:var(--paper);overflow:hidden;padding:12px;margin-bottom:6px}
.sig-row{display:flex;align-items:center;gap:10px}
.sig-icon{width:34px;height:34px;border-radius:10px;background:var(--paper);display:grid;place-items:center;color:var(--ink);flex:none}
.sig-icon svg{width:18px;height:18px}
.sig-icon.find{color:var(--blush-ink)}
.sa-pill{display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--card);font-size:11px;color:var(--ink-2);margin-bottom:8px;white-space:nowrap;overflow:hidden}
.sa-pill svg{width:11px;height:11px;flex:none}
.sa-rows{display:grid;gap:5px}
.sa-rows i{display:flex;align-items:center;gap:6px;height:18px;padding:0 8px;border-radius:6px;background:var(--card);font-style:normal;font-size:10.5px;color:var(--ink-3)}
.sa-rows i.you{background:var(--honey-soft);color:var(--honey-ink);box-shadow:inset 0 0 0 1px var(--honey)}
.sa-chat{display:grid;gap:6px}
.sa-chat .q{justify-self:end;font-size:11px;padding:6px 9px;border-radius:12px 12px 3px 12px;background:var(--btn);color:var(--on-btn);white-space:nowrap}
.sa-chat .a{display:grid;gap:4px;padding:7px 9px;border-radius:12px 12px 12px 3px;background:var(--card);width:80%}
.sa-chat .a i{display:block;height:6px;border-radius:6px;background:var(--card-2)}
.sa-chat .a span{display:flex;gap:4px}
.sa-chat .a span b{font-size:9.5px;font-weight:500;padding:2px 6px;border-radius:99px;background:var(--paper);color:var(--ink-2)}
.sa-browsers{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}
.sa-br{position:relative;border-radius:8px;background:var(--card);padding:16px 7px 7px;display:grid;gap:4px;align-content:start}
.sa-br::before{content:"";position:absolute;left:7px;top:6px;width:18px;height:4px;border-radius:4px;background:var(--card-2)}
.sa-br i{display:block;height:9px;border-radius:3px;background:var(--paper)}
.sa-br i.h{height:22px}
.sa-br em{position:absolute;right:6px;top:4px;font-style:normal;font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:99px;background:var(--honey);color:#2A1C10}
.sa-heat{position:relative;height:100%;display:grid;gap:5px;align-content:start;padding:8px;border-radius:10px;background:var(--card)}
.sa-heat>i{display:block;height:12px;border-radius:4px;background:var(--paper)}
.sa-heat>i.h{height:28px}
.sa-heat .heat.h1{top:44px;height:30px}
.sa-heat .heat.h2{top:50px;height:24px}
.sa-heat .heat.h3{top:10px;height:22px}
.sa-path{width:100%;height:100%;color:var(--ink-3)}
.sa-conv{display:grid;grid-template-columns:1fr auto;gap:12px;height:100%;align-items:end}
.sa-cols{display:flex;gap:6px;align-items:flex-end;height:100%;border-bottom:1px solid var(--line)}
.sa-cols i{flex:1;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--ink) 16%,transparent)}
.sa-cols i:last-child{background:var(--honey)}
.sa-chips{display:grid;gap:5px}
.sa-chips span{font-size:10.5px;padding:3px 9px;border-radius:99px;background:var(--card);color:var(--ink-2);white-space:nowrap}

.grad{color:inherit}

/* Learn: fact cards with graphics */
.fact{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px;align-items:center}
.fact-art{position:relative;height:84px;border-radius:12px;background:var(--paper);overflow:hidden}
.fa-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:4px 10px;padding:10px 12px}
.fa-sw{display:flex}
.fa-sw i{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px var(--paper)}
.fa-sw i+i{margin-left:-5px}
.fa-aa{grid-row:1/3;grid-column:2;justify-self:end;font-family:"Cormorant Garamond",Georgia,serif;font-size:38px;line-height:1;color:var(--ink)}
.fa-docs{display:flex}
.fa-docs i{width:20px;height:20px;border-radius:50%;background:linear-gradient(160deg,#F3D9C4,#D99A7A);box-shadow:0 0 0 2px var(--paper)}
.fa-docs i:nth-child(2){background:linear-gradient(160deg,#E8CFC4,#A9787E)}
.fa-docs i:nth-child(3){background:linear-gradient(160deg,#CFE0F5,#8DA9DE)}
.fa-docs i+i{margin-left:-6px}
.fa-map{background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:16px 16px}
.fa-ring{position:absolute;left:50%;top:52%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed var(--honey-ink);background:color-mix(in srgb,var(--honey) 14%,transparent)}
.fa-pin{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--ink-3)}
.fa-pin.you{width:14px;height:14px;background:var(--honey);box-shadow:0 0 0 3px var(--paper)}
.fa-gaps{display:grid;gap:5px;align-content:center;padding:8px 10px}
.fa-gaps span{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;padding:3px 8px;border-radius:6px;background:var(--card)}
.fa-gaps span::after{font-weight:700;font-size:11px}
.fa-gaps .no::after{content:"✕";color:var(--blush-ink)}
.fa-gaps .yes::after{content:"✓";color:var(--mint-ink)}
.fa-gaps .no{background:var(--blush-soft)}
.fa-mood{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:8px}
.fa-mood>span{border-radius:8px;display:grid;place-items:center}
.fa-mood .m1{background:#F4F0EA;color:#2E2A26;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px}
.fa-mood .m2{display:grid;grid-template-rows:repeat(3,1fr);overflow:hidden;place-items:stretch}
.fa-mood .m2 i:nth-child(1){background:#E8E1D7}.fa-mood .m2 i:nth-child(2){background:#A99D8C}.fa-mood .m2 i:nth-child(3){background:#2E2A26}
.fa-mood .m3{background:#FAF8F4;align-content:center;gap:5px;padding:6px;place-items:center stretch;border:1px solid #E8E1D7}
.fa-mood .m3 i{display:block;height:2px;background:#B9AE9F}
.fa-mood .m3 i:nth-child(2){height:12px;background:#E8E1D7}
@media (max-width:420px){.fact{grid-template-columns:minmax(0,1fr)}.fact-art{height:74px}}

/* Build: pillar cards with graphics */
.bcard.pillar{background:var(--blush-soft)}
.bcard.pillar .k{color:var(--blush-ink)}
.pa-design{display:flex!important;align-items:flex-end;justify-content:center;gap:12px;padding:16px 16px 0}
.pa-desk{width:58%;height:96px;border-radius:8px 8px 0 0;background:var(--card);padding:8px;display:grid;gap:5px;align-content:start}
.pa-phone{width:62px;height:112px;border-radius:12px 12px 0 0;background:var(--card);border:3px solid var(--ink);border-bottom:0;padding:7px 6px;display:grid;gap:4px;align-content:start;margin-bottom:-2px}
.pa-desk i,.pa-phone i{display:block;height:7px;border-radius:4px;background:var(--paper)}
.pa-desk i.h,.pa-phone i.h{height:30px;background:linear-gradient(135deg,#FBE3A8,#F0A57A)}
.pa-phone b{display:block;height:12px;border-radius:99px;background:var(--honey);margin-top:4px}
.pa-qa{display:grid!important;gap:6px;padding:14px;align-content:center;place-items:stretch!important}
.pa-qa .q{justify-self:end;font-size:12px;padding:5px 10px;border-radius:12px 12px 3px 12px;background:var(--btn);color:var(--on-btn)}
.pa-qa .a{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;width:78%;padding:7px 10px;border-radius:12px 12px 12px 3px;background:var(--card)}
.pa-qa .a b{grid-row:1/3;width:18px;height:18px;border-radius:50%;background:var(--honey);color:#2A1C10;display:grid;place-items:center;font-size:11px}
.pa-qa .a i{display:block;height:6px;border-radius:6px;background:var(--card-2)}
.pa-next{display:grid!important;gap:7px;padding:16px 22px;align-content:center;place-items:stretch!important}
.pa-next>i{display:block;height:8px;border-radius:5px;background:var(--card)}
.pa-btn{justify-self:center;font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;background:var(--btn);color:var(--on-btn);box-shadow:0 0 0 6px color-mix(in srgb,var(--honey) 35%,transparent);white-space:nowrap}
.pa-cursor{position:absolute;width:22px;height:22px;left:62%;top:54%;animation:tap 2.4s ease-in-out infinite}
@keyframes tap{0%,100%{transform:translate(8px,8px)}45%,55%{transform:translate(0,0) scale(.92)}}

/* Treatments: icons, preview, path, anatomy, cards */
.tx-tab{display:flex!important;align-items:center;gap:12px}
.tx-ico{width:30px;height:30px;border-radius:9px;background:var(--card);display:grid;place-items:center;color:var(--ink-2);flex:none}
.tx-ico svg{width:20px;height:20px}
.tx-tab[aria-selected="true"] .tx-ico{background:var(--honey-soft);color:var(--honey-ink)}
.tx-head{display:flex;align-items:center;gap:18px}
.tx-head .eyebrow{margin:0 0 6px}
.tx-big-ico{width:64px;height:64px;border-radius:20px;background:var(--honey-soft);color:var(--honey-ink);display:grid;place-items:center;flex:none}
.tx-big-ico svg{width:38px;height:38px}
.tx-more{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}
.tx-card{border-radius:var(--r-l);background:var(--card);padding:clamp(18px,2.2vw,24px);display:grid;gap:14px;align-content:start;min-width:0}
.tx-frame{border-radius:14px;background:var(--paper);overflow:hidden;box-shadow:var(--shadow);display:grid;gap:7px;padding-bottom:12px}
.tx-chrome{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:var(--card-2)}
.tx-chrome i{width:7px;height:7px;border-radius:50%;background:var(--paper)}
.tx-chrome span{margin-left:10px;font-size:11px;color:var(--ink-3)}
.tx-hero{position:relative;display:grid;gap:6px;padding:14px 46% 14px 14px;min-height:118px;align-content:start}
.tx-eye{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--honey-ink)}
.tx-h{font-size:17px;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.tx-btn{justify-self:start;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--btn);color:var(--on-btn)}
.tx-img{position:absolute;right:14px;top:14px;bottom:10px;width:38%;border-radius:10px;background:linear-gradient(135deg,#F3D9C4,#E9B99A 60%,#D99A7A)}
.tx-blk{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px;padding:8px 10px;border-radius:8px;background:var(--card);font-size:12px;color:var(--ink-2)}
.tx-blk i{display:block;width:34%;height:6px;border-radius:6px;background:var(--card-2)}
.tx-blk.hi{background:var(--honey-soft);color:var(--honey-ink);font-weight:500}
.tx-blk.tx-cta{justify-content:center;background:var(--btn);color:var(--on-btn);font-weight:600}
.path{display:grid;gap:0;position:relative}
.path li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:18px}
.path li:not(:last-child)::before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:var(--card-2)}
.pn{width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:12.5px;font-weight:600}
.path li:last-child .pn{background:var(--honey);color:#2A1C10}
.path b{font-weight:600;font-size:15px}
.path p{color:var(--ink-2);font-size:14.5px;line-height:1.45}
@media (max-width:1100px){.tx-more{grid-template-columns:minmax(0,1fr)}}
.an-art{padding:14px 18px!important}
.an-head{display:grid;gap:7px;width:100%}
.an-head b{font-size:22px;font-weight:600;letter-spacing:-.03em}
.an-head i{display:block;height:8px;border-radius:6px;background:var(--card)}
.an-proof{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;height:100%}
.an-proof span{position:relative;border-radius:10px;overflow:hidden}
.an-proof span i{position:absolute;inset:0;background:linear-gradient(135deg,#D9D3CC,#B8AEA4)}
.an-proof span+span i{background:linear-gradient(135deg,#F7E4D2,#E9B99A)}
.an-proof em{position:absolute;left:8px;bottom:6px;font-style:normal;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.88);color:#222}
.an-cost{display:grid;gap:6px;width:100%}
.an-range{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--honey-soft),var(--honey))}
.an-rl{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}
.an-chip{justify-self:start;font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:99px;background:var(--mint-soft);color:var(--mint-ink);margin-top:4px}
.an-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;position:relative}
.an-steps::before{content:"";position:absolute;left:12%;right:12%;top:13px;height:2px;background:var(--card-2)}
.an-steps span{position:relative;display:grid;justify-items:center;gap:6px;font-size:11px;color:var(--ink-2)}
.an-steps b{width:26px;height:26px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:11.5px;color:var(--ink)}
.an-steps span:first-child b{background:var(--honey);color:#2A1C10}
.an-faq{position:relative;display:grid;gap:5px;width:100%}
.an-faq span{display:flex;justify-content:space-between;font-size:11.5px;padding:5px 9px;border-radius:7px;background:var(--card)}
.an-faq span::after{content:"+";color:var(--honey-ink);font-weight:700}
.an-faq em{position:absolute;right:-4px;top:-10px;font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:99px;background:var(--sky-soft);color:var(--sky-ink)}
.an-next{position:relative;width:100%;height:100%;display:grid;place-items:center}
.an-next .pa-cursor{left:64%;top:50%}
.tx-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tx-card-link{display:grid;gap:8px;align-content:start;padding:20px;border-radius:var(--r-l);background:var(--card);text-decoration:none;transition:transform .2s,background-color .2s;min-width:0}
.tx-card-link:hover{transform:translateY(-2px);background:var(--card-2)}
.tx-card-link .tx-big-ico{width:56px;height:56px;border-radius:16px;margin-bottom:6px}
.tx-card-link .tx-big-ico svg{width:34px;height:34px}
.tx-card-link b{font-weight:500;font-size:1.1rem;letter-spacing:-.02em}
.tx-card-link>span:not(.tx-big-ico){color:var(--ink-2);font-size:14.5px;line-height:1.45}
.tx-card-link em{font-style:normal;font-size:14px;font-weight:500;margin-top:4px}
@media (max-width:1000px){.tx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.tx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:400px){.tx-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.tx-cards .tx-card-link:last-child{grid-column:1/-1}}
/* CyteForce logo wordmark (outlined, follows text color) */
.wm-logo{display:inline-flex;align-items:center;line-height:1}
.wm-svg{display:block;height:.76em;width:auto;overflow:visible}
.wm-s1{stop-color:var(--si-a,#DB7C00)}
.wm-s2{stop-color:var(--si-b,#D8460C)}
.wm-dot{fill:var(--si-dot,#EDA70F)}
.wm.two .si{color:var(--ink)}

/* Daylight: the Build card assembles itself */
.art-build i{transform-origin:left center;animation:6s cubic-bezier(.3,.7,.3,1) infinite both}
.art-build i:nth-child(1){animation-name:abB1}
.art-build i:nth-child(2){animation-name:abB2}
.art-build i:nth-child(3){animation-name:abB3}
.art-build i:nth-child(4){animation-name:abB4}
@keyframes abB1{0%,6%{transform:scaleX(0);opacity:1}20%,88%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes abB2{0%,16%{transform:scaleX(0);opacity:1}28%,88%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes abB3{0%,23%{transform:scaleX(0);opacity:1}35%,88%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes abB4{0%,33%{transform:scale(.3);opacity:0}42%{transform:scale(1.08);opacity:1}46%,88%{transform:scale(1);opacity:1}95%,100%{transform:scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.art-build i{animation:none}}

/* Hero live feed: each action runs (spinner + progress), then completes */
.c-cards{position:relative}
.c-card{position:relative;overflow:hidden}
.c-meta{min-width:0}
.c-state{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}
.c-spin{width:12px;height:12px;border-radius:50%;border:2px solid color-mix(in srgb,var(--blue,#2457E6) 25%,transparent);border-top-color:var(--blue,#2457E6);animation:cSpin .8s linear infinite}
@keyframes cSpin{to{transform:rotate(360deg)}}
.c-run{color:var(--blue-ink,var(--ink-2))}
.c-ok{display:inline-flex;align-items:center;gap:5px;color:var(--money-ink,var(--mint-ink))}
.c-ok::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--money,var(--mint-ink)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.4l2.4 2.4 5.2-5.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.c-card.is-run .c-ok,.c-card.is-done .c-spin,.c-card.is-done .c-run{display:none}
.c-card.is-done .c-ok{opacity:.85}
.c-card.just-done .c-ok{opacity:1;animation:cPop .5s cubic-bezier(.2,.8,.2,1.4)}
@keyframes cPop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
.c-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue,#2457E6),var(--money,#12A15A));transform-origin:left center;transform:scaleX(0);opacity:0}
.c-card.is-run .c-prog{opacity:1;animation:cProg 3.8s cubic-bezier(.4,.1,.3,1) forwards}
.c-card.is-done .c-prog{transform:scaleX(1);opacity:0;transition:opacity .6s}
@keyframes cProg{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.c-card.is-run{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue,#2457E6) 40%,transparent),var(--shadow)}
.c-card.is-run .c-who .ag-av{animation:cAv 1.1s ease-out infinite}
@keyframes cAv{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--blue,#2457E6) 45%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
.c-card.now{transform:none}
.t-win{background:var(--money-soft,var(--mint-soft));color:var(--money-ink,var(--mint-ink))}
.c-count{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.c-count b{display:inline-block;font-weight:700;color:inherit}
.c-panel .c-count{color:inherit;opacity:.75}
@media (max-width:520px){.c-count{display:none}}
@media (prefers-reduced-motion:reduce){.c-spin,.c-prog,.c-card.is-run .c-who .ag-av,.c-card.just-done .c-ok{animation:none}}
@media (max-width:700px){.c-cards .c-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}}

/* Name cards: two-paragraph body + closing line */
.duo-copy{display:grid;gap:10px;align-content:start}
.duo-close{margin:clamp(22px,3vw,34px) auto 0;text-align:center;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:600;letter-spacing:-.02em;color:var(--ink);max-width:44ch;text-wrap:balance}

/* Name cards: rows line up across both cards (word, heading, copy, checklist start at the same height) */
@media (min-width:761px){
  .ab-name .duo{grid-template-rows:repeat(5,auto)}
  .ab-name .duo-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:14px}
  .ab-name .duo-card .h3{text-wrap:balance;align-self:start}
  .ab-name .duo-card .tags{align-self:end}
}

/* Treatment brief: per-item treatment tag (2+ picked) and the "+N more" line */
.dash li .btag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:500;line-height:1.6;color:var(--ink-2);white-space:nowrap;vertical-align:1px}
.dash li.more{padding-left:16px;margin-top:2px;font-size:14px;color:var(--ink-2)}
.dash li.more::before{background:none;box-shadow:inset 0 0 0 1.5px var(--ink-3,#9AA3B2)}
/* labels sit above each list so the items get the full width of the card */
.picker .brief-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 18px 16px}
.picker .brief-row .lbl{padding-top:0}

/* ---------- About ---------- */
.page[data-page="about"] sup{font-size:.62em;line-height:0;vertical-align:super;color:var(--ink-3);margin-left:1px}
.ab-n{font-size:13px;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* origin path */
.ab-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ab-step{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--card);border-radius:var(--r-l);padding:clamp(18px,2.4vw,26px);min-width:0}
.ab-step p:not(.ab-n){color:var(--ink-2);font-size:16px}
.ab-step:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-26px;top:calc(clamp(18px,2.4vw,26px) + 59px);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);color:var(--ink-2);font-size:15px;box-shadow:var(--shadow)}
.ab-now{box-shadow:inset 0 0 0 1.5px var(--honey)}
.ab-art{position:relative;height:150px;border-radius:16px;background:var(--paper);overflow:hidden;margin-bottom:8px}
.ab-art-practice{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px}
.ab-tooth{width:54px;height:54px;flex:none;fill:var(--honey-soft);stroke:var(--honey-ink);stroke-width:2.2;stroke-linejoin:round}
.ab-slots{display:grid;gap:6px;width:min(170px,60%)}
.ab-slots span{display:flex;gap:10px;align-items:center;font-size:12.5px;padding:6px 10px;border-radius:10px;background:var(--card);color:var(--ink-2);white-space:nowrap}
.ab-slots b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);min-width:2.8em}
.ab-slots .open{background:var(--blush-soft);color:var(--blush-ink);outline:1.5px dashed color-mix(in srgb,var(--blush-ink) 55%,transparent);outline-offset:-1.5px;animation:abBlink 2.4s ease-in-out infinite}
.ab-slots .open b{color:var(--blush-ink)}
@keyframes abBlink{50%{opacity:.55}}
.ab-art-bk{display:grid;align-content:center;gap:12px;padding:0 22px}
.ab-metric{display:grid;gap:5px}
.ab-metric span{font-size:12px;font-weight:500;color:var(--ink-3)}
.ab-metric i{position:relative;display:block;height:8px;border-radius:8px;background:var(--card);overflow:hidden}
.ab-metric i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:8px;background:linear-gradient(90deg,var(--honey),#E2843A);animation:abGrow 1.6s cubic-bezier(.3,.7,.2,1) both}
.ab-metric:nth-child(2) i::after{animation-delay:.15s}
.ab-metric:nth-child(3) i::after{animation-delay:.3s}
@keyframes abGrow{from{width:8%}}
.ab-art-sf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--stage)}
.ab-mark{width:62px;height:62px;background:var(--mark) center/contain no-repeat;filter:drop-shadow(0 6px 12px rgba(11,31,77,.16))}
.ab-trio{display:flex;padding-left:8px}
.ab-trio .ag-av{width:38px;height:38px;margin-left:-8px;border:2px solid var(--paper)}

/* founder quote */
.ab-quote{position:relative;overflow:hidden;isolation:isolate;margin:0 auto;max-width:1040px;border-radius:var(--r-xl);background:var(--honey-soft);padding:clamp(36px,6vw,72px) clamp(22px,6vw,80px);display:grid;justify-items:center;gap:22px;text-align:center}
.ab-quote::before,.ab-quote::after{position:absolute;z-index:-1;font:400 clamp(9rem,18vw,15rem)/1 Georgia,"Times New Roman",serif;color:var(--honey);opacity:.38;pointer-events:none}
.ab-quote::before{content:"\201C";left:clamp(10px,3vw,40px);top:-.12em}
.ab-quote::after{content:"\201D";right:clamp(10px,3vw,40px);bottom:-.62em}
.ab-photo{width:clamp(88px,10vw,112px);aspect-ratio:1;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--honey),#E2843A 55%,#C59BC4);box-shadow:var(--shadow)}
.ab-photo img,.ab-photo span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 22%;border:3px solid var(--paper);background:var(--ink);color:var(--bg);font-weight:600;font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:.03em}
.ab-quote blockquote{margin:0}
.ab-quote blockquote p{font-size:clamp(1.4rem,2.9vw,2.25rem);line-height:1.28;letter-spacing:-.025em;font-weight:500;max-width:34ch;margin-inline:auto;text-wrap:balance}
.ab-quote figcaption{display:grid;gap:2px}
.ab-quote figcaption b{font-size:16px;font-weight:600}
.ab-quote figcaption span{font-size:14px;color:var(--ink-2)}

/* results */
.ab-results{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:16px}
.ab-roi{border-radius:var(--r-l);border:1px solid rgba(255,248,238,.1);background:#171310;color:#FFF8EE;padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:8px;min-width:0}
.ab-roi sup{color:rgba(255,248,238,.6)!important}
.ab-big{font-size:clamp(3.4rem,6vw,5.2rem);font-weight:600;letter-spacing:-.05em;line-height:.95;background:linear-gradient(100deg,#F6C33B,#F28A44 55%,#EFA6D2);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}
.ab-big span{margin-left:.02em}
.ab-big-l{font-weight:600;font-size:1.1rem}
.ab-roi p:last-child{margin-top:auto;padding-top:10px;color:rgba(255,248,238,.72);font-size:15px}
.ab-client{border-radius:var(--r-l);background:var(--card);padding:clamp(20px,2.4vw,26px);display:flex;flex-direction:column;gap:6px;min-width:0}
.ab-tag{align-self:flex-start;font-size:12px;font-weight:500;color:var(--ink-2);padding:4px 10px;border-radius:999px;background:var(--paper);margin-bottom:10px}
.ab-num{font-size:clamp(2.2rem,3.4vw,2.9rem);font-weight:600;letter-spacing:-.045em;line-height:1}
.ab-what{font-weight:500}
.ab-who{margin-top:auto;padding-top:14px;font-size:13.5px;color:var(--ink-3)}
.ab-notes{margin:20px 0 0;padding-left:1.3em;display:grid;gap:4px;font-size:12.5px;line-height:1.5;color:var(--ink-3);max-width:920px}
.ab-notes a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* why .si */
.ab-si{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:20px}
.ab-si-copy .lede{margin-top:14px}
.ab-si-art{border-radius:var(--r-xl);background:var(--card);padding:clamp(28px,4.4vw,56px) clamp(22px,3.6vw,44px);display:grid;gap:24px;justify-items:center}
.ab-logo{display:block;width:100%;max-width:430px;height:auto}
.ab-logo .mk-l{display:var(--mk-l-disp,inline)} .ab-logo .mk-d{display:var(--mk-d-disp,none)}
.ab-word{fill:var(--ink)}
.ab-dot{fill:var(--si-dot,#EDA70F)}
.ab-s1{stop-color:var(--si-a,#DB7C00)}
.ab-s2{stop-color:var(--si-b,#D8460C)}
.ab-si-key{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ab-si-key span{padding:9px 18px;border-radius:999px;background:var(--paper);font-size:1.1rem;font-weight:500;color:var(--ink-2);letter-spacing:-.01em}
.ab-si-key b{font-weight:700;color:var(--si-ink,#C2541C)}
.ab-gens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ab-gen{border-radius:var(--r-l);background:var(--card);padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:8px;min-width:0}
.ab-gen p:not(.ab-n){color:var(--ink-2);font-size:16px}
.ab-gen-si{box-shadow:inset 0 0 0 1.5px var(--honey)}
.ab-gen-art{position:relative;height:150px;border-radius:16px;background:var(--paper);overflow:hidden;margin-bottom:8px}
.ab-wire{position:absolute;left:18px;right:18px;top:18px;display:grid;gap:7px;justify-items:start}
.ab-wire i{display:block;width:100%;height:8px;border-radius:5px;background:var(--card-2)}
.ab-wire .h{height:34px;border-radius:8px}
.ab-wire .b{width:38%;height:16px;border-radius:999px;background:var(--ink-3)}
.ab-gen:first-child .ab-wire{opacity:.55;filter:grayscale(1)}
.ab-stamp,.ab-ver{position:absolute;right:12px;bottom:12px;font-size:11.5px;padding:5px 10px;border-radius:999px}
.ab-stamp{background:var(--card);color:var(--ink-3)}
.ab-bubble{position:absolute;right:12px;bottom:12px;font-size:12px;padding:8px 12px;border-radius:14px 14px 4px 14px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow)}
.ab-wire.live .h{background:linear-gradient(100deg,var(--honey-soft),color-mix(in srgb,#E2843A 22%,var(--paper)))}
.ab-wire.live .b{background:linear-gradient(90deg,var(--honey),#E2843A)}
.ab-wire.live .sw{animation:abSwapA 4.5s ease-in-out infinite}
.ab-wire.live .sw2{animation:abSwapB 4.5s ease-in-out infinite}
@keyframes abSwapA{0%,100%{width:100%}50%{width:64%;background:var(--honey)}}
@keyframes abSwapB{0%,100%{width:70%}50%{width:96%;background:#E2843A}}
.ab-ver{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-family:var(--f-mono);background:var(--honey-soft);color:var(--honey-ink)}
.ab-ver::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:abBlink 1.6s ease-in-out infinite}

/* values */
.ab-vals .bcard{gap:8px}
.ab-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--paper);margin-bottom:10px}
.ab-ico svg{width:22px;height:22px;fill:none;stroke:var(--honey-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* family */
.ab-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ab-fam{border-radius:var(--r-xl);background:var(--card);padding:clamp(26px,4vw,44px);display:flex;flex-direction:column;gap:10px;min-width:0}
.ab-fam-sf{background:var(--honey-soft)}
.ab-fam-name{font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.ab-fam-name b{font-weight:600;color:var(--si-ink,#C2541C)}
.ab-fam p:not(.ab-n){color:var(--ink-2);max-width:44ch}
.ab-fam .text-link{margin-top:auto;padding-top:10px;align-self:flex-start}

@media (max-width:960px){
  .ab-path{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-31px;transform:translateX(-50%)}
  .ab-results{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ab-roi{grid-column:1/-1}
  .ab-si{grid-template-columns:minmax(0,1fr)}
  .ab-gens{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){.ab-results{grid-template-columns:minmax(0,1fr)}.ab-family{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ab-slots .open,.ab-ver::before,.ab-wire.live .sw,.ab-wire.live .sw2,.ab-metric i::after{animation:none}}
.ab-domain{font-family:var(--f-mono);font-size:15px;color:var(--ink-2);letter-spacing:.01em;margin-top:-6px}
.ab-domain b{font-weight:600;color:var(--si-ink,#C2541C)}
.ab-word{fill:var(--ink)}

/* Story cards: art, label, heading and text line up across all three */
@media (min-width:961px){
  .ab-path{grid-template-rows:auto auto auto 1fr}
  .ab-step{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px;align-content:start}
  .ab-step .ab-art{margin-bottom:8px}
}

/* ---------- Zero-risk offer ---------- */
.trust-row{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.trust-row li{display:inline-flex;align-items:center;gap:8px}
.trust-row svg,.trust-list svg{width:18px;height:18px;flex:none}
.tick-bg{fill:var(--honey-soft)}
.tick{fill:none;stroke:var(--honey-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.of-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.of-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border-radius:var(--r-l);padding:clamp(18px,2.4vw,26px);min-width:0}
.of-card p:not(.of-k){color:var(--ink-2);font-size:16px}
.of-k{font-size:13px;font-weight:600;color:var(--honey-ink)}
.of-art{position:relative;height:178px;border-radius:16px;background:var(--paper);overflow:hidden;margin-bottom:8px;display:grid;place-items:center}

/* preview */
.of-art-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.of-win{position:relative;width:min(80%,260px);border-radius:10px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.of-bar{display:flex;align-items:center;gap:4px;padding:6px 9px;background:var(--card)}
.of-bar b{width:6px;height:6px;border-radius:50%;background:var(--line)}
.of-bar span{margin-left:6px;font-size:9.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.of-page{display:grid;gap:5px;padding:9px}
.of-page i{display:block;height:6px;border-radius:4px;background:var(--card-2)}
.of-page .of-hero{height:30px;border-radius:6px;background:linear-gradient(110deg,var(--honey-soft),color-mix(in srgb,#E2843A 20%,var(--paper)))}
.of-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.of-tiles i{height:16px}
.of-ready{position:absolute;right:8px;bottom:8px;font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--honey);color:#1B1611;animation:ofPop 3.6s ease-in-out infinite}
@keyframes ofPop{0%,15%{transform:scale(.85);opacity:0}25%,90%{transform:none;opacity:1}100%{opacity:0}}
.of-choice{display:flex;gap:6px}
.of-choice span{font-size:11.5px;font-weight:600;padding:6px 14px;border-radius:999px}
.of-go{background:var(--btn);color:var(--on-btn)}
.of-pass{border:1px solid var(--line);color:var(--ink-2);background:var(--bg)}

/* month to month */
.of-months{display:flex;gap:8px;padding:0 14px}
.of-months span{display:grid;justify-items:center;gap:8px;padding:12px 8px;min-width:58px;border-radius:12px;background:var(--card)}
.of-months b{font-size:10.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.of-months i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:var(--honey-soft);color:var(--honey-ink)}
.of-months .of-next{background:transparent;outline:1.5px dashed var(--line);outline-offset:-1.5px}
.of-months .of-next i{width:auto;height:26px;padding:0 8px;border-radius:999px;font-size:10px;background:var(--btn);color:var(--on-btn);white-space:nowrap;animation:ofNudge 2.8s ease-in-out infinite}
@keyframes ofNudge{50%{transform:translateY(-3px)}}

/* guarantee seal */
.of-seal{position:relative;width:128px;height:128px}
.of-seal svg{width:100%;height:100%;transform:rotate(-90deg)}
.of-track{fill:none;stroke:var(--card-2);stroke-width:9}
.of-ring{fill:none;stroke:url(#ofRing);stroke-width:9;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;animation:ofFill 4.5s cubic-bezier(.3,.7,.2,1) infinite}
@keyframes ofFill{0%{stroke-dashoffset:314}55%,100%{stroke-dashoffset:0}}
.of-seal span{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;line-height:1;font-size:12px;font-weight:500;color:var(--ink-2)}
.of-seal b{font-size:2.6rem;font-weight:600;letter-spacing:-.04em;color:var(--ink);margin-bottom:2px}

/* steps */
.of-steps{list-style:none;margin:20px 0 0;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-radius:var(--r-l);background:var(--card);counter-reset:none}
.of-steps li{position:relative;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;min-width:0}
.of-steps li:not(:last-child)::after{content:"";flex:1;height:2px;border-radius:2px;background:var(--line);min-width:12px;margin-right:4px}
.of-steps span{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--paper);border:1px solid var(--line)}
.of-note{margin-top:12px;text-align:center;font-size:12.5px;color:var(--ink-3)}

/* booking page promise */
.trust-list{list-style:none;margin:22px 0 0;padding:18px 20px;display:grid;gap:12px;border-radius:var(--r-l);background:var(--honey-soft)}
.trust-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:15px;color:var(--ink-2);line-height:1.45}
.trust-list svg{margin-top:2px}
.trust-list b{color:var(--ink);font-weight:600}

@media (max-width:960px){
  .of-grid{grid-template-columns:minmax(0,1fr)}
  .of-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .of-steps li::after{display:none}
}
@media (max-width:520px){.of-steps{grid-template-columns:minmax(0,1fr)}.trust-row{flex-direction:column;align-items:center;gap:6px}}
@media (prefers-reduced-motion:reduce){.of-ready,.of-months .of-next i,.of-ring{animation:none}.of-ring{stroke-dashoffset:0}.of-ready{opacity:1;transform:none}}

/* ---------- Agents by practice type ---------- */
.px-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-l);overflow:hidden;background:var(--card);text-decoration:none;color:inherit;min-width:0;transition:transform .2s}
.px-card:hover{transform:translateY(-3px)}
.px-art{position:relative;height:170px;display:grid;place-items:end center;background:var(--stage);overflow:hidden}
.px-saber .px-art{background:var(--stage-saber)}
.px-swan .px-art{background:var(--stage-swan)}
.px-bee .px-art{background:var(--stage-bee,var(--stage))}
.px-art i{display:block;background:center bottom/contain no-repeat}
.px-bee .px-art i{height:76%;aspect-ratio:661/768;background-image:var(--bee);margin-bottom:6%}
.px-saber .px-art i{height:96%;aspect-ratio:488/800;background-image:var(--saber)}
.px-swan .px-art i{height:88%;aspect-ratio:709/840;background-image:var(--swan);margin-bottom:2%}
.px-body{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2.4vw,24px)}
.px-agent{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.px-agent .ag-av{width:24px;height:24px}
.px-type{font-size:clamp(1.25rem,1.8vw,1.45rem);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.px-line{color:var(--ink-2);font-size:15.5px}
.px-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.px-chips span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--paper);color:var(--ink-2)}
.px-card em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:500}
.px-super{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);border-radius:var(--r-xl);overflow:hidden;background:var(--card);border:1px solid var(--line);padding:clamp(26px,4vw,48px)}
.px-super-copy{display:grid;gap:12px;align-content:start}
.px-super-copy > p:not(.px-kick){color:var(--ink-2);max-width:52ch}
.px-kick{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}
.px-avs{display:inline-flex;padding-left:6px}
.px-avs .ag-av{width:30px;height:30px;margin-left:-6px;border:2px solid var(--paper)}
.px-super-h{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.px-super .px-chips span{background:color-mix(in srgb,var(--paper) 80%,transparent)}
.px-super .cta-row{margin-top:6px}
.px-trio{display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,1.4vw,18px);min-height:200px}
.px-trio i{display:block;background:center bottom/contain no-repeat}
.px-trio .t-saber{height:clamp(150px,19vw,230px);aspect-ratio:488/800;background-image:var(--saber)}
.px-trio .t-bee{height:clamp(104px,13vw,160px);aspect-ratio:661/768;background-image:var(--bee);margin-bottom:8%;animation:bobs 6s ease-in-out infinite}
.px-trio .t-swan{height:clamp(136px,17vw,205px);aspect-ratio:709/840;background-image:var(--swan)}
.agents-super{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding:14px 20px;border-radius:999px;background:var(--card)}
.agents-super p{flex:1;min-width:220px;color:var(--ink-2)}
.agents-super b{color:var(--ink);font-weight:600}
@media (max-width:960px){.px-grid{grid-template-columns:minmax(0,1fr)}.px-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:none}.px-art{height:auto;min-height:220px}}
@media (max-width:860px){.px-super{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.px-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.px-art{min-height:0;height:180px}.agents-super{border-radius:var(--r-l)}}
@media (prefers-reduced-motion:reduce){.px-trio .t-bee{animation:none}.px-card{transition:none}}

/* booking page: keep the request form in view while the steps scroll past */
@media (min-width:961px){
  .book > .card{position:sticky;top:var(--stick,96px)}
}

/* Super practice: three agents wired to one website, passing what they learn around the loop */
.px-net{position:relative;width:100%;max-width:520px;justify-self:center;aspect-ratio:4/3;border-radius:var(--r-l);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.px-net::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.7}
.px-net-svg{position:absolute;inset:0;width:100%;height:100%}
.px-share{fill:none;stroke:var(--honey);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;opacity:.9}
.px-spoke{fill:none;stroke:color-mix(in srgb,var(--ink) 18%,transparent);stroke-width:1.6}
.px-pulses .p-share{fill:var(--honey)}
.px-pulses .p-saber{fill:var(--saber-ink,#A24F14)}
.px-pulses .p-bee{fill:#E3A90E}
.px-pulses .p-swan{fill:var(--swan-ink,#1F6E96)}
.px-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(84px,21%,104px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:5px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);text-align:center}
.px-hub::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--honey);opacity:0;animation:pxRing 2.6s ease-out infinite}
@keyframes pxRing{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.18)}}
.px-hub i{width:32px;height:32px;border-radius:9px;background:var(--mark) center/contain no-repeat}
.px-hub b{font-size:11px;font-weight:600;line-height:1.1;color:var(--ink);max-width:9ch}
.px-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap}
.px-node .ag-av{width:30px;height:30px}
.px-node > span{display:grid;line-height:1.15}
.px-node b{font-size:13.5px;font-weight:600;color:var(--ink)}
.px-node em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.px-node.n1{left:21%;top:20.7%}
.px-node.n2{left:79%;top:20.7%}
.px-node.n3{left:50%;top:84%}
.px-tag{position:absolute;left:50%;top:20.7%;transform:translate(-50%,-50%);font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--honey-ink);background:var(--paper);padding:2px 8px;border-radius:999px;white-space:nowrap}
@media (max-width:1100px){.px-node em{display:none}.px-node{padding-right:12px}}
@media (max-width:480px){.px-tag{display:none}.px-node{gap:7px;padding:5px 10px 5px 5px}.px-node .ag-av{width:24px;height:24px}.px-node b{font-size:12px}}
@media (prefers-reduced-motion:reduce){.px-pulses{display:none}.px-hub::after{animation:none}}

/* ================= Clarity skin ================= */
body{font-size:17px;line-height:1.6;letter-spacing:0}
::selection{background:#FBE7A6;color:#141414}
.section{padding-block:clamp(88px,11vw,160px)}
.h1{font-family:var(--f-display);font-weight:500;font-size:clamp(2.6rem,6.2vw,5rem);letter-spacing:-.048em;line-height:1.03}
.h2{font-family:var(--f-display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.6rem);letter-spacing:-.042em;line-height:1.05}
.h3{font-weight:500;letter-spacing:-.025em}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow-c,var(--ink-2));margin-bottom:6px}
.lede{font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.6}
.head-block{gap:16px;margin-bottom:clamp(44px,6vw,80px)}
.head-block.center .lede{max-width:640px}
.wm,.wm b{font-family:var(--f-display);font-weight:650;letter-spacing:-.04em}
.wm b{color:inherit}

/* buttons */
.btn{font-weight:600;font-size:15px;padding:16px 24px;transition:transform .2s,background-color .2s,opacity .2s}
.btn:hover{opacity:1;transform:translateY(-1px)}
.btn-line{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-line:hover{border-color:var(--ink-3)}
.btn-soft{background:transparent;border:1px solid var(--line)}
.btn-soft:hover{background:var(--paper)}

/* nav */
.nav{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.nav-bar{height:76px;grid-template-columns:auto 1fr auto}
.nav-links{justify-self:end;font-size:14.5px;gap:4px}
.nav-links a{color:var(--ink-2);padding:9px 13px}
.nav-links a:hover{background:transparent;color:var(--ink)}
.nav-links a[aria-current="page"]{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.logo{font-size:20px}
.nav .btn{padding:12px 18px;font-size:14.5px}
.menu-btn{background:transparent;border:1px solid var(--line)}
@media (max-width:980px){.nav-bar{grid-template-columns:1fr auto}}

/* quiet white objects with hairline edges */
.bcard,.fact,.ver,.change,.tx-col,.tx-card,.tx-card-link,.faq details,.book-steps li,.lay,.pal,.studio-frame,.of-card,.ab-step,.ab-client,.ab-gen,.ab-fam,.of-steps,.day-clock,.ab-si-art,.card,.panel{background:var(--paper);border:1px solid var(--line);box-shadow:none}
.tp.open .tp-main{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.tp-main:hover{background:var(--paper)}
.bcard .art,.fact-art,.of-art,.ab-art,.ab-gen-art,.hx-card,.brief-row{background:var(--bg-2)}
.ab-art-sf{background:var(--stage)}
.ab-fam-sf{background:var(--tile-yellow)}
.ab-quote{background:var(--tile-yellow)}
.trust-list{background:var(--tile-yellow)}
.tchip,.tag,.chip{border-radius:999px}
.tlink{background:transparent;border:1px solid var(--line);font-size:clamp(1rem,1.4vw,1.15rem)}
.tlink:hover{background:var(--paper)}
.tlink::after{color:var(--ink-3)}
.carousel-bar button{background:var(--paper);border:1px solid var(--line)}
.page-head{padding-block:clamp(72px,10vw,140px) clamp(28px,4vw,56px)}
.pill-label{background:transparent;border:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow-c,var(--ink))}
.closing-card{background:var(--stage)}
.foot{background:var(--bg);border-top:1px solid var(--line)}
.bcard.pillar{background:var(--paper)}

/* ---------- home: hero ---------- */
.c-hero{padding-block:clamp(56px,8vw,112px) clamp(40px,6vw,80px)}
.c-hero-in{display:grid;justify-items:center;text-align:center;gap:20px}
.c-hero-in .lede{max-width:640px;margin-inline:auto}
.c-hero-in .cta-row{justify-content:center;margin-top:6px}
.c-hero-in .h1{margin-block:2px 4px}
.c-trio{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin-bottom:10px}
.c-trio i{display:block;background:center bottom/contain no-repeat;filter:drop-shadow(0 10px 12px rgba(40,30,20,.12))}
.c-trio .t-saber{height:104px;aspect-ratio:488/800;background-image:var(--saber)}
.c-trio .t-bee{height:70px;aspect-ratio:661/768;background-image:var(--bee);margin-bottom:22px;animation:bobs 6s ease-in-out infinite}
.c-trio .t-swan{height:96px;aspect-ratio:709/840;background-image:var(--swan)}
.c-panel{margin-top:clamp(48px,7vw,88px);border-radius:var(--r-xl);background:var(--stage);border:1px solid var(--line);padding:clamp(18px,3vw,32px)}
.c-panel-head{display:flex;align-items:center;gap:10px;font-size:14px;padding:4px 4px 18px}
.c-panel-head b{font-weight:600}
.c-live{width:8px;height:8px;border-radius:50%;background:#2FA36B;box-shadow:0 0 0 4px rgba(47,163,107,.16);animation:cLive 2s ease-in-out infinite}
@keyframes cLive{50%{box-shadow:0 0 0 7px rgba(47,163,107,.04)}}
.c-sample{margin-left:auto;font-size:12px;color:var(--ink-2);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--paper) 70%,transparent)}
.c-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c-card{display:grid;gap:8px;padding:18px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--line);transition:transform .4s,box-shadow .4s}
.c-card.now{transform:translateY(-2px);box-shadow:var(--shadow)}
.c-meta{display:flex;align-items:center;gap:10px;font-size:12.5px}
.c-time{font-family:var(--f-mono);color:var(--ink-3);font-variant-numeric:tabular-nums}
.c-tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}
.t-watch{background:var(--tile-yellow);color:var(--honey-ink)}
.t-edit{background:var(--tile-sage);color:var(--mint-ink)}
.t-study{background:var(--tile-lilac);color:var(--swan-ink)}
.t-test{background:var(--tile-peach);color:var(--blush-ink)}
.c-text{font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.4}
.c-who{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.c-who .ag-av{width:22px;height:22px}
@media (max-width:700px){.c-cards{grid-template-columns:minmax(0,1fr)}}

/* ---------- home: agents ---------- */
.c-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c-agent{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-l);overflow:hidden;background:var(--paper);border:1px solid var(--line);min-width:0}
.c-agent-art{height:220px;display:grid;place-items:end center;background:var(--stage)}
.c-saber .c-agent-art{background:var(--tile-peach)}
.c-bee .c-agent-art{background:var(--tile-yellow)}
.c-swan .c-agent-art{background:var(--tile-lilac)}
.c-agent-art i{display:block;background:center bottom/contain no-repeat}
.c-saber .c-agent-art i{height:92%;aspect-ratio:488/800;background-image:var(--saber)}
.c-bee .c-agent-art i{height:68%;aspect-ratio:661/768;background-image:var(--bee);margin-bottom:9%;animation:bobs 6s ease-in-out infinite}
.c-swan .c-agent-art i{height:90%;aspect-ratio:709/840;background-image:var(--swan);margin-bottom:2%}
.c-agent-body{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,28px)}
.c-agent-for{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.c-agent-name{font-size:clamp(1.7rem,2.4vw,2.1rem);font-weight:500;letter-spacing:-.04em;line-height:1}
.c-agent-body p:not(.c-agent-for){color:var(--ink-2);font-size:16px}
.c-agent-body .text-link{margin-top:auto;padding-top:6px;align-self:flex-start}
.agents-super{background:var(--paper);border:1px solid var(--line)}
@media (max-width:900px){.c-agents{grid-template-columns:minmax(0,1fr)}.c-agent{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:none}.c-agent-art{height:auto;min-height:220px}}
@media (max-width:560px){.c-agent{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.c-agent-art{height:200px;min-height:0}}

/* ---------- home: steps ---------- */
.c-steps{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}
.c-step{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.c-step:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.c-step:nth-child(even) .c-step-vis{order:2}
.c-step-vis{position:relative;border-radius:var(--r-xl);min-height:clamp(260px,30vw,360px);display:grid;place-items:center;padding:clamp(24px,4vw,48px);overflow:hidden}
.v-learn{background:var(--tile-peach)}
.v-build{background:var(--tile-yellow)}
.v-improve{background:var(--tile-lilac)}
.c-step-copy{display:grid;gap:10px;padding:10px}
.c-n{font-family:var(--f-mono);font-size:13px;color:var(--ink-3)}
.c-step-copy h3{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:500;letter-spacing:-.035em}
.c-step-copy p:not(.c-n){color:var(--ink-2);max-width:38ch}
.c-win{position:relative;z-index:1;width:min(100%,430px);border-radius:16px;background:var(--paper);box-shadow:var(--shadow-lg);overflow:hidden}
.c-bar{display:flex;gap:5px;padding:10px 14px;border-bottom:1px solid var(--line)}
.c-bar b{width:7px;height:7px;border-radius:50%;background:var(--card-2)}
.c-win-in{display:grid;gap:12px;padding:16px}
.c-search{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding:8px 12px;border-radius:999px;background:var(--bg-2)}
.c-search svg{width:13px;height:13px;flex:none}
.c-rank{display:grid;gap:6px}
.c-rank span{display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 10px;border-radius:10px;background:var(--bg-2);color:var(--ink-2)}
.c-rank b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--paper);color:var(--ink)}
.c-rank .you{background:var(--tile-yellow);color:var(--ink);font-weight:500;animation:cRise 5s ease-in-out infinite}
@keyframes cRise{0%,30%{transform:none}50%,85%{transform:translateY(calc(-100% - 6px))}100%{transform:none}}
.c-rank span:first-child{animation:cDrop 5s ease-in-out infinite}
@keyframes cDrop{0%,30%{transform:none}50%,85%{transform:translateY(calc(100% + 6px))}100%{transform:none}}
.c-chips{display:flex;flex-wrap:wrap;gap:5px}
.c-chips span{font-size:11.5px;padding:4px 9px;border-radius:999px;background:var(--bg-2);color:var(--ink-2)}
.c-chips .on{background:var(--ink);color:var(--bg)}
.c-page-top{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center}
.c-lines{display:grid;gap:7px}
.c-lines i{display:block;height:9px;border-radius:5px;background:var(--card-2)}
.c-lines i.h{height:16px;width:90%;background:var(--ink);opacity:.85}
.c-lines i.btn{width:46%;height:16px;border-radius:999px;background:var(--honey)}
.c-photo{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#F1D9C7,#D9A88A)}
.c-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.c-tiles i{display:block;height:34px;border-radius:8px;background:var(--bg-2)}
.c-chart-k{font-size:12px;font-weight:600;color:var(--ink-2)}
.c-chart{width:100%;height:auto;display:block}
.c-chart .g{stroke:var(--line);stroke-width:1}
.c-chart .l{fill:none;stroke:var(--swan-ink);stroke-width:3;stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:280;animation:cDraw 5s ease infinite}
.c-chart circle{fill:var(--paper);stroke:var(--swan-ink);stroke-width:2.5}
@keyframes cDraw{0%{stroke-dashoffset:280}45%,100%{stroke-dashoffset:0}}
.c-peek{position:absolute;z-index:2;right:clamp(10px,4%,30px);bottom:-6px;display:block;background:center bottom/contain no-repeat;filter:drop-shadow(0 12px 14px rgba(40,30,20,.14))}
.c-peek.saber{height:clamp(120px,14vw,170px);aspect-ratio:488/800;background-image:var(--saber)}
.c-peek.bee{height:clamp(80px,9vw,110px);aspect-ratio:661/768;background-image:var(--bee);bottom:14px;animation:bobs 6s ease-in-out infinite}
.c-peek.swan{height:clamp(110px,13vw,160px);aspect-ratio:709/840;background-image:var(--swan)}
.c-after{margin-top:clamp(28px,4vw,48px)}
@media (max-width:820px){
  .c-step,.c-step:nth-child(even){grid-template-columns:minmax(0,1fr);gap:18px}
  .c-step:nth-child(even) .c-step-vis{order:0}
  .c-step-copy{padding:0 4px 22px}
}

/* ---------- home: closing ---------- */
.c-close{padding-block:clamp(40px,6vw,80px) clamp(88px,11vw,150px)}
.c-close-in{display:grid;justify-items:center;text-align:center;gap:20px;max-width:820px}
.c-close-in .lede{margin-inline:auto}
.c-close-in .cta-row{justify-content:center}

/* Day with Saber, offer, BA in this skin */
.ba{box-shadow:var(--shadow);border:1px solid var(--line)}
.of-steps{background:var(--paper)}

.trust-row{color:var(--ink-2);font-size:14px}
.tick-bg{fill:var(--honey-soft)}

@media (prefers-reduced-motion:reduce){.c-live,.c-rank .you,.c-rank span:first-child,.c-chart .l,.c-peek.bee,.c-trio .t-bee,.c-bee .c-agent-art i{animation:none}.c-chart .l{stroke-dashoffset:0}}

/* warm gradient accents on headings (Afterglow-style) */
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.16em;margin-bottom:-.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c-hero-in .h1 .grad{padding-bottom:.2em;margin-bottom:-.2em}

/* Learn: rows trade places and their rank numbers swap with them */
.c-rank b{position:relative;overflow:hidden}
.c-rank b i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal}
.c-rank b .n2{opacity:0}
.c-rank b .n1{animation:rN1 5s ease-in-out infinite}
.c-rank b .n2{animation:rN2 5s ease-in-out infinite}
@keyframes rN1{0%,38%{opacity:1;transform:none}48%,86%{opacity:0;transform:translateY(-9px)}96%,100%{opacity:1;transform:none}}
@keyframes rN2{0%,38%{opacity:0;transform:translateY(9px)}48%,86%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(9px)}}
.c-rank .you b{animation:rWin 5s ease-in-out infinite}
@keyframes rWin{0%,38%{background:var(--paper);color:var(--ink)}48%,86%{background:var(--ink);color:var(--bg)}96%,100%{background:var(--paper);color:var(--ink)}}

/* Build: the page assembles itself piece by piece, holds, then starts again */
.v-build .c-lines i,.v-build .c-photo,.v-build .c-tiles i{animation:6s cubic-bezier(.3,.7,.3,1) infinite both}
.v-build .c-lines i{transform-origin:left center}
.v-build .c-lines i.h{animation-name:bH}
.v-build .c-lines i:nth-child(2){animation-name:bL1}
.v-build .c-lines i:nth-child(3){animation-name:bL2}
.v-build .c-lines i.btn{animation-name:bBtn}
.v-build .c-photo{animation-name:bPh}
.v-build .c-tiles i:nth-child(1){animation-name:bT1}
.v-build .c-tiles i:nth-child(2){animation-name:bT2}
.v-build .c-tiles i:nth-child(3){animation-name:bT3}
@keyframes bH{0%,5%{transform:scaleX(0);opacity:1}17%,88%{transform:scaleX(1);opacity:.85}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes bL1{0%,13%{transform:scaleX(0);opacity:1}23%,88%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes bL2{0%,19%{transform:scaleX(0);opacity:1}29%,88%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes bBtn{0%,27%{transform:scale(.3);opacity:0}35%{transform:scale(1.08);opacity:1}39%,88%{transform:scale(1);opacity:1}95%,100%{transform:scale(1);opacity:0}}
@keyframes bPh{0%,33%{opacity:0;clip-path:inset(0 100% 0 0 round 10px)}49%,88%{opacity:1;clip-path:inset(0 0 0 0 round 10px)}95%,100%{opacity:0;clip-path:inset(0 0 0 0 round 10px)}}
@keyframes bT1{0%,47%{opacity:0;transform:translateY(12px)}55%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
@keyframes bT2{0%,52%{opacity:0;transform:translateY(12px)}60%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
@keyframes bT3{0%,57%{opacity:0;transform:translateY(12px)}65%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:none}}
@media (prefers-reduced-motion:reduce){.c-rank b i,.c-rank .you b,.v-build .c-lines i,.v-build .c-photo,.v-build .c-tiles i{animation:none}}

/* Home closing sits in the same rounded container as every other page's CTA */
.c-close{padding-block:clamp(32px,5vw,64px) clamp(64px,9vw,120px)}
.c-close-card{padding-bottom:clamp(44px,7vw,96px);gap:20px}
.c-close-card .h2{max-width:none}
.c-close-card .lede{max-width:720px;margin-inline:auto;text-wrap:balance}
.c-close-card .cta-row{justify-content:center}
.c-close-card .c-trio{margin-bottom:4px}

/* ===== Clarity Growth skin: navy for trust, amber/orange for energy, green for money ===== */

/* Navy surfaces carry their own light text and an amber action */
.closing-card,.c-panel,.foot,.ab-roi{--on-navy:#FFFFFF}
.closing-card{background:radial-gradient(60% 70% at 88% 0%,rgba(255,176,32,.22),transparent 70%),radial-gradient(55% 60% at 8% 100%,rgba(36,87,230,.38),transparent 70%),linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff}
.closing-card .lede{color:var(--navy-ink)}
.closing-card .stage-dots{background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.4px);opacity:.6}
.closing-card .btn-dark{background:var(--energy);color:#0B1F4D}
.closing-card .btn-dark:hover{background:#FFC24D}
.closing-card .btn-line{color:#fff;border-color:rgba(255,255,255,.28)}
.closing-card .btn-line:hover{border-color:#fff}
.closing-card .c-trio i{filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))}

/* Hero: the live agent panel becomes a navy product surface */
.c-panel{background:radial-gradient(70% 90% at 100% 0%,rgba(36,87,230,.35),transparent 70%),linear-gradient(160deg,var(--navy),var(--navy-2));border-color:transparent;box-shadow:var(--shadow-lg)}
.c-panel-head{color:#fff}
.c-sample{background:rgba(255,255,255,.1);color:var(--navy-ink)}
.c-live{background:#3DDC8A;box-shadow:0 0 0 4px rgba(61,220,138,.2)}
.c-card{border-color:transparent}
.t-watch{background:#FFF1D1;color:#8A5A00}
.t-edit{background:var(--blue-soft);color:var(--blue-ink)}
.t-study{background:#EEF1F8;color:#33415C}
.t-test{background:var(--money-soft);color:var(--money-ink)}

/* How it works: Learn = intelligence (cool), Build = the site (warm), Improve = money (green) */
.v-learn{background:var(--blue-soft)}
.v-build{background:var(--tile-peach)}
.v-improve{background:var(--money-soft)}
.c-rank .you{background:var(--money-soft);color:var(--ink)}
@keyframes rWin{0%,38%{background:var(--paper);color:var(--ink)}48%,86%{background:var(--money);color:#fff}96%,100%{background:var(--paper);color:var(--ink)}}
.c-chart .l{stroke:var(--money)}
.c-chart circle{stroke:var(--money)}
.c-lines i.btn{background:var(--energy)}

/* Agent cards: lighter, cleaner tiles */
.c-saber .c-agent-art{background:var(--tile-peach)}
.c-bee .c-agent-art{background:var(--tile-yellow)}
.c-swan .c-agent-art{background:var(--tile-lilac)}

/* About: proof in navy and green */
.ab-roi{background:linear-gradient(160deg,var(--navy),var(--navy-2));border-color:transparent;color:#fff}
.ab-roi p:last-child{color:var(--navy-ink)}
.ab-big{background:linear-gradient(100deg,#5BE39A,#2FC27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-num{color:var(--money-ink)}

/* Footer: navy band */
.foot{background:var(--navy);border-top:0;color:#fff}
.foot .logo{color:#fff}
.foot .logo i{background-image:var(--mk-dark);box-shadow:none}
.foot .wm-logo{--si-a:#FFC24D;--si-b:#FF8A3D;--si-dot:#F6C33B}
.foot-tag{color:var(--navy-ink)}
.foot h4{color:var(--navy-ink-2)}
.foot ul a{color:#fff}
.foot ul a:hover{color:var(--energy)}
.foot-base{border-top-color:rgba(255,255,255,.12);color:var(--navy-ink-2)}

/* Checkmarks in trust rows read as "done" in green */
.trust-row .tick-bg{fill:var(--money-soft)}
.trust-row .tick{stroke:var(--money-ink)}

/* ---------- CyteForce brand mark ---------- */
.logo i,.pill-label i,.chip-glass i,.faq-cta i{background:var(--mark) center/contain no-repeat;border-radius:0;box-shadow:none}
.faq-cta i{border-radius:12px}

/* ---------- Agent avatars ---------- */
.ag-av{display:inline-block;width:26px;height:26px;border-radius:50%;flex:none;background-color:var(--card);background-repeat:no-repeat;vertical-align:middle}
.av-bee{background-color:var(--honey-soft);background-image:var(--bee-sm);background-size:120% auto;background-position:50% 16%}
.av-saber{background-color:var(--saber-soft);background-image:var(--saber-sm);background-size:220% auto;background-position:80% 2%}
.av-swan{background-color:var(--swan-soft);background-image:var(--swan-sm);background-size:320% auto;background-position:11% 6%}
[data-agent="bee"] .av-cur{background-color:var(--honey-soft);background-image:var(--bee-sm);background-size:120% auto;background-position:50% 16%}
[data-agent="saber"] .av-cur{background-color:var(--saber-soft);background-image:var(--saber-sm);background-size:220% auto;background-position:80% 2%}
[data-agent="swan"] .av-cur{background-color:var(--swan-soft);background-image:var(--swan-sm);background-size:320% auto;background-position:11% 6%}
.ag-av.big{width:46px;height:46px;margin-right:14px;vertical-align:-4px}

/* ---------- Agent tabs ---------- */
.agent-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}
.agent-tab{display:flex;align-items:center;gap:10px;padding:7px 18px 7px 7px;border-radius:999px;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left;color:var(--ink);transition:background-color .2s,color .2s,border-color .2s}
.agent-tab:hover{border-color:var(--ink-3)}
.agent-tab .ag-av{width:36px;height:36px}
.agent-tab b{display:block;font-weight:600;font-size:14.5px;line-height:1.2}
.agent-tab em{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.agent-tab[aria-selected="true"]{background:var(--btn);border-color:var(--btn);color:var(--on-btn)}
.agent-tab[aria-selected="true"] em{color:inherit;opacity:.7}
.agent-tabs.compact{gap:6px}
.agent-tabs.compact .agent-tab{padding:5px 13px 5px 5px}
.agent-tabs.compact .agent-tab em{display:none}
.agent-tabs.compact .agent-tab .ag-av{width:28px;height:28px}

/* ---------- Daylight hero stage per agent ---------- */
.stage[data-agent="saber"]{background:var(--stage-saber)}
.stage[data-agent="swan"]{background:var(--stage-swan)}
.stage[data-agent="saber"] .stage-bee{width:min(22%,236px);aspect-ratio:488/800;background-image:var(--saber)}
.stage[data-agent="swan"] .stage-bee{width:min(36%,400px);aspect-ratio:709/840;background-image:var(--swan)}
.stage.swap .stage-bee{animation:bob 6s ease-in-out infinite,agentIn .6s ease both}
.stage.swap .fcard{animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both}
.stage.swap .testcard{animation-delay:.08s}
.stage.swap .chipcard{animation-delay:.16s}
@keyframes agentIn{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:820px){
  .stage[data-agent="saber"] .stage-bee{width:min(40%,168px)}
  .stage[data-agent="swan"] .stage-bee{width:min(70%,290px)}
  .agent-tab{padding-right:14px}
  .agent-tab em{display:none}
}

/* ---------- Afterglow hero agent ---------- */
.bee-stage[data-agent="saber"] .hero-bee{aspect-ratio:488/800;width:min(60%,244px);background-image:var(--saber)}
.bee-stage[data-agent="swan"] .hero-bee{aspect-ratio:709/840;width:min(100%,400px);background-image:var(--swan)}
.bee-stage[data-agent="saber"] .halo{background:radial-gradient(closest-side,rgba(240,150,70,.5),rgba(255,190,120,.16) 55%,transparent)}
.bee-stage[data-agent="swan"] .halo{background:radial-gradient(closest-side,rgba(205,165,230,.55),rgba(255,200,220,.2) 55%,transparent)}
.bee-stage.swap .hero-bee{animation:float 6.5s ease-in-out infinite,agentIn .6s ease both}
.agent-label{position:relative;display:grid;justify-items:center;gap:2px;margin-top:4px;text-align:center}
.agent-label b{font-family:var(--f-display,inherit);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.agent-label span{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.bee-stage .agent-tabs{position:relative;margin:12px 0 0}

/* ---------- Meet the agents ---------- */
.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agent{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-xl);overflow:hidden;background:var(--card);min-width:0}
.agent-art{position:relative;height:300px;overflow:hidden;isolation:isolate;display:grid;place-items:end center;background:var(--stage)}
.agent-saber .agent-art{background:var(--stage-saber)}
.agent-swan .agent-art{background:var(--stage-swan)}
.agent-bee .agent-art{background:var(--stage-bee,var(--stage))}
.agent-art .stage-dots{opacity:.35}
.agent-img{display:block;background:center bottom/contain no-repeat;animation:bobs 6s ease-in-out infinite}
.agent-bee .agent-img{height:78%;aspect-ratio:661/768;background-image:var(--bee);margin-bottom:7%}
.agent-saber .agent-img{height:95%;aspect-ratio:488/800;background-image:var(--saber);animation:none}
.agent-swan .agent-img{height:86%;aspect-ratio:709/840;background-image:var(--swan);margin-bottom:2%;animation-duration:7s}
.agent-body{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.6vw,30px)}
.agent-body .text-link{align-self:flex-start}
.agent-for{font-size:13px;font-weight:500;color:var(--ink-3)}
.agent-name{font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.agent-name b{font-weight:600}
.agent-bee .agent-name b{color:var(--honey-ink)}
.agent-saber .agent-name{color:var(--saber-ink)}
.agent-swan .agent-name b{color:var(--swan-ink)}
.agent-line{font-size:1.05rem;font-weight:500}
.agent-list{display:grid;gap:6px}
.agent-list li{position:relative;padding-left:16px;color:var(--ink-2);font-size:15.5px;line-height:1.45}
.agent-list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--honey)}
.agent-saber .agent-list li::before{background:#E2843A}
.agent-swan .agent-list li::before{background:#2E9CC4}
.agent-traits{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 6px;padding-top:6px}
.agent-traits span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--paper)}
@media (max-width:960px){.agents{grid-template-columns:minmax(0,1fr)}.agent{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:none}.agent-art{height:auto;min-height:280px}}
@media (max-width:600px){.agent{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.agent-art{height:250px;min-height:0}}

/* ---------- Closing trio ---------- */
.ctrio{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,26px);margin-top:12px;margin-bottom:-1px;width:min(92%,560px)}
.ctrio i{display:block;background:center bottom/contain no-repeat}
.ctrio .t-saber{height:clamp(150px,22vw,240px);aspect-ratio:488/800;background-image:var(--saber)}
.ctrio .t-bee{height:clamp(110px,15vw,170px);aspect-ratio:661/768;background-image:var(--bee);margin-bottom:9%;animation:bobs 6s ease-in-out infinite}
.ctrio .t-swan{height:clamp(140px,20vw,215px);aspect-ratio:709/840;background-image:var(--swan)}

/* ---------- Treatments: agent groups and tags ---------- */
.tx-group{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-3);margin:16px 0 2px 8px;letter-spacing:.01em}
.tx-group:first-child{margin-top:0}
.tx-group .ag-av{width:24px;height:24px}
.tx-agent{display:inline-flex!important;align-items:center;gap:8px}
.tx-agent .ag-av{width:24px;height:24px}
.tx-card-agent{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink-2)}
.tx-card-agent .ag-av{width:20px;height:20px}
.tx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.tx-cards .tx-card-link:last-child{grid-column:auto}
@media (max-width:860px){.tx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tx-cards{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.tx-group{width:100%;margin:10px 0 0 2px}.tx-group:first-child{margin-top:0}}
.tag.agent-tag{display:inline-flex;align-items:center;gap:6px;padding-left:4px}
.tag.agent-tag .ag-av{width:20px;height:20px}

/* ---------- Loop centre and mini honeycomb cycle the agents ---------- */
.comb[data-agent="saber"] .cell.core i{background-image:var(--saber-sm);aspect-ratio:488/800;width:30%}
.comb[data-agent="swan"] .cell.core i{background-image:var(--swan-sm);aspect-ratio:709/840;width:42%}
.comb[data-agent="saber"] .cell.core::before{background:var(--saber-soft)}
.comb[data-agent="swan"] .cell.core::before{background:var(--swan-soft)}
.art-hex b{animation:trio 9s steps(1) infinite}
@keyframes trio{0%{background-image:var(--bee-sm)}33.3%{background-image:var(--saber-sm)}66.6%{background-image:var(--swan-sm)}}

@media (max-width:480px){
  .agent-tabs{gap:6px}
  .agent-tab{gap:7px;padding:5px 11px 5px 5px}
  .agent-tab .ag-av{width:28px;height:28px}
  .agent-tab b{font-size:13.5px}
}

/* before/after slider knob shows the agent that built the concept */
.ba-knob .ag-av{width:40px;height:40px}
@media (max-width:560px){.ba-knob .ag-av{width:31px;height:31px}}

/* ---- mock websites (screenshots of other sites: fixed palettes, scaled with the frame) ---- */
.mock{position:absolute;inset:0;container-type:inline-size;overflow:hidden}
.mk{position:absolute;inset:0;font-size:1.6cqw;line-height:1.35;overflow:hidden}
.mk *{box-sizing:border-box}
/* before */
.mb{background:var(--b-bg);color:var(--b-ink);font-family:Arial,Helvetica,sans-serif}
.mb-top{height:1.9em;display:flex;align-items:center;justify-content:space-between;padding-inline:1.2em;font-size:.72em;background:var(--b-top);color:var(--b-top-ink)}
.mb-head{display:flex;align-items:center;justify-content:space-between;padding:.7em 1.6em;background:var(--b-head)}
.mb-logo{display:flex;align-items:center;gap:.5em;font-family:"Times New Roman",Times,serif;font-weight:700;font-size:1.55em;color:var(--b-logo)}
.mb-logo i{width:1.4em;height:1.4em;border-radius:50%;border:.14em solid currentColor;display:grid;place-items:center;font-style:normal;font-size:.7em}
.mb-phone{font-family:"Times New Roman",Times,serif;font-weight:700;font-size:1.25em;color:var(--b-phone)}
.mb-nav{display:flex;flex-wrap:nowrap;gap:.2em;padding:.55em 1.2em;background:var(--b-nav);color:var(--b-nav-ink);font-size:.76em;white-space:nowrap;overflow:hidden}
.mb-nav span::after{content:" |";opacity:.6}
.mb-nav span:last-child::after{content:""}
.mb-banner{padding:.35em 1em;text-align:center;font-weight:700;font-size:.8em;letter-spacing:.04em;background:var(--b-banner);color:var(--b-banner-ink)}
.mb-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:1.4em;padding:1.3em 1.6em}
.mb-photo{position:relative;height:14em;border:.2em solid var(--b-frame);background:repeating-linear-gradient(135deg,var(--b-ph1) 0 .6em,var(--b-ph2) .6em 1.2em)}
.mb-photo span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:italic;font-size:.75em;background:var(--b-bg);padding:.2em .6em;color:var(--b-muted);white-space:nowrap}
.mb-photo em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.6em;color:#fff;text-shadow:0 0 .2em rgba(0,0,0,.6)}
.mb-photo em.l{left:.3em}.mb-photo em.r{right:.3em}
.mb-dots{position:absolute;bottom:.5em;left:50%;transform:translateX(-50%);display:flex;gap:.3em}
.mb-dots b{width:.5em;height:.5em;border-radius:50%;background:#fff;opacity:.7}
.mb-welcome{font-family:"Times New Roman",Times,serif;font-size:1.75em;line-height:1.1;color:var(--b-h);margin-bottom:.4em}
.mb-p{display:grid;gap:.45em;margin-bottom:.7em}
.mb-p i{display:block;height:.55em;background:var(--b-line);border-radius:.1em}
.mb-link{font-size:.8em;color:var(--b-link);text-decoration:underline}
.mb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;padding:.4em 1.6em 0}
.mb-cols h4{font-family:"Times New Roman",Times,serif;font-size:.95em;color:var(--b-h);text-decoration:underline;margin:0 0 .45em}
.mb-cols .mb-p{gap:.35em;margin-bottom:.4em}
.mb-cols .mb-p i{height:.42em}
.mb-foot{margin-top:2.2em;padding:.7em 1.6em;font-size:.68em;background:var(--b-top);color:var(--b-top-ink)}
.mb-badges{display:flex;gap:.5em;margin-top:.6em}
.mb-badges b{font-size:.62em;padding:.25em .45em;border:.12em solid var(--b-phone);color:var(--b-phone);border-radius:.3em;font-weight:700}
/* after */
.ma{background:var(--a-bg);color:var(--a-ink);font-family:var(--a-font,"Figtree",system-ui,sans-serif)}
.ma-head{display:flex;align-items:center;gap:1.6em;padding:1em 2em;border-bottom:.08em solid var(--a-line)}
.ma-logo{display:flex;align-items:center;gap:.45em;font-family:var(--a-hfont);font-weight:700;font-size:1.15em;letter-spacing:-.01em}
.ma-logo i{width:1.1em;height:1.1em;border-radius:.35em;background:var(--a-acc)}
.ma-links{display:flex;gap:1.3em;margin-left:auto;font-size:.78em;color:var(--a-muted)}
.ma-cta{padding:.6em 1.1em;border-radius:99em;background:var(--a-acc);color:var(--a-acc-ink);font-size:.78em;font-weight:700}
.ma-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:2.2em;padding:2em 2em 1.4em}
.ma-copy{position:relative}
.ma-eyebrow{font-size:.68em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a-acc);margin-bottom:.7em}
.ma-h{position:relative;font-family:var(--a-hfont);font-weight:var(--a-hw,700);font-size:2.35em;line-height:1.04;letter-spacing:-.02em;margin:0 0 .45em}
.ma-sub{font-size:.9em;color:var(--a-muted);margin:0 0 1.1em;max-width:30em}
.ma-btns{position:relative;display:flex;gap:.6em;margin-bottom:1.1em}
.ma-btns span{padding:.75em 1.15em;border-radius:99em;font-size:.8em;font-weight:700;white-space:nowrap}
.ma-btns .p{background:var(--a-acc);color:var(--a-acc-ink)}
.ma-btns .s{border:.1em solid var(--a-line);color:var(--a-ink)}
.ma-trust{display:flex;flex-wrap:wrap;gap:.4em 1.1em;font-size:.7em;color:var(--a-muted)}
.ma-trust span::before{content:"✓";color:var(--a-acc);font-weight:700;margin-right:.35em}
.ma-photo{position:relative;border-radius:1.1em;background:var(--a-photo);min-height:14em;overflow:hidden}
.smile{position:absolute;left:50%;top:20%;width:30%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.38)}
.smile::after{content:"";position:absolute;left:50%;top:118%;width:210%;aspect-ratio:2/1.15;transform:translateX(-50%);border-radius:50% 50% 0 0;background:rgba(255,255,255,.3)}
.ma-float{position:absolute;left:.9em;bottom:.9em;background:#fff;color:#1d1d1d;border-radius:.7em;padding:.6em .8em;font-size:.66em;box-shadow:0 .6em 1.4em rgba(0,0,0,.14);line-height:1.3}
.ma-float b{display:block;font-size:1.05em}
.ma-chip{position:absolute;right:.8em;top:.8em;background:rgba(255,255,255,.92);color:#1d1d1d;border-radius:99em;padding:.4em .7em;font-size:.62em;font-weight:700}
.ma-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:0 2em}
.ma-card{position:relative;border:.08em solid var(--a-line);border-radius:.8em;padding:.8em .9em;background:var(--a-card);min-height:6.2em}
.ma-card h5{margin:0 0 .5em;font-family:var(--a-hfont);font-size:.82em;font-weight:700}
.ma-range{height:.5em;border-radius:99em;background:linear-gradient(90deg,var(--a-soft),var(--a-acc));margin:.6em 0 .4em}
.ma-range-l{display:flex;justify-content:space-between;font-size:.58em;color:var(--a-muted)}
.ma-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em}
.ma-thumbs i{aspect-ratio:1;border-radius:.4em;background:var(--a-photo)}
.ma-q{display:grid;gap:.35em}
.ma-q span{font-size:.62em;padding:.35em .5em;border-radius:.4em;background:var(--a-soft);display:flex;justify-content:space-between}
.ma-q span::after{content:"+";font-weight:700;color:var(--a-acc)}
.ma-cmp{display:grid;grid-template-columns:1fr 1fr;gap:.4em}
.ma-cmp div{border-radius:.4em;padding:.4em .5em;background:var(--a-soft);font-size:.58em;line-height:1.5}
.ma-cmp div b{display:block;font-size:1.15em;color:var(--a-ink)}
.ma-cmp div:first-child{background:var(--a-acc);color:var(--a-acc-ink)}
.ma-cmp div:first-child b{color:var(--a-acc-ink)}
.ma-tl{display:flex;align-items:center;gap:.3em;margin-top:.7em}
.ma-tl i{width:.7em;height:.7em;border-radius:50%;background:var(--a-acc)}
.ma-tl b{flex:1;height:.15em;background:var(--a-line)}
.ma-tl-l{display:flex;justify-content:space-between;font-size:.55em;color:var(--a-muted);margin-top:.4em}
.pin{position:absolute;z-index:2;width:2.1em;aspect-ratio:2/1.732;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#F5BE2E;color:#2A1C10;display:grid;place-items:center;font-family:var(--f-mono);font-weight:600;font-size:.72em;box-shadow:0 0 0 .2em rgba(245,190,46,.35);transition:transform .2s}
.pin.hl{transform:scale(1.35)}
.ma-h .pin{left:-1.6em;top:.05em;font-size:.32em}
.ma-btns .pin{left:-2.4em;top:.25em}
.ma-card .pin{right:-.7em;top:-.9em}
@container (max-width:520px){.mk{font-size:1.7cqw}}


.mk-page{position:absolute;left:0;right:0;top:0;will-change:transform}
.mb .mk-page{background:var(--b-bg)}
.ma .mk-page{background:var(--a-bg)}
/* before: rest of the page */
.mb-sec{padding:1.4em 1.6em 0}
.mb-h{font-family:"Times New Roman",Times,serif;font-size:1.25em;color:var(--b-h);margin:0 0 .6em;padding-bottom:.25em;border-bottom:.1em solid var(--b-line)}
.mb-doc{display:grid;grid-template-columns:9em 1fr;gap:1.2em}
.mb-docimg{height:10em;border:.2em solid var(--b-frame);background:repeating-linear-gradient(135deg,var(--b-ph1) 0 .6em,var(--b-ph2) .6em 1.2em);display:grid;place-items:center}
.mb-docimg span{font-style:italic;font-size:.7em;color:var(--b-muted);background:var(--b-bg);padding:.1em .4em}
.mb-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em 1em;margin:0;padding:0 0 0 1.2em;list-style:square;font-size:.8em;color:var(--b-link);text-decoration:underline}
.mb-quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.2em}
.mb-quote{padding:.8em 1em;border:.1em dashed var(--b-line);font-style:italic}
.mb-quote em{display:block;font-size:.72em;color:var(--b-muted);text-align:right}
.mb-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:.6em}
.mb-logos i{height:2.6em;background:var(--b-line);opacity:.7}
.mb-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2em;align-items:start}
.mb-map{height:9em;background:repeating-linear-gradient(0deg,var(--b-ph2) 0 .15em,transparent .15em 1.6em),repeating-linear-gradient(90deg,var(--b-ph2) 0 .15em,var(--b-ph1) .15em 1.6em);display:grid;place-items:center;border:.15em solid var(--b-frame)}
.mb-map span{font-style:italic;font-size:.7em;background:var(--b-bg);padding:.1em .4em;color:var(--b-muted)}
.mb-hours{font-size:.78em;border-collapse:collapse;width:100%}
.mb-hours td{border:.1em solid var(--b-line);padding:.3em .5em}
/* after: rest of the page */
.ma-sec{padding:2.6em 2em 0}
.ma-h2{font-family:var(--a-hfont);font-weight:var(--a-hw,700);font-size:1.6em;line-height:1.1;letter-spacing:-.015em;margin:.2em 0 .9em}
.ma-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1em}
.ma-step{border-radius:.8em;background:var(--a-card);border:.08em solid var(--a-line);padding:.9em;display:grid;gap:.45em}
.ma-step b{width:1.8em;height:1.8em;border-radius:50%;background:var(--a-acc);color:var(--a-acc-ink);display:grid;place-items:center;font-size:.72em}
.ma-step span{font-weight:700;font-size:.8em}
.ma-step i,.ma-lines i{display:block;height:.45em;border-radius:99em;background:var(--a-soft)}
.ma-doc{display:grid;grid-template-columns:.8fr 1.2fr;gap:2em;align-items:center}
.ma-docimg{position:relative;height:13em;border-radius:1em;background:var(--a-photo);overflow:hidden}
.ma-doc .ma-h2{margin-bottom:.6em}
.ma-lines{display:grid;gap:.5em;margin-bottom:1em}
.ma-chips{display:flex;flex-wrap:wrap;gap:.4em}
.ma-chips span{font-size:.62em;padding:.4em .7em;border-radius:99em;background:var(--a-soft);color:var(--a-ink)}
.ma-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.ma-story{border-radius:.8em;background:var(--a-card);border:.08em solid var(--a-line);padding:.8em;display:grid;gap:.7em}
.ma-story .ma-thumbs{grid-template-columns:1fr 1fr}
.ma-story .ma-lines{margin:0}
.ma-who{display:flex;align-items:center;gap:.4em}
.ma-who i{display:block;height:.45em;flex:1;border-radius:99em;background:var(--a-soft)}
.ma-who i:first-child{flex:none;width:1.4em;height:1.4em;border-radius:50%;background:var(--a-photo)}
.ma-faq{gap:.45em}
.ma-faq span{font-size:.72em;padding:.7em .9em;background:var(--a-card);border:.08em solid var(--a-line)}
.ma-band{margin:2.6em 2em 0;border-radius:1.1em;background:var(--a-acc);color:var(--a-acc-ink);padding:2em;display:flex;align-items:center;justify-content:space-between;gap:1.2em}
.ma-band .ma-h2{margin:0;font-size:1.4em;color:var(--a-acc-ink)}
.ma-band-btn{flex:none;background:var(--a-acc-ink);color:var(--a-acc);padding:.75em 1.2em;border-radius:99em;font-size:.78em;font-weight:700}
.ma-foot{display:flex;justify-content:space-between;gap:1em;padding:1.6em 2em 2em;margin-top:2.2em;border-top:.08em solid var(--a-line);font-size:.66em;color:var(--a-muted)}


/* ================= Motion layer (runs only with .anim-on; graphics start when .is-in) ================= */

/* ---------- Solutions: what makes CyteForce different ---------- */
/* 01 headline types itself */
.anim-on .an-art.is-in .an-head b{animation:anType 8s infinite both}
@keyframes anType{0%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(15,end)}24%{clip-path:inset(0 0 0 0)}88%{clip-path:inset(0 0 0 0);opacity:1}96%,100%{clip-path:inset(0 0 0 0);opacity:0}}
.anim-on .an-art.is-in .an-head i{transform-origin:left center;animation:anLine 8s ease-out infinite both}
.anim-on .an-art.is-in .an-head i:nth-of-type(2){animation-name:anLine2}
@keyframes anLine{0%,25%{transform:scaleX(0);opacity:1}36%,88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes anLine2{0%,29%{transform:scaleX(0);opacity:1}40%,88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
/* 02 the "after" wipes in over the "before" */
.anim-on .an-art.is-in .an-proof span+span i{animation:anWipe 7s cubic-bezier(.6,0,.2,1) infinite both}
@keyframes anWipe{0%,14%{clip-path:inset(0 100% 0 0);opacity:1}42%,86%{clip-path:inset(0 0 0 0);opacity:1}94%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 100% 0 0);opacity:0}}
.anim-on .an-proof em{z-index:2}
.anim-on .an-art.is-in .an-proof span+span em{animation:anPopL 7s infinite both}
@keyframes anPopL{0%,40%{opacity:0;transform:scale(.7)}48%{opacity:1;transform:scale(1.1)}53%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.anim-on .an-proof span+span::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-110%)}
.anim-on .an-art.is-in .an-proof span+span::after{animation:anShine 7s ease-in-out infinite both}
@keyframes anShine{0%,50%{transform:translateX(-110%)}64%,100%{transform:translateX(110%)}}
/* 03 the range fills, a case lands on it, monthly options pop */
.anim-on .an-cost{position:relative}
.anim-on .an-art.is-in .an-range{transform-origin:left center;animation:anFill 7s cubic-bezier(.3,.7,.2,1) infinite both}
@keyframes anFill{0%,6%{transform:scaleX(.04);opacity:1}38%,88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
.anim-on .an-art.is-in .an-cost::before{content:"";position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px var(--honey),var(--shadow);animation:anMark 7s cubic-bezier(.3,.7,.2,1) infinite both}
@keyframes anMark{0%,20%{left:0;opacity:0}28%{left:0;opacity:1}50%,88%{left:calc(62% - 9px);opacity:1}96%,100%{left:calc(62% - 9px);opacity:0}}
.anim-on .an-art.is-in .an-chip{animation:anPop 7s infinite both}
@keyframes anPop{0%,48%{opacity:0;transform:scale(.7)}56%{opacity:1;transform:scale(1.08)}61%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
/* 04 the visit steps light up in order */
.anim-on .an-steps span{z-index:1}
.anim-on .an-art.is-in .an-steps::after{content:"";position:absolute;left:12%;right:12%;top:13px;height:2px;background:var(--honey);transform-origin:left center;animation:anConn 8s ease-in-out infinite both}
@keyframes anConn{0%,6%{transform:scaleX(0);opacity:1}52%,88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
.anim-on .an-art.is-in .an-steps span b{animation:anS1 8s infinite both}
.anim-on .an-art.is-in .an-steps span:nth-child(2) b{animation-name:anS2}
.anim-on .an-art.is-in .an-steps span:nth-child(3) b{animation-name:anS3}
.anim-on .an-art.is-in .an-steps span:nth-child(4) b{animation-name:anS4}
@keyframes anS1{0%,3%{background:var(--card);color:var(--ink);transform:none}6%{background:var(--honey);color:#2A1C10;transform:scale(1.18)}10%,90%{background:var(--honey);color:#2A1C10;transform:none}96%,100%{background:var(--card);color:var(--ink)}}
@keyframes anS2{0%,18%{background:var(--card);color:var(--ink);transform:none}21%{background:var(--honey);color:#2A1C10;transform:scale(1.18)}25%,90%{background:var(--honey);color:#2A1C10;transform:none}96%,100%{background:var(--card);color:var(--ink)}}
@keyframes anS3{0%,33%{background:var(--card);color:var(--ink);transform:none}36%{background:var(--honey);color:#2A1C10;transform:scale(1.18)}40%,90%{background:var(--honey);color:#2A1C10;transform:none}96%,100%{background:var(--card);color:var(--ink)}}
@keyframes anS4{0%,48%{background:var(--card);color:var(--ink);transform:none}51%{background:var(--money,var(--honey));color:#fff;transform:scale(1.22)}56%,90%{background:var(--money,var(--honey));color:#fff;transform:none}96%,100%{background:var(--card);color:var(--ink)}}
/* 05 each patient question opens in turn */
.anim-on .an-faq span::after{display:inline-block;transition:none}
.anim-on .an-art.is-in .an-faq span{animation:anQ1 9s infinite both}
.anim-on .an-art.is-in .an-faq span:nth-child(2){animation-name:anQ2}
.anim-on .an-art.is-in .an-faq span:nth-child(3){animation-name:anQ3}
.anim-on .an-art.is-in .an-faq span::after{animation:anX1 9s infinite both}
.anim-on .an-art.is-in .an-faq span:nth-child(2)::after{animation-name:anX2}
.anim-on .an-art.is-in .an-faq span:nth-child(3)::after{animation-name:anX3}
@keyframes anQ1{0%,4%,32%,100%{background:var(--card);box-shadow:none}8%,28%{background:var(--paper);box-shadow:0 0 0 1.5px var(--honey),var(--shadow)}}
@keyframes anQ2{0%,36%,64%,100%{background:var(--card);box-shadow:none}40%,60%{background:var(--paper);box-shadow:0 0 0 1.5px var(--honey),var(--shadow)}}
@keyframes anQ3{0%,68%,96%,100%{background:var(--card);box-shadow:none}72%,92%{background:var(--paper);box-shadow:0 0 0 1.5px var(--honey),var(--shadow)}}
@keyframes anX1{0%,4%,32%,100%{transform:none}8%,28%{transform:rotate(135deg)}}
@keyframes anX2{0%,36%,64%,100%{transform:none}40%,60%{transform:rotate(135deg)}}
@keyframes anX3{0%,68%,96%,100%{transform:none}72%,92%{transform:rotate(135deg)}}
.anim-on .an-art.is-in .an-faq em{animation:anBadge 3s ease-in-out infinite}
@keyframes anBadge{0%,100%{transform:none}50%{transform:translateY(-2px)}}
/* 06 the cursor clicks, the consult is requested */
.anim-on .an-art.is-in .an-next .pa-cursor{animation:anCur 6.5s cubic-bezier(.4,0,.2,1) infinite both}
@keyframes anCur{0%{transform:translate(80px,56px);opacity:0}10%{opacity:1}34%{transform:translate(0,0)}40%{transform:scale(.82)}46%,84%{transform:none;opacity:1}94%,100%{transform:none;opacity:0}}
.anim-on .an-art.is-in .an-next .pa-btn{animation:anPress 6.5s infinite both}
@keyframes anPress{0%,38%{transform:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--honey) 35%,transparent)}42%{transform:scale(.94)}48%{transform:none;box-shadow:0 0 0 16px transparent}56%,100%{transform:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--honey) 35%,transparent)}}
.anim-on .an-art.is-in .an-next::after{content:"✓ Consult requested";position:absolute;left:50%;bottom:10px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--money-soft,var(--mint-soft));color:var(--money-ink,var(--mint-ink));white-space:nowrap;animation:anToast 6.5s infinite both}
@keyframes anToast{0%,48%{opacity:0;transform:translate(-50%,8px)}56%,86%{opacity:1;transform:translate(-50%,0)}94%,100%{opacity:0;transform:translate(-50%,0)}}

/* ---------- About: the path ---------- */
.ab-slots em{font-style:normal}
.ab-slots .flip{display:grid;grid-template-columns:auto 1fr;column-gap:10px}
.ab-slots .flip em{grid-column:2;grid-row:1}
.ab-slots .flip .fa{opacity:0}
/* 01 a booked 2:00 cancels into an open chair */
.anim-on .ab-art.is-in .ab-slots span{animation:abRow 8s ease-out infinite both}
.anim-on .ab-art.is-in .ab-slots span:nth-child(2){animation-delay:.2s}
.anim-on .ab-art.is-in .ab-slots .flip{animation:abRow 8s ease-out .4s infinite both,abCancel 8s .4s infinite both}
@keyframes abRow{0%{opacity:0;transform:translateX(12px)}8%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes abCancel{0%,44%{background:var(--card);color:var(--ink-2);outline-color:transparent}48%{transform:translateX(-4px)}51%{transform:translateX(4px)}54%{transform:translateX(-2px)}57%{transform:none}50%,92%{background:var(--blush-soft);color:var(--blush-ink);outline-color:color-mix(in srgb,var(--blush-ink) 55%,transparent)}}
.anim-on .ab-art.is-in .ab-slots .flip b{animation:abCancelB 8s .4s infinite both}
@keyframes abCancelB{0%,44%{color:var(--ink)}50%,100%{color:var(--blush-ink)}}
.anim-on .ab-art.is-in .ab-slots .flip .fa{animation:abLblA 8s .4s infinite both}
.anim-on .ab-art.is-in .ab-slots .flip .fb{animation:abLblB 8s .4s infinite both}
@keyframes abLblA{0%,44%{opacity:1}49%,100%{opacity:0}}
@keyframes abLblB{0%,46%{opacity:0}51%,100%{opacity:1}}
.anim-on .ab-art.is-in .ab-tooth{transform-origin:50% 90%;animation:abTooth 8s .4s infinite both}
@keyframes abTooth{0%,47%,60%,100%{transform:none}50%{transform:rotate(-8deg)}53%{transform:rotate(7deg)}56%{transform:rotate(-4deg)}}
/* 02 the numbers that matter keep climbing */
.anim-on .ab-art.is-in .ab-metric i::after{animation:abClimb 7s cubic-bezier(.3,.7,.2,1) infinite both}
.anim-on .ab-art.is-in .ab-metric:nth-child(2) i::after{animation-delay:.25s}
.anim-on .ab-art.is-in .ab-metric:nth-child(3) i::after{animation-delay:.5s}
@keyframes abClimb{0%{width:6%}34%,86%{width:var(--w)}94%,100%{width:6%}}
/* 03 the mark lands and the three agents join it */
.anim-on .ab-art.is-in .ab-mark{animation:abMarkIn 8s cubic-bezier(.2,.8,.25,1.2) infinite both}
@keyframes abMarkIn{0%{transform:scale(.5) rotate(-12deg);opacity:0}10%{transform:scale(1.08) rotate(3deg);opacity:1}16%,90%{transform:none;opacity:1}97%,100%{transform:scale(.9);opacity:0}}
.anim-on .ab-art.is-in .ab-trio .ag-av{animation:abAv 8s infinite both}
.anim-on .ab-art.is-in .ab-trio .ag-av:nth-child(2){animation-delay:.25s}
.anim-on .ab-art.is-in .ab-trio .ag-av:nth-child(3){animation-delay:.5s}
@keyframes abAv{0%,12%{opacity:0;transform:translateY(-22px) scale(.6)}22%{opacity:1;transform:translateY(2px) scale(1.05)}27%,46%{opacity:1;transform:none}51%{transform:translateY(-7px)}56%,90%{opacity:1;transform:none}97%,100%{opacity:0}}

/* ---------- About: numbers ---------- */
.ab-big .n,.ab-num .n{font-style:normal}
.ab-num .n{font-variant-numeric:tabular-nums}
.ab-big{white-space:nowrap}

/* ---------- About: then / lately / now ---------- */
.anim-on .ab-gen-art.is-in .ab-stamp{display:inline-block}
.anim-on .ab-gen:first-child .ab-gen-art.is-in .ab-wire{animation:abAge 7.2s linear infinite both}
@keyframes abAge{0%{opacity:.9;filter:grayscale(.2)}30%{opacity:.75;filter:grayscale(.6)}65%,96%{opacity:.45;filter:grayscale(1)}100%{opacity:.9;filter:grayscale(.2)}}
.ab-typing{display:none}
.anim-on .ab-gen-art.is-in .ab-bubble{animation:abBub 7s cubic-bezier(.2,.8,.25,1.2) infinite both;transform-origin:100% 100%}
@keyframes abBub{0%,6%{opacity:0;transform:scale(.6)}14%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.9)}}
.anim-on .ab-gen-art.is-in .ab-typing{display:inline-flex;position:absolute;inset:0;align-items:center;justify-content:center;gap:4px;animation:abTypeVis 7s infinite both}
.anim-on .ab-gen-art.is-in .ab-typing b{width:6px;height:6px;border-radius:50%;background:currentColor;animation:abDot 1s ease-in-out infinite}
.anim-on .ab-gen-art.is-in .ab-typing b:nth-child(2){animation-delay:.15s}
.anim-on .ab-gen-art.is-in .ab-typing b:nth-child(3){animation-delay:.3s}
@keyframes abDot{0%,100%{transform:none;opacity:.5}40%{transform:translateY(-3px);opacity:1}}
@keyframes abTypeVis{0%,10%{opacity:1}36%{opacity:1}40%,100%{opacity:0}}
.anim-on .ab-gen-art.is-in .ab-msg{animation:abMsg 7s infinite both}
@keyframes abMsg{0%,38%{opacity:0}44%,100%{opacity:1}}
.anim-on .ab-gen-art.is-in .ab-ver{display:inline-flex}

/* ================= How it works ================= */
/* Your practice: brand colors, type and team load in */
.anim-on .fact-art.is-in .fa-sw i{animation:popIn 7s cubic-bezier(.2,.8,.25,1.3) infinite both}
.anim-on .fact-art.is-in .fa-sw i:nth-child(2){animation-name:popIn2}
.anim-on .fact-art.is-in .fa-sw i:nth-child(3){animation-name:popIn3}
.anim-on .fact-art.is-in .fa-docs i{animation:popIn4 7s cubic-bezier(.2,.8,.25,1.3) infinite both}
.anim-on .fact-art.is-in .fa-docs i:nth-child(2){animation-name:popIn5}
.anim-on .fact-art.is-in .fa-docs i:nth-child(3){animation-name:popIn6}
.anim-on .fact-art.is-in .fa-aa{animation:aaIn 7s ease-out infinite both}
@keyframes popIn{0%,2%{transform:scale(0);opacity:0}8%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes popIn2{0%,6%{transform:scale(0);opacity:0}12%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes popIn3{0%,10%{transform:scale(0);opacity:0}16%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes popIn4{0%,30%{transform:scale(0);opacity:0}36%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes popIn5{0%,34%{transform:scale(0);opacity:0}40%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes popIn6{0%,38%{transform:scale(0);opacity:0}44%,90%{transform:none;opacity:1}97%,100%{transform:scale(.6);opacity:0}}
@keyframes aaIn{0%,14%{opacity:0;transform:translateY(8px)}24%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
/* Nearby competitors: pins drop around you, your pin pings */
.anim-on .fact-art.is-in .fa-pin{animation:pinDrop 7s cubic-bezier(.3,.7,.3,1.4) infinite both}
.anim-on .fact-art.is-in .fa-pin:nth-of-type(2){animation-delay:.2s}
.anim-on .fact-art.is-in .fa-pin:nth-of-type(3){animation-delay:.4s}
.anim-on .fact-art.is-in .fa-pin:nth-of-type(4){animation-delay:.6s}
@keyframes pinDrop{0%{translate:0 -16px;opacity:0}10%,90%{translate:0 0;opacity:1}98%,100%{opacity:0}}
.anim-on .fact-art.is-in .fa-pin.you{animation:pinDrop 7s cubic-bezier(.3,.7,.3,1.4) .8s infinite both,youHop 2.4s ease-in-out 1.6s infinite}
@keyframes youHop{0%,60%,100%{scale:1}30%{scale:1.25}}
/* Content gaps: questions get checked one by one */
.anim-on .fa-gaps.is-in span{animation:rowIn 7s ease-out infinite both}
.anim-on .fa-gaps.is-in span:nth-child(2){animation-name:rowIn2}
.anim-on .fa-gaps.is-in span:nth-child(3){animation-name:rowIn3}
@keyframes rowIn{0%,4%{opacity:0;transform:translateX(-10px)}12%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes rowIn2{0%,16%{opacity:0;transform:translateX(-10px)}24%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes rowIn3{0%,28%{opacity:0;transform:translateX(-10px)}36%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
.anim-on .fa-gaps.is-in .no{animation-timing-function:ease-out}
.anim-on .fa-gaps.is-in span::after{display:inline-block;animation:markPop 7s cubic-bezier(.2,.8,.25,1.5) infinite both}
.anim-on .fa-gaps.is-in span:nth-child(2)::after{animation-name:markPop2}
.anim-on .fa-gaps.is-in span:nth-child(3)::after{animation-name:markPop3}
@keyframes markPop{0%,10%{transform:scale(0)}16%,90%{transform:none}}
@keyframes markPop2{0%,22%{transform:scale(0)}28%,90%{transform:none}}
@keyframes markPop3{0%,34%{transform:scale(0)}40%,90%{transform:none}}
/* Style inspiration: the mood board flips in */
.anim-on .fa-mood.is-in>span{animation:tileFlip 7s cubic-bezier(.2,.8,.25,1.1) infinite both}
.anim-on .fa-mood.is-in>span:nth-child(2){animation-name:tileFlip2}
.anim-on .fa-mood.is-in>span:nth-child(3){animation-name:tileFlip3}
@keyframes tileFlip{0%,2%{transform:perspective(300px) rotateY(80deg);opacity:0}12%,90%{transform:none;opacity:1}97%,100%{opacity:0}}
@keyframes tileFlip2{0%,10%{transform:perspective(300px) rotateY(80deg);opacity:0}20%,90%{transform:none;opacity:1}97%,100%{opacity:0}}
@keyframes tileFlip3{0%,18%{transform:perspective(300px) rotateY(80deg);opacity:0}28%,90%{transform:none;opacity:1}97%,100%{opacity:0}}

/* Style preview: the calls to action breathe */
.anim-on .sp.is-in .sp-cta,.anim-on .sp.is-in .sp-btn{animation:ctaBreath 3.2s ease-in-out infinite}
@keyframes ctaBreath{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--honey) 30%,transparent)}}
.anim-on .sp.is-in .sp-img{animation:kenBurns 14s ease-in-out infinite alternate}
@keyframes kenBurns{from{background-position:50% 40%;filter:saturate(1)}to{background-position:50% 60%;filter:saturate(1.12)}}

/* Pillars: one design adapts from desktop to phone */
.anim-on .pillar .art.is-in .pa-desk i,.anim-on .pillar .art.is-in .pa-phone i{transform-origin:left center;animation:lineGrow 7s cubic-bezier(.3,.7,.2,1) infinite both}
.anim-on .pillar .art.is-in .pa-desk i:nth-child(2),.anim-on .pillar .art.is-in .pa-phone i:nth-child(2){animation-name:lineGrow2}
.anim-on .pillar .art.is-in .pa-desk i:nth-child(3),.anim-on .pillar .art.is-in .pa-phone i:nth-child(3){animation-name:lineGrow3}
@keyframes lineGrow{0%,4%{transform:scaleX(0)}16%,90%{transform:none}97%,100%{transform:none;opacity:0}}
@keyframes lineGrow2{0%,10%{transform:scaleX(0)}22%,90%{transform:none}97%,100%{transform:none;opacity:0}}
@keyframes lineGrow3{0%,16%{transform:scaleX(0)}28%,90%{transform:none}97%,100%{transform:none;opacity:0}}
.anim-on .pillar .art.is-in .pa-phone{animation:phoneUp 7s cubic-bezier(.2,.8,.25,1.1) infinite both}
@keyframes phoneUp{0%,20%{transform:translateY(30px)}34%,90%{transform:none}100%{transform:translateY(30px)}}
.anim-on .pillar .art.is-in .pa-phone b{animation:popIn4 7s cubic-bezier(.2,.8,.25,1.3) infinite both}
/* Pillars: questions get reassuring answers */
.anim-on .pillar .pa-qa.is-in>*{animation:chatIn 8s ease-out infinite both}
.anim-on .pillar .pa-qa.is-in>*:nth-child(2){animation-name:chatIn2}
.anim-on .pillar .pa-qa.is-in>*:nth-child(3){animation-name:chatIn3}
.anim-on .pillar .pa-qa.is-in>*:nth-child(4){animation-name:chatIn4}
@keyframes chatIn{0%,3%{opacity:0;transform:translateY(8px)}10%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes chatIn2{0%,14%{opacity:0;transform:translateY(8px)}21%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes chatIn3{0%,30%{opacity:0;transform:translateY(8px)}37%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes chatIn4{0%,41%{opacity:0;transform:translateY(8px)}48%,90%{opacity:1;transform:none}97%,100%{opacity:0}}

/* Six signals */
.anim-on .sig-art.is-in .sa-pill{animation:pillIn 8s ease-out infinite both}
@keyframes pillIn{0%,3%{clip-path:inset(0 100% 0 0 round 99px)}16%,92%{clip-path:inset(0 0 0 0 round 99px)}100%{clip-path:inset(0 0 0 0 round 99px);opacity:0}}
.anim-on .sig-art.is-in .sa-rows i{animation:rowIn2 8s ease-out infinite both}
.anim-on .sig-art.is-in .sa-rows i:nth-child(2){animation-name:rowIn3;animation-duration:8s}
.anim-on .sig-art.is-in .sa-rows i:nth-child(3){animation-name:rowIn4}
@keyframes rowIn4{0%,36%{opacity:0;transform:translateX(-10px)}44%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
.anim-on .sig-art.is-in .sa-rows i.you{animation:rowIn3 8s ease-out infinite both,youGlow 2.6s ease-in-out 3s infinite}
@keyframes youGlow{0%,100%{box-shadow:inset 0 0 0 1px var(--honey)}50%{box-shadow:inset 0 0 0 1px var(--honey),0 0 0 4px color-mix(in srgb,var(--honey) 30%,transparent)}}
.anim-on .sig-art.is-in .sa-chat .q{animation:chatIn 8s ease-out infinite both}
.anim-on .sig-art.is-in .sa-chat .a{animation:chatIn2 8s ease-out infinite both}
.anim-on .sig-art.is-in .sa-chat .a i{transform-origin:left center;animation:lineGrow2 8s cubic-bezier(.3,.7,.2,1) infinite both}
.anim-on .sig-art.is-in .sa-chat .a b{animation:popIn4 8s cubic-bezier(.2,.8,.25,1.3) infinite both}
.anim-on .sig-art.is-in .sa-chat .a b:nth-child(2){animation-name:popIn5}
.anim-on .sig-art.is-in .sa-chat .a b:nth-child(3){animation-name:popIn6}
.anim-on .sig-art.is-in .sa-br:nth-child(2){animation:newPage 7s ease-out infinite both}
@keyframes newPage{0%,30%{box-shadow:none}36%,60%{box-shadow:0 0 0 2px var(--honey)}70%,100%{box-shadow:none}}
.anim-on .sig-art.is-in .sa-br em{animation:badgeIn 7s cubic-bezier(.2,.8,.25,1.5) infinite both}
@keyframes badgeIn{0%,28%{transform:scale(0) rotate(-12deg);opacity:0}36%{transform:scale(1.15) rotate(4deg);opacity:1}42%,90%{transform:none;opacity:1}97%,100%{opacity:0}}
.anim-on .sig-art.is-in .sa-br:nth-child(2) i{transform-origin:left center;animation:lineGrow3 7s cubic-bezier(.3,.7,.2,1) infinite both}
.anim-on .sig-art.is-in .sa-heat .heat{animation:heatPulse 4.5s ease-in-out infinite both}
.anim-on .sig-art.is-in .sa-heat .heat.h2{animation-delay:.8s}
.anim-on .sig-art.is-in .sa-heat .heat.h3{animation-delay:1.6s}
@keyframes heatPulse{0%,100%{opacity:.35;scale:.85}50%{opacity:1;scale:1.08}}
.anim-on .sig-art.is-in .sa-path path:first-of-type{animation:pathFlow 1.6s linear infinite}
@keyframes pathFlow{to{stroke-dashoffset:-18}}
.anim-on .sig-art.is-in .sa-path circle{transform-box:fill-box;transform-origin:center;animation:nodePulse 3s ease-in-out infinite}
.anim-on .sig-art.is-in .sa-path circle:nth-of-type(2){animation-delay:.5s}
.anim-on .sig-art.is-in .sa-path circle:nth-of-type(3){animation:dropPulse 3s ease-in-out 1s infinite}
@keyframes nodePulse{0%,100%{transform:none}50%{transform:scale(1.25)}}
@keyframes dropPulse{0%,100%{transform:none;opacity:1}50%{transform:scale(1.18);opacity:.7}}
.anim-on .sig-art.is-in .sa-cols i{transform-origin:50% 100%;animation:colGrow 7s cubic-bezier(.3,.7,.2,1) infinite both}
.anim-on .sig-art.is-in .sa-cols i:nth-child(2){animation-delay:.12s}
.anim-on .sig-art.is-in .sa-cols i:nth-child(3){animation-delay:.24s}
.anim-on .sig-art.is-in .sa-cols i:nth-child(4){animation-delay:.36s}
.anim-on .sig-art.is-in .sa-cols i:nth-child(5){animation-delay:.48s}
.anim-on .sig-art.is-in .sa-cols i:nth-child(6){animation-delay:.6s}
@keyframes colGrow{0%{transform:scaleY(0)}18%,88%{transform:none}96%,100%{transform:scaleY(0)}}
.anim-on .sig-art.is-in .sa-chips span{animation:popIn4 7s cubic-bezier(.2,.8,.25,1.3) infinite both}
.anim-on .sig-art.is-in .sa-chips span:nth-child(2){animation-name:popIn5}
.anim-on .sig-art.is-in .sa-chips span:nth-child(3){animation-name:popIn6}

/* Versions: each page builds, and the changed block lights up */
.anim-on .frame.is-in .blk,.anim-on .frame.is-in .dots{animation:blkIn .55s cubic-bezier(.2,.8,.25,1.1) both}
.anim-on .frame.is-in .blk:nth-child(3){animation-delay:.08s}
.anim-on .frame.is-in .blk:nth-child(4){animation-delay:.16s}
.anim-on .frame.is-in .blk:nth-child(5){animation-delay:.24s}
.anim-on .frame.is-in .blk:nth-child(6){animation-delay:.32s}
.anim-on .frame.is-in .blk:nth-child(7){animation-delay:.4s}
.anim-on .frame.is-in .blk:nth-child(8){animation-delay:.48s}
@keyframes blkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.anim-on .frame.is-in .blk.on{animation:blkIn .55s cubic-bezier(.2,.8,.25,1.1) .3s both,blkOn 3.2s ease-in-out 1.2s infinite}
@keyframes blkOn{0%,100%{box-shadow:0 0 0 0 transparent;transform:none}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--honey) 35%,transparent);transform:translateX(3px)}}

/* ================= Solutions: the treatment page preview ================= */
.anim-on .tx-frame .tx-blk{animation:blkIn .55s cubic-bezier(.2,.8,.25,1.1) both}
.anim-on .tx-frame .tx-blk:nth-of-type(2){animation-delay:.1s}
.anim-on .tx-frame .tx-blk:nth-of-type(3){animation-delay:.2s}
.anim-on .tx-frame .tx-blk:nth-of-type(4){animation-delay:.3s}
.anim-on .tx-frame .tx-blk:nth-of-type(5){animation-delay:.4s}
.anim-on .tx-frame .tx-blk:nth-of-type(6){animation-delay:.5s}
.anim-on .tx-frame .tx-blk.hi{animation:blkIn .55s both,blkOn 3.2s ease-in-out 1.2s infinite}
.anim-on .tx-frame .tx-btn{animation:ctaBreath 3.2s ease-in-out infinite}

/* ================= About: the lockup ================= */
.anim-on .ab-si-art.is-in .ab-logo .mk-f{animation:mkPush 3.6s cubic-bezier(.3,.7,.2,1) infinite}
.anim-on .ab-si-art.is-in .ab-logo .mk-f + .mk-f{animation-delay:.14s}
@keyframes mkPush{0%,50%,100%{transform:none}22%{transform:translateX(3.2px)}}
.anim-on .ab-si-art.is-in .ab-s2{animation:forceShift 4s ease-in-out infinite alternate}
@keyframes forceShift{from{stop-color:var(--si-b,#D8460C)}to{stop-color:var(--si-a,#DB7C00)}}
.anim-on .ab-si-art.is-in .ab-si-key span{animation:ctaBreath 3.2s ease-in-out infinite}

/* ================= Daylight home: the agent learns, chip by chip ================= */
.anim-on .art-learn.is-in span{animation:chipLearn 8s ease-in-out infinite both}
.anim-on .art-learn.is-in span:nth-child(2){animation-delay:.6s}
.anim-on .art-learn.is-in span:nth-child(3){animation-delay:1.2s}
.anim-on .art-learn.is-in span:nth-child(4){animation-delay:1.8s}
.anim-on .art-learn.is-in span:nth-child(5){animation-delay:2.4s}
.anim-on .art-learn.is-in span:nth-child(6){animation-delay:3s}
.anim-on .art-learn.is-in span:nth-child(7){animation-delay:3.6s}
@keyframes chipLearn{0%,100%{transform:none;box-shadow:none}6%{transform:translateY(-3px);box-shadow:0 0 0 2px var(--honey)}14%{transform:none;box-shadow:none}}

/* =====================================================================
   New-logo aesthetic: deep-blue tiles, electric-blue "Cyte", hot-orange "Force"
   (shared by all four designs; loaded last so it wins over the skins)
   ===================================================================== */
:root{
  --lg-tile:linear-gradient(150deg,#122E74 0%,#0A1A45 100%);
  --lg-c:linear-gradient(95deg,#4C8DFF 10%,#7BE3FF 95%);
  --lg-f:linear-gradient(95deg,#FF6A2C 10%,#FFC56A 95%);
  --lg-c-ink:linear-gradient(95deg,#2A2ED4,#2F86F5);
  --lg-f-ink:linear-gradient(95deg,#F2531E,#FF8C1A);
  --lg-ink:#F4F7FC; --lg-ink-2:#B9C6DE; --lg-ink-3:#8FA3C8; --lg-link:#9DC4FF;
}

/* ---- What CyteForce means ---- */
.ab-name .wm.two .s,.ab-name .wm.two b{padding-right:.06em;margin-right:-.06em;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.2em;margin-bottom:-.2em}
.ab-name .wm.two .s{background-image:var(--lg-c-ink)}
.ab-name .wm.two b{background-image:var(--lg-f-ink)}
.ab-name .duo-card.duo-charm,.ab-name .duo-card.duo-bee{background:var(--lg-tile)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 60px -30px rgba(10,26,69,.6);isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none}
.ab-name .duo-card::before{content:"";position:absolute;z-index:-1;width:440px;height:440px;top:-190px;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.ab-name .duo-charm::before{left:-150px;right:auto;background:radial-gradient(closest-side,#3D7BFF,transparent)}
.ab-name .duo-bee::before{right:-150px;left:auto;background:radial-gradient(closest-side,#FF6A2C,transparent)}
.ab-name .duo-charm{--acc:#4C8DFF}
.ab-name .duo-bee{--acc:#FF7A2E}
.ab-name .duo-card .word{width:fit-content;padding:0 .12em .2em 0;margin-right:-.12em;margin-bottom:calc(18px - .2em);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ab-name .duo-charm .word{background-image:var(--lg-c);filter:drop-shadow(0 0 22px rgba(76,141,255,.45))}
.ab-name .duo-bee .word{background-image:var(--lg-f);filter:drop-shadow(0 0 22px rgba(255,122,46,.4))}
.ab-name .duo-card .h3{color:var(--lg-ink)}
.ab-name .duo-card p{color:var(--lg-ink-2)}
.ab-name .duo-card .kick{color:var(--lg-ink-3)}
.ab-name .duo-card .tags span{background:rgba(255,255,255,.06);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);color:var(--lg-ink)}

/* ---- One family: the CyteForce card is a logo tile ---- */
.ab-fam.ab-fam-sf{background:var(--lg-tile)!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 60px -30px rgba(10,26,69,.6);position:relative;overflow:hidden;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none}
.ab-fam-sf::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-160px;top:-200px;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;background:radial-gradient(closest-side,#3D7BFF,transparent)}
.ab-fam-sf::after{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-60px;bottom:-200px;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;background:radial-gradient(closest-side,#FF6A2C,transparent)}
.ab-fam-sf .ab-n{color:var(--lg-ink-3)}
.ab-fam-sf .ab-fam-name{color:var(--lg-ink)}
.ab-fam-sf .ab-fam-name::before{content:"";display:inline-block;width:1.08em;height:1.08em;margin-right:.3em;vertical-align:-.2em;background:var(--mk-tile) center/contain no-repeat}
.ab-fam-sf .ab-fam-name b{color:inherit;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor}
.ab-fam-sf p:not(.ab-n){color:var(--lg-ink-2)}
.ab-fam-sf .text-link{color:var(--lg-link)}

/* ---- One family: BrandKlout shows its own logo, as a tile like CyteForce's ---- */
:root{--bk-logo:url("/assets/visual-85bc7ec7504b.webp")}
.ab-fam:not(.ab-fam-sf) .ab-fam-name::before{content:"";display:inline-block;width:1.08em;height:1.08em;margin-right:.3em;vertical-align:-.2em;border-radius:22%;background:var(--bk-logo) center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(14,26,47,.08)}

.client-case{min-width:0}
.client-case .concept-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px}
.client-case .concept-head>div:first-child{min-width:0}
.client-case .ba-tools{justify-content:flex-end;flex-wrap:nowrap}
.client-tag{background:var(--honey-soft,#fff3d2);border-color:#e8c879!important;color:var(--ink)}
.client-story{max-width:920px;margin:0}
.client-story .eyebrow{margin-bottom:10px}
.client-story>p:last-child{color:var(--ink-2);line-height:1.75;font-size:16px}
.video-comparison .ba-chrome{position:relative}
.video-comparison .ba-url{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 136px));margin:0;flex:none}
.video-comparison .ba-before{inset:0;width:100%;overflow:hidden;background:#fafafa}
.video-comparison .ba-after{inset:0;width:100%;clip-path:inset(0 0 0 var(--pos));overflow:hidden;background:#faf7f1}
.video-comparison video{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}
.video-comparison .ba-range{touch-action:pan-y}
.video-comparison .ba-vtrack:before{content:"";position:absolute;inset:0 -7px 0 -12px}
.client-video-help,.client-case-note,.client-video-status{color:var(--ink-2);font-size:13px;line-height:1.65;margin:0}
.client-video-status:empty{display:none}
.client-case .changes{margin-top:0}
.client-case-note{margin-bottom:0}
.concept-note{display:block;text-align:center}
.concept-note b{display:block;margin-bottom:8px;white-space:normal}
.ba-slot[data-compact="1"] .client-case .changes,.ba-slot[data-compact="1"] .client-case-note{display:none}
.ba-slot[data-compact="1"] .client-story>p:last-child{font-size:15px}
@media(max-width:760px){.client-case .concept-head{grid-template-columns:minmax(0,1fr)}.client-case .tags{flex-wrap:wrap}.client-case .ba-cap{gap:8px;font-size:11px}.client-case .ba-cap span:last-child{white-space:normal;text-align:right}.client-case .ba-tools{width:100%;justify-content:flex-end;flex-wrap:wrap}.client-case .ba-play{padding:12px}.client-story>p:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){.video-comparison video{transition:none}}
/* Match the recordings' aspect ratio on phones so their full width stays visible. */
@media(max-width:760px){
  .client-case .video-comparison{aspect-ratio:auto;max-height:none}
  .video-comparison .ba-view{flex:none;width:100%;aspect-ratio:1280/690}
  .video-comparison video{object-fit:contain;object-position:center}
  .video-comparison .ba-vthumb{height:36px}
  .video-comparison .ba-vtrack{top:6px;bottom:6px}
}

/* Search-ready additions, keeping the Clarity composition. */
:root{--ink-3:#706F68}html{scroll-behavior:smooth}body{overflow-x:clip}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:1000;padding:12px 18px;background:#141414;color:#fff;border-radius:8px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8A6300;outline-offset:4px}.breadcrumb{padding-top:24px;font-size:13px;color:var(--ink-2)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:'/';margin-right:8px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.entity-summary{max-width:730px;margin:0 auto 25px;color:var(--ink-2);line-height:1.75}.seo-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.seo-links a{border:1px solid var(--line);border-radius:999px;padding:9px 14px;text-decoration:none;font-size:14px}.seo-links a:hover{background:var(--honey-soft)}.treatment-intro{max-width:770px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-grid article{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:22px}.detail-grid h2{font-size:20px;margin:0 0 18px}.detail-grid ul{padding-left:20px;line-height:1.8;color:var(--ink-2)}.detail-agent{width:200px;height:220px;background-repeat:no-repeat;background-position:center;background-size:contain;float:right;margin:0 0 22px 28px}.calendar-card{padding:28px}.calendar-card h2{font-size:26px;line-height:1.2}.calendar-card p{color:var(--ink-2);line-height:1.65}.calendar-card .btn{display:inline-flex;margin:14px 0}.calendar-card .calendar-alt{display:block;margin-top:10px}.calendar-frame{border:0;width:100%;min-height:630px;background:#fff;border-radius:16px}.concept-copy{font-size:15px;line-height:1.7;color:var(--ink-2);max-width:760px;margin:16px auto}.fact-note{max-width:800px;margin:16px auto 0;font-size:14px;line-height:1.65;color:var(--ink-2)}.site-contact{font-size:13px;color:var(--ink-2);margin-top:15px}.site-contact a{text-decoration:underline}.not-found{text-align:center;min-height:55vh;padding:110px 24px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.detail-agent{width:130px;height:160px;margin-left:12px}.calendar-card{padding:22px}.calendar-frame{min-height:750px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}svg animateMotion{display:none}}

/* Keep the embedded scheduler within the Clarity booking layout. */
.book > .calendar-card{min-width:0;position:static}
.calendar-card{padding:24px}
.calendar-frame{display:block;height:800px;min-height:800px;overflow:hidden}
.calendar-card .calendar-contact{margin:18px 0 0;font-size:14px}
.calendar-contact a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:961px){
 .book > .calendar-card{position:sticky;top:var(--stick,96px)}
}
@media(max-width:760px){
 .calendar-card{padding:16px}
 .calendar-frame{height:900px;min-height:900px}
}
/* Keep the booking action visible immediately before the mobile menu. */
@media(max-width:1080px){
 .nav-bar{grid-template-columns:minmax(0,1fr) auto}
 .nav-links{display:none}
 .menu-btn{display:grid}
 .nav-right{flex-wrap:nowrap}
 .nav-right .btn{display:inline-flex;white-space:nowrap;order:0}
 .nav-right .menu-btn{order:1;flex:none}
}
@media(max-width:600px){
 .nav > .wrap{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
 .nav-bar{gap:8px}
 .nav .logo{font-size:18px;gap:6px}
 .nav .logo i{width:26px;height:26px}
 .nav-right{gap:6px}
 .nav-right .btn{font-size:13px;padding:12px;min-height:44px}
 .nav-right .menu-btn{width:44px;height:44px}
}
@media(max-width:360px){
 .nav > .wrap{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
 .nav-bar{gap:6px}
 .nav .logo{font-size:14px;gap:5px}
 .nav .logo i{width:24px;height:24px}
 .nav-right .btn{font-size:12px;padding-inline:10px}
}
/* Fixed square dimensions keep the founder portrait circular on every screen. */
.ab-quote .ab-photo{
 --portrait-size:clamp(88px,10vw,112px);
 position:relative;display:block;box-sizing:border-box;
 width:var(--portrait-size);height:var(--portrait-size);aspect-ratio:1 / 1;
 padding:4px;border-radius:50%;overflow:hidden;flex:none;
}
.ab-quote .ab-photo img{
 position:absolute;inset:4px;display:block;box-sizing:border-box;
 width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;
 border:3px solid var(--paper);border-radius:50%;
 object-fit:cover;object-position:50% 50%;
}

.faq-group+.faq-group{margin-top:40px}.faq-group-heading{font-size:20px;font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px}