:root{
  /* Color — one accent, near-monochrome ground */
  --bg:#f4f5f0;
  --surface:#ffffff;
  --surface-soft:#eef0e9;
  --ink:#11130f;
  --muted:#5d6259;
  --line:rgba(18,19,15,.10);
  --accent:#c8f74a;
  --accent-ink:#182000;
  --dark:#11130f;
  --dark-muted:#c8cbc1;
  --blue-wash:rgba(126,167,255,.14);
  --lime-wash:rgba(200,247,74,.17);

  /* Layout widths */
  --shell:1280px;
  --content:760px;

  /* Typography scale — v9. Two families: display (headlines, always
     clamp()+tight tracking+heavy weight) and body (everything else).
     Existing per-context heading rules keep their own hand-tuned values
     (see docs/design-system.md) — these tokens are for new components
     (problem-selector, calculator, filters) so they don't invent a sixth
     one-off size. */
  --text-display-1:clamp(2.75rem,8vw,5.5rem);
  --text-display-2:clamp(2.1rem,6vw,3.6rem);
  --text-display-3:clamp(1.6rem,4vw,2.4rem);
  --text-body-lg:clamp(1.05rem,2vw,1.25rem);
  --text-body:1rem;
  --text-body-sm:.92rem;
  --text-body-xs:.8rem;

  /* Spacing scale — v9. 4px-rooted. Use for new gap/padding/margin
     values; existing hardcoded spacing isn't being mass-migrated. */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px;
  --space-9:48px; --space-10:64px; --space-11:80px; --space-12:96px;

  /* Radius scale — v9. --radius-sm/--radius kept as the original tokens
     (now aliased) so nothing already using them changes. */
  --radius-xs:12px;
  --radius-sm:16px;
  --radius-md:24px;
  --radius:var(--radius-md);      /* back-compat alias */
  --radius-lg:32px;
  --radius-pill:999px;

  /* Elevation scale — v9. --shadow/--premium-shadow kept as aliases. */
  --elevation-1:0 1px 0 rgba(18,19,15,.02),0 8px 24px rgba(17,19,15,.05);
  --elevation-2:0 18px 55px rgba(17,19,15,.07);
  --shadow:var(--elevation-2);    /* back-compat alias */
  --elevation-3:0 24px 80px rgba(25,30,20,.08),inset 0 1px 0 rgba(255,255,255,.88);
  --premium-shadow:var(--elevation-3); /* back-compat alias */
  --elevation-4:0 30px 90px rgba(10,12,9,.24);

  /* Glass — three restrained levels (see docs/design-system.md). Content
     cards deliberately stay flat surfaces + elevation, not glass — that
     predates this scale and still holds. --glass-fill/line/shadow/blur
     (below) are the original tokens, kept as-is and aliased to level 3
     (the hero photo frame, the strongest blur on the site) so nothing
     already consuming them changes. */
  --glass-1-fill:rgba(246,245,239,.92);
  --glass-1-blur:16px;
  --glass-2-fill:rgba(250,249,245,.97);
  --glass-2-blur:24px;
  --glass-fill:rgba(255,255,255,.62);
  --glass-line:rgba(255,255,255,.72);
  --glass-shadow:0 18px 60px rgba(25,28,20,.08), inset 0 1px 0 rgba(255,255,255,.86);
  --glass-blur:18px;
  --glass-3-fill:var(--glass-fill);
  --glass-3-blur:var(--glass-blur);

  /* Motion — four tiers, one curve pair. Don't hardcode a duration/ease
     elsewhere; extend this scale instead. */
  --ease-standard:cubic-bezier(.2,.7,.3,1);
  --ease-emphasis:cubic-bezier(.22,1,.36,1);
  --ease:var(--ease-standard);               /* back-compat alias */
  --duration-fast:.2s;       /* Tier 1 — micro-interaction: nav/button/chip hover-focus */
  --duration-standard:.25s;  /* Tier 2 — standard component transition: card/tab/chip state */
  --duration:var(--duration-standard);       /* back-compat alias */
  --duration-reveal:.55s;    /* Tier 3 — section/card scroll-reveal */
  --duration-slow:.9s;       /* Tier 4 — premium slow emphasis: one-time reveal only */

  /* Motion tokens — v8.6. New interaction/transition work should reach for
     these instead of a hardcoded duration; the four tiers above stay as
     they were (scroll-reveal timing is unrelated to interaction timing). */
  --motion-instant:.12s;   /* state flips: pressed, selected, focus */
  --motion-fast:.17s;      /* hover/focus feedback, tab/filter switches */
  --motion-base:.25s;      /* panel settle, dialog/page transitions */
  --motion-slow:.4s;       /* rare — a single emphasis moment, never a loop */
  --ease-enter:var(--ease-emphasis);         /* alias — entrances */
  --ease-exit:cubic-bezier(.4,0,.2,1);       /* exits */
  --ease-spring:cubic-bezier(.34,1.56,.64,1); /* magnetic/settle overshoot */

  /* Responsive rhythm */
  --mobile-section-y:88px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{color:inherit}

.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}
.reading{max-width:var(--content)}
.muted{color:var(--muted)}

.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:11px 14px;border-radius:10px;background:var(--ink);color:white;text-decoration:none}
.skip-link:focus{top:16px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(18,19,15,.08);background:rgba(246,245,239,.92);backdrop-filter:blur(16px)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:780;letter-spacing:-.02em}
.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:.9rem;font-weight:800}
.brand-text{white-space:nowrap}
.desktop-nav{display:none;align-items:center;gap:8px}
.desktop-nav a{min-height:42px;padding:10px 12px;border-radius:999px;text-decoration:none;font-size:.94rem;font-weight:650;color:#3f423b}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current="page"]{background:white;color:var(--ink)}
.header-cta{display:none;min-height:44px;padding:10px 17px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-weight:750}
.header-cta:hover,.header-cta:focus-visible{background:var(--accent);color:var(--accent-ink)}

/* Desktop nav dropdown — grouped sub-links under Solutions / Insights, built
   on native <details> so it works without JS (site.js only adds outside-click
   and mutual-close polish). */
.desktop-nav details.nav-dropdown{position:relative}
.desktop-nav details.nav-dropdown>summary{list-style:none;cursor:pointer;min-height:42px;display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;font-size:.94rem;font-weight:650;color:#3f423b}
.desktop-nav details.nav-dropdown>summary::-webkit-details-marker{display:none}
.desktop-nav details.nav-dropdown>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-fast) var(--ease)}
.desktop-nav details.nav-dropdown[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.desktop-nav details.nav-dropdown>summary:hover,.desktop-nav details.nav-dropdown>summary:focus-visible,.desktop-nav details.nav-dropdown[open]>summary,.desktop-nav details.nav-dropdown>summary[aria-current="page"]{background:white;color:var(--ink)}
.nav-dropdown-panel{position:absolute;left:0;top:52px;z-index:10;width:max-content;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}
.nav-dropdown-panel a{display:block;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:650;font-size:.92rem;color:#3f423b}
.nav-dropdown-panel a:hover,.nav-dropdown-panel a:focus-visible{background:var(--surface-soft);color:var(--ink)}
.nav-dropdown-panel a:first-child{margin-bottom:2px;color:var(--muted);font-weight:750;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}
.nav-dropdown-panel a:first-child:hover,.nav-dropdown-panel a:first-child:focus-visible{color:var(--ink)}

.mobile-menu{position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:white;font-weight:700}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:54px;width:min(280px,calc(100vw - 40px));padding:12px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}
.mobile-menu nav a{display:block;padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:650}
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible,.mobile-menu nav a[aria-current="page"]{background:var(--surface-soft)}
.mobile-menu nav .menu-contact{margin-top:6px;background:var(--ink);color:white;text-align:center}
@media(max-width:959px){
  .mobile-menu nav{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mobile-menu nav a,.mobile-menu nav details.submenu>summary{min-height:44px}
}


/* Mobile nav submenu — nested disclosure inside the main mobile-menu details,
   grouping Solutions / Insights sub-links instead of one flat list. */
.mobile-menu nav details.submenu{margin:2px 0;border-radius:12px}
.mobile-menu nav details.submenu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;font-weight:650}
.mobile-menu nav details.submenu>summary::-webkit-details-marker{display:none}
.mobile-menu nav details.submenu>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-fast) var(--ease)}
.mobile-menu nav details.submenu[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.mobile-menu nav details.submenu>summary:hover,.mobile-menu nav details.submenu>summary:focus-visible,.mobile-menu nav details.submenu>summary[aria-current="page"]{background:var(--surface-soft)}
.mobile-menu nav details.submenu>a{padding-left:26px;font-weight:600;font-size:.94rem}

.hero{padding:64px 0 76px}
.hero-grid{display:grid;gap:42px;align-items:center}
.kicker{margin:0 0 14px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:22px;font-size:clamp(3.35rem,14vw,7.2rem);line-height:.9;letter-spacing:-.065em;font-weight:800}
.hero-title-sm{font-size:clamp(3rem,12vw,6.4rem)}
.hero-copy{max-width:720px;margin-bottom:20px;font-size:clamp(1.18rem,3vw,1.62rem);line-height:1.42;letter-spacing:-.025em}
.hero-note{max-width:650px;margin-bottom:30px;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-weight:760}
.btn:hover,.btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.secondary:hover,.btn.secondary:focus-visible{background:white;border-color:var(--ink)}
.text-link{font-weight:700;text-underline-offset:5px;text-decoration-thickness:1px}
.text-link:hover,.text-link:focus-visible{text-decoration-thickness:2px}
.hero-photo{width:min(100%,500px);justify-self:center;position:relative}
.photo-frame{aspect-ratio:4/5;overflow:hidden;border-radius:30px;background:#e4e3dc;box-shadow:var(--shadow)}
.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.photo-label{position:absolute;left:18px;bottom:18px;max-width:78%;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);font-size:.9rem;font-weight:700}

.section{padding:80px 0;border-top:1px solid var(--line)}
.section.soft{background:var(--surface-soft)}
.section-head{max-width:720px;margin-bottom:38px}
.section-head .kicker{margin-bottom:10px}
h2{margin-bottom:14px;font-size:clamp(2rem,7vw,4.25rem);line-height:.98;letter-spacing:-.05em;font-weight:790}
h3{margin-bottom:10px;font-size:1.35rem;line-height:1.2;letter-spacing:-.025em}
.section-head p{margin-bottom:0;color:var(--muted);font-size:1.05rem}

.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface)}
.metric{min-height:170px;padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric strong{display:block;margin-bottom:10px;font-size:clamp(2.55rem,9vw,5.2rem);line-height:.9;letter-spacing:-.055em}
.metric span{display:block;max-width:260px;color:var(--muted)}

.card-grid{display:grid;gap:14px}
.card{min-height:220px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(18,19,15,.02)}
.card p{margin-bottom:22px;color:var(--muted)}
.card .text-link{margin-top:auto;align-self:flex-start}
.card:hover{border-color:#c3c5bb;box-shadow:0 12px 36px rgba(18,19,15,.05)}

.service-grid{display:grid;gap:14px}
.service{padding:28px;border-top:3px solid var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:white}
.service p{margin:0;color:var(--muted)}

.timeline{border-top:1px solid var(--line)}
.timeline-item{display:grid;gap:10px;padding:26px 0;border-bottom:1px solid var(--line)}
.timeline-date{color:var(--muted);font-size:.9rem;font-weight:720}
.timeline-item p{margin-bottom:0;color:var(--muted)}
.timeline-item strong{display:block;margin-bottom:4px;font-size:1.12rem}

.article-list{border-top:1px solid var(--line)}
.article-row{display:block;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none}
.article-meta{margin-bottom:6px;color:var(--muted);font-size:.86rem;font-weight:650}
.article-row h3{margin-bottom:8px;font-size:clamp(1.25rem,4vw,1.8rem)}
.article-row p{max-width:760px;margin:0;color:var(--muted)}
.article-row:hover h3,.article-row:focus-visible h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

.social-grid{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line);background:white}
.social-card{min-height:126px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}
.social-card strong{display:block;margin-bottom:5px;font-size:1.12rem}
.social-card span{color:var(--muted);font-size:.94rem}
.social-card:hover,.social-card:focus-visible{background:#fbfbf8}

.page-hero{padding:62px 0 58px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:920px}
.page-hero p{max-width:760px;margin-bottom:0;color:var(--muted);font-size:1.12rem}
.page-hero .actions{margin-top:28px}

.about-grid{display:grid;gap:34px;align-items:start}
.about-copy p{color:var(--muted);font-size:1.05rem}
.plain-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.plain-list li{padding:15px 0;border-bottom:1px solid var(--line)}
.plain-list strong{display:block;margin-bottom:3px}
.plain-list span{color:var(--muted)}

.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.skill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:white;font-size:.9rem;font-weight:650}

.case-grid{display:grid;gap:14px}
.case-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white}
.case-card .case-type{margin-bottom:12px;color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.case-card .case-number{display:block;margin:22px 0 10px;font-size:2.65rem;line-height:1;font-weight:800;letter-spacing:-.05em}
.case-card p{color:var(--muted)}

.evidence-list{display:grid;gap:14px}
.evidence-item{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white}
.evidence-title{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin-bottom:16px}
.evidence-title strong{font-size:2rem;letter-spacing:-.04em}
.evidence-item dl{display:grid;gap:14px;margin:0}
.evidence-item dt{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.evidence-item dd{margin:3px 0 0;color:#34362f}

.contact-layout{display:grid;gap:36px;align-items:start}
.contact-card{padding:30px;border-radius:var(--radius);background:white;border:1px solid var(--line)}
.form-grid{display:grid;gap:18px}
label span.label{display:block;margin-bottom:7px;font-weight:700}
input,select,textarea{width:100%;border:1px solid #cfd1c6;border-radius:12px;background:#fff;color:var(--ink);padding:13px 14px;outline:2px solid transparent;outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:#779800;box-shadow:0 0 0 3px rgba(199,246,62,.3)}
textarea{min-height:160px;resize:vertical}
.checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.94rem}
.checkbox input{width:auto;margin-top:4px}
.form-status{display:block;min-height:24px;margin-top:10px;color:var(--muted);font-size:.94rem}
.form-status.success{color:#315c00}
.form-status.error{color:#8a2f2f}
.form-help{margin:12px 0 0;color:var(--muted);font-size:.92rem}

.cta-panel{padding:clamp(30px,6vw,64px);border-radius:30px;background:var(--dark);color:white}
.cta-panel h2{max-width:760px}
.cta-panel p{max-width:650px;color:var(--dark-muted)}
.cta-panel .btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.cta-panel .btn:hover,.cta-panel .btn:focus-visible{background:white;border-color:white;color:var(--ink)}

.site-footer{padding:30px 0;border-top:1px solid var(--line);font-size:.92rem;flex-shrink:0}
.footer-inner{display:flex;flex-direction:column;gap:18px;color:var(--muted)}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 18px}
.footer-links a{font-weight:650;text-underline-offset:4px}

.start-page .site-header{position:relative}
.start-page .hero{min-height:0;padding-top:48px}
.start-page h1{font-size:clamp(3.15rem,15vw,6.7rem)}
.start-top-link{font-weight:700;text-underline-offset:5px}

.notice{padding:18px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--muted)}

:focus-visible{outline:3px solid #5f7e00;outline-offset:4px}

@media(min-width:720px){
  .shell{width:min(calc(100% - 72px),var(--shell))}
  .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline-item{grid-template-columns:150px minmax(0,1fr)}
  .about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-inner{flex-direction:row;align-items:center;justify-content:space-between}
}

@media(min-width:960px){
  .proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .desktop-nav{display:flex}
  .header-cta{display:inline-flex}
  .mobile-menu{display:none}
  .hero{padding:92px 0 104px}
  .hero-grid{grid-template-columns:minmax(0,1.14fr) minmax(340px,.72fr);gap:70px}
  .hero-photo{justify-self:end}
  .section{padding:104px 0}
  .card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
  .social-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .social-card{min-height:150px}
}

@media(max-width:719px){
  .proof-grid .metric:nth-child(odd){background:#fbfbf8}
  .page-hero{padding-top:44px}
  .actions .btn{width:100%}
  .actions .text-link{padding:10px 2px}
}

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


/* Recruiter, recognition, newsletter and case-study upgrades */


.case-feature-grid{display:grid;gap:14px}
.case-feature{display:block;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;text-decoration:none}
.case-feature:hover,.case-feature:focus-visible{border-color:#aeb0a7;box-shadow:0 12px 32px rgba(18,19,15,.045)}
.case-feature .case-type{display:block;margin-bottom:13px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.case-feature .work-stat{display:block;margin-bottom:10px;font-size:1.9rem;letter-spacing:-.04em;color:var(--ink)}
.case-feature p{color:var(--muted)}
.case-feature p strong{color:var(--ink)}
.case-link{display:inline-block;margin-top:8px;font-weight:750;text-decoration:underline;text-underline-offset:5px}

.newsletter-section{background:var(--surface-soft)}
.newsletter-panel{display:grid;gap:28px;align-items:start;padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:var(--radius);background:white}
.newsletter-panel h2{font-size:clamp(2rem,6vw,3.8rem)}
.newsletter-panel p{max-width:650px;color:var(--muted)}
.newsletter-form{display:grid;gap:14px;max-width:520px;width:100%}
.newsletter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.newsletter-form .form-status{margin-top:0}

.contact-expectations{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:white}
.contact-expectations h3{margin-bottom:12px}
.contact-expectations ul{margin:0 0 12px;padding-left:20px}
.contact-expectations li{margin:8px 0;color:var(--muted)}
.contact-expectations li strong{color:var(--ink)}
.contact-expectations p{margin:0;color:var(--muted);font-size:.94rem}
.label small{font-weight:500;color:var(--muted)}

.case-study-hero{padding-bottom:44px}
.case-study-summary{display:grid;gap:14px;margin-top:30px}
.case-study-summary>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:white}
.case-study-summary strong{display:block;margin-bottom:4px}
.case-study-summary span{color:var(--muted)}
.case-study-body{max-width:780px}
.case-study-body h2{margin-top:48px;font-size:clamp(1.9rem,5vw,3.2rem)}
.case-study-body p,.case-study-body li{color:#42453e}
.case-study-body ul{padding-left:22px}
.case-study-limit{margin-top:38px;padding:22px;border-left:4px solid var(--accent);background:#fff}
.case-study-limit strong{display:block;margin-bottom:6px}

@media(min-width:720px){
  .case-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .newsletter-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr)}
  
  .case-study-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:960px){
}
@media(max-width:719px){
  .newsletter-actions .btn{width:100%}
}

.proof-grid.three{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:720px){.proof-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 2026 interaction upgrade: simple local nav, cited proof, repeated section rhythm */
.section-nav{
  position:sticky;
  top:72px;
  z-index:90;
  border-top:1px solid rgba(18,19,15,.06);
  border-bottom:1px solid rgba(18,19,15,.09);
  background:rgba(246,245,239,.96);
  backdrop-filter:blur(18px);
}
.section-nav-inner{min-height:54px;display:flex;align-items:center;gap:18px;overflow:hidden}
.section-nav-label{flex:0 0 auto;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.section-nav-links{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:6px 0}
.section-nav-links::-webkit-scrollbar{display:none}
.section-nav-links a{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;color:#4f524a;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}
.section-nav-links a:hover,.section-nav-links a:focus-visible,.section-nav-links a.is-current{background:white;color:var(--ink)}

section[id]{scroll-margin-top:142px}

.proof-grid-cited .metric{position:relative}
.metric-label{margin-bottom:15px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.creator-metric{background:#fbfbf8}

.metric-evidence{display:inline-flex;margin-top:16px;color:var(--ink);font-size:.82rem;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.metric-evidence:hover,.metric-evidence:focus-visible{text-decoration-thickness:2px}
.decision-actions{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.decision-actions li{padding:11px 0;border-bottom:1px solid var(--line);color:#44473f}

.fit-grid{display:grid;gap:14px}
.fit-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:white}
.fit-card p{margin-bottom:0;color:var(--muted)}
.fit-grid-static .fit-card{display:block}
.fit-note{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}
.fit-note strong{font-size:.98rem}
.fit-note .text-link{font-weight:750}

.compact-block{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.compact-block h3{margin-bottom:14px;font-size:1rem}
.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.compact-grid span{min-height:64px;display:flex;align-items:center;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;font-size:.92rem;font-weight:680}

.decision-demo{display:grid;gap:14px;max-width:920px}
.decision-state{min-height:310px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 1px 0 rgba(18,19,15,.02)}
.decision-state-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-bottom:18px;border-bottom:1px solid var(--line)}
.decision-state-head span{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.decision-state-head strong{font-size:1.1rem}
.signal-list{display:grid;gap:9px;margin:22px 0}
.signal-list span{display:block;padding:11px 13px;border-radius:11px;background:var(--surface-soft);color:#4b4e46}
.decision-before>p{margin:0;color:var(--muted)}
.decision-focus{margin:24px 0 18px;padding:20px;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:800;line-height:1.3}
.decision-after ol{margin:0;padding-left:22px}
.decision-after li{padding:5px 0;color:#44473f}

/* Progressive enhancement: without JS both before/after states stay visible. */
.decision-demo.is-enhanced{position:relative;min-height:350px;display:block}
.decision-demo.is-enhanced .decision-state{position:absolute;inset:0;transition:opacity .55s ease,transform .55s ease}
.decision-demo.is-enhanced .decision-before{opacity:1;transform:translateY(0)}
.decision-demo.is-enhanced .decision-after{opacity:0;transform:translateY(16px);pointer-events:none}
.decision-demo.is-enhanced.is-after .decision-before{opacity:0;transform:translateY(-12px);pointer-events:none}
.decision-demo.is-enhanced.is-after .decision-after{opacity:1;transform:translateY(0);pointer-events:auto}

.writing-footer{margin-top:20px}
.inline-signup{margin-top:36px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;display:grid;gap:22px;align-items:start}
.inline-signup h3{margin-bottom:7px;font-size:1.3rem}
.inline-signup p{margin:0;color:var(--muted)}
.compact-newsletter{max-width:none}
.compact-social .social-card{min-height:105px}

@media(min-width:720px){
  .fit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  
  .compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .decision-demo:not(.is-enhanced){grid-template-columns:repeat(2,minmax(0,1fr))}
  .inline-signup{grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr)}
}

@media(max-width:959px){
  .section-nav{top:72px}
  .section-nav-label{display:none}
  .section-nav-inner{width:100%;padding-left:20px;padding-right:0}
  .section-nav-links{padding-right:20px}
}

@media(max-width:719px){
  .section-nav{top:72px}
  .decision-demo.is-enhanced{min-height:410px}
  .inline-signup{padding:22px}
}

@media(prefers-reduced-motion:reduce){
  .decision-demo.is-enhanced{display:grid;min-height:0}
  .decision-demo.is-enhanced .decision-state{position:static;opacity:1!important;transform:none!important;pointer-events:auto!important;transition:none!important}
}
.start-page .section-nav{top:0}
@media(max-width:959px){.start-page .section-nav{top:0}}


/* 1.3.0 clarity polish: more mobile breathing room, less structural density */

/* The smallest screen gets one result at a time. */
@media(max-width:719px){
  .shell{width:min(calc(100% - 36px),var(--shell))}
  .hero{padding:58px 0 82px}
  h1{font-size:clamp(3.05rem,15vw,4.6rem);line-height:.92}
  .hero-copy{font-size:1.22rem;line-height:1.48}
  .hero-note{margin-bottom:28px}

  .section{padding:var(--mobile-section-y) 0}
  .section-head{max-width:640px;margin-bottom:34px}
  .section-head .kicker{margin-bottom:12px}
  h2{font-size:clamp(2.18rem,10vw,3.25rem);line-height:1.01}
  .section-head p{font-size:1rem;line-height:1.62}

  .proof-grid{grid-template-columns:1fr}
  .metric{min-height:0;padding:30px 22px;background:white!important}
  .metric + .metric{border-top:0}
  .metric strong{font-size:clamp(3rem,16vw,4.8rem);margin-bottom:12px}
  .metric span{max-width:36rem;font-size:.98rem;line-height:1.58}
  .metric-label{margin-bottom:12px}

  .metric-evidence{margin-top:18px;font-size:.86rem}

  .fit-grid,.service-grid,.card-grid,.case-feature-grid,
  .fit-card,.service,.card,.case-feature,
  .card{min-height:0}
  .card p{margin-bottom:18px}
  

  .compact-grid{grid-template-columns:1fr}
  .compact-grid span{min-height:58px;padding:15px 16px}

  /* Mobile favors clarity over scroll choreography: show before and after together. */
  .decision-demo.is-enhanced{display:grid;gap:18px;min-height:0}
  .decision-demo.is-enhanced .decision-state{position:static;opacity:1!important;transform:none!important;pointer-events:auto!important;transition:none!important}
  .decision-state{min-height:0;padding:24px}
  .decision-state-head{padding-bottom:16px}
  .signal-list{margin:18px 0}
  .decision-focus{margin:20px 0 16px;padding:18px}

  .article-row{padding:30px 0}
  .article-row h3{font-size:1.35rem;line-height:1.24}
  .inline-signup{margin-top:42px;padding:24px;gap:24px}
  .social-card{min-height:0;padding:24px 22px}
  .cta-panel{padding:36px 26px}

  .section-nav-inner{min-height:50px;padding-left:18px}
  .section-nav-links{gap:4px;padding-right:18px;scroll-snap-type:x proximity}
  .section-nav-links a{min-height:36px;padding:7px 10px;font-size:.86rem;scroll-snap-align:start}
  section[id]{scroll-margin-top:132px}

  .page-hero{padding:52px 0 62px}
  .case-card,.evidence-item,.contact-card{padding:26px}
  .case-card .case-number{margin:18px 0 10px;font-size:2.3rem}
  .timeline-item{padding:30px 0}
}

@media(min-width:480px) and (max-width:719px){
  .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:720px){
  .card{min-height:220px}
}


/* 1.5.0 final consolidation: clean article shell + calmer responsive rhythm */
.article-shell{max-width:800px}
.article-kicker{margin-bottom:12px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.featured-insight{display:block;max-width:none;padding:clamp(24px,4vw,36px);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.72);text-decoration:none;transition:border-color var(--duration-standard) var(--ease),box-shadow var(--duration-standard) var(--ease)}
.featured-insight h2{margin:6px 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.04em}
.featured-insight p:last-child{margin:0;max-width:65ch;color:var(--muted)}
.featured-insight:hover,.featured-insight:focus-visible{border-color:#aeb0a7;box-shadow:0 12px 32px rgba(18,19,15,.045)}
.article-title{max-width:900px;font-size:clamp(2.75rem,9vw,5.5rem);line-height:.96;letter-spacing:-.055em}
.article-deck{max-width:760px;color:var(--muted);font-size:1.12rem;line-height:1.6}
.article-meta-line{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:24px;color:var(--muted);font-size:.9rem;font-weight:650}
.article-body{max-width:760px}
.article-body>p,.article-body>ul,.article-body>blockquote{font-size:1.07rem;line-height:1.82}
.article-body>p{margin-bottom:24px;color:#33362f}
.article-body h2{margin:56px 0 18px;font-size:clamp(1.85rem,5vw,3rem);line-height:1.08;letter-spacing:-.04em}
.article-body ul{margin:0 0 28px;padding-left:22px;color:#33362f}
.article-body li{margin:10px 0}
.article-body blockquote{margin:34px 0;padding:4px 0 4px 22px;border-left:4px solid var(--accent);color:var(--ink);font-weight:720;letter-spacing:-.015em}
.article-end{margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}
.article-end p{max-width:620px;color:var(--muted)}
.related-links-clean{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px}
.related-links-clean a{font-weight:700;text-underline-offset:5px}
.legacy-redirect{min-height:100vh;display:grid;place-items:center;padding:40px;text-align:center}
.legacy-redirect a{font-weight:800}

@media(max-width:719px){
  .article-title{font-size:clamp(2.55rem,12.8vw,4rem)}
  .article-body>p,.article-body>ul,.article-body>blockquote{font-size:1rem;line-height:1.78}
  .article-body h2{margin-top:46px}
  .card-grid.four{grid-template-columns:1fr}
  .social-grid{grid-template-columns:1fr}
}
@media(min-width:480px) and (max-width:719px){
  .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:720px) and (max-width:959px){
  .section{padding:92px 0}
  .metric{min-height:155px}
  .card{min-height:200px}
  .social-card{min-height:118px}
}


/* 2.0.0 — premium glass system + interactive proof (tokens now in the
   single :root block at the top of this file) */
body.premium-glass{
  background:
    radial-gradient(circle at 12% 4%, rgba(199,246,62,.16), transparent 27rem),
    radial-gradient(circle at 88% 10%, rgba(121,169,255,.13), transparent 26rem),
    radial-gradient(circle at 50% 52%, rgba(255,255,255,.74), transparent 38rem),
    linear-gradient(180deg,#f7f7f2 0%,#f2f3ed 48%,#f7f6f1 100%);
}
.premium-glass .site-header,
.premium-glass .section-nav{
  background:rgba(246,247,241,.70);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  border-color:rgba(255,255,255,.6);
  box-shadow:0 8px 30px rgba(20,23,17,.05), inset 0 -1px 0 rgba(18,19,15,.05);
}
/* Flat content card, used site-wide. Glass is reserved for .site-header
   (real scroll state) and the hero photo label (real depth) — everything
   else reads through whitespace, border and this one subtle shadow. */
.glass-panel{
  background:rgba(255,255,255,.94);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.premium-glass .cta-panel{
  background:linear-gradient(135deg,rgba(17,19,15,.94),rgba(27,31,22,.90));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 64px rgba(16,18,13,.16), inset 0 1px 0 rgba(255,255,255,.10);
}
.premium-glass .soft{background:rgba(238,239,232,.52)}
.premium-glass .photo-frame{border:1px solid rgba(255,255,255,.72);box-shadow:0 26px 80px rgba(22,25,18,.11),inset 0 1px 0 rgba(255,255,255,.8)}

.site-address{margin:16px 0 0;color:var(--muted);font-size:.92rem}
.site-address a{font-weight:760;text-decoration:none;border-bottom:1px solid rgba(18,19,15,.22);padding-bottom:2px}
.site-address a:hover,.site-address a:focus-visible{border-bottom-color:var(--ink)}

.live-context{display:grid;grid-template-columns:1fr;gap:0;margin-top:26px;border-radius:22px;overflow:hidden}
.live-context-item{padding:16px 18px;border-bottom:1px solid rgba(18,19,15,.07)}
.live-context-item span{display:block;margin-bottom:2px;color:var(--muted);font-size:.72rem;font-weight:780;letter-spacing:.07em;text-transform:uppercase}
.live-context-item strong{display:block;font-size:.94rem;line-height:1.35}
.live-context-note{grid-column:1/-1;margin:0;padding:12px 18px;color:var(--muted);font-size:.78rem;line-height:1.45;background:rgba(255,255,255,.22)}

.method-strip{display:grid;gap:0;margin-top:34px;border-radius:22px;overflow:hidden}
.method-strip>div{padding:20px;border-bottom:1px solid rgba(18,19,15,.07)}
.method-strip>div:last-child{border-bottom:0}
.method-strip strong{display:block;margin-bottom:4px;font-size:1.02rem}
.method-strip span{color:var(--muted)}

.proof-explorer{margin-top:34px;border-radius:28px;overflow:hidden}
.proof-explorer-head{display:grid;gap:22px;padding:28px;border-bottom:1px solid rgba(18,19,15,.07)}
.proof-explorer-head h3{font-size:clamp(1.6rem,4vw,2.45rem);margin-bottom:8px}
.proof-explorer-head p{margin:0;max-width:620px;color:var(--muted)}
.proof-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.proof-tab{min-height:44px;padding:9px 14px;border:1px solid rgba(18,19,15,.09);border-radius:999px;background:rgba(255,255,255,.50);cursor:pointer;font-weight:720}
.proof-tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.proof-tab:hover,.proof-tab:focus-visible{border-color:rgba(18,19,15,.28)}
.proof-panels{padding:28px}
.proof-panel{display:grid;gap:24px}
.proof-panel+[data-proof-panel]{margin-top:34px;padding-top:34px;border-top:1px solid rgba(18,19,15,.08)}
.proof-explorer.is-enhanced .proof-panel{display:none;margin:0;padding:0;border:0}
.proof-explorer.is-enhanced .proof-panel.is-active{display:grid}
.proof-panel-copy strong{display:block;margin-bottom:7px;font-size:1.25rem}
.proof-panel-copy p{margin:0;max-width:700px;color:var(--muted)}
.proof-source{justify-self:start;font-weight:720;text-underline-offset:4px}

.bar-chart{display:grid;gap:14px;padding:20px;border-radius:20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62)}
.bar-row{display:grid;grid-template-columns:minmax(90px,120px) 1fr 44px;gap:12px;align-items:center}
.bar-label{color:var(--muted);font-size:.86rem;font-weight:680}
.bar-track{height:14px;border-radius:999px;background:rgba(18,19,15,.07);overflow:hidden}
.bar-fill{display:block;height:100%;width:var(--bar);border-radius:inherit;background:linear-gradient(90deg,#11130f 0%,#6d871a 62%,#c7f63e 100%);transform-origin:left center}
.bar-value{text-align:right;font-size:.9rem}

.career-graph{padding:20px;border-radius:20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62)}
.career-rail{display:flex;height:18px;gap:4px;border-radius:999px;overflow:hidden;background:rgba(18,19,15,.06);padding:2px}
.career-segment{flex:0 0 var(--share);min-width:16px;border:0;border-radius:999px;background:#11130f;cursor:pointer;opacity:.84}
.career-segment:nth-child(2){background:#6f842e}
.career-segment:nth-child(3){background:#c7f63e}
.career-segment:hover,.career-segment:focus-visible{opacity:1;outline-offset:3px}
.career-labels{display:grid;gap:10px;margin-top:18px}
.career-labels div{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between;border-bottom:1px solid rgba(18,19,15,.06);padding-bottom:10px}
.career-labels strong{font-size:.92rem}
.career-labels span{color:var(--muted);font-size:.84rem}
.career-tooltip{margin-top:14px;min-height:22px;color:var(--muted);font-size:.84rem}

.reach-dots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;max-width:640px;padding:20px;border-radius:20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62)}
.reach-dots span{aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#11130f,#7e982e);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.reach-dots span:nth-child(4n){background:#c7f63e}
.reach-legend{color:var(--muted);font-size:.84rem}

/* Tier-1: micro-interaction for nav/button elements */
.desktop-nav a,.header-cta,.btn,.language-trigger{transition:transform var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}

/* Tier-2: standard component transition for card/metric elements */
.premium-glass .metric,.premium-glass .card,.premium-glass .service,.premium-glass .fit-card,.premium-glass .case-feature,.premium-glass .social-card,.premium-glass .article-row,.premium-glass .case-card,.premium-glass .evidence-item,.premium-card,.choice-card,.scan-card,.social-card,.metric{
  transition:transform var(--duration-standard) var(--ease),border-color var(--duration-standard) var(--ease),box-shadow var(--duration-standard) var(--ease),background-color var(--duration-standard) var(--ease);
}
@media(pointer:fine){
  .premium-glass .card:hover,.premium-glass .service:hover,.premium-glass .fit-card:hover,.premium-glass .case-feature:hover,.premium-glass .social-card:hover,.premium-glass .case-card:hover,.premium-glass .evidence-item:hover{
    transform:translateY(-3px);border-color:rgba(255,255,255,.92);box-shadow:0 20px 58px rgba(25,28,20,.09),inset 0 1px 0 rgba(255,255,255,.94)
  }
  .premium-card:hover,.choice-card:hover,.scan-card:hover,.social-card:hover,.metric:hover{
    transform:translateY(-4px);box-shadow:0 24px 72px rgba(24,28,20,.09),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(255,255,255,.96)
  }
}

@media(min-width:720px){
  .live-context{grid-template-columns:repeat(3,minmax(0,1fr))}
  .live-context-item{border-bottom:0;border-right:1px solid rgba(18,19,15,.07)}
  .live-context-item:nth-child(3){border-right:0}
  .method-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .method-strip>div{border-bottom:0;border-right:1px solid rgba(18,19,15,.07)}
  .method-strip>div:last-child{border-right:0}
  .proof-explorer-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .career-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .career-labels div{display:block;border:0;padding:0}
  .career-labels strong,.career-labels span{display:block}
}
@media(max-width:719px){
  .proof-explorer{border-radius:22px}
  .proof-explorer-head,.proof-panels{padding:22px}
  .bar-row{grid-template-columns:86px 1fr 38px;gap:9px}
  .reach-dots{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
  .proof-tabs{width:100%}
  .proof-tab{flex:1 1 0;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready [data-motion-reveal]{opacity:1;transform:none}
  .bar-fill{transform:none!important;transition:none!important}
  body.premium-glass::before{animation:none}
}
@media(prefers-reduced-transparency:reduce){
  .premium-glass .site-header,.premium-glass .section-nav,.glass-panel,
  .premium-glass .metric,.premium-glass .card,.premium-glass .fit-card,.premium-glass .service,.premium-glass .case-feature,.premium-glass .social-card,.premium-glass .contact-card,.premium-glass .evidence-item,.premium-glass .case-card,.premium-glass .inline-signup,.premium-glass .newsletter-panel,.premium-glass .decision-state{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass-panel,.premium-glass .site-header,.premium-glass .section-nav{background:rgba(250,250,247,.96)}
}


/* 3.0.0 Premium Clarity: content first, no local section navigation
   (tokens now in the single :root block at the top of this file) */

.section-nav{display:none!important}
section[id]{scroll-margin-top:84px}
body.premium-glass{
  min-height:100%;
  background:
    radial-gradient(70rem 40rem at 8% -6%,var(--lime-wash),transparent 52%),
    radial-gradient(54rem 36rem at 96% 4%,var(--blue-wash),transparent 54%),
    linear-gradient(180deg,#f7f8f4 0%,#f2f3ed 42%,#f7f7f3 100%);
}
body.premium-glass::before{
  content:"";position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;opacity:.52;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),transparent 24%),radial-gradient(circle at 70% 60%,rgba(200,247,74,.08),transparent 24%);
  animation:premiumDrift 18s ease-in-out infinite alternate;
}
@keyframes premiumDrift{to{transform:translate3d(1.2%,1%,0) scale(1.015)}}

.premium-glass .site-header{
  background:rgba(247,248,244,.74);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  border-color:rgba(255,255,255,.72);
  box-shadow:0 8px 32px rgba(19,23,16,.04),inset 0 -1px 0 rgba(18,19,15,.045);
}
.header-inner{min-height:76px}
.brand-mark{box-shadow:0 7px 22px rgba(17,19,15,.14)}
.header-cta{box-shadow:0 10px 28px rgba(17,19,15,.12)}

.hero-premium{padding-top:clamp(64px,9vw,112px);padding-bottom:clamp(78px,9vw,118px)}
.hero-premium .hero-grid{align-items:center}
.hero-content{position:relative;z-index:1}
.eyebrow{margin:0 0 14px;color:#555b50;font-size:.76rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.hero-premium h1{max-width:820px;margin-bottom:24px;font-size:clamp(3.7rem,9vw,7.7rem);line-height:.88;letter-spacing:-.07em}
.hero-premium .hero-copy{max-width:800px;font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.35;color:#21251e}
.hero-premium .hero-note{max-width:690px;font-size:1.02rem;line-height:1.68;color:var(--muted)}
.premium-photo{isolation:isolate}
.premium-photo::before{content:"";position:absolute;inset:-14px;border-radius:40px;background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.78);box-shadow:var(--premium-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1}
.premium-photo::after,[data-glass-spotlight]::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(255,255,255,.40),transparent 60%);opacity:.72;transition:opacity .2s ease}
.premium-photo .photo-frame{box-shadow:none;border:1px solid rgba(255,255,255,.9);border-radius:28px}
.glass-chip{background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.84);box-shadow:0 14px 34px rgba(18,22,15,.08)}

.section{padding:clamp(84px,9vw,118px) 0}
.section.soft{background:rgba(236,239,231,.46);border-top-color:rgba(18,19,15,.07)}
.section-head{max-width:740px;margin-bottom:42px}
.centered-head{text-align:center;margin-inline:auto}
.section-head h2{font-size:clamp(2.4rem,6vw,4.75rem);line-height:.96;letter-spacing:-.055em}
.section-head p{font-size:1.05rem;line-height:1.7}

.premium-card,
.premium-glass .metric,
.premium-glass .card,
.premium-glass .service,
.premium-glass .fit-card,
.premium-glass .case-feature,
.premium-glass .social-card,
.premium-glass .contact-card,
.premium-glass .evidence-item,
.premium-glass .case-card,
.premium-glass .inline-signup,
.premium-glass .newsletter-panel,
.premium-glass .decision-state{
  position:relative;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(18,19,15,.08);
  box-shadow:0 16px 54px rgba(24,28,20,.055),inset 0 1px 0 rgba(255,255,255,.92);
}
.premium-card{overflow:hidden}
.premium-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,0%),rgba(255,255,255,.44),transparent 63%);opacity:.55}
.premium-card>*{position:relative;z-index:1}
.icon-orb{width:42px;height:42px;display:grid;place-items:center;margin-bottom:34px;border-radius:15px;background:#171a14;color:white;font-size:.82rem;font-weight:850;box-shadow:0 12px 24px rgba(20,23,17,.14)}
.premium-grid .service{min-height:290px;padding:30px;border-top:1px solid rgba(255,255,255,.84);border-radius:26px;display:flex;flex-direction:column}
.premium-grid .service p{margin-bottom:24px}
.card-link{margin-top:auto;align-self:flex-start;font-weight:760;text-decoration:none;border-bottom:1px solid rgba(18,19,15,.25);padding-bottom:2px}
.card-link:hover,.card-link:focus-visible{border-bottom-color:var(--ink)}

.premium-metrics{gap:14px;border:0;background:transparent}
.premium-metrics .metric{border-radius:24px;border:1px solid rgba(255,255,255,.84);min-height:230px;padding:26px}
.premium-metrics .metric strong{font-size:clamp(3rem,5.5vw,5.4rem)}
.premium-metrics .metric span{font-size:.95rem;line-height:1.55}
.metric-evidence{margin-top:18px;text-decoration:none;border-bottom:1px solid rgba(18,19,15,.2);padding-bottom:2px;width:max-content}

.glass-panel{background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--premium-shadow)}
.proof-explorer{border-radius:30px;margin-top:28px}
.proof-explorer-head{padding:30px}
.proof-panels{padding:30px}
.proof-tab{background:rgba(255,255,255,.66);border-color:rgba(18,19,15,.09)}
.proof-tab[aria-selected="true"]{background:#151812;color:#fff;box-shadow:0 8px 24px rgba(17,19,15,.14)}
.bar-chart,.career-graph,.reach-dots{background:rgba(255,255,255,.58);border-color:rgba(255,255,255,.86)}

/* Phase 3 — Archetype system for sequence/trail/diagram layouts */

.process-layout{display:grid;gap:30px}
.process-flow{display:grid;grid-template-columns:1fr;border-radius:28px;overflow:hidden}
.process-node{padding:24px;background:rgba(255,255,255,.46)}
.process-node span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.process-node strong{display:block;font-size:1.05rem;line-height:1.42}
.process-arrow{display:grid;place-items:center;min-height:34px;color:#6c745f;font-size:1.2rem;background:rgba(255,255,255,.25)}

/* .process-rail: connected sequence/step layout (reuses .process-flow/.process-node/.process-arrow structure) */
.process-rail{display:grid;grid-template-columns:1fr;border-radius:28px;overflow:hidden}
.process-rail>*{padding:24px;background:rgba(255,255,255,.46)}
.process-rail>*:not(:first-child){border-top:1px solid rgba(18,19,15,.08)}
.process-rail>*>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.process-rail>*>strong{display:block;font-size:1.05rem;line-height:1.42}
.process-rail>*>p{margin:8px 0 0;color:var(--muted);font-size:.95rem}

/* .growth-diagram: interactive tabs with stage navigation and detail panels */
.growth-diagram{display:grid;gap:12px}
.growth-diagram[role="tablist"]{position:relative;grid-template-columns:1fr;border:1px solid rgba(18,19,15,.08);border-radius:22px;padding:14px;background:rgba(255,255,255,.72)}
.growth-diagram [role="tab"]{padding:11px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;font-size:.98rem;font-weight:750;min-height:46px;text-align:left;transition:background var(--duration-standard) var(--ease),border-color var(--duration-standard) var(--ease),color var(--duration-standard) var(--ease)}
.growth-diagram [role="tab"]:hover,.growth-diagram [role="tab"]:focus-visible{border-color:var(--ink)}
.growth-diagram [role="tab"][aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(17,19,15,.14)}

/* .stage-hop: keeps an arrow glued to its following stage word so wrapping never orphans a lone arrow */
.stage-hop{white-space:nowrap}
.growth-diagram::before{content:"";position:absolute;height:3px;background:var(--ink);border-radius:999px;bottom:0;left:0;right:0;width:calc((var(--stage-index, 0) + 1) / 6 * 100%);transition:width var(--duration-standard) var(--ease);}
.growth-stage{position:relative}
.growth-panel{display:grid;gap:12px;padding:20px;border:1px solid rgba(18,19,15,.08);border-radius:16px;background:rgba(255,255,255,.58);margin-top:12px}
.growth-panel>p:first-child{margin:0;font-weight:700;font-size:.95rem}
.growth-panel>p:last-of-type{margin:0;color:var(--muted);font-size:.92rem}

/* .evidence-trail: vertical/horizontal progression showing evidence groupings */
.evidence-trail{display:grid;gap:0;grid-template-columns:1fr;border-radius:22px;overflow:hidden}
.evidence-trail>*{padding:26px;border:1px solid rgba(18,19,15,.08);background:rgba(255,255,255,.72);border-left:0;border-top:0}
.evidence-trail>*:first-child{border-top:1px solid rgba(18,19,15,.08);border-left:1px solid rgba(18,19,15,.08)}
.evidence-trail>*>strong{display:block;margin-bottom:14px;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em}
.evidence-trail>*>p{margin:0 0 16px;color:var(--muted);font-size:.92rem}
.evidence-trail .evidence-item{background:transparent;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0}
.evidence-trail .evidence-item:first-child{border-top:0;padding-top:0}

/* .stat-composition: prominent number + context layout (uses existing .bar-track/.bar-fill) */
.stat-composition{display:grid;gap:12px}
.stat-composition strong{display:block;font-size:clamp(2rem,5vw,3.2rem);line-height:1;letter-spacing:-.055em}
.stat-composition .bar-track{margin:8px 0;height:8px}
.stat-composition span{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}

/* .quote-panel: full-width statement beat, intentionally flat and spacious */
.quote-panel{padding:clamp(28px,5vw,48px);border-radius:22px;background:rgba(255,255,255,.66);border:1px solid rgba(18,19,15,.06)}
.quote-panel h2{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:16px}
.quote-panel p{margin:0;color:var(--muted);font-size:1rem;line-height:1.6;max-width:700px}

/* .proof-link: utility for linked evidence/proof references with chevron affordance */
.proof-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:750;text-decoration:none;border-bottom:1px solid rgba(18,19,15,.2);padding-bottom:2px;transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}
.proof-link::after{content:'→';font-size:.88em;opacity:.7}
.proof-link:hover,.proof-link:focus-visible{border-bottom-color:var(--ink);color:var(--ink)}
.proof-link:hover::after,.proof-link:focus-visible::after{opacity:1}

.case-feature{min-height:260px;border-radius:28px;padding:32px}
.case-feature h3{font-size:clamp(1.45rem,3vw,2rem)}
.case-link{margin-top:auto;text-decoration:none;border-bottom:1px solid rgba(18,19,15,.22);padding-bottom:2px}

.writing-top{display:grid;gap:28px;align-items:start;margin-bottom:20px}
.live-site-card{padding:26px;border-radius:26px;display:grid;gap:9px;min-width:0}
.live-badge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.live-badge i{width:8px;height:8px;border-radius:50%;background:#7f8677;box-shadow:0 0 0 5px rgba(127,134,119,.09)}
.live-site-card.is-live .live-badge i{background:#6e8c15;box-shadow:0 0 0 5px rgba(200,247,74,.24)}
.live-site-card strong{font-size:1.22rem;line-height:1.3}
.live-site-card>span:not(.live-badge){color:var(--muted);font-size:.9rem}
.live-site-card>a{font-weight:760;text-decoration:none;width:max-content;border-bottom:1px solid rgba(18,19,15,.2)}
.live-site-card small{margin-top:8px;color:var(--muted);line-height:1.5}
.article-row{padding:30px 0}
.article-row h3{font-size:clamp(1.35rem,3vw,1.9rem)}

.recruiter-panel{display:grid;gap:30px;align-items:center;padding:clamp(30px,5vw,52px);border-radius:30px}
.recruiter-panel h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.05em}
.recruiter-panel p{color:var(--muted);max-width:650px}
.recruiter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.social-grid{gap:12px;border:0;background:transparent}
.social-card{border-radius:22px;border:1px solid rgba(255,255,255,.84);min-height:120px}

.premium-cta{border-radius:34px;background:linear-gradient(135deg,rgba(15,18,13,.97),rgba(27,33,22,.94));box-shadow:0 30px 90px rgba(15,18,13,.18),inset 0 1px 0 rgba(255,255,255,.11)}
.premium-cta .eyebrow{color:#bcc2b4}
.premium-cta h2{font-size:clamp(2.5rem,6vw,4.7rem);line-height:.96;letter-spacing:-.055em}
.premium-cta .btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.ghost-on-dark{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.ghost-on-dark:hover,.ghost-on-dark:focus-visible{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}

.start-header{position:sticky}
.start-header-actions{display:flex;align-items:center;gap:12px}
.start-contact-link{display:inline-flex}
.start-page .hero-premium h1{font-size:clamp(3.5rem,11vw,7rem)}
/* Tall-viewport balance: reuse the existing body/main flex chain (html/body/main above)
   so the single hero section claims the remaining space between header and footer
   instead of leaving a dead gap. Weighted flex spacers (not align-items:center) bias
   the content toward the upper-middle rather than dead-center — an editorial position,
   not a mathematical one. Mobile is unaffected — content already exceeds viewport
   height there, so the spacers have no leftover space to distribute and collapse
   toward 0px, same self-limiting behavior as a plain flex:1 0 auto would have. */
.start-ui main{display:flex;flex-direction:column}
.start-ui .start-hero{flex:1 0 auto;display:flex;flex-direction:column}
.start-ui .start-hero::before{content:"";flex:0.6 0 0}
.start-ui .start-hero::after{content:"";flex:1.4 0 0}
.compact-facts{grid-template-columns:1fr}

.motion-ready [data-motion-reveal]{opacity:0;transform:translateY(14px) scale(.995)}
.motion-ready [data-motion-reveal].is-visible{opacity:1;transform:none;transition:opacity var(--duration-reveal) var(--ease),transform var(--duration-reveal) cubic-bezier(.22,1,.36,1)}

@media(min-width:720px){
  .process-flow{grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr;align-items:stretch}
  .process-arrow{min-height:auto}
  .process-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column}
  .process-rail>*:not(:first-child){border-top:0;border-left:1px solid rgba(18,19,15,.08)}
  .process-rail.four-up{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}
  .process-rail.four-up>*{border-top:0;border-left:0}
  .process-rail.four-up>*:nth-child(2){border-left:1px solid rgba(18,19,15,.08)}
  .process-rail.four-up>*:nth-child(n+3){border-top:1px solid rgba(18,19,15,.08)}
  .process-rail.four-up>*:nth-child(4){border-left:1px solid rgba(18,19,15,.08)}
  .growth-diagram[role="tablist"]{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px}
  .growth-diagram[role="tablist"]::before{width:calc((var(--stage-index, 0) + 1) / 6 * 100%)}
  .writing-top{grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr)}
  .recruiter-panel{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}
  .compact-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.70fr);gap:74px}
  .premium-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .process-rail.four-up{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column}
  .process-rail.four-up>*{border-top:0}
  .process-rail.four-up>*:not(:first-child){border-left:1px solid rgba(18,19,15,.08)}
  #proof-final-cta{padding-block:clamp(120px,10vw,200px)}
}
@media(max-width:719px){
  .site-header{position:sticky}
  .hero-premium{padding-top:54px}
  .hero-premium h1{font-size:clamp(3.2rem,15vw,4.8rem)}
  .premium-photo::before{inset:-8px;border-radius:34px}
  .premium-metrics{grid-template-columns:1fr}
  .premium-metrics .metric{min-height:0}
  .proof-explorer{border-radius:24px}
  .proof-explorer-head,.proof-panels{padding:22px}
  .process-flow{border-radius:24px}
  .process-node{padding:22px}
  .process-arrow{transform:rotate(90deg)}
  .process-rail{grid-template-columns:1fr;border-radius:16px}
  .process-rail>*:not(:first-child){border-top:1px solid rgba(18,19,15,.08);border-left:0}
  .growth-diagram[role="tablist"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .growth-diagram[role="tablist"]::before{height:3px;width:calc((var(--stage-index, 0) + 1) / 6 * 100%);bottom:0;left:0;right:auto}
  .recruiter-actions .btn{width:100%}
  .start-top-link{font-size:.9rem}
  .start-contact-link{display:none}
}
@media(prefers-reduced-transparency:reduce){
  .premium-glass .site-header,.premium-photo::before,.glass-chip{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}


/* (flat-card rule consolidated above — see the .premium-card block) */


/* 4.0.0 recruiter trust, portfolio and insight discovery */
.fit-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fit-pills span{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid rgba(18,19,15,.12);border-radius:999px;background:rgba(255,255,255,.68);font-size:.86rem;font-weight:700;color:#3e423a}
.recruiter-actions{align-content:center}
.professional-fit-grid{grid-template-columns:1fr}
.case-role{margin:-2px 0 18px;color:var(--muted);font-size:.92rem}
.case-role strong{color:var(--ink)}
.case-result-label{margin:20px 0 4px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.case-card .case-result-label + .case-number{margin-top:0}
.download-panel{display:grid;gap:22px;align-items:center;padding:clamp(26px,5vw,46px)}
.download-panel h2{font-size:clamp(1.9rem,5vw,3.2rem)}
.download-panel p{max-width:650px;color:var(--muted)}
.insight-tools{display:grid;gap:18px;margin-bottom:30px;padding:20px}
.insight-search{display:grid;gap:7px}
.insight-search span{font-size:.86rem;font-weight:750;color:var(--ink)}
.insight-search input{min-height:48px;background:rgba(255,255,255,.82)}
.insight-topics{display:grid;gap:7px}
.insight-topics-label{font-size:.86rem;font-weight:750;color:var(--ink)}
.insight-filters{display:flex;flex-wrap:wrap;gap:8px}
.insight-filter{min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);cursor:pointer;font-size:.9rem;font-weight:700}
.insight-filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}
.insight-filter:hover,.insight-filter:focus-visible{border-color:var(--ink)}
.insight-count{margin:0;color:var(--muted);font-size:.9rem}
.article-tags{margin:-1px 0 8px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.article-row[hidden],.case-feature[hidden]{display:none!important}
.insight-empty{padding:28px 0;color:var(--muted)}
.contact-fit{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.contact-fit h3{font-size:1rem}
.contact-fit ul{margin:0;padding-left:20px;color:var(--muted)}
.contact-fit li{margin:7px 0}
@media(min-width:720px){
  .professional-fit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .download-panel{grid-template-columns:minmax(0,1fr) auto}
  .insight-tools{grid-template-columns:minmax(260px,1fr) auto;align-items:end}
  .insight-tools .insight-count{grid-column:1/-1}
}
@media(max-width:719px){
  .download-panel .actions .btn{width:100%}
  .insight-filter{flex:1 0 auto}
}


/* 4.0.0 — verified Facebook proof and creator continuity */
.proof-grid-flex{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.proof-grid-flex .metric{min-width:0}
.facebook-proof-card strong{letter-spacing:-.06em}
.follower-blocks{display:grid;grid-template-columns:repeat(17,minmax(14px,1fr));gap:7px;max-width:680px;padding:22px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.86)}
.follower-blocks span{position:relative;display:block;height:82px;border-radius:10px;background:rgba(18,19,15,.08);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.follower-blocks span::after{content:"";position:absolute;inset:auto 0 0;height:100%;background:linear-gradient(180deg,#c7f63e,#7f9b2d);border-radius:inherit}
.follower-blocks .partial::after{height:var(--fill,18%)}
.creator-continuity{overflow:hidden}
.continuity-grid{display:grid;gap:14px;grid-template-columns:1fr}
.continuity-card{padding:26px;border-radius:26px;min-height:210px}
.continuity-card>span,.public-profile-card span{display:block;margin-bottom:10px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.continuity-card>strong{display:block;font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.04;letter-spacing:-.04em;margin-bottom:14px}
.continuity-card p{margin:0;color:var(--muted);line-height:1.6}
.public-profile-card{padding:24px;border-radius:26px;display:grid;gap:1px}
.public-profile-card>div{padding:16px 4px;border-bottom:1px solid rgba(18,19,15,.08)}
.public-profile-card>div:last-child{border-bottom:0}
.public-profile-card strong{display:block;font-size:1.08rem;line-height:1.4}
.public-profile-card a{text-decoration:none;border-bottom:1px solid rgba(18,19,15,.18)}
@media(min-width:720px){
  .continuity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .start-metrics.proof-grid-flex{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}
}
@media(min-width:1100px){
  .proof-grid-flex{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .premium-metrics.proof-grid-flex .metric{padding:22px;min-height:238px}
  .premium-metrics.proof-grid-flex .metric strong{font-size:clamp(2.8rem,4.4vw,4.8rem)}
  .start-metrics.proof-grid-flex{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:719px){
  .follower-blocks{grid-template-columns:repeat(9,minmax(12px,1fr));gap:6px;padding:16px}
  .follower-blocks span{height:62px}
  .proof-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .proof-tab{width:100%;justify-content:center}
}
@media(prefers-reduced-transparency:reduce){
  .follower-blocks,.continuity-card,.public-profile-card{background:#fff}
}


/* Solution-first positioning — v5.0 */
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.solution-card{display:flex;flex-direction:column;gap:12px;min-height:250px}
.solution-card h3{margin:0;font-size:clamp(1.28rem,2vw,1.72rem);letter-spacing:-.025em;line-height:1.12}
.solution-card p{margin:0;color:var(--muted);line-height:1.65}
.problem-signal{display:inline-flex;align-self:flex-start;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ink);opacity:.72}
.solution-card .card-link{margin-top:auto}
#problem-map .solution-card{min-height:0}
#problem-map .solution-card p strong{color:var(--ink)}
.hero-content h1{max-width:880px}
.hero-copy{max-width:790px}
@media (max-width:760px){.solution-grid{grid-template-columns:1fr}.solution-card{min-height:0}}


/* Premium language control — v5.1 */
.language-control{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:9998;font-family:inherit}
.language-trigger{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:10px 15px;border:1px solid rgba(18,19,15,.13);border-radius:999px;background:rgba(250,249,245,.88);box-shadow:0 12px 35px rgba(10,12,9,.14),inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:var(--ink);font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}
.language-trigger:hover,.language-trigger:focus-visible{transform:translateY(-1px);border-color:rgba(18,19,15,.28)}
.language-trigger>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:white;font-size:.76rem}
.language-dialog{position:absolute;right:0;bottom:60px;width:min(380px,calc(100vw - 32px));padding:18px;border:1px solid rgba(18,19,15,.12);border-radius:26px;background:rgba(249,248,243,.96);box-shadow:0 28px 80px rgba(8,10,8,.23);-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2)}
.language-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.language-dialog-head strong{display:block;font-size:1.02rem}.language-dialog-head span{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}.language-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(18,19,15,.07);font-size:1.35rem;cursor:pointer}.language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.language-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 12px;border:1px solid rgba(18,19,15,.1);border-radius:14px;background:rgba(255,255,255,.75);font:inherit;text-align:left;cursor:pointer}.language-option:hover,.language-option:focus-visible{border-color:var(--ink);background:#fff}.language-option small{color:var(--muted);font-size:.68rem}.language-status{margin:14px 0 0;font-size:.78rem;font-weight:800}.language-note{margin:7px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .language-control{right:auto;left:max(16px,env(safe-area-inset-left))}html[dir="rtl"] .language-dialog{right:auto;left:0}
@media(max-width:540px){.language-trigger span:last-child{display:none}.language-trigger{width:50px;padding:10px;justify-content:center}.language-dialog{bottom:60px}.language-list{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-transparency:reduce){.language-trigger,.language-dialog{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* LinkedIn recommendation trust layer — v5.1 */
.recommendation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-top:28px}.recommendation-card{position:relative;min-height:250px;padding:clamp(24px,4vw,36px);border-radius:28px}.recommendation-mark{position:absolute;right:28px;top:10px;font-size:6.5rem;line-height:1;color:rgba(18,19,15,.08);font-family:Georgia,serif}.recommendation-lead{max-width:620px;margin:0 0 12px;font-size:clamp(1.55rem,3vw,2.65rem);font-weight:800;letter-spacing:-.04em;line-height:1.04}.recommendation-card>p:not(.recommendation-lead):not(.problem-signal){max-width:650px;color:var(--muted);line-height:1.65}.recommendation-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.source-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:rgba(105,130,36,.12);font-size:.72rem;font-weight:800}.recommendation-principle h3{font-size:clamp(1.45rem,2.5vw,2.1rem);letter-spacing:-.04em}
@media(max-width:760px){.recommendation-grid{grid-template-columns:1fr}.recommendation-card{min-height:0}}

/* Direct private contact channels — v5.1 */
.direct-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.direct-channel-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px 22px;border-radius:22px;text-decoration:none;color:var(--ink)}.direct-channel-card:hover,.direct-channel-card:focus-visible{transform:translateY(-2px)}.channel-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--ink);color:white;font-size:.72rem;font-weight:900;letter-spacing:.04em}.direct-channel-card strong{display:block;font-size:1.02rem}.direct-channel-card small{display:block;margin-top:3px;color:var(--muted)}.channel-privacy-note{margin:14px 0 0;color:var(--muted);font-size:.78rem}@media(max-width:650px){.direct-channel-grid{grid-template-columns:1fr}}


/* Verified social proof + direct contact — v5.2 */
.recommendation-person{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.recommendation-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:var(--ink);color:#fff;font-weight:900;letter-spacing:.02em}.recommendation-person strong{display:block;font-size:1rem}.recommendation-person span{display:block;margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.45}.recommendation-context{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(18,19,15,.09);font-size:.82rem;color:var(--muted);line-height:1.55}.verified-source .source-badge:before{content:'✓';margin-right:6px}.contact-micro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.contact-micro-actions a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(18,19,15,.12);border-radius:999px;background:rgba(255,255,255,.66);color:var(--ink);font-size:.78rem;font-weight:800;text-decoration:none}.contact-micro-actions a:hover,.contact-micro-actions a:focus-visible{background:#fff;border-color:rgba(18,19,15,.28)}.footer-links .direct-footer-link{font-weight:800}.direct-channel-card[href*="wa.me"] .channel-icon{background:#111}.direct-channel-card[href*="t.me"] .channel-icon{background:#111}


/* Scan-first solution redesign — v6.0 */
.scan-ui .hero-copy,.scan-ui .section-head p,.scan-ui .card p,.scan-ui .service p,.scan-ui .metric span,.scan-ui .choice-card p,.scan-ui .timeline-item p,.scan-ui .recommendation-card p,.scan-ui .social-card span,.scan-ui .contact-card p{max-width:42ch}
.scan-head h2,.scan-hero h1,.scan-page-hero h1,.scan-lead,.choice-card h3,.scan-card h3{letter-spacing:-.045em;line-height:1.02}
.scan-head p,.scan-copy{font-size:1rem;color:var(--muted)}
.scan-bullets{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.scan-bullets span,.scan-proof-strip div,.choice-kicker,.problem-signal{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;background:rgba(18,19,15,.06);font-size:.78rem;font-weight:800}
.scan-proof-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.scan-proof-strip div{min-height:84px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:20px;padding:14px 16px;background:linear-gradient(180deg,#fff,rgba(248,248,244,.85));border:1px solid rgba(18,19,15,.07);box-shadow:var(--shadow)}
.scan-proof-strip strong{font-size:1.8rem;letter-spacing:-.05em;line-height:1}.scan-proof-strip span{margin-top:6px;font-size:.82rem;color:var(--muted);font-weight:700}
.choice-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.choice-card{padding:24px;border-radius:26px;text-decoration:none}.choice-card h3{font-size:1.5rem;margin:14px 0 8px}.choice-card p{margin:0;color:var(--muted)}.choice-card:hover,.choice-card:focus-visible,.scan-card:hover,.scan-card:focus-within{transform:translateY(-3px);box-shadow:0 18px 44px rgba(8,12,8,.12)}
.scan-card-grid{display:grid;gap:16px}.scan-card-grid.four-up{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.scan-card-grid.three-up{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.scan-card{padding:24px;border-radius:26px}.scan-card h3{font-size:1.45rem;margin:0 0 10px}.scan-card p{margin:0;color:var(--muted)}
.scan-page-hero{padding:56px 0 12px}.scan-page-hero p{max-width:36ch}.scan-page-hero .hero-title-sm{font-size:clamp(2.4rem,7vw,4.8rem)}
.scan-hero-grid{align-items:center}.scan-photo .photo-frame{box-shadow:0 28px 70px rgba(8,12,8,.16)}
.recommendation-grid-photo{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
.recommendation-photo-wrap{width:92px;flex:0 0 92px;display:flex;align-items:flex-start}.recommendation-photo-img{width:92px;height:120px;object-fit:cover;border-radius:22px;border:1px solid rgba(18,19,15,.08);box-shadow:var(--shadow)}
.verified-source{display:flex;gap:18px;align-items:flex-start}.recommendation-copy-wrap{flex:1}.recommendation-person-photo{margin-top:0}.recommendation-lead.scan-lead{font-size:clamp(1.6rem,4vw,2.35rem);margin:0 0 12px}
.contact-layout{display:grid;gap:20px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
.contact-layout form{display:grid;gap:12px}.contact-layout label{display:grid;gap:8px;font-size:.88rem;font-weight:700}.contact-layout input,.contact-layout select,.contact-layout textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(18,19,15,.12);background:#fff;color:var(--ink)}.contact-layout textarea{resize:vertical}.consent-row{display:flex!important;align-items:center;gap:10px}.consent-row input{width:auto}
.start-proof-strip{margin-top:8px}
@media(min-width:640px){.start-proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
.compact-timeline .timeline-date{font-weight:800;color:var(--ink)}
@supports (view-transition-name: root){html{view-transition-name:root}.choice-card,.scan-card,.metric,.social-card,.recommendation-card{view-transition-name:none}}
@media (max-width:959px){.contact-layout{grid-template-columns:1fr}.recommendation-grid-photo{grid-template-columns:1fr}.verified-source{flex-direction:column}.scan-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.shell{width:min(calc(100% - 28px),var(--shell))}.scan-hero h1{font-size:clamp(2.35rem,11vw,4rem)}.scan-page-hero .hero-title-sm{font-size:clamp(2.15rem,11vw,3.6rem)}.scan-proof-strip{grid-template-columns:1fr 1fr;gap:10px}.scan-proof-strip strong{font-size:1.5rem}.choice-card,.scan-card,.contact-card,.recommendation-card{padding:20px;border-radius:22px}.recommendation-photo-wrap{width:84px;flex-basis:84px}.recommendation-photo-img{width:84px;height:110px;border-radius:18px}.desktop-nav a{font-size:.9rem}}
@media (prefers-reduced-motion:no-preference){.choice-card,.scan-card,.social-card,.metric,.recommendation-card{transform-origin:center}.premium-photo img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.premium-photo:hover img{transform:scale(1.02)}}


/* Growth system 7.0 */
.audience-tag{display:inline-flex;margin-bottom:16px;padding:6px 10px;border-radius:999px;background:rgba(199,246,62,.28);font-size:.72rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.growth-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}.growth-flow>div{position:relative;min-height:150px;padding:18px;border:1px solid rgba(18,19,15,.08);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}.growth-flow span{display:block;color:var(--muted);font-size:.7rem;font-weight:900}.growth-flow strong{display:block;margin-top:22px;font-size:1.18rem;letter-spacing:-.03em}.growth-flow small{display:block;margin-top:6px;color:var(--muted);line-height:1.45}.growth-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:50%;z-index:2;transform:translate(50%,-50%);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:.72rem}
.solution-detail-grid,.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.method-grid{margin-top:22px}.plain-list{margin:14px 0 0;padding-left:19px;color:var(--muted)}.plain-list li+li{margin-top:7px}.method-card,.sales-method{padding:24px;border-radius:26px}.method-card h3,.sales-method h3{margin:0 0 8px;font-size:1.3rem;letter-spacing:-.03em}.method-card p,.sales-method p{margin:0;color:var(--muted)}
.sales-method-list{display:grid;gap:12px}.sales-method{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:start}.sales-method>span{display:grid;place-items:center;min-height:48px;border-radius:14px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.02em}
.market-signal-section{background:linear-gradient(180deg,rgba(199,246,62,.10),transparent)}.market-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.signal-card{padding:24px;border-radius:26px}.signal-card strong{display:block;font-size:clamp(2rem,5vw,3.25rem);line-height:1;letter-spacing:-.055em}.signal-card span{display:block;margin-top:10px;font-weight:800}.signal-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.4}.research-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.research-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid rgba(18,19,15,.12);border-radius:999px;background:rgba(255,255,255,.66);text-decoration:none;font-size:.76rem;font-weight:800}.research-links a:hover,.research-links a:focus-visible{background:#fff;border-color:rgba(18,19,15,.28)}
.growth-hero .hero-title-sm{max-width:920px}
@media(max-width:959px){.growth-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-flow>div:nth-child(3)::after{display:none}.solution-detail-grid,.method-grid{grid-template-columns:1fr 1fr}.market-signal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.growth-flow{grid-template-columns:1fr 1fr}.growth-flow>div:nth-child(2)::after,.growth-flow>div:nth-child(4)::after{display:none}.solution-detail-grid,.method-grid,.market-signal-grid{grid-template-columns:1fr}.sales-method{grid-template-columns:64px minmax(0,1fr);gap:14px}.growth-flow>div{min-height:130px}.growth-flow>div:nth-child(3)::after{display:grid}}
@media(prefers-reduced-motion:no-preference){.growth-flow>div,.method-card,.signal-card,.sales-method{transition:transform .25s ease,box-shadow .25s ease}.growth-flow>div:hover,.method-card:hover,.signal-card:hover,.sales-method:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(8,12,8,.12)}}


/* Customer retention system — v8.0 */
.retention-hero p{max-width:50ch}
.retention-signal-section{padding-top:30px}
.retention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.retention-card{position:relative;padding:28px;border-radius:28px;overflow:hidden}
.retention-no{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;padding:0 10px;border-radius:999px;background:rgba(18,19,15,.07);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.retention-card h3{margin:18px 0 8px;font-size:clamp(1.25rem,2.3vw,1.7rem);letter-spacing:-.035em;line-height:1.08}
.retention-card>strong{display:block;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.05em;line-height:1.02}
.retention-card>p{margin:12px 0 0;color:var(--muted);max-width:46ch}
.retention-card .plain-list{margin:18px 0 0}
.data-note{display:block;margin-top:20px;padding-top:16px;border-top:1px solid rgba(18,19,15,.09);color:var(--muted);font-size:.76rem;line-height:1.55}
.retention-flow{margin-top:24px}
.research-source-section .research-links{margin-top:20px}
@media(max-width:760px){.retention-grid{grid-template-columns:1fr}.retention-card{padding:22px;border-radius:22px}.retention-card>strong{font-size:1.75rem}}


/* Decision psychology — v8.1 */
.decision-mini-grid,.decision-science-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.decision-mini-card,.decision-science-card{padding:24px;border-radius:26px}
.decision-mini-card>span,.decision-number{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:rgba(18,19,15,.06);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.decision-mini-card h3,.decision-science-card h3{margin:14px 0 8px;font-size:clamp(1.3rem,2.5vw,1.8rem);letter-spacing:-.04em;line-height:1.05}
.decision-mini-card p,.decision-science-card p{margin:0;color:var(--muted);max-width:38ch}
.decision-science-card strong{display:block;margin-top:18px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.decision-science-card strong+p{margin-top:6px;color:var(--ink)}
.decision-ethics{display:flex;align-items:flex-start;gap:16px;margin-top:18px;padding:18px 20px;border-radius:20px}.decision-ethics strong{white-space:nowrap}.decision-ethics p{margin:0;color:var(--muted)}
.decision-research-links{margin-top:18px}
@media(max-width:800px){.decision-mini-grid,.decision-science-grid{grid-template-columns:1fr}.decision-ethics{display:block}.decision-ethics p{margin-top:6px}}

/* Full-site accessibility + narrow-width fixes — v8.1 audit */
.legacy-redirect a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:12px}
.checkbox{align-items:center;min-height:44px}
.checkbox input,.consent-row input{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;margin:0!important;padding:0!important;flex:0 0 24px}
.form-help a,.reading a{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
.recommendation-grid,.recommendation-card,.recommendation-copy-wrap,.recommendation-meta{min-width:0}
.recommendation-card,.recommendation-copy-wrap,.recommendation-meta a,.recommendation-person span{overflow-wrap:anywhere}
@media(max-width:360px){.recommendation-meta{gap:8px}.source-badge{white-space:normal}}
.checkbox a{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
@media(max-width:360px){.section-head h2{font-size:2.15rem}}


/* Premium motion + personalization — v8.6. Extends the existing systems
   above (motion-reveal, data-glass-spotlight, wireTabs) rather than adding
   competing engines. Every rule here is disabled outright under
   prefers-reduced-motion via the blanket rule already in this file (line
   ~271); the few rules below that also need an explicit reduced-motion
   fallback (JS never adds these classes when motion is reduced, but the
   fallback keeps the file correct standalone). */

/* Native View Transitions for full page navigations. Restrained fade + tiny
   shift, never a SPA — unsupported browsers just navigate normally. */
@media (prefers-reduced-motion:no-preference){
  @supports (view-transition-name:root){
    @view-transition{navigation:auto}
    ::view-transition-old(root){animation:moyo-vt-out var(--motion-base) var(--ease-exit) both}
    ::view-transition-new(root){animation:moyo-vt-in var(--motion-base) var(--ease-enter) both}
  }
}
@keyframes moyo-vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes moyo-vt-in{from{opacity:0;transform:translateY(6px)}}

/* Hero stagger — a first-paint entrance for the hero/page-hero content,
   distinct from the generic scroll-reveal above. These elements sit in the
   initial viewport, so the same IntersectionObserver fires immediately;
   this just staggers the group instead of revealing it as one block. */
.motion-ready .hero-content>.eyebrow[data-motion-reveal],
.motion-ready .page-hero .shell>.kicker[data-motion-reveal]{transition-delay:0ms}
.motion-ready .hero-content>h1[data-motion-reveal],
.motion-ready .page-hero .shell>h1[data-motion-reveal]{transition-delay:50ms}
.motion-ready .hero-content>.hero-copy[data-motion-reveal],
.motion-ready .hero-content>.scan-bullets[data-motion-reveal],
.motion-ready .page-hero .shell>p[data-motion-reveal]{transition-delay:120ms}
.motion-ready .hero-content>.actions[data-motion-reveal],
.motion-ready .page-hero .shell>.actions[data-motion-reveal]{transition-delay:190ms}

/* Tab/stage panel settle — used by wireTabs (proof-explorer, growth-diagram)
   when a panel changes from hidden to active. JS only adds .is-settling when
   motion is allowed, so no reduced-motion override is needed here. */
[data-growth-panel],[data-proof-panel]{transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}
[data-growth-panel].is-settling,[data-proof-panel].is-settling{opacity:0;transform:translateY(6px)}

/* Selected glass-spotlight surfaces beyond the hero photo: dark CTA panels
   and the one verified recommendation card. Reuses [data-glass-spotlight]'s
   existing ::after pseudo (defined above) — only the background is tuned
   per-surface here. */
.cta-panel[data-glass-spotlight]{position:relative;overflow:hidden}
.cta-panel[data-glass-spotlight]>*{position:relative;z-index:1}
.cta-panel[data-glass-spotlight]::after{background:radial-gradient(380px circle at var(--spot-x,50%) var(--spot-y,20%),rgba(255,255,255,.14),transparent 62%);opacity:1}

/* Insight/proof/growth tab controls join the Tier-1 micro-interaction set. */
.insight-filter,.proof-tab,.growth-diagram [role="tab"]{transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}
input,select,textarea{transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}
.form-status{transition:color var(--motion-fast) var(--ease-standard)}

/* Card depth: restrained pointer tilt on the primary choice/scan cards is
   driven entirely by site.js (pointer:fine + motion allowed only), which
   sets transform:perspective(...) inline. The existing Tier-2 transition
   already on these classes (line ~633) smooths every change — no extra
   CSS is needed here. */

/* Contextual "recommended" link on Solutions — reuses .proof-link; hidden
   until site.js confirms a real prior choice exists. */
.page-hero [data-personalize-recommend]{display:inline-flex;margin-top:18px}
.page-hero [data-personalize-recommend][hidden]{display:none}

/* Footer personalization controls — plain buttons styled like footer links
   (they trigger the dialog / clear storage, they don't navigate). */
.footer-personalize-link{border:0;background:transparent;padding:0;font:inherit;font-weight:650;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.footer-personalize-link:hover,.footer-personalize-link:focus-visible{color:var(--ink)}

/* Visitor first-name dialog — native <dialog>, styled with the same glass
   language as .language-dialog. Optional, skippable, never full-screen. */
.name-dialog{width:min(420px,calc(100vw - 40px));padding:0;margin:auto;border:1px solid rgba(18,19,15,.12);border-radius:28px;background:var(--glass-2-fill);-webkit-backdrop-filter:blur(var(--glass-2-blur)) saturate(1.15);backdrop-filter:blur(var(--glass-2-blur)) saturate(1.15);box-shadow:var(--elevation-4);color:var(--ink);overflow:hidden}
.name-dialog::backdrop{background:rgba(15,17,13,.42)}
.name-dialog-form{position:relative;padding:clamp(26px,5vw,34px)}
.name-dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(18,19,15,.07);font-size:1.3rem;line-height:1;cursor:pointer;color:var(--ink)}
.name-dialog-close:hover,.name-dialog-close:focus-visible{background:rgba(18,19,15,.14)}
.name-dialog-eyebrow{margin:0 0 8px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.name-dialog-form h2{margin:0 0 18px;max-width:88%;font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.15;letter-spacing:-.03em}
.name-dialog-form input{min-height:50px;margin-bottom:16px;font-size:1.05rem}
.name-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.name-dialog-privacy{margin:18px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.name-dialog-welcome{padding:clamp(40px,8vw,56px) clamp(26px,5vw,34px);text-align:center;font-size:1.3rem;font-weight:750;letter-spacing:-.02em}
@media(prefers-reduced-motion:no-preference){
  @supports (transition-behavior:allow-discrete){
    .name-dialog{transition:opacity var(--motion-base) var(--ease-enter),transform var(--motion-base) var(--ease-enter),display var(--motion-base) allow-discrete,overlay var(--motion-base) allow-discrete}
    .name-dialog::backdrop{transition:opacity var(--motion-base) var(--ease-standard),display var(--motion-base) allow-discrete,overlay var(--motion-base) allow-discrete}
    @starting-style{
      .name-dialog[open]{opacity:0;transform:translateY(10px) scale(.98)}
      .name-dialog[open]::backdrop{opacity:0}
    }
  }
}
@media(prefers-reduced-transparency:reduce){.name-dialog{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:480px){.name-dialog{border-radius:22px}}

/* Same open-transition treatment for the existing language dialog. */
@media(prefers-reduced-motion:no-preference){
  @supports (transition-behavior:allow-discrete){
    .language-dialog{transition:opacity var(--motion-fast) var(--ease-enter),transform var(--motion-fast) var(--ease-enter),display var(--motion-fast) allow-discrete}
    @starting-style{.language-dialog:not([hidden]){opacity:0;transform:translateY(8px) scale(.98)}}
  }
}

/* Retention health-check tool (/tools/retention-health-check): a
   no-backend, five-question radio form. Mobile-first — one column, a
   sticky submit action on small screens, three columns once there's room
   for it (see the min-width:720px block below). */
.health-shell{max-width:820px}
.health-intro{max-width:66ch}
.health-form{display:grid;gap:18px}
.health-question{margin:0;padding:clamp(20px,4vw,30px);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.84);box-shadow:var(--elevation-1)}
.health-question legend{width:100%;padding:0 0 14px;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:790;line-height:1.2;letter-spacing:-.025em}
.health-options{display:grid;gap:10px}
.health-option{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;min-height:54px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer}
.health-option:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.health-option input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink)}
.health-option strong{display:block;line-height:1.3}
.health-option small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.health-actions{position:sticky;bottom:0;z-index:5;margin-top:4px;padding:14px 0 max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(244,245,240,0),rgba(244,245,240,.96) 28%)}
.health-actions .btn{width:100%}
.health-result{margin-top:28px;padding:clamp(24px,5vw,36px);border-radius:var(--radius-lg)}
.health-result[hidden]{display:none}
.health-result-score{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.health-result h2{font-size:clamp(2rem,8vw,4rem)}
.health-next{margin:22px 0 0;padding:18px;border-radius:var(--radius-sm);background:rgba(18,19,15,.05)}
.health-next strong{display:block;margin-bottom:5px}
.health-note{margin-top:18px;color:var(--muted);font-size:.84rem}
@media(min-width:720px){.health-actions{position:static;background:none;padding:0}.health-actions .btn{width:auto}.health-options{grid-template-columns:repeat(3,minmax(0,1fr))}.health-option{grid-template-columns:22px 1fr}}
@media(prefers-reduced-transparency:reduce){.health-question,.health-result{background:#fff}}


/* Count-aware grids + wide-desktop composition — v8.20.0
   Text keeps its reading-width caps; only compositional shells and fixed-count
   card groups get wider. Count modifiers prevent shared grids from reserving
   empty tracks when different pages use different item counts. */
.case-feature-grid.three-up>*,
.card-grid.three-up>*,
.mini-proof-grid>*,
.growth-flow.four-up>*,
.recommendation-grid-photo>*{min-width:0}

.case-feature-grid.three-up,
.card-grid.three-up,
.mini-proof-grid.proof-grid-flex,
.growth-flow.four-up{grid-template-columns:1fr}

.case-feature-grid.three-up .case-feature,
.card-grid.three-up .card{display:flex;flex-direction:column;min-height:0}
.case-feature-grid.three-up .case-link,
.card-grid.three-up .text-link{margin-top:auto;padding-top:12px}

.mini-proof-grid.proof-grid-flex{grid-template-columns:1fr!important}
.premium-metrics.mini-proof-grid.four-up .metric{display:flex;min-height:0;flex-direction:column;padding:24px}
.premium-metrics.mini-proof-grid.four-up .metric strong{
  max-width:12ch;
  font-size:clamp(1.9rem,8vw,2.65rem);
  line-height:.96;
  letter-spacing:-.045em;
  overflow-wrap:break-word
}
.premium-metrics.mini-proof-grid.four-up .metric span{font-size:.9rem;line-height:1.5}
.premium-metrics.mini-proof-grid.four-up .metric-evidence{margin-top:auto;padding-top:18px}

.work-area-grid .metric{display:flex;min-height:0;flex-direction:column;padding:24px}
.work-area-grid .metric strong{
  max-width:12ch;
  font-size:clamp(2rem,8vw,3.2rem);
  line-height:.96;
  letter-spacing:-.05em;
  overflow-wrap:break-word
}
.work-area-grid .metric span{font-size:.94rem;line-height:1.55}

.growth-flow.four-up>div::after{display:none}

@media(min-width:640px) and (max-width:959px){
  .recommendation-grid-photo .verified-source{flex-direction:row}
}

@media(min-width:720px){
  .case-feature-grid.three-up,
  .card-grid.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mini-proof-grid.proof-grid-flex.three-up,
  .mini-proof-grid.proof-grid-flex.four-up{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(min-width:720px) and (max-width:959px){
  .growth-flow.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-flow.four-up>div::after{display:none}
  .growth-flow.four-up>div:nth-child(1)::after,
  .growth-flow.four-up>div:nth-child(3)::after{display:grid}
}

@media(min-width:960px){
  .case-feature-grid.three-up,
  .card-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mini-proof-grid.proof-grid-flex.three-up{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mini-proof-grid.proof-grid-flex.four-up{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .growth-flow.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
  .growth-flow.four-up>div:not(:last-child)::after{display:grid}
  .premium-metrics.mini-proof-grid.four-up .metric{min-height:210px}
  .premium-metrics.mini-proof-grid.four-up .metric strong{font-size:clamp(1.9rem,2.6vw,2.65rem)}
  .work-area-grid .metric{min-height:210px}
  .work-area-grid .metric strong{font-size:clamp(2rem,3.1vw,3.2rem)}
}

@media(max-width:480px){
  .growth-flow:not(.four-up){grid-template-columns:1fr}
  .growth-flow:not(.four-up)>div::after{display:none!important}
}