/* ================================================================
   Saylus — Global Stylesheet
   Design System: Linear × Stripe inspired via Awesome Design MD
   ================================================================ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  font-family:var(--font-sans);
  font-feature-settings:'palt' on;
  background:var(--bg);
  color:var(--ink);
  line-height:1.75;
  letter-spacing:.01em;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-sans);
  letter-spacing:.01em;
  font-weight:600;
}
.brand-wordmark{
  font-family:var(--font-serif) !important;
}
a{text-decoration:none;color:inherit;}
img,video{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}

/* ─── Unified token root (2026-08-07): 旧4箇所の :root を1箇所に統合。
     重複変数は「最後に定義されていた値」を採用（例: --brand=#4A7FB8,
     --mx=1280px, --shadow-*=none）。実効値は統合前と一致させる。 ─── */
:root{
  --font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;
  --font-serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --brand:#4A7FB8;
  --brand-dark:#2C5F99;
  --brand-light:#7DB9F0;
  --brand-pale:rgba(74,127,184,.08);
  --chart:#4A7FB8;
  --chart-deep:#2C5F99;
  --brass:#B8935A;
  --brass-deep:#76582C;
  --bg:#F7F6F2;
  --bg-sec:#EFEDE4;
  --surface:#F7F6F2;
  --white:#fff;
  --paper:#F7F6F2;
  --paper-2:#EFEDE4;
  --dark:#0B1F3A;
  --dark-line:rgba(231,227,215,.16);
  --ink:#0B1F3A;
  --ink-2:#1E3558;
  --ink-sub:#4A5A78;
  --ink-mute:#8B95A8;
  --border:#D8D2C2;
  --line:#D8D2C2;
  --line-soft:#E7E3D7;
  --card:#F7F6F2;
  --r:6px;
  --mx:1280px;
  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:none;
  --shadow-hover:none;
  --paper-haze:rgba(74,127,184,.055);
  --paper-brass-haze:rgba(184,147,90,.06);
  --hairline:rgba(11,31,58,.08);
  --header-glass:rgba(247,246,242,.82);
  --motion-duration:.76s;
  --motion-ease:cubic-bezier(.18,.78,.22,1);
  --motion-distance:8px;
  --motion-stagger:80ms;
  --motion-micro:.24s;
}

.wrap{max-width:var(--mx);margin:0 auto;padding:0 48px;}
@media(max-width:920px){.wrap{padding:0 20px;}}

/* ─── Header: Stripe-style frosted glass ─── */
header{
  position:fixed;top:0;left:0;right:0;z-index:200;
  padding:14px 48px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(250,251,252,.72);
  backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);
  border-bottom:1px solid var(--line);
  transition:padding .2s ease;
}
header.scrolled{padding:10px 48px;box-shadow:var(--shadow-sm);}
@media(max-width:920px){header{padding:12px 20px;}}

.header-shell{display:flex;align-items:center;justify-content:space-between;width:100%;}
.logo{
  display:flex;align-items:center;gap:12px;
  color:var(--ink);
  background:transparent;
  backdrop-filter:none;
  padding:0;
  border-radius:0;
  border:none;
}
.brand-lockup{display:flex;align-items:center;gap:10px;}
.brand-mark-svg{width:26px;height:26px;flex:0 0 auto;filter:none;}
.brand-wordmark{
  font-family:var(--font-serif);
  font-size:1.35rem;
  font-weight:500;
  letter-spacing:.015em;
  color:var(--ink);
  line-height:1;
}
.nav-menu-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  margin-right:4px;
}
.nav-menu-icon .brand-mark-svg{width:20px;height:20px;filter:none;}

.nav-pill{
  display:flex;align-items:center;gap:2px;
  background:transparent;
  backdrop-filter:none;
  padding:0;
  border-radius:0;
  border:none;
}
.nav-pill a{
  font-size:.8rem;font-weight:500;color:var(--ink-sub);
  padding:6px 12px;border-radius:6px;
  transition:color .15s, background .15s;
}
.nav-pill a:hover{background:rgba(12,17,24,.04);color:var(--ink);}
.nav-cta{background:var(--brand-dark) !important;color:#fff !important;font-weight:600 !important;border-radius:6px !important;padding:7px 16px !important;}
.nav-cta:hover{background:var(--brand-dark) !important;}

/* Nav links — no underline (Linear minimal) */
.nav-pill a::after{display:none;}
.nav-cta::after{display:none !important;}

/* ─── Header: Mobile Navigation ─── */
.nav-menu-btn{
  display:none;
  font-size:.88rem;font-weight:600;color:var(--ink);
  padding:8px 20px;border-radius:6px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.5);
  cursor:pointer;transition:.2s;
}
.nav-menu-btn:hover{background:#fff;}

.mobile-menu{
  display:none;
  position:absolute;top:100%;left:0;right:0;background:#fff;
  padding:20px;flex-direction:column;gap:4px;
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.mobile-menu.open{display:flex;}
.mobile-menu a{padding:14px;font-size:.95rem;font-weight:700;color:var(--ink);border-radius:6px;}
.mobile-menu a:not(.nav-cta):hover{background:var(--bg);}
.mobile-menu .nav-cta{margin-top:12px;text-align:center;padding:16px;}

@media(max-width:920px){
  header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);padding:12px 20px;}
  .nav-pill{display:none !important;}
  .nav-menu-btn{display:flex;align-items:center;gap:8px;}
}
@media(max-width:920px){
  header,
  .test-banner,
  .intro-overlay{
    left:0;
    right:auto;
    width:100dvw;
    max-width:100dvw;
  }
}
@media(max-width:640px){
  .sec .wrap [style*="display:flex"]{
    display:block !important;
    max-width:100% !important;
  }
  .sec .wrap [style*="flex:1"]{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .top-btn{
    right:20px;
  }
}

/* Scroll-to-top */
.top-btn{
  position:fixed;bottom:32px;right:32px;z-index:100;
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid var(--line);
  display:grid;place-items:center;
  font-size:1.1rem;color:var(--brand);
  cursor:pointer;transition:.2s;
  opacity:0;pointer-events:none;
}
.top-btn.on{opacity:1;pointer-events:auto;}
.top-btn:hover{background:#fff;border-color:var(--brand);}
.quiet-corp .top-btn{
  bottom:24px;
  right:20px;
  width:42px;
  height:42px;
  color:var(--ink);
  border-color:rgba(11,31,58,.14);
  background:rgba(247,246,242,.94);
}
@media (max-width:920px){
  .quiet-corp .top-btn{
    bottom:18px;
    right:14px;
    width:40px;
    height:40px;
  }
}

body.has-test-banner header{top:34px;}
body.has-test-banner .page-spacer{height:154px;}
body.has-test-banner .page-spacer--tall{height:188px;}

/* ─── Section Label (Linear-style, minimal) ─── */
.sec-label{display:inline-block;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:16px;}
.sec-label::before{display:none;}

/* ─── Sections ─── */
.sec{padding:96px 0;}
.sec-alt{background:var(--bg-sec);border-radius:0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
@media(max-width:920px){.sec-alt{margin:0;}}

.sec-dark{background:var(--dark);border-radius:0;margin:0;color:rgba(255,255,255,.88);}
.sec-dark .sec-label{display:inline-block;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:16px;}
.sec-dark .mission-text{font-size:clamp(1.6rem, 3.5vw, 2.2rem);font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.02em;font-family:var(--font-sans);}
.sec-dark .out-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);}
.sec-dark .out-text h4{color:#fff;}
.sec-dark .out-text p{color:rgba(255,255,255,.6);}
.sec-dark .bar-label{color:rgba(255,255,255,.5);}
.sec-dark .bar-val{color:rgba(255,255,255,.85);}
.sec-dark .bar-rail{background:rgba(255,255,255,.06);}
@media(max-width:920px){.sec-dark{margin:0;}}

.mission-text{font-size:clamp(1.6rem, 3.5vw, 2.2rem);font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.02em;font-family:var(--font-sans);}
.mission-sub{font-size:1.1rem;color:var(--ink-sub);line-height:1.8;max-width:720px;font-weight:500;word-break:keep-all;overflow-wrap:break-word;}
.section-note{
  font-size:.95rem;
  line-height:1.9;
  max-width:760px;
  margin-bottom:48px;
  color:var(--ink-sub);
}
.section-note--dark{
  color:rgba(255,255,255,.62);
}
.section-spaced{
  margin-top:80px;
}

.sec-tight{padding:40px 0 0;}
.success-panel{
  display:block;
  background:linear-gradient(135deg, rgba(56,189,248,.08), rgba(125,211,252,.08));
  border:1px solid rgba(29,78,216,.14);
  border-radius:4px;
  padding:28px 32px;
  box-shadow:var(--shadow-sm);
  max-width:760px;
}
.success-panel[hidden]{display:none !important;}
.success-panel-label{
  display:inline-block;
  margin-bottom:12px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
}
.success-panel h2{
  font-size:clamp(1.35rem, 2.4vw, 1.7rem);
  font-weight:700;
  color:var(--ink);
  margin-bottom:10px;
}
.success-panel p{
  font-size:.95rem;
  color:var(--ink-sub);
  line-height:1.8;
}
.success-panel-warning{
  margin-top:14px;
  padding:10px 12px;
  font-size:.82rem;
  color:#9a3412;
  background:rgba(251,191,36,.14);
  border:1px solid rgba(245,158,11,.28);
  border-radius:4px;
}
.success-panel-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}
@media(max-width:600px){
  .success-panel{padding:24px 20px;}
  .success-panel-actions{flex-direction:column;}
  .success-panel-actions .btn{width:100%;}
}

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

.turnstile-wrap{
  display:none;
  margin:0 0 16px;
}

.turnstile-wrap.is-active{
  display:block;
}

.turnstile-wrap > div{
  min-height:65px;
}

.security-note{
  margin:0 0 16px;
  font-size:.78rem;
  line-height:1.7;
  color:var(--ink-sub);
}

.security-note.is-error{
  color:#b42318;
}

.marketing-intake-form .btn[disabled]{
  cursor:not-allowed;
  opacity:.72;
  transform:none;
  box-shadow:var(--shadow-sm);
}

.diag-matrix tbody td.choice-cell{
  cursor:pointer;
  transition:background .2s ease, box-shadow .2s ease;
}

.diag-matrix tbody td.choice-cell:hover{
  background:rgba(125,211,252,.14);
}

.diag-matrix tbody td.choice-cell.selected{
  background:rgba(125,211,252,.22);
  box-shadow:inset 0 0 0 1px rgba(29,78,216,.18);
}

.diag-matrix thead{
  pointer-events:none;
}

/* ─── Buttons (Stripe-inspired) ─── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 24px;
  font-size:.85rem;font-weight:600;
  border:none;
  border-radius:var(--r);
  transition:all .15s ease;
  gap:6px;
  cursor:pointer;
}
.btn-brand{
  background:var(--brand-dark);color:#fff;
  box-shadow:var(--shadow-sm);
}
.btn-brand:hover{
  background:var(--brand-dark);transform:translateY(-1px);
  box-shadow:var(--shadow-md);
}
.btn-outline{background:var(--white);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm);}
.btn-outline:hover{border-color:rgba(12,17,24,.15);box-shadow:var(--shadow-md);}
.btn:active{transform:scale(.98) translateY(0);}

/* ─── Hero (Clean, Stripe-style) ─── */
.hero{
  display:flex;align-items:center;
  position:relative;
  overflow:hidden;
  padding:160px 0 100px;
  background:var(--bg);
}
.hero-glow{
  position:absolute;top:0;left:20%;width:60%;height:100%;
  background:radial-gradient(ellipse at 50% 0%, rgba(56,189,248,.1) 0%, transparent 65%);
  z-index:0;pointer-events:none;
}
.hero .wrap{position:relative;z-index:2;width:100%;}
.hero h1{font-size:clamp(2.2rem,4.6vw,4.3rem);font-weight:700;color:var(--ink);line-height:1.08;margin-bottom:18px;letter-spacing:-.05em;max-width:8.8em;}
.hero h1 .accent{
  color:var(--brand);
  -webkit-text-fill-color:var(--brand);
}
.hero-en{font-size:.76rem;font-weight:700;color:var(--brand-dark);letter-spacing:.22em;margin-bottom:18px;text-transform:uppercase;}
.hero-sub{font-size:1.02rem;color:var(--ink-sub);line-height:1.85;margin-bottom:28px;font-weight:400;max-width:40rem;}
.hero-points{display:grid;gap:12px;margin-bottom:34px;max-width:46rem;}
.hero-point{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 14px;
  border:1px solid rgba(29,78,216,.08);
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(29,78,216,.05);
  backdrop-filter:blur(10px);
  border-radius:14px;
}
.hero-point-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;
  border-radius:10px;
  background:linear-gradient(135deg,var(--brand-light),var(--brand));
  color:#fff;font-size:.72rem;font-weight:700;
  font-family:var(--font-sans);
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hero-secondary-cta{
  color:var(--ink-sub);
  background:rgba(255,255,255,.72);
}
.hero-secondary-cta:hover{
  color:var(--ink);
  background:#fff;
}

@media(max-width:600px){
  .hero-actions{flex-direction:column;align-items:flex-start;width:100%;}
  .hero-actions .btn-brand{width:100%;justify-content:center;}
  .hero-actions .hero-secondary-cta{
    width:100%;
    justify-content:center;
  }
}

/* Hero grid */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:56px;position:relative;z-index:2;width:100%;}
.hero-left{flex:1;min-width:0;position:relative;z-index:4;}
.hero-right{position:relative;z-index:3;pointer-events:none;}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:40px;}.hero-right{width:100%;}}

/* Geometric decoration */
.geo{position:absolute;top:0;right:-5%;width:55%;height:100%;z-index:1;pointer-events:none;}
.geo-bar{position:absolute;border-radius:4px;}
.geo-bar-1{width:60px;height:600px;background:var(--brand-pale);top:5%;right:30%;transform:rotate(-35deg);opacity:.4;animation:geo-float 8s ease-in-out infinite;}
.geo-bar-2{width:50px;height:700px;background:var(--brand);top:-10%;right:18%;transform:rotate(-35deg);opacity:.18;animation:geo-float 10s ease-in-out 1s infinite;}
.geo-bar-3{width:40px;height:500px;background:var(--brand-light);top:15%;right:5%;transform:rotate(-35deg);opacity:.22;animation:geo-float 12s ease-in-out 2s infinite;}
@keyframes geo-float{
  0%,100%{transform:rotate(-35deg) translateY(0);}
  50%{transform:rotate(-35deg) translateY(-20px);}
}
@media(max-width:1180px){.geo{display:none;}}

/* Trust signals */
.hero-trust{display:flex;gap:8px;margin-top:22px;font-size:.74rem;color:var(--ink-sub);font-weight:600;flex-wrap:wrap;}
.hero-trust span{
  display:inline-flex;align-items:center;gap:4px;
  padding:7px 12px;border-radius:999px;
  background:var(--white);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  letter-spacing:.01em;
}

/* Hero visual map */
.hero-map{
  position:relative;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.7));
  border:1px solid rgba(29,78,216,.12);
  border-radius:28px;
  box-shadow:0 24px 80px rgba(29,78,216,.12);
  overflow:hidden;
  pointer-events:none;
}
.hero-map::before{
  content:'';
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 16% 14%, rgba(125,211,252,.42), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(56,189,248,.22), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,0));
  pointer-events:none;
}
.hero-map-header{
  position:relative;z-index:2;
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin-bottom:16px;padding:4px 4px 0;
  pointer-events:none;
}
.hero-map-kicker{
  display:inline-flex;align-items:center;
  font-size:.72rem;font-weight:700;
  color:var(--brand-dark);letter-spacing:.12em;text-transform:uppercase;
}
.hero-map-header strong{
  font-size:.92rem;font-weight:700;color:var(--ink);
  text-align:right;max-width:14rem;line-height:1.5;
}
.hero-map-canvas{
  position:relative;z-index:2;
  min-height:520px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(240,249,255,.94) 0%, rgba(224,242,254,.82) 54%, rgba(255,255,255,.9) 100%);
  border:1px solid rgba(29,78,216,.08);
  overflow:hidden;
  pointer-events:none;
}
.hero-map-generated{
  position:absolute;
  inset:0;
  background-image:url("../assets/hero-visual-route-board.png"),url("../assets/hero-visual-route-board.svg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.38;
  mix-blend-mode:normal;
  pointer-events:none;
}
.hero-map-canvas::before{
  content:'';
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(29,78,216,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,78,216,.045) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.5;
}
.hero-map-canvas::after{
  content:'';
  position:absolute;left:-8%;right:-8%;bottom:-18%;
  height:46%;
  background:
    radial-gradient(ellipse at center, rgba(56,189,248,.22), rgba(56,189,248,0) 60%),
    linear-gradient(180deg, rgba(125,211,252,.15), rgba(29,78,216,.12));
  border-radius:50%;
  filter:blur(6px);
}
.hero-map-lines{
  position:absolute;inset:0;
  width:100%;height:100%;
  pointer-events:none;
}
.hero-map-core{fill:#ffffff;stroke:#1D4ED8;stroke-width:6;}
.hero-map-node-soft{fill:#93C5FD;opacity:.72;}
.hero-map-node-strong{fill:#EFF6FF;stroke:#60A5FA;stroke-width:4;}
.hero-map-y-stem,
.hero-map-y-left,
.hero-map-y-right{
  fill:none;
  stroke:#1D4ED8;
  stroke-width:8;
  stroke-linecap:round;
}
.hero-map-orbit{
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.14));
  box-shadow:0 12px 32px rgba(29,78,216,.08);
  backdrop-filter:blur(12px);
  pointer-events:none;
}
.hero-map-orbit-a{left:54px;top:86px;width:116px;height:116px;}
.hero-map-orbit-b{left:68px;top:212px;width:88px;height:88px;}
.hero-map-orbit-c{left:74px;top:336px;width:104px;height:104px;}
.hero-map-signal{
  position:absolute;
  display:inline-flex;align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(29,78,216,.08);
  box-shadow:0 10px 24px rgba(29,78,216,.08);
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.hero-map-signal span{
  font-family:var(--font-sans);
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(30,41,59,.78);
}
.hero-map-signal-a{top:116px;left:80px;}
.hero-map-signal-b{top:238px;left:82px;}
.hero-map-signal-c{top:376px;left:84px;}
.hero-map-branch{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:154px;height:154px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.96), rgba(224,242,254,.9));
  border:1px solid rgba(29,78,216,.14);
  box-shadow:0 20px 44px rgba(29,78,216,.14);
  text-align:center;
  pointer-events:none;
}
.hero-branch-mark{
  font-family:var(--font-sans);
  font-size:2.8rem;line-height:1;
  color:var(--brand-dark);
  letter-spacing:-.06em;
}
.hero-map-branch strong{font-size:.95rem;color:var(--ink);line-height:1.4;}
.hero-map-branch small{font-size:.73rem;color:var(--ink-sub);}
.hero-map-outcome{
  position:absolute;
  display:flex;flex-direction:column;gap:4px;
  min-width:126px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(29,78,216,.08);
  background:rgba(255,255,255,.74);
  box-shadow:0 16px 30px rgba(29,78,216,.08);
  backdrop-filter:blur(12px);
  pointer-events:none;
}
.hero-map-outcome-label{
  font-family:var(--font-sans);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand-dark);
}
.hero-map-outcome strong{
  font-size:1rem;
  color:var(--ink);
  line-height:1.2;
}
.hero-map-outcome-a{top:124px;right:42px;}
.hero-map-outcome-b{top:292px;right:32px;}
.hero-map-caption{
  position:absolute;left:32px;right:32px;bottom:26px;
  display:flex;justify-content:center;
  pointer-events:none;
}
.hero-map-caption p{
  margin:0;
  font-size:.78rem;
  line-height:1.7;
  color:rgba(15,23,42,.54);
  letter-spacing:.01em;
}
@media(max-width:720px){
  .hero{
    padding:138px 0 72px;
  }
  .hero h1{
    max-width:none;
    font-size:clamp(2rem,9vw,3rem);
  }
  .hero-sub{
    font-size:.95rem;
  }
  .hero-points{
    gap:10px;
  }
  .hero-point{
    padding:12px;
  }
  .hero-map{
    padding:14px;
    border-radius:22px;
  }
  .hero-map-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-map-header strong{
    text-align:left;
    max-width:none;
  }
  .hero-map-canvas{
    min-height:860px;
  }
  .hero-map-generated{
    background-position:58% center;
    opacity:.34;
  }
  .hero-map-orbit-a{left:26px;top:70px;width:96px;height:96px;}
  .hero-map-orbit-b{left:40px;top:196px;width:74px;height:74px;}
  .hero-map-orbit-c{left:44px;top:314px;width:92px;height:92px;}
  .hero-map-signal-a{top:96px;left:36px;}
  .hero-map-signal-b{top:214px;left:38px;}
  .hero-map-signal-c{top:344px;left:40px;}
  .hero-map-branch{
    top:454px;
    width:138px;height:138px;
  }
  .hero-map-outcome{
    min-width:0;
    width:calc(100% - 32px);
  }
  .hero-map-outcome-a{top:560px;left:16px;right:16px;}
  .hero-map-outcome-b{top:666px;left:16px;right:16px;}
  .hero-map-caption{left:16px;right:16px;bottom:18px;}
  .hero-map-caption p{text-align:center;}
}
.trust-bar{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:24px 0;
  position:relative;
  z-index:10;
}
.trust-bar-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  flex-wrap:wrap;
}
.trust-bar-label{
  font-size:.85rem;
  font-weight:700;
  color:var(--ink-sub);
}
.trust-example-list{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  flex-wrap:wrap;
}
.trust-example-item{
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.02em;
  color:rgba(12,17,24,.74);
  padding:10px 14px;
  border-radius:999px;
  background:var(--bg);
  border:1px solid rgba(12,17,24,.06);
}
.trust-note-list{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.trust-data-note{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(125,211,252,.16);
  color:var(--ink-sub);
  font-size:.8rem;
  box-shadow:inset 0 0 0 1px rgba(29,78,216,.14);
}
.trust-data-note-mark{
  color:var(--brand-dark);
  font-weight:700;
}
@media(max-width:920px){
  .trust-bar-inner{
    justify-content:flex-start;
  }
  .trust-note-list{
    margin-left:0;
  }
}

/* Scroll hint */
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;animation:scroll-bounce 2s ease-in-out infinite;}
.scroll-hint span{font-size:1.2rem;color:var(--ink-mute);}
.scroll-hint-text{font-size:.65rem;color:var(--ink-mute);font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
@keyframes scroll-bounce{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.6;}
  50%{transform:translateX(-50%) translateY(8px);opacity:1;}
}

/* ─── Business (Use Cases) ─── */
.biz-list{display:flex;flex-direction:column;gap:0;}
.biz-item{
  display:flex;align-items:center;gap:40px;
  padding:48px 0;
  border-bottom:1px solid var(--line);
  transition:.2s;cursor:pointer;
}
.biz-item:first-child{border-top:1px solid var(--line);}
.biz-item:hover{padding-left:12px;background:rgba(56,189,248,.04);}
.static-list-item{cursor:default;}
.static-list-item:hover{padding-left:0;background:transparent;}
.check-num{width:32px;font-size:1rem;}
.strong-line{font-weight:600;color:var(--ink);}
.biz-num{
  font-size:1.2rem;font-weight:700;color:var(--brand);font-family:var(--font-sans);
  width:48px;flex-shrink:0;
}
.biz-body{flex:1;}
.biz-body h3{font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:8px;}
.biz-body p{font-size:.95rem;color:var(--ink-sub);line-height:1.9;}
.biz-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.biz-tag{font-size:.78rem;font-weight:600;color:var(--brand-dark);background:rgba(56,189,248,.08);padding:4px 12px;border-radius:4px;}
@media(max-width:768px){
  .biz-item{flex-direction:column;align-items:flex-start;gap:20px;}
}

/* ─── Outcomes ─── */
.out-card{
  background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-radius:4px;padding:56px;
  margin-bottom:24px;display:flex;align-items:center;gap:48px;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 12px 40px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.02);
}
@media(max-width:768px){.out-card{flex-direction:column;gap:32px;padding:32px;}}
.out-text{flex:1;}
.out-text h4{font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:12px;}
.out-text p{font-size:.95rem;color:var(--ink-sub);line-height:1.9;}
.out-bars{width:380px;flex-shrink:0;}
@media(max-width:768px){.out-bars{width:100%;}}
.bar-row{display:flex;align-items:center;margin-bottom:14px;font-size:.88rem;font-weight:700;}
.bar-label{width:72px;color:var(--ink-mute);font-size:.8rem;}
.bar-rail{flex:1;height:24px;background:var(--bg);border-radius:4px;overflow:hidden;position:relative;}
.bar-fill{height:100%;border-radius:4px;transition:width 1.2s cubic-bezier(.4,0,.2,1);}
.bar-before{background:var(--ink-mute);}
.bar-after{background:linear-gradient(90deg,var(--brand),var(--brand-dark));}
.bar-val{font-size:.82rem;font-weight:700;color:var(--ink-sub);margin-left:12px;white-space:nowrap;}
.bar-fill.grown{transition:width 1.2s cubic-bezier(.4,0,.2,1);}
.bar-fill-full{width:100%;}
.bar-fill-mid{width:46%;}
.bar-fill-short{width:38%;}

/* ─── Why Us ─── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:880px){.why-grid{grid-template-columns:1fr;}}
.why-card{
  background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-radius:4px;padding:48px 36px;
  border:1px solid rgba(255,255,255,.6);
  position:relative;transition:.3s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 8px 24px rgba(0,0,0,.04);
}
.why-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 16px 48px rgba(29,78,216,.12);}
.why-card::before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:4px;background:linear-gradient(180deg,var(--brand),var(--brand-light));border-radius:0 4px 4px 0;}
.why-num{font-size:1.5rem;font-weight:700;color:var(--brand);margin-bottom:16px;line-height:1;font-family:var(--font-sans);}
.why-card h3{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.4;}
.why-card p{font-size:.95rem;color:var(--ink-sub);line-height:1.9;}
.text-link{
  display:block;
  margin-top:16px;
  font-size:.88rem;
  font-weight:700;
  color:var(--brand);
}
.text-link:hover{color:var(--brand-dark);}

/* ─── Process ─── */
.flow-list{max-width:800px;}
.flow-step{display:flex;gap:40px;padding:48px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.flow-step:first-child{border-top:1px solid var(--line);}
.flow-num{font-size:1.5rem;font-weight:700;color:var(--brand);font-family:var(--font-sans);width:80px;flex-shrink:0;line-height:1;padding-top:4px;}
.flow-body h4{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:10px;}
.flow-body p{font-size:.95rem;color:var(--ink-sub);line-height:1.9;}
@media(max-width:600px){.flow-step{flex-direction:column;gap:16px;}.flow-num{width:auto;}}

/* ─── Support Mechanisms ─── */
.sup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;}
@media(max-width:640px){.sup-grid{grid-template-columns:1fr;}}
.sup-card{padding:28px 24px;background:rgba(255,255,255,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:4px;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 2px 12px rgba(0,0,0,.03);transition:.3s;}
.sup-card h4{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.sup-card h4::before{content:'';display:block;width:8px;height:8px;background:var(--brand);border-radius:2px;flex-shrink:0;}
.sup-card p{font-size:.95rem;color:var(--ink-sub);line-height:1.9;}

/* ─── Plans ─── */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:880px){.plan-grid{grid-template-columns:1fr;max-width:420px;}}
.plan-card{
  background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-radius:4px;padding:48px 32px;
  border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;transition:.3s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 8px 24px rgba(0,0,0,.04);
}
.plan-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 16px 48px rgba(29,78,216,.12);}
.plan-card.featured{border:2px solid transparent;background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(135deg,var(--brand),var(--brand-light));background-origin:padding-box,border-box;background-clip:padding-box,border-box;}
.plan-tag{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:4px;margin-bottom:20px;align-self:flex-start;}
.plan-eyebrow{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  color:var(--brand);
  background:var(--brand-pale);
  padding:6px 14px;
  border-radius:4px;
  margin-bottom:20px;
  align-self:flex-start;
  letter-spacing:.04em;
}
.plan-card h3{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:12px;}
.plan-card>p{font-size:.95rem;color:var(--ink-sub);margin-bottom:24px;line-height:1.9;min-height:50px;}
.plan-list{list-style:none;margin-bottom:36px;flex:1;}
.plan-list li{font-size:.95rem;color:var(--ink-sub);padding:12px 0;border-top:1px solid var(--line);font-weight:600;display:flex;align-items:center;gap:8px;}
.plan-list li::before{content:'→';color:var(--brand);font-weight:700;}
.plan-btn{display:block;text-align:center;padding:16px;border:1.5px solid rgba(21,38,50,.12);color:var(--ink);font-weight:700;font-size:.95rem;border-radius:4px;transition:.25s;}
.plan-btn:hover{border-color:var(--brand);color:var(--brand);background:rgba(56,189,248,.08);}
.plan-btn:active{transform:scale(.97);}
.plan-card.featured .plan-btn{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(29,78,216,.18);}
.plan-card.featured .plan-btn:hover{box-shadow:0 8px 32px rgba(29,78,216,.28);transform:translateY(-1px);}

/* ─── Resources ─── */
.res-card{background:var(--white);border-radius:var(--r);display:flex;align-items:center;overflow:hidden;border:1px solid rgba(21,38,50,.06);max-width:900px;}
@media(max-width:640px){.res-card{flex-direction:column;}}
.res-img{width:280px;flex-shrink:0;background:var(--bg-sec);display:flex;justify-content:center;align-items:center;padding:48px;}
@media(max-width:640px){.res-img{width:100%;padding:32px;}}
.book-mock{width:130px;height:180px;background:#fff;border:1px solid var(--line);box-shadow:4px 4px 16px rgba(0,0,0,.08);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;border-radius:4px;}
.book-mock::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand);border-radius:4px 0 0 4px;}
.book-mock strong{font-size:.82rem;font-weight:700;color:var(--ink);line-height:1.4;}
.res-body{padding:48px;flex:1;}
.res-body .res-tag{display:inline-block;color:var(--brand);border:1px solid var(--brand);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:14px;}
.res-body h3{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.4;}
.res-body p{font-size:.95rem;color:var(--ink-sub);margin-bottom:24px;line-height:1.9;}

/* ─── FAQ ─── */
.faq-list{max-width:800px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item:first-child{border-top:1px solid var(--line);}
.faq-item summary{padding:24px 0;font-size:1.05rem;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:.2s;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:1.3rem;font-weight:400;color:var(--ink-mute);transition:transform .3s;}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--brand);}
.faq-item summary:hover{color:var(--brand);}
.faq-answer{padding:0 0 24px;font-size:.95rem;color:var(--ink-sub);line-height:1.9;max-width:700px;}

/* ─── Dark Section (Company + Contact) ─── */
.dark-sec{background:var(--dark);color:#fff;margin:0 32px;border-radius:var(--r);position:relative;overflow:hidden;}
@media(max-width:920px){.dark-sec{margin:0 12px;}}
.dark-sec::before{content:'';position:absolute;width:200px;height:800px;background:linear-gradient(135deg,rgba(56,189,248,.24),transparent);top:-200px;right:20%;transform:rotate(-35deg);pointer-events:none;}
.dark-sec::after{content:'';position:absolute;width:150px;height:600px;background:linear-gradient(135deg,rgba(94,234,212,.12),transparent);bottom:-100px;left:10%;transform:rotate(-35deg);pointer-events:none;}
.dark-sec .wrap{position:relative;z-index:2;}
.dark-sec .sec-label{display:inline-block;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:16px;}

.dark-split{display:flex;gap:80px;align-items:flex-start;}
@media(max-width:920px){.dark-split{flex-direction:column;gap:48px;}}
.dark-left{flex:1;}
.dark-right{flex:1;}
.dark-left h2{font-size:clamp(1.5rem,2.8vw,1.9rem);font-weight:700;line-height:1.4;margin-bottom:20px;}
.dark-left p{font-size:.95rem;color:rgba(255,255,255,.7);line-height:1.9;margin-bottom:14px;}

.co-table{width:100%;border-collapse:collapse;margin-top:40px;}
.co-table tr{border-bottom:1px solid var(--dark-line);}
.co-table th,.co-table td{padding:16px 0;text-align:left;font-size:.95rem;}
.co-table th{width:130px;color:rgba(255,255,255,.5);font-weight:600;}
.co-table td{color:rgba(255,255,255,.85);}

/* Contact form in dark */
.ct-form{background:rgba(255,255,255,.06);border:1px solid var(--dark-line);border-radius:var(--r);padding:40px;}
.ct-form h3{font-size:1.05rem;font-weight:700;margin-bottom:20px;}
.fg{margin-bottom:18px;}
.fg label{display:block;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:6px;}
.fg input,.fg select,.fg textarea{width:100%;padding:13px 16px;border:1px solid var(--dark-line);border-radius:4px;font-family:inherit;font-size:.92rem;background:rgba(255,255,255,.04);color:#fff;transition:.2s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--brand);background:rgba(255,255,255,.08);}
.fg textarea{min-height:100px;resize:vertical;}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.3);}
.fg select option{background:var(--dark);color:#fff;}
.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border:none;font-size:.95rem;font-weight:700;border-radius:4px;cursor:pointer;transition:.25s;margin-top:8px;box-shadow:0 4px 16px rgba(29,78,216,.18);}
.btn-submit:hover{box-shadow:0 8px 32px rgba(29,78,216,.28);transform:translateY(-1px);}

/* CTA Value Props */
.ct-values{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.ct-value{font-size:.85rem;color:rgba(255,255,255,.8);padding:10px 14px;background:rgba(255,255,255,.04);border-radius:10px;border:1px solid rgba(255,255,255,.06);}

/* ─── Footer (minimal) ─── */
footer{padding:48px 0;border-top:1px solid var(--line);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.ft-brand{font-weight:600;font-size:.82rem;color:var(--ink-sub);display:flex;align-items:center;gap:8px;}
.ft-brand .brand-wordmark{font-size:1rem;}
.ft-brand .brand-mark-svg{width:22px;height:22px;}
.ft-links{display:flex;gap:24px;}
.ft-links a{font-size:.72rem;color:var(--ink-mute);font-weight:500;transition:color .15s;}
.ft-links a:hover{color:var(--ink);}
.ft-copy{font-size:.65rem;color:var(--ink-mute);}

/* ─── Founder Profile ─── */
.founder{display:flex;gap:40px;align-items:flex-start;margin-bottom:48px;}
.founder-photo{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));display:grid;place-items:center;flex-shrink:0;
  font-size:2.5rem;color:rgba(255,255,255,.3);border:3px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(29,78,216,.15);}
.founder-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.founder-info h4{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:4px;}
.founder-title{font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:12px;}
.founder-bio{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:16px;}
.founder-badges{display:flex;gap:10px;flex-wrap:wrap;}
.founder-badge{font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:4px;background:rgba(56,189,248,.14);color:var(--brand-dark);border:1px solid rgba(29,78,216,.16);}
@media(max-width:640px){.founder{flex-direction:column;align-items:center;text-align:center;}.founder-badges{justify-content:center;}}

/* ─── Stairs (Bottleneck cards — refined) ─── */
.stairs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:768px){.stairs{grid-template-columns:1fr;}}
.stair{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;transition:all .2s ease;position:relative;
  box-shadow:var(--shadow-sm);}
.stair:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.stair-1{border-left:2px solid var(--brand);}
.stair-2{border-left:2px solid rgba(29,78,216,.5);}
.stair-3{border-left:2px solid rgba(56,189,248,.55);}
.stair-badge{display:inline-block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);background:var(--brand-pale);padding:3px 10px;border-radius:4px;margin-bottom:12px;}
.stair h4{font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em;}
.stair p{font-size:.82rem;color:var(--ink-sub);line-height:1.7;margin-bottom:0;}

/* ─── Scroll Animations (enhanced) ─── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);}
.reveal.visible{opacity:1;transform:none;}
.reveal-d1{transition-delay:.1s;}
.reveal-d2{transition-delay:.2s;}
.reveal-d3{transition-delay:.3s;}
.reveal-d4{transition-delay:.4s;}

/* Card hover — unified micro-interactions */
.why-card,.plan-card,.sup-card,.out-card{transition:all .3s cubic-bezier(.4,0,.2,1);}
.why-card:hover,.plan-card:hover,.out-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.sup-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.plan-card.featured:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(56,189,248,.18);}

/* Stair cards hover */
.stair{transition:all .3s cubic-bezier(.4,0,.2,1);}
.stair:hover{transform:translateX(8px);box-shadow:var(--shadow-md);}

/* Flow step hover */
.flow-step{transition:all .3s cubic-bezier(.4,0,.2,1);}
.flow-step:hover{transform:translateX(6px);}
.flow-step:hover .flow-num{background:var(--brand-dark);color:#fff;transform:scale(1.05);}
.flow-num{transition:all .3s cubic-bezier(.4,0,.2,1);}

/* Eco card enhanced hover */
.eco-tool{transition:all .2s ease;}
.eco-card:hover .eco-tool{border-color:var(--brand-light);background:rgba(125,211,252,.08);}

/* Biz item hover */
.biz-item{transition:all .3s cubic-bezier(.4,0,.2,1);}
.biz-item:hover{transform:translateX(6px);}
.biz-item:hover .biz-num{color:var(--brand);transform:scale(1.08);}
.biz-num{transition:all .3s cubic-bezier(.4,0,.2,1);}

/* Bar chart animation */
.bar-fill{transition:width 1.2s cubic-bezier(.4,0,.2,1);}
.out-card:not(.visible) .bar-fill{width:0 !important;}

/* Why number hover pulse */
.why-num{transition:all .3s cubic-bezier(.4,0,.2,1);}
.why-card:hover .why-num{color:var(--brand);transform:scale(1.1);}

/* ─── Loading Intro ─── */
.intro-overlay{position:fixed;inset:0;background:var(--bg);z-index:9999;display:grid;place-items:center;
  transition:opacity .4s ease,visibility .4s;}
.intro-overlay.done{opacity:0;visibility:hidden;pointer-events:none;}
.intro-logo{display:grid;place-items:center;animation:intro-pulse .6s ease-out;}
.intro-lockup .brand-mark-svg{width:48px;height:48px;}
.intro-lockup .brand-wordmark{font-size:1.9rem;letter-spacing:-.06em;}
@keyframes intro-pulse{0%{transform:scale(.8);opacity:0;}100%{transform:scale(1);opacity:1;}}

/* Mouse Glow — removed for cleaner look */
.glow-card{position:relative;}
.glow-card::after{display:none;}

/* ─── Bottom CTA ─── */
.bottom-cta{padding:100px 0;text-align:center;border-top:1px solid var(--line);}
.bottom-cta h2{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:600;color:var(--ink);margin-bottom:12px;letter-spacing:-.02em;}
.bottom-cta p{font-size:.9rem;color:var(--ink-sub);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;font-weight:400;}
.bottom-cta .btn{margin:0 6px;transition:all .3s cubic-bezier(.4,0,.2,1);}
.bottom-cta .btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1);}
.bottom-cta .btn-outline{
  color:var(--ink-sub);
}

/* ─── Sub-page header spacer ─── */
.page-spacer{height:120px;}
.page-spacer--tall{height:155px;}

/* ─── Sub-page FV ─── */
.page-fv{
  position:relative;
  overflow:hidden;
  padding:64px 0 76px;
  border-bottom:1px solid var(--line);
}
.page-fv .sec-label{
  display:block;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--brand-dark);
  margin-bottom:18px;
}
.page-fv h1{
  font-size:clamp(2.3rem,4.4vw,3.9rem);
  font-weight:700;
  color:var(--ink);
  line-height:1.1;
  margin-bottom:18px;
  letter-spacing:-.05em;
  max-width:14em;
  text-wrap:pretty;
}
.page-fv p{
  font-size:1.02rem;
  color:var(--ink-sub);
  max-width:42rem;
  line-height:1.9;
  font-weight:500;
}
.page-fv--contact,
.page-fv--diagnostic{
  background:
    radial-gradient(circle at 74% 14%, rgba(125,211,252,.34), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(237,247,255,.82));
}
.page-fv-shell{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px, 360px);
  gap:48px;
  align-items:end;
}
.page-fv-copy{max-width:640px;}
.page-fv-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-fv-kpi{
  min-width:170px;
  padding:12px 14px;
  border:1px solid rgba(29,78,216,.08);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(29,78,216,.05);
  backdrop-filter:blur(10px);
}
.page-fv-kpi span{
  display:block;
  margin-bottom:6px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
}
.page-fv-kpi strong{
  display:block;
  font-size:.92rem;
  font-weight:700;
  line-height:1.5;
  color:var(--ink);
}
.page-fv-panel{
  padding:28px;
  border:1px solid rgba(29,78,216,.12);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.7));
  box-shadow:0 24px 80px rgba(29,78,216,.08);
}
.page-fv-panel-label{
  display:inline-block;
  margin-bottom:10px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--brand-dark);
}
.page-fv-panel h2{
  font-size:1.18rem;
  font-weight:700;
  line-height:1.5;
  color:var(--ink);
  margin-bottom:12px;
}
.page-fv-panel-list{
  list-style:none;
  display:grid;
  gap:10px;
}
.page-fv-panel-list li{
  position:relative;
  padding-left:18px;
  font-size:.9rem;
  line-height:1.7;
  color:var(--ink-sub);
}
.page-fv-panel-list li::before{
  content:'';
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--brand), var(--brand-light));
}
@media(max-width:920px){
  .page-fv-shell{
    grid-template-columns:1fr;
    gap:24px;
  }
}

/* ─── Sub-page rhythm ─── */
.subpage-body .page-spacer{height:132px;}
.subpage-body .page-fv{padding:52px 0 60px;}
.subpage-body .sec{padding:88px 0;}
.subpage-body .sec-tight{padding:20px 0 0;}
.subpage-body .bottom-cta{padding:76px 0;}
.subpage-body .reveal{
  opacity:1;
  transform:none;
  transition:none;
}
.contact-compact .page-spacer{height:108px;}
.contact-compact .page-fv{padding:36px 0 34px;}
.contact-compact .page-fv-shell{display:block;}
.contact-compact .page-fv h1{
  max-width:11em;
  margin-bottom:12px;
}
.contact-compact .page-fv p{
  max-width:680px;
  line-height:1.75;
}
.contact-compact .page-fv-kpis{
  margin-top:18px;
}
.contact-compact .page-fv-kpi{
  min-width:150px;
  padding:10px 12px;
  border-radius:0;
  box-shadow:none;
}
.contact-compact #form{
  padding:46px 0 72px;
}
.contact-compact .section-heading-stack{
  margin-bottom:20px;
}
.contact-compact .contact-form-card{
  max-width:680px;
  padding:26px;
  border-radius:0;
  box-shadow:none;
}

.contact-form-card{
  max-width:720px;
  padding:32px;
  border:1px solid rgba(12,17,24,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,245,247,.92));
  box-shadow:var(--shadow-md);
}
.contact-form-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.contact-form-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(12,17,24,.08);
  color:var(--ink-sub);
  font-size:.78rem;
  font-weight:600;
}
.contact-form-chip strong{
  color:var(--ink);
  font-weight:700;
}
.contact-form-card--wide{max-width:760px;}
.contact-form-lead{
  margin-bottom:24px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(12,17,24,.08);
}
.contact-form-lead h2{
  font-size:1.16rem;
  font-weight:700;
  line-height:1.5;
  color:var(--ink);
  margin-bottom:8px;
}
.contact-form-lead p{
  font-size:.92rem;
  line-height:1.8;
  color:var(--ink-sub);
}
.section-heading-stack{
  max-width:760px;
  margin-bottom:48px;
}
.section-heading-stack--compact{margin-bottom:28px;}
.section-heading-stack .sec-label{margin-bottom:12px;}
.section-heading-stack .mission-text{margin-bottom:12px;}
.section-frame--narrow{max-width:760px;}
.question-list{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--line);
}
.question-item{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:24px 0;
  border-bottom:1px solid var(--line);
  transition:transform .2s ease, background .2s ease;
}
.question-item:hover{
  transform:translateX(4px);
  background:rgba(56,189,248,.04);
}
.question-mark{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(56,189,248,.08);
  color:var(--brand-dark);
  font-family:var(--font-sans);
  font-size:.88rem;
  font-weight:700;
}
.question-text{
  font-size:1rem;
  font-weight:600;
  line-height:1.8;
  color:var(--ink);
}
.form-field{margin-bottom:20px;}
.form-label{
  display:block;
  margin-bottom:8px;
  font-size:.85rem;
  font-weight:600;
  color:var(--ink-sub);
}
.form-control{
  width:100%;
  padding:14px 16px;
  border:1.5px solid rgba(21,38,50,.12);
  border-radius:6px;
  font-family:inherit;
  font-size:.95rem;
  background:#fff;
  color:var(--ink);
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.form-control:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(56,189,248,.14);
  background:#fff;
}
.form-control--textarea{
  min-height:120px;
  resize:vertical;
}
.form-privacy{
  margin-bottom:24px;
  font-size:.78rem;
  line-height:1.8;
  color:var(--ink-mute);
}
.form-privacy a{color:var(--brand);}
.form-submit{
  width:100%;
  padding:18px;
  font-size:1rem;
}

.res-upcoming{
  max-width:820px;
  padding:28px 32px;
  border:1px dashed rgba(12,17,24,.16);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(243,245,247,.9));
}
.res-upcoming-label{
  display:inline-block;
  margin-bottom:12px;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
}
.res-upcoming h3{
  font-size:1.15rem;
  margin-bottom:10px;
  color:var(--ink);
}
.res-upcoming p{
  font-size:.92rem;
  line-height:1.8;
  color:var(--ink-sub);
}
.res-upcoming-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

/* ─── Diagnostic page ─── */
.diag-wrap{
  max-width:860px;
  margin:0 auto;
  padding:0 20px;
}
.diagnostic-body .page-fv{padding-bottom:28px;}
.diag-intro-band{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:20px 0 24px;
}
.diag-intro-card{
  padding:18px 18px 16px;
  border:1px solid rgba(12,17,24,.08);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,245,247,.92));
  box-shadow:var(--shadow-sm);
}
.diag-intro-label{
  display:block;
  margin-bottom:6px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brand);
}
.diag-intro-card strong{
  display:block;
  font-size:1rem;
  color:var(--ink);
}
.diag-intro-card p{
  margin-top:4px;
  font-size:.86rem;
  line-height:1.6;
  color:var(--ink-sub);
}
.diag-progress{
  position:sticky;
  top:76px;
  z-index:90;
  margin-bottom:28px;
  padding:16px 18px 14px;
  border:1px solid rgba(12,17,24,.08);
  border-radius:16px;
  background:rgba(246,251,255,.94);
  backdrop-filter:blur(12px);
  box-shadow:var(--shadow-sm);
}
.diag-progress-bar{
  height:6px;
  background:var(--border);
  border-radius:999px;
  overflow:hidden;
}
.diag-progress-fill{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--brand),var(--brand-light));
  border-radius:999px;
  transition:width .5s cubic-bezier(.4,0,.2,1);
}
.diag-progress-label{
  font-size:.82rem;
  color:var(--ink-mute);
  margin-top:8px;
  font-weight:600;
  transition:opacity .3s;
}
.diag-progress-note{
  margin-top:10px;
  font-size:.82rem;
  color:var(--ink-sub);
}
.diag-phase{display:none;scroll-margin-top:120px;}
.diag-phase.active{display:block;animation:phaseIn .5s cubic-bezier(.4,0,.2,1) forwards;}
@keyframes phaseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.diag-phase-label{
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--brand);
  margin-bottom:8px;
}
.diag-phase-note{
  margin-bottom:24px;
  font-size:.88rem;
  line-height:1.8;
  color:var(--ink-sub);
}
.diag-q{margin-bottom:32px;}
.diag-q h3,
.diag-matrix-title{
  font-size:1.05rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:14px;
  line-height:1.6;
}
.diag-matrix-title{margin-bottom:6px;}
.diag-options{display:flex;flex-direction:column;gap:8px;}
.diag-opt{
  display:block;
  padding:14px 18px;
  border:1.5px solid var(--border);
  border-radius:10px;
  cursor:pointer;
  font-size:.92rem;
  line-height:1.5;
  color:var(--ink);
  transition:all .25s cubic-bezier(.4,0,.2,1);
  background:rgba(255,255,255,.82);
  position:relative;
  overflow:hidden;
}
.diag-opt::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:var(--brand);
  transform:scaleY(0);
  transition:transform .25s;
  border-radius:0 2px 2px 0;
}
.diag-opt:hover{
  border-color:var(--brand);
  background:rgba(56,189,248,.06);
  transform:translateX(4px);
}
.diag-opt:hover::before{transform:scaleY(1);}
.diag-opt.selected{
  border-color:var(--brand);
  background:rgba(56,189,248,.1);
  font-weight:600;
  transform:translateX(4px);
  box-shadow:0 2px 8px rgba(56,189,248,.14);
}
.diag-opt.selected::before{transform:scaleY(1);}
.diag-opt input{display:none;}
.diag-table-wrap{
  overflow-x:auto;
  border:1px solid rgba(12,17,24,.08);
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:var(--shadow-sm);
}
.diag-matrix-intro{
  margin-bottom:18px;
  font-size:.82rem;
  color:var(--ink-mute);
}
.diag-matrix{
  width:100%;
  min-width:720px;
  border-collapse:separate;
  border-spacing:0;
  font-size:.85rem;
}
.diag-matrix thead{
  position:sticky;
  top:164px;
  z-index:80;
}
.diag-matrix thead th{
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ink-mute);
  padding:12px 6px;
  text-align:center;
  border-bottom:2px solid var(--border);
  background:rgba(246,251,255,.98);
}
.diag-matrix thead th:first-child{text-align:left;min-width:180px;}
.diag-matrix tbody tr{transition:background .2s;}
.diag-matrix tbody tr:nth-child(even){background:rgba(56,189,248,.025);}
.diag-matrix tbody tr:hover{background:rgba(56,189,248,.06);}
.diag-matrix tbody td{
  padding:12px 6px;
  text-align:center;
  border-bottom:1px solid var(--border);
}
.diag-matrix tbody td:first-child{
  text-align:left;
  font-weight:500;
  color:var(--ink);
  line-height:1.4;
}
.diag-matrix tbody td:first-child small{
  display:block;
  font-weight:400;
  font-size:.78rem;
  color:var(--ink-mute);
}
.diag-matrix input[type=radio]{
  accent-color:var(--brand);
  width:16px;
  height:16px;
  cursor:pointer;
  transition:transform .15s;
}
.diag-matrix input[type=radio]:hover{transform:scale(1.2);}
.diag-matrix input[type=radio]:checked{transform:scale(1.1);}
.diag-q-offset{margin-top:32px;}
.diag-nav{
  display:flex;
  gap:12px;
  justify-content:flex-end;
  margin-top:16px;
  padding-bottom:40px;
}
.diag-nav .btn{min-width:140px;text-align:center;}
.result-card,
.result-rec{
  opacity:0;
  transform:translateY(20px);
}
.result-card.show,
.result-rec.show{animation:cardIn .5s cubic-bezier(.4,0,.2,1) forwards;}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
.result-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,245,247,.92));
  border:1px solid rgba(12,17,24,.08);
  border-radius:18px;
  padding:32px;
  margin-bottom:24px;
  box-shadow:var(--shadow-sm);
}
.result-card h3{
  font-size:1.1rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:16px;
}
.diag-result-note,
.diag-gap-summary,
.diag-lead-copy{
  font-size:.88rem;
  line-height:1.8;
  color:var(--ink-sub);
  margin-bottom:16px;
}
.diag-result-note{
  font-size:.82rem;
  color:var(--ink-mute);
}
.diag-gap-summary{margin-bottom:4px;}
.cost-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid var(--border);
  font-size:.92rem;
  opacity:0;
  animation:rowSlide .4s forwards;
}
@keyframes rowSlide{to{opacity:1}}
.cost-row:last-child{border-bottom:none;}
.cost-label{color:var(--ink-sub);}
.cost-value{
  font-weight:700;
  color:var(--brand-dark);
  font-family:var(--font-sans);
  font-size:1.05rem;
}
.cost-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 0 0;
  border-top:2px solid var(--brand);
  margin-top:8px;
  font-size:1.1rem;
  font-weight:700;
}
.cost-total .cost-value{font-size:1.4rem;}
.tool-gap{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.tool-tag{
  font-size:.78rem;
  padding:5px 12px;
  border-radius:20px;
  font-weight:600;
  opacity:0;
  animation:tagPop .3s forwards;
}
@keyframes tagPop{to{opacity:1;transform:scale(1)}from{transform:scale(.8)}}
.tool-tag.unused{background:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2);}
.tool-tag.tried{background:rgba(245,158,11,.08);color:#d97706;border:1px solid rgba(245,158,11,.2);}
.tool-tag.active{background:rgba(56,189,248,.1);color:var(--brand-dark);border:1px solid rgba(56,189,248,.24);}
.tool-legend{display:flex;gap:16px;margin-top:16px;font-size:.75rem;color:var(--ink-mute);}
.tool-legend span::before{content:'●';margin-right:4px;}
.tool-legend .leg-unused::before{color:#dc2626;}
.tool-legend .leg-tried::before{color:#d97706;}
.tool-legend .leg-active::before{color:var(--brand-dark);}
.result-rec{
  background:linear-gradient(135deg, rgba(56,189,248,.08), rgba(29,78,216,.06));
  border:1px solid rgba(56,189,248,.22);
  border-radius:18px;
  padding:28px;
  margin-bottom:24px;
  box-shadow:var(--shadow-sm);
}
.result-rec h4{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--brand-dark);
  margin-bottom:8px;
  font-weight:700;
}
.result-rec p{
  font-size:1rem;
  font-weight:600;
  color:var(--ink);
  line-height:1.7;
}
.lead-form{margin-top:32px;}
.diag-form-email{margin-bottom:12px;}
.diag-form-note{
  margin-top:10px;
  font-size:.72rem;
  line-height:1.7;
  color:var(--ink-mute);
}
.diag-form-note a{color:var(--brand);}

/* ─── Diagnostic page: workbench-home alignment ─── */
.diagnostic-body{
  --diag-ink:#0B1F3A;
  --diag-ink-2:#1E3558;
  --diag-ink-soft:#4A5A78;
  --diag-ink-mute:#8B95A8;
  --diag-line:#D8D2C2;
  --diag-line-soft:#E7E3D7;
  --diag-paper:#F7F6F2;
  --diag-paper-2:#EFEDE4;
  --diag-paper-3:#F2F7FD;
  --diag-chart:#4A7FB8;
  --diag-chart-deep:#2C5F99;
  --diag-brass:#B8935A;
  --diag-brass-deep:#8E6E3E;
  font-family:var(--font-sans);
  background:linear-gradient(180deg,#F7F6F2 0%,#F1F7FD 100%);
  color:var(--diag-ink);
}
.diagnostic-body p,
.diagnostic-body li,
.diagnostic-body label,
.diagnostic-body input,
.diagnostic-body button,
.diagnostic-body small,
.diagnostic-body span{
  font-family:var(--font-sans);
}
.diagnostic-body h1,
.diagnostic-body h2,
.diagnostic-body h3,
.diagnostic-body h4{
  font-family:var(--font-serif);
  letter-spacing:.01em;
}
.diagnostic-body header{
  background:rgba(247,246,242,.92);
  border-bottom:1px solid var(--diag-line);
  box-shadow:none;
  backdrop-filter:blur(12px) saturate(130%);
}
.diagnostic-body header.scrolled{box-shadow:none;}
.diagnostic-body .logo{padding:0;}
.diagnostic-body .brand-wordmark{
  font-family:var(--font-serif);
  font-size:1.56rem;
  font-weight:500;
  letter-spacing:.015em;
  color:var(--diag-ink);
}
.diagnostic-body .nav-pill{gap:26px;}
.diagnostic-body .nav-pill a{
  font-family:var(--font-sans);
  font-size:.78rem;
  font-weight:500;
  color:var(--diag-ink-2);
  padding:6px 0;
}
.diagnostic-body .nav-pill a:hover{
  background:transparent;
  color:var(--diag-ink);
}
.diagnostic-body .nav-cta{
  background:var(--diag-ink) !important;
  color:var(--diag-paper) !important;
  border-radius:0 !important;
  padding:11px 18px !important;
}
.diagnostic-body .nav-cta:hover{background:var(--diag-chart-deep) !important;}
.diagnostic-body .nav-menu-btn{
  font-family:var(--font-sans);
  background:rgba(247,246,242,.92);
  border:1px solid var(--diag-line);
}
.diagnostic-body .mobile-menu{
  background:var(--diag-paper);
  border-bottom:1px solid var(--diag-line);
  box-shadow:none;
}
.diagnostic-body .mobile-menu a{
  font-family:var(--font-sans);
}
.diagnostic-body .mobile-menu a:not(.nav-cta):hover{background:rgba(11,31,58,.04);}
.diagnostic-body .page-spacer{height:144px;}
.diagnostic-body .page-fv{
  position:relative;
  padding:74px 0 52px;
  border-bottom:1px solid var(--diag-line);
}
.diagnostic-body .page-fv--diagnostic{
  background:
    linear-gradient(180deg, rgba(247,246,242,.9) 0%, rgba(247,246,242,.44) 18%, rgba(247,246,242,0) 42%),
    linear-gradient(180deg, #F7F6F2 0%, #F4F8FC 34%, #EEF5FC 100%);
}
.diagnostic-body .page-fv--diagnostic::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(to right, var(--diag-line-soft) 1px, transparent 1px),
    linear-gradient(to bottom, var(--diag-line-soft) 1px, transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.4) 42%, rgba(0,0,0,.08) 100%);
}
.diagnostic-body .page-fv--diagnostic::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 18%, rgba(255,249,239,.56) 0%, rgba(255,249,239,0) 20%),
    linear-gradient(135deg, transparent 62%, rgba(125,185,240,.18) 62%, rgba(125,185,240,.06) 100%);
}
.diagnostic-body .page-fv-shell{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.diagnostic-body .page-fv-copy{
  max-width:760px;
  padding-top:4px;
}
.diagnostic-body .page-fv .sec-label{
  margin-bottom:18px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .page-fv h1{
  margin-bottom:20px;
  font-size:clamp(2.9rem,4.6vw,4.2rem);
  font-weight:600;
  line-height:1.18;
  letter-spacing:.01em;
  color:var(--diag-ink);
  max-width:none;
}
.diagnostic-body .page-fv-title-line{
  display:block;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}
.diagnostic-body .page-fv p{
  font-size:15.5px;
  line-height:1.95;
  color:var(--diag-ink-soft);
  font-weight:400;
  max-width:42rem;
  letter-spacing:.01em;
}
.diagnostic-body .page-fv-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
  max-width:840px;
}
.diagnostic-body .page-fv-kpi{
  min-width:0;
  padding:16px 18px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.88);
  box-shadow:none;
  backdrop-filter:none;
  min-height:100%;
}
.diagnostic-body .page-fv-kpi span{
  margin-bottom:7px;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .page-fv-kpi strong{
  font-family:var(--font-serif);
  font-size:15px;
  font-weight:600;
  line-height:1.6;
  color:var(--diag-ink);
}
.diagnostic-body .diag-wrap{
  max-width:980px;
  padding:0 24px;
}
.diagnostic-body .diag-intro-band{
  gap:16px;
  margin:30px 0 24px;
  align-items:stretch;
}
.diagnostic-body .diag-intro-card{
  padding:20px 20px 18px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.88);
  box-shadow:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
}
.diagnostic-body .diag-intro-label{
  margin-bottom:8px;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .diag-intro-card strong{
  font-family:var(--font-serif);
  font-size:1.14rem;
  font-weight:600;
  line-height:1.6;
  color:var(--diag-ink);
}
.diagnostic-body .diag-intro-card p{
  margin-top:8px;
  font-size:.88rem;
  line-height:1.8;
  color:var(--diag-ink-soft);
}
.diagnostic-body .diag-progress{
  top:84px;
  padding:18px 20px 16px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.94);
  box-shadow:none;
  margin-bottom:34px;
}
.diagnostic-body .diag-progress-bar{
  height:5px;
  background:var(--diag-line-soft);
}
.diagnostic-body .diag-progress-fill{
  background:linear-gradient(90deg, var(--diag-brass), var(--diag-chart-deep));
}
.diagnostic-body .diag-progress-label{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .diag-progress-note{
  margin-top:10px;
  font-size:.84rem;
  color:var(--diag-ink-soft);
  line-height:1.8;
}
.diagnostic-body .diag-phase-label{
  margin-bottom:12px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .diag-phase-note{
  margin-bottom:26px;
  font-size:.86rem;
  color:var(--diag-ink-soft);
  line-height:1.85;
}
.diagnostic-body .diag-q-note{
  margin:-2px 0 14px;
  font-size:.84rem;
  line-height:1.85;
  color:var(--diag-ink-soft);
}
.diagnostic-body .diag-q{margin-bottom:36px;}
.diagnostic-body .diag-q h3,
.diagnostic-body .diag-matrix-title{
  margin-bottom:16px;
  font-size:1.26rem;
  font-weight:600;
  line-height:1.65;
  color:var(--diag-ink);
}
.diagnostic-body .diag-matrix-title{margin-bottom:8px;}
.diagnostic-body .diag-options{gap:10px;}
.diagnostic-body .diag-opt{
  padding:16px 18px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.88);
  color:var(--diag-ink);
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.diagnostic-body .diag-opt--plan{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.diagnostic-body .diag-opt-main{
  font-size:.97rem;
  font-weight:500;
  color:var(--diag-ink);
}
.diagnostic-body .diag-opt-sub{
  font-size:.78rem;
  line-height:1.7;
  color:var(--diag-ink-soft);
}
.diagnostic-body .diag-opt::before{
  width:2px;
  background:var(--diag-brass);
  border-radius:0;
}
.diagnostic-body .diag-opt:hover{
  border-color:var(--diag-ink);
  background:rgba(239,237,228,.76);
  transform:translateX(2px);
}
.diagnostic-body .diag-opt.selected{
  border-color:var(--diag-chart-deep);
  background:rgba(239,237,228,.95);
  box-shadow:none;
  font-weight:500;
  transform:translateX(2px);
}
.diagnostic-body .diag-opt.selected .diag-opt-sub{color:var(--diag-ink-2);}
.diagnostic-body .diag-table-wrap{
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.92);
  box-shadow:none;
}
.diagnostic-body .diag-matrix-intro{
  margin-bottom:18px;
  font-size:.82rem;
  color:var(--diag-ink-soft);
  line-height:1.85;
}
.diagnostic-body .diag-matrix thead th{
  padding:14px 6px;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--diag-brass-deep);
  background:var(--diag-paper-2);
  border-bottom:1px solid var(--diag-line);
}
.diagnostic-body .diag-matrix tbody tr:nth-child(even){background:rgba(255,255,255,.38);}
.diagnostic-body .diag-matrix tbody tr:hover{background:rgba(239,237,228,.72);}
.diagnostic-body .diag-matrix tbody td{
  padding:13px 6px;
  border-bottom:1px solid var(--diag-line-soft);
}
.diagnostic-body .diag-matrix tbody td:first-child{
  font-weight:500;
  color:var(--diag-ink);
}
.diagnostic-body .diag-matrix tbody td:first-child small{
  font-size:.76rem;
  color:var(--diag-ink-mute);
}
.diagnostic-body .diag-matrix input[type=radio]{accent-color:var(--diag-chart-deep);}
.diagnostic-body .diag-nav{
  gap:12px;
  margin-top:28px;
  padding-bottom:48px;
}
.diagnostic-body .diag-nav--single{justify-content:flex-end;}
.diagnostic-body .diag-nav--between{justify-content:space-between;}
.diagnostic-body .diag-nav .btn{
  min-width:168px;
  padding:14px 22px;
}
.diagnostic-body .btn-brand,
.diagnostic-body .btn-outline{
  border-radius:0;
  box-shadow:none;
  font-family:var(--font-sans);
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.06em;
}
.diagnostic-body .btn-brand{
  background:var(--diag-ink);
  border:1px solid var(--diag-ink);
  color:var(--diag-paper);
}
.diagnostic-body .btn-brand:hover{
  background:var(--diag-chart-deep);
  border-color:var(--diag-chart-deep);
}
.diagnostic-body .btn-outline{
  background:transparent;
  border:1px solid var(--diag-line);
  color:var(--diag-ink);
}
.diagnostic-body .btn-outline:hover{
  border-color:var(--diag-ink);
  background:rgba(11,31,58,.04);
}
.diagnostic-body .result-card{
  padding:30px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(247,246,242,.9);
  box-shadow:none;
}
.diagnostic-body .result-card h3{
  font-size:1.32rem;
  font-weight:600;
  color:var(--diag-ink);
}
.diagnostic-body .diag-result-note,
.diagnostic-body .diag-gap-summary,
.diagnostic-body .diag-lead-copy{
  font-size:.88rem;
  color:var(--diag-ink-soft);
  line-height:1.85;
}
.diagnostic-body .diag-result-note{
  font-size:.8rem;
  color:var(--diag-ink-mute);
}
.diagnostic-body .cost-row{
  padding:12px 0;
  border-bottom:1px solid var(--diag-line-soft);
  font-size:.9rem;
}
.diagnostic-body .cost-label{color:var(--diag-ink-soft);}
.diagnostic-body .cost-value{
  font-family:var(--font-serif);
  font-size:1.06rem;
  color:var(--diag-chart-deep);
}
.diagnostic-body .cost-total{
  padding-top:18px;
  border-top:1px solid var(--diag-line);
  font-family:var(--font-serif);
  font-size:1.08rem;
  font-weight:600;
  color:var(--diag-ink);
}
.diagnostic-body .cost-total .cost-value{font-size:1.4rem;}
.diagnostic-body .tool-tag{
  padding:6px 12px;
  border-radius:999px;
  font-family:var(--font-sans);
  font-size:.76rem;
  font-weight:500;
}
.diagnostic-body .tool-tag.unused{
  background:rgba(184,147,90,.08);
  color:var(--diag-brass-deep);
  border:1px solid rgba(184,147,90,.2);
}
.diagnostic-body .tool-tag.tried{
  background:rgba(74,127,184,.08);
  color:var(--diag-chart-deep);
  border:1px solid rgba(74,127,184,.18);
}
.diagnostic-body .tool-tag.active{
  background:rgba(47,106,74,.08);
  color:#2F6A4A;
  border:1px solid rgba(47,106,74,.16);
}
.diagnostic-body .tool-legend{
  gap:18px;
  margin-top:18px;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--diag-ink-mute);
}
.diagnostic-body .result-rec{
  padding:28px;
  border:1px solid var(--diag-line);
  border-radius:0;
  background:linear-gradient(180deg, rgba(239,237,228,.94), rgba(242,247,253,.88));
  box-shadow:none;
}
.diagnostic-body .result-rec h4{
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--diag-brass-deep);
}
.diagnostic-body .result-rec p{
  font-size:.96rem;
  font-weight:500;
  color:var(--diag-ink);
  line-height:1.9;
}
.diagnostic-body .form-control{
  border:1px solid var(--diag-line);
  border-radius:0;
  background:rgba(255,255,255,.9);
  color:var(--diag-ink);
  font-family:var(--font-sans);
}
.diagnostic-body .form-control:focus{
  border-color:var(--diag-chart-deep);
  box-shadow:0 0 0 3px rgba(74,127,184,.08);
}
.diagnostic-body .diag-form-note{
  color:var(--diag-ink-mute);
}
.diagnostic-body .diag-form-note a{color:var(--diag-chart-deep);}
body.has-test-banner .diagnostic-body .page-spacer{height:176px;}
body.has-test-banner .diagnostic-body .diag-progress{top:118px;}
body.has-test-banner .diagnostic-body .diag-matrix thead{top:198px;}
@media(max-width:640px){
  .page-fv-kpis{
    display:grid;
    grid-template-columns:1fr;
  }
  .page-fv-kpi{min-width:0;}
  .diag-intro-band{grid-template-columns:1fr;}
}
@media(max-width:920px){
  .diagnostic-body .page-fv-shell{grid-template-columns:1fr;gap:26px;}
  .diagnostic-body .page-fv h1{font-size:clamp(2.5rem,8vw,3.4rem);max-width:none;}
  .diagnostic-body .page-fv-kpis{grid-template-columns:1fr;}
  .diagnostic-body .diag-intro-band{grid-template-columns:1fr;}
  .diagnostic-body .diag-nav--between{justify-content:flex-start;}
}

/* ─── Policy page ─── */
.policy-body{max-width:800px;padding:48px 0 80px;}
.policy-body h2{font-size:1.15rem;font-weight:700;color:var(--ink);margin-top:48px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.policy-body h3{font-size:1rem;font-weight:700;color:var(--ink);margin-top:32px;margin-bottom:12px;}
.policy-body p,.policy-body li{font-size:.95rem;color:var(--ink-sub);line-height:1.9;margin-bottom:12px;}
.policy-body ul{padding-left:24px;}
.policy-body ul li{list-style:disc;}

/* ─── Mobile: Hero & Page FV heading fix (P1) ─── */
@media(max-width:480px){
  .hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.1;margin-bottom:14px;letter-spacing:-.05em;max-width:none;}
  .page-fv h1{font-size:2rem;line-height:1.14;max-width:none;}
  .page-fv p{font-size:.98rem;line-height:1.8;}
  .mission-text{font-size:clamp(1.6rem, 3.5vw, 2.2rem);font-weight:700;color:var(--ink);line-height:1.4;letter-spacing:-.02em;font-family:var(--font-sans);}
  .bottom-cta h2{font-size:1.15rem;}
  .bottom-cta .btn{display:block;width:100%;margin:6px 0;}
  .subpage-body .page-spacer{height:120px;}
  .subpage-body .sec{padding:68px 0;}
  .contact-form-card{padding:24px 20px;}
  .res-upcoming{padding:22px 20px;}
  .res-upcoming-actions{flex-direction:column;}
  .res-upcoming-actions .btn{width:100%;}
  .page-fv-shell{grid-template-columns:1fr;gap:20px;}
  .page-fv-kpis{display:grid;grid-template-columns:1fr;gap:10px;}
  .page-fv-kpi{min-width:0;}
  .page-fv-panel{padding:20px;}
  .question-item{gap:14px;padding:20px 0;}
  .question-mark{width:30px;height:30px;border-radius:8px;}
  .question-text{font-size:.95rem;}
  .diag-progress{top:72px;padding:14px 16px 12px;}
  .diag-intro-band{grid-template-columns:1fr;}
  .diag-matrix{font-size:.75rem;min-width:620px;}
  .diag-matrix thead{top:150px;}
  .diag-matrix thead th{font-size:.65rem;padding:6px 2px;}
  .diag-matrix tbody td{padding:8px 2px;}
  .diag-matrix tbody td:first-child{min-width:120px;}
  .diag-nav{flex-direction:column;}
  .diag-nav .btn{width:100%;}
  .cost-row,
  .cost-total{align-items:flex-start;flex-direction:column;}
  .diagnostic-body .page-spacer{height:128px;}
  .diagnostic-body .page-fv{padding:58px 0 42px;}
  .diagnostic-body .page-fv h1{
    font-size:1.82rem;
    line-height:1.24;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .diagnostic-body .page-fv-title-line{
    width:auto;
    white-space:normal;
  }
  .diagnostic-body .page-fv p{font-size:.95rem;}
  .diagnostic-body .diag-wrap{padding:0 20px;}
  .diagnostic-body .diag-progress{top:72px;padding:14px 16px 12px;}
  .diagnostic-body .diag-q-note{
    margin-bottom:12px;
    font-size:.8rem;
  }
  .diagnostic-body .diag-opt-main{font-size:.94rem;}
  .diagnostic-body .diag-opt-sub{font-size:.74rem;}
  .diagnostic-body .diag-q h3,
  .diagnostic-body .diag-matrix-title{font-size:1.08rem;}
  .diagnostic-body .diag-nav{
    flex-direction:column;
    align-items:stretch;
  }
  .diagnostic-body .diag-nav .btn{
    width:100%;
    min-width:0;
  }
  .diagnostic-body .result-card,
  .diagnostic-body .result-rec{padding:22px 20px;}
  body.has-test-banner .diagnostic-body .page-spacer{height:164px;}
  body.has-test-banner .diagnostic-body .diag-progress{top:106px;}
  body.has-test-banner .diagnostic-body .diag-matrix thead{top:184px;}
}

/* ─── 4-column plan grid responsive (P1) ─── */
.plan-grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
@media(max-width:1100px){.plan-grid--4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.plan-grid--4{grid-template-columns:1fr;max-width:420px;}}

/* ─── Case card detail grid responsive (P1) ─── */
.case-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;margin-top:16px;}
@media(max-width:640px){.case-detail{grid-template-columns:1fr;gap:16px;}}

/* ─── Word break safety ─── */
h1,h2,h3,h4{word-break:break-word;overflow-wrap:break-word;}
.diagnostic-body .page-fv h1{word-break:normal;overflow-wrap:anywhere;}

/* ─── Test environment banner ─── */
.test-banner{background:rgba(254,243,199,.9);color:#92400e;text-align:center;padding:8px;font-size:.72rem;font-weight:600;position:fixed;top:0;left:0;right:0;z-index:999;border-bottom:1px solid rgba(251,191,36,.3);backdrop-filter:blur(8px);pointer-events:none;}

/* ─── Eco Grid ─── */
.eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.eco-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;}
.eco-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--brand-light);}
.eco-tag{align-self:flex-start;font-size:.65rem;font-weight:700;color:var(--brand);background:var(--brand-pale);padding:4px 10px;border-radius:4px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase;}
.eco-card h3{font-size:1.15rem;margin-bottom:12px;letter-spacing:-.02em;}
.eco-card p{font-size:.9rem;color:var(--ink-sub);line-height:1.6;margin-bottom:24px;flex:1;}
.eco-tools{display:flex;flex-wrap:wrap;gap:8px;}
.eco-tool{font-size:.72rem;font-weight:600;padding:6px 12px;background:var(--bg-sec);border:1px solid rgba(12,17,24,.08);border-radius:4px;color:rgba(12,17,24,.75);}

body{
  font-family:var(--font-sans);
  background:linear-gradient(180deg,#F7F6F2 0%,#F3F7FB 100%);
  color:var(--ink);
  letter-spacing:0;
}
h1,h2,h3,h4,h5,h6,
.mission-text,
.page-fv h1,
.brand-wordmark{
  font-family:var(--font-serif);
  letter-spacing:.01em;
}
.wrap{max-width:1280px;padding-left:56px;padding-right:56px;}
@media(max-width:920px){.wrap{padding-left:24px;padding-right:24px;}}

header{
  background:linear-gradient(180deg, rgba(247,246,242,.88), rgba(247,246,242,.58));
  border-bottom:1px solid rgba(216,210,194,.72);
  box-shadow:none;
  backdrop-filter:saturate(1.2) blur(12px);
  -webkit-backdrop-filter:saturate(1.2) blur(12px);
  padding:0 56px;
}
header.scrolled{padding:0 56px;box-shadow:none;background:rgba(247,246,242,.95);}
.header-shell{height:88px;}
.logo{gap:0;position:relative;}
.logo::before,
.logo::after{display:none;}
.logo .brand-mark-svg{
  display:block;
  width:28px;
  height:28px;
  filter:none;
}
.brand-lockup{gap:12px;}
.brand-wordmark{
  font-size:1.55rem;
  font-weight:500;
  color:var(--ink);
  letter-spacing:.02em;
}
.nav-pill{gap:28px;}
.nav-pill a{
  padding:6px 0;
  border-radius:0;
  font-size:.78rem;
  font-weight:500;
  color:var(--ink-sub);
  background:transparent;
}
.nav-pill a:hover{color:var(--ink);background:transparent;}
.nav-pill a:not(.nav-cta):hover::after{
  content:"";
  display:block;
  height:1px;
  margin-top:2px;
  background:var(--brass);
}
.nav-cta{
  background:var(--ink) !important;
  color:var(--bg) !important;
  border-radius:0 !important;
  padding:11px 18px !important;
  font-weight:500 !important;
  letter-spacing:.04em;
}
.nav-cta:hover{background:var(--brand-dark) !important;}
.nav-menu-btn{
  border:1px solid var(--line);
  border-radius:0;
  background:rgba(247,246,242,.92);
  color:var(--ink);
  font-family:var(--font-sans);
}
.nav-menu-icon .brand-mark-svg{display:block;}
.mobile-menu{
  background:var(--bg);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.mobile-menu a{border-radius:0;font-family:var(--font-sans);}
.mobile-menu a:not(.nav-cta):hover{background:rgba(11,31,58,.04);}
@media(max-width:920px){
  header,header.scrolled{padding:0 24px;}
  .header-shell{height:72px;}
  .brand-wordmark{font-size:1.56rem;}
}

.test-banner{
  background:#FFF4C7;
  color:#8E4B00;
  border-bottom:1px solid rgba(184,147,90,.35);
}
.intro-overlay{background:var(--bg);}
.page-spacer{height:128px;}
.page-spacer--tall{height:160px;}
.page-fv{
  background:
    linear-gradient(180deg, rgba(247,246,242,.94), rgba(247,246,242,.72)),
    linear-gradient(135deg, #F7F6F2 0%, #EEF5FC 100%);
  border-bottom:1px solid var(--line);
}
.page-fv .sec-label,
.sec-label{
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--brass-deep);
}
.page-fv h1{
  font-weight:600;
  line-height:1.18;
  letter-spacing:.01em;
  color:var(--ink);
}
.page-fv p,
.mission-sub,
.question-text,
.plan .pt,
.faq-answer,
.policy-body p,
.policy-body li{color:var(--ink-sub);}
.sec-alt{background:var(--bg-sec);border-color:var(--line);}
.success-panel,
.why-card,
.plan,
.res-card,
.contact-form-card,
.result-card,
.diag-intro-card,
.diag-progress,
.diag-q,
.page-fv-kpi,
.res-upcoming{
  border-color:var(--line);
  border-radius:0;
  box-shadow:none;
  background:rgba(247,246,242,.86);
}
.btn,
.btn-brand,
.btn-outline,
.plan-btn,
.form-submit{
  border-radius:0 !important;
  box-shadow:none !important;
}
.btn-brand,
.plan.featured,
.form-submit{
  background:var(--ink) !important;
  border-color:var(--ink) !important;
  color:var(--bg) !important;
}
.btn-brand:hover,
.form-submit:hover{background:var(--brand-dark) !important;border-color:var(--brand-dark) !important;}
.btn-outline{
  border-color:var(--ink) !important;
  color:var(--ink) !important;
  background:transparent !important;
}
.btn-outline:hover{background:var(--ink) !important;color:var(--bg) !important;}
.form-control{
  border-radius:0;
  border-color:var(--line);
  background:rgba(255,255,255,.88);
}
.form-control:focus{
  border-color:var(--brand-dark);
  box-shadow:0 0 0 3px rgba(74,127,184,.08);
}
.bottom-cta{
  background:var(--ink);
  color:var(--bg);
  border-top:1px solid var(--ink);
}
.bottom-cta h2{color:var(--bg);font-family:var(--font-serif);font-weight:600;}
.bottom-cta p{color:#C9D4E6;}
.bottom-cta .btn-outline{border-color:#4A5A78 !important;color:var(--bg) !important;}
.bottom-cta .btn-outline:hover{background:var(--bg) !important;color:var(--ink) !important;}
.sec-dark .mission-text{
  color:var(--bg);
}
.section-note--dark{
  color:#C9D4E6;
}
.plan-eyebrow{
  color:var(--brass-deep);
  background:rgba(184,147,90,.12);
}
footer{
  background:var(--ink);
  color:#8B95A8;
  border-top:1px solid #1E3558;
}
footer .wrap{
  padding-top:48px;
  padding-bottom:48px;
  align-items:flex-start;
}
footer .brand-wordmark{color:var(--bg);}
footer .ft-links a{color:#C9D4E6;}
footer .ft-links a:hover{color:var(--bg);}
.diag-lead-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  margin-bottom:12px;
}
.diag-lead-grid .form-field{margin-bottom:0;}
@media(max-width:640px){
  .diag-lead-grid{grid-template-columns:1fr;}
  .page-fv h1{overflow-wrap:anywhere;}
}

/* === Prelaunch ChatGPT Business / Codex campaign === */
.prelaunch-body{
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-sec) 100%);
}
.prelaunch-hero{
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(247,246,242,.98),rgba(247,246,242,.78)),
    linear-gradient(135deg,var(--bg) 0%,var(--bg-sec) 100%);
}
.prelaunch-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:48px;
  align-items:center;
  min-height:640px;
  padding-top:72px;
  padding-bottom:72px;
}
.prelaunch-copy h1{
  max-width:860px;
  margin:16px 0 20px;
  font-family:var(--font-serif);
  font-size:4.2rem;
  font-weight:600;
  line-height:1.14;
  color:var(--ink);
}
.prelaunch-eyebrow{
  display:inline-block;
  margin:20px 0 0;
  padding:8px 12px;
  border:1px solid var(--line);
  color:var(--ink-sub);
  background:rgba(255,255,255,.58);
  font-size:.82rem;
  font-weight:700;
}
.prelaunch-lead{
  max-width:780px;
  margin:0;
  color:var(--ink-sub);
  font-size:1.08rem;
  line-height:1.95;
}
.prelaunch-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:28px;
}
.prelaunch-legal-note{
  margin-top:18px;
  color:var(--ink-sub);
  font-size:.86rem;
  line-height:1.8;
}
.prelaunch-visual{
  border:1px solid var(--line);
  background:rgba(247,246,242,.9);
  padding:28px;
}
.prelaunch-panel-label{
  margin-bottom:18px;
  font-family:var(--font-mono);
  color:var(--brass-deep);
  font-size:.72rem;
  letter-spacing:.16em;
}
.prelaunch-budget-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  color:var(--ink-sub);
}
.prelaunch-budget-row strong{
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:1.22rem;
}
.prelaunch-budget-row--reserve{
  color:var(--brass-deep);
}
.prelaunch-visual p{
  margin:18px 0 0;
  color:var(--ink-sub);
  line-height:1.8;
}
.prelaunch-angle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.prelaunch-angle-card,
.prelaunch-flow-step,
.prelaunch-thanks-card,
.prelaunch-policy article,
.prelaunch-mini-note{
  border:1px solid var(--line);
  background:rgba(247,246,242,.86);
}
.prelaunch-angle-card{
  padding:28px;
}
.prelaunch-angle-num{
  color:var(--brass-deep);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
}
.prelaunch-angle-card h2,
.prelaunch-form-copy h2,
.prelaunch-thanks-card h1,
.prelaunch-policy h2{
  color:var(--ink);
  font-family:var(--font-serif);
  font-weight:600;
}
.prelaunch-angle-card h2{
  margin:14px 0 12px;
  font-size:1.58rem;
}
.prelaunch-angle-card p,
.prelaunch-angle-card li,
.prelaunch-flow-step p,
.prelaunch-form-copy p,
.prelaunch-thanks-card p,
.prelaunch-policy p{
  color:var(--ink-sub);
  line-height:1.85;
}
.prelaunch-angle-card ul{
  display:grid;
  gap:8px;
  margin:20px 0 0;
  padding-left:1.2em;
}
.prelaunch-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.prelaunch-flow-step{
  padding:24px;
}
.prelaunch-flow-step span{
  display:block;
  color:var(--brass-deep);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  margin-bottom:18px;
}
.prelaunch-flow-step h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:1.08rem;
}
.prelaunch-form-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);
  gap:44px;
  align-items:start;
}
.prelaunch-form-copy h2{
  margin:14px 0 16px;
  font-size:2.1rem;
  line-height:1.35;
}
.prelaunch-form-card{
  margin:0;
}
.prelaunch-mini-note{
  display:grid;
  gap:8px;
  margin-top:24px;
  padding:18px;
}
.prelaunch-mini-note strong{
  color:var(--ink);
}
.prelaunch-mini-note span{
  color:var(--ink-sub);
  line-height:1.7;
}
.prelaunch-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:18px 0 20px;
  color:var(--ink-sub);
  font-size:.92rem;
  line-height:1.7;
}
.prelaunch-consent input{
  margin-top:6px;
}
.prelaunch-consent a{
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:3px;
}
.prelaunch-thanks{
  padding:80px 0;
}
.prelaunch-thanks-card{
  max-width:860px;
  padding:44px;
}
.prelaunch-thanks-card h1{
  margin:16px 0;
  font-size:3rem;
}
.prelaunch-policy{
  max-width:920px;
}
.prelaunch-policy article{
  margin-top:18px;
  padding:24px;
}
.prelaunch-policy h2{
  margin:0 0 10px;
  font-size:1.22rem;
}
.prelaunch-policy p{
  margin:0;
}
.prelaunch-policy-actions{
  margin-top:28px;
}
@media(max-width:980px){
  .prelaunch-hero-grid,
  .prelaunch-form-layout{
    grid-template-columns:1fr;
  }
  .prelaunch-hero-grid{
    min-height:auto;
    padding-top:48px;
    padding-bottom:56px;
  }
  .prelaunch-copy h1{
    font-size:3.2rem;
  }
  .prelaunch-angle-grid,
  .prelaunch-flow{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:640px){
  .prelaunch-hero-grid{
    gap:28px;
  }
  .prelaunch-copy h1{
    font-size:2.2rem;
    overflow-wrap:anywhere;
  }
  .prelaunch-thanks-card h1{
    font-size:2.1rem;
  }
  .prelaunch-lead{
    font-size:1rem;
  }
  .prelaunch-actions .btn{
    width:100%;
    justify-content:center;
  }
  .prelaunch-angle-grid,
  .prelaunch-flow{
    grid-template-columns:1fr;
  }
  .prelaunch-angle-card,
  .prelaunch-flow-step,
  .prelaunch-visual,
  .prelaunch-thanks-card,
  .prelaunch-policy article{
    padding:22px;
  }
  .prelaunch-form-layout{
    gap:28px;
  }
}

/* ─── 2026-08 workbench-aligned (paper / navy / brass, JP) ─── */
header{
  background:rgba(247,246,242,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.nav-pill a{
  font-size:.8125rem;
  color:var(--ink-2);
}
.nav-pill a:hover{background:transparent;color:var(--ink);}
.nav-cta{
  background:var(--ink) !important;
  color:var(--paper) !important;
  border-radius:2px !important;
  font-weight:500 !important;
}
.nav-cta:hover{background:var(--ink-2) !important;}
.btn{border-radius:2px;}
.btn-brand{
  background:var(--ink);
  color:var(--paper);
  border:1px solid var(--ink);
  box-shadow:none;
}
.btn-brand:hover{
  background:var(--chart-deep);
  border-color:var(--chart-deep);
}
.btn-outline{
  background:transparent;
  color:var(--ink);
  border:1px solid var(--ink);
}
.btn-outline:hover{
  background:var(--ink);
  color:var(--paper);
}
.sec-label,
.hero-en,
.plan-eyebrow,
.stair-badge,
.hero-map-kicker,
.hero-map-outcome-label,
.trust-bar-label{
  font-family:var(--font-mono);
  letter-spacing:.14em;
  text-transform:none;
  color:var(--brass-deep);
  font-size:.68rem;
  font-weight:500;
}
.hero{
  padding-top:132px;
  padding-bottom:72px;
  min-height:auto;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse 60% 45% at 78% 18%, rgba(74,127,184,.12), transparent 55%),
    linear-gradient(180deg, #F7F6F2 0%, #EFEDE4 100%);
}
.hero-glow{opacity:.2; background:radial-gradient(circle, rgba(74,127,184,.18), transparent 60%);}
.geo{display:none;}
.hero .hero-left h1,
.page-fv h1,
.mission-text{
  font-family:var(--font-serif);
  font-weight:600;
  letter-spacing:.01em;
}
.hero .hero-left h1{
  font-size:clamp(2.2rem, 4.8vw, 3.25rem);
  line-height:1.18;
  margin-bottom:18px;
  color:var(--ink);
}
.hero .accent{
  color:var(--chart-deep);
  background:none;
  -webkit-text-fill-color:unset;
}
.hero-en{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.hero-en::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--brass);
}
.hero-sub{
  font-size:.95rem;
  line-height:1.9;
  max-width:34rem;
  margin-bottom:28px;
  color:var(--ink-sub);
}
.hero-actions{gap:12px;}
.hero-actions .btn-brand{min-width:148px; box-shadow:none;}
.hero-trust{margin-top:24px; gap:8px;}
.hero-trust span{
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--line);
  box-shadow:none;
  font-size:.72rem;
  color:var(--ink-2);
  letter-spacing:.02em;
}
.hero-map,
.hero-map--lean{
  border-radius:2px;
  border:1px solid var(--line);
  background:rgba(247,246,242,.78);
  box-shadow:var(--shadow-md);
  padding:16px;
  backdrop-filter:none;
}
.hero-map-core{fill:var(--ink); stroke:var(--brass); stroke-width:2;}
.hero-map-node-soft{fill:var(--brass);}
.hero-map-node-strong{fill:var(--chart-deep);}
.hero-map--lean .hero-map-canvas{min-height:320px;}
.hero-map--lean .hero-map-outcome-a{top:18%; right:8%;}
.hero-map--lean .hero-map-outcome-b{bottom:16%; right:8%;}
.hero-map-outcome{
  background:rgba(247,246,242,.92);
  border:1px solid var(--line);
  border-radius:2px;
}
.hero-map-outcome strong{
  font-family:var(--font-serif);
  font-size:.9rem;
  color:var(--ink);
}
.section-heading-stack{margin-bottom:36px;}
.section-heading-stack .mission-text{margin-bottom:10px; font-size:clamp(1.5rem, 3vw, 2.1rem);}
.mission-sub{max-width:36rem; color:var(--ink-sub);}
.biz-item{padding-top:22px; padding-bottom:22px; border-color:var(--line-soft);}
.biz-num{font-family:var(--font-mono); color:var(--brass-deep);}
.biz-body h3{font-size:1.1rem; margin-bottom:8px;}
.biz-body p{font-size:.92rem; line-height:1.8; color:var(--ink-2);}
.biz-tag{
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink-soft, var(--ink-sub));
  border-radius:2px;
}
.plan-grid{gap:16px;}
.plan-card{
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  border-radius:2px;
  border:1px solid var(--line);
  box-shadow:none;
  background:var(--paper);
}
.plan-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.plan-card>p{min-height:auto; margin-bottom:18px; color:var(--ink-sub);}
.plan-card .plan-btn{
  margin-top:auto;
  border-radius:2px;
  background:var(--ink);
  color:var(--paper);
  border:1px solid var(--ink);
}
.plan-card.featured{
  background:var(--paper);
  border:1px solid var(--ink);
  box-shadow:none;
  background-image:none;
}
.plan-card.featured .plan-btn{
  background:var(--chart-deep);
  border-color:var(--chart-deep);
}
.plan-tag{
  background:var(--brass-pale, rgba(184,147,90,.12));
  color:var(--brass-deep);
  border-radius:2px;
}
.stair{
  border-radius:2px;
  border:1px solid var(--line);
  background:var(--paper);
  box-shadow:none;
}
.stair h4{font-size:1rem; margin-bottom:8px;}
.stair p{font-size:.9rem; line-height:1.7; color:var(--ink-sub);}
.why-card{
  border-radius:2px;
  border:1px solid var(--line);
  background:var(--paper);
  box-shadow:none;
}
.sec-dark{
  background:var(--ink);
  color:var(--paper);
}
.why-grid--on-dark .why-card{
  background:rgba(247,246,242,.04);
  border-color:var(--dark-line);
  color:var(--paper);
}
.why-grid--on-dark .why-card h3{color:var(--paper);}
.why-grid--on-dark .why-card p{color:rgba(247,246,242,.72);}
.why-grid--on-dark .why-num{color:var(--brass);}
.flow-step{border-radius:2px; border:1px solid var(--line); background:var(--paper);}
.audience-list{max-width:760px;}
.page-fv{padding:28px 0 12px;}
.page-fv h1{
  letter-spacing:.01em;
  line-height:1.2;
  margin-bottom:12px;
  font-size:clamp(2rem,4vw,2.7rem);
}
.page-fv p{
  max-width:34rem;
  color:var(--ink-sub);
  line-height:1.8;
  font-size:.95rem;
}
.sec-alt{background:var(--paper-2);}
.trust-bar{background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.trust-example-item{
  border:1px solid var(--line);
  background:var(--paper-2);
  border-radius:2px;
  color:var(--ink-2);
}
.bottom-cta{
  background:var(--ink);
  color:var(--paper);
}
.bottom-cta h2{
  font-family:var(--font-serif);
  font-size:clamp(1.4rem,3vw,2rem);
}
.bottom-cta p{max-width:32rem; margin-left:auto; margin-right:auto; color:rgba(247,246,242,.72);}
.bottom-cta .btn-outline{
  border-color:rgba(247,246,242,.45);
  color:var(--paper);
}
.bottom-cta .btn-outline:hover{
  background:var(--paper);
  color:var(--ink);
}
.reveal{transform:translateY(14px); transition:opacity .5s ease, transform .5s ease;}
footer{background:var(--paper-2); border-top:1px solid var(--line);}
@media(max-width:920px){
  .hero{padding-top:110px; padding-bottom:48px;}
  .sec{padding:72px 0;}
  .hero-map--lean .hero-map-canvas{min-height:260px;}
  .brand-wordmark{font-size:1.2rem;}
}

.quiet-corp,
.quiet-corp.subpage-body{
  background-color:var(--paper);
  background-image:
    radial-gradient(ellipse 90% 55% at 8% -8%, var(--paper-brass-haze), transparent 55%),
    radial-gradient(ellipse 70% 50% at 92% 4%, var(--paper-haze), transparent 52%),
    linear-gradient(180deg, #F8F7F3 0%, var(--paper) 38%, #F4F6F8 100%);
  background-attachment:fixed;
}
.quiet-corp ::selection{
  background:rgba(142,110,62,.34);
  color:var(--ink);
}
.quiet-corp ::-moz-selection{
  background:rgba(142,110,62,.34);
  color:var(--ink);
}
.quiet-corp .hero-glow,
.quiet-corp .geo,
.quiet-corp .geo-bar,
.quiet-corp .hero-right,
.quiet-corp .hero-map,
.quiet-corp .hero-map-generated,
.quiet-corp .hero-map-canvas,
.quiet-corp .hero-trust,
.quiet-corp .trust-bar,
.quiet-corp .hero-points,
.quiet-corp .hero-en,
.quiet-corp .page-fv-kpis{
  display:none !important;
}
.quiet-corp .reveal,
.quiet-corp .faq-item,
.quiet-corp .plan-card,
.quiet-corp .why-card,
.quiet-corp .stair{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
}
.quiet-corp .nav-hamburger{
  position:relative;
  width:18px;
  height:2px;
  display:inline-block;
  margin-right:6px;
  background:currentColor;
  color:var(--ink);
  border-radius:1px;
  box-shadow:0 -5px 0 currentColor, 0 5px 0 currentColor;
}
.quiet-corp .nav-hamburger::before,
.quiet-corp .nav-hamburger::after{
  content:none;
}
.quiet-corp .nav-menu-btn{
  border-radius:var(--r);
  gap:4px;
}
.quiet-corp .hero,
.quiet-corp .hero.hero--quiet,
.quiet-corp .hero.hero--horizon{
  --header-offset:0px;
  --hero-ink:#F4F1E8;
  --hero-ink-soft:rgba(244,241,232,.78);
  --hero-ink-mute:rgba(244,241,232,.58);
  position:relative;
  isolation:isolate;
  min-height:100svh;
  display:flex;
  /* bottom-left anchor — avoid vertical poster island in the middle */
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 0 clamp(40px, 6vh, 72px);
  border-bottom:none;
  background:#142033;
  background-image:none;
  box-shadow:none;
  overflow:hidden;
  color:var(--hero-ink);
}
.quiet-corp .hero::before,
.quiet-corp .hero::after,
.quiet-corp .hero-quiet-inner::before,
.quiet-corp .hero-quiet-inner::after{
  content:none !important;
  display:none !important;
}
/* Horizon Branch — full-bleed atelier field (motif in photo, no SVG doodle) */
.quiet-corp .horizon{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:#0c141f;
}
.quiet-corp .horizon-photo{
  position:absolute;
  inset:0;
  background:
    url("../assets/hero-horizon-atelier.jpg") 72% 42% / cover no-repeat;
  transform:scale(1.015);
  animation:horizon-photo-in 1.55s cubic-bezier(.22,.61,.36,1) both;
}
.quiet-corp .horizon-veil{
  position:absolute;
  inset:0;
  background:
    /* strong left type shade; open right for atelier light */
    linear-gradient(102deg,
      rgba(8,12,20,.82) 0%,
      rgba(8,12,20,.58) 22%,
      rgba(8,12,20,.22) 38%,
      rgba(8,12,20,.06) 54%,
      transparent 72%),
    /* soft floor settle — keep upper/right architecture readable */
    linear-gradient(180deg,
      rgba(8,12,20,.22) 0%,
      rgba(8,12,20,.02) 28%,
      rgba(8,12,20,.08) 58%,
      rgba(8,12,20,.42) 80%,
      rgba(6,10,16,.76) 100%);
}
.quiet-corp .horizon-grain{
  position:absolute;
  inset:0;
  opacity:.14;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
/* Techtical-inspired ghost EN — stroke only, no network graphic */
.quiet-corp .hero-ghost-en{
  position:absolute;
  left:4%;
  right:0;
  top:46%;
  z-index:0;
  margin:0;
  padding:0;
  font-family:var(--font-sans);
  font-size:clamp(2.4rem, 7.2vw, 5.8rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1;
  white-space:nowrap;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.16);
  text-stroke:1px rgba(255,255,255,.16);
  pointer-events:none;
  user-select:none;
  opacity:.9;
  transform:translateY(-50%);
}
.quiet-corp .haze,
.quiet-corp .horizon-svg{display:none;}
.quiet-corp .hero-grid,
.quiet-corp .hero-quiet-inner{
  position:relative;
  z-index:1;
  display:block;
  max-width:none;
  margin:0;
  padding-top:calc(88px + 2vh);
  text-align:left;
  animation:quiet-hero-in .9s cubic-bezier(.22,.61,.36,1) .12s both;
}
@keyframes quiet-hero-in{
  from{opacity:0; transform:translateY(14px);}
  to{opacity:1; transform:none;}
}
@keyframes horizon-photo-in{
  from{opacity:0; transform:scale(1.05);}
  to{opacity:1; transform:scale(1.015);}
}
/* Mid-page stagger enter — empathy / services (Option A)
   Only arms after JS adds .is-mid-ready so no-JS never hides copy. */
.quiet-corp [data-mid-stagger].is-mid-ready .mid-stagger-item{
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .58s cubic-bezier(.22,.61,.36,1),
    transform .58s cubic-bezier(.22,.61,.36,1);
}
.quiet-corp [data-mid-stagger].is-mid-ready .mid-stagger-item.is-in{
  opacity:1;
  transform:none;
}
.quiet-corp [data-mid-stagger].is-mid-ready .editorial-head.mid-stagger-item{transition-delay:0ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .empathy-list .mid-stagger-item:nth-child(1){transition-delay:80ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .empathy-list .mid-stagger-item:nth-child(2){transition-delay:130ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .empathy-list .mid-stagger-item:nth-child(3){transition-delay:180ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .empathy-list .mid-stagger-item:nth-child(4){transition-delay:230ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .empathy-list .mid-stagger-item:nth-child(5){transition-delay:280ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .biz-list .mid-stagger-item:nth-child(1){transition-delay:90ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .biz-list .mid-stagger-item:nth-child(2){transition-delay:160ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .biz-list .mid-stagger-item:nth-child(3){transition-delay:230ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .biz-item.mid-stagger-item{
  transition:
    opacity .58s cubic-bezier(.22,.61,.36,1),
    transform .58s cubic-bezier(.22,.61,.36,1),
    background .2s ease,
    box-shadow .2s ease;
}
.quiet-corp .biz-item.mid-stagger-item.is-in:hover{
  background:rgba(255,255,255,.45);
}
@media (prefers-reduced-motion: reduce){
  .quiet-corp .hero-quiet-inner,
  .quiet-corp .horizon-photo{animation:none !important;}
  .quiet-corp .biz-item,
  .quiet-corp .hero-actions .btn{transition:none;}
  .quiet-corp .horizon-photo{transform:none;}
  .quiet-corp [data-mid-stagger].is-mid-ready .mid-stagger-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .quiet-corp .biz-item.mid-stagger-item.is-in:hover{
    box-shadow:none;
  }
}
.quiet-corp .hero-kicker{
  display:inline-block;
  margin:0 0 18px;
  font-family:var(--font-sans);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.24em;
  color:rgba(232,212,168,.92);
}
.quiet-corp .hero-brand{
  display:block;
  font-family:var(--font-serif);
  font-size:clamp(3.6rem, 7.6vw, 5.8rem);
  font-weight:500;
  letter-spacing:.032em;
  color:var(--hero-ink);
  line-height:.92;
  margin:0 0 18px;
  max-width:18ch;
  text-shadow:0 1px 0 rgba(8,12,20,.18), 0 22px 48px rgba(8,12,20,.4);
}
.quiet-corp .hero h1{
  font-family:var(--font-serif);
  font-size:clamp(1.12rem, 1.9vw, 1.36rem);
  font-weight:400;
  line-height:1.75;
  letter-spacing:.035em;
  max-width:18.5em;
  margin:0 0 12px;
  color:var(--hero-ink-soft);
  text-wrap:balance;
  text-shadow:0 10px 28px rgba(8,12,20,.28);
}
.quiet-corp .hero h1 .accent,
.quiet-corp .hero .accent{
  color:inherit;
  background:none;
  -webkit-text-fill-color:unset;
}
.quiet-corp .nobr{
  white-space:nowrap;
}
.quiet-corp .hero-sub{
  font-size:.92rem;
  line-height:1.9;
  color:var(--hero-ink-mute);
  max-width:36rem;
  margin:0 0 34px;
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .hero-quiet-inner > h1{
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
}
.quiet-corp .hero-actions .btn{
  min-width:auto;
  padding:13px 28px;
  border-radius:var(--r);
  box-shadow:none;
  font-size:.88rem;
  letter-spacing:.04em;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.quiet-corp .hero-actions .btn:hover{
  transform:translateY(-1px);
}
.quiet-corp .hero-actions .btn:active{
  transform:scale(.98);
}
/* Dark hero only — do NOT leak cream/ghost styles onto paper CTAs */
.quiet-corp .hero .hero-actions .btn-brand{
  background:var(--hero-ink) !important;
  border-color:var(--hero-ink) !important;
  color:var(--ink) !important;
}
.quiet-corp .hero .hero-actions .btn-brand:hover{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--ink) !important;
}
.quiet-corp .hero .hero-actions .btn-outline{
  background:transparent !important;
  color:var(--hero-ink) !important;
  border:1px solid rgba(244,241,232,.55) !important;
  backdrop-filter:blur(6px);
}
.quiet-corp .hero .hero-actions .btn-outline:hover{
  border-color:rgba(244,241,232,.85) !important;
  background:rgba(244,241,232,.1) !important;
  color:var(--hero-ink) !important;
}
/* Light-surface CTAs (hub / service detail / mid sections) */
.quiet-corp .section-cta .btn-brand{
  background:var(--ink) !important;
  border:1px solid var(--ink) !important;
  color:var(--paper) !important;
}
.quiet-corp .section-cta .btn-brand:hover{
  background:var(--chart-deep) !important;
  border-color:var(--chart-deep) !important;
  color:var(--paper) !important;
}
.quiet-corp .section-cta .btn-outline{
  background:transparent !important;
  border:1px solid rgba(11,31,58,.22) !important;
  color:var(--ink) !important;
  backdrop-filter:none;
}
.quiet-corp .section-cta .btn-outline:hover{
  background:rgba(11,31,58,.04) !important;
  border-color:rgba(11,31,58,.4) !important;
  color:var(--ink) !important;
}
.quiet-corp .section-cta .btn-outline.is-textish,
.quiet-corp .section-cta a.text-back{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-left:4px;
  padding-right:4px;
  color:var(--ink-sub) !important;
  font-weight:500;
  text-decoration:none;
}
.quiet-corp .section-cta a.text-back:hover{
  color:var(--ink) !important;
}
.quiet-corp .quiet-narrow,
.quiet-corp .quiet-editorial{
  max-width:52rem;
  margin:0 auto;
}
.quiet-corp .hero .wrap.hero-quiet-inner{
  /* break centered page wrap — full-bleed left gutter, type column only */
  max-width:none;
  width:100%;
  margin:0;
  padding-left:clamp(24px, 4.2vw, 56px);
  padding-right:clamp(24px, 18vw, 280px);
}
.quiet-corp .hero-quiet-inner > .hero-kicker,
.quiet-corp .hero-quiet-inner > .hero-brand,
.quiet-corp .hero-quiet-inner > h1,
.quiet-corp .hero-quiet-inner > .hero-sub,
.quiet-corp .hero-quiet-inner > .hero-actions{
  max-width:32rem;
}
/* Atelier hero: let architecture breathe; type stays in left shade */
.quiet-corp .hero--atelier{
  background:#0c141f;
}
.quiet-corp .hero--atelier .horizon-photo{
  background-image:url("../assets/hero-horizon-atelier.jpg");
  background-position:78% 40%;
  background-size:cover;
}
.quiet-corp .sec{
  padding:88px 0;
}
.quiet-corp .sec-alt{
  background:var(--paper-2);
}
.quiet-corp #services.sec{
  background:var(--paper);
}
.quiet-corp .sec-label{
  font-family:var(--font-sans);
  font-size:.7rem;
  letter-spacing:.2em;
  color:var(--brass-deep);
  text-transform:none;
  margin-bottom:16px;
}
.quiet-corp .editorial-head{
  max-width:34rem;
  margin-bottom:44px;
}
.quiet-corp .editorial-head--wide{
  max-width:40rem;
}
.quiet-corp .br-desk{display:none;}
.quiet-corp .br-m{display:none;}
@media(min-width:761px){
  .quiet-corp .br-desk{display:block;}
}
.quiet-corp .mission-text{
  font-family:var(--font-serif);
  font-size:clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight:500;
  letter-spacing:.015em;
  line-height:1.55;
  color:var(--ink);
}
.quiet-corp .mission-text--display{
  font-family:var(--font-serif);
  font-weight:500;
  font-size:clamp(1.55rem, 3vw, 2.15rem);
  line-height:1.55;
  letter-spacing:.01em;
  text-wrap:pretty;
  max-width:20em;
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
}
.quiet-corp .mission-sub{
  font-size:.95rem;
  color:var(--ink-sub);
  margin-top:14px;
  line-height:1.85;
  max-width:32rem;
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .section-heading-stack{
  margin-bottom:36px;
}
.quiet-corp .empathy-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(11,31,58,.14);
  counter-reset:none;
}
.quiet-corp .empathy-list li{
  display:grid;
  grid-template-columns:3.2rem 1fr;
  gap:20px;
  align-items:baseline;
  padding:22px 0;
  border-bottom:1px solid rgba(11,31,58,.08);
  font-size:1.02rem;
  line-height:1.8;
  color:var(--ink);
}
.quiet-corp .empathy-list li::before{display:none;}
.quiet-corp .empathy-idx{
  font-family:var(--font-sans);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--brass-deep);
}
.quiet-corp .empathy-copy{
  color:rgba(11,31,58,.86);
}
.quiet-corp .boundary-list{
  list-style:none;
  margin:28px 0 0;
  padding:28px 0 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px 40px;
  border-top:1px solid rgba(11,31,58,.14);
  align-items:start;
}
.quiet-corp .boundary-list li{
  padding:0;
  border:none;
  margin:0;
  min-width:0;
}
.quiet-corp .boundary-list li:last-child{
  border:none;
  margin:0;
  padding:0;
}
.quiet-corp .boundary-list h3{
  font-family:var(--font-serif);
  font-size:1.12rem;
  font-weight:500;
  margin:0 0 14px;
  color:var(--ink);
  line-height:1.45;
  text-wrap:balance;
  word-break:keep-all;
  line-break:strict;
}
.quiet-corp .boundary-list p{
  margin:0;
  font-size:.94rem;
  line-height:1.9;
  color:var(--ink-sub);
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
@media(max-width:880px){
  .quiet-corp .boundary-list{
    grid-template-columns:1fr;
    gap:0;
  }
  .quiet-corp .boundary-list li{
    padding:28px 0;
    border-bottom:1px solid rgba(11,31,58,.08);
  }
  .quiet-corp .boundary-list li:last-child{border-bottom:none;}
}
.quiet-corp .biz-list{
  border-top:1px solid var(--line);
}
.quiet-corp .biz-item{
  padding:28px 0;
  border-top:none;
  border-bottom:1px solid var(--line-soft);
  background:transparent;
  display:grid;
  grid-template-columns:3rem 1fr;
  gap:16px;
  align-items:start;
  transition:background .2s ease;
}
.quiet-corp .biz-item:hover{
  transform:none;
  padding-left:0;
  background:rgba(255,255,255,.35);
}
.quiet-corp .biz-item:last-child{
  border-bottom:1px solid var(--line);
}
.quiet-corp .biz-num{
  font-family:var(--font-sans);
  color:var(--brass-deep);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.08em;
  padding-top:4px;
}
.quiet-corp .biz-body{
  min-width:0;
}
.quiet-corp .biz-body h3{
  font-size:1.08rem;
  font-weight:600;
  margin:0 0 10px;
  color:var(--ink);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quiet-corp .biz-body p{
  font-size:.95rem;
  line-height:1.85;
  color:var(--ink-sub);
  margin:0;
  overflow-wrap:anywhere;
}
.quiet-corp .biz-body .text-link{
  display:inline-block;
  margin-top:14px;
  font-size:.88rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--brass-deep);
  text-decoration:none;
  border-bottom:1px solid rgba(184,147,90,.35);
}
.quiet-corp .biz-body .text-link:hover{
  color:var(--ink);
  border-bottom-color:var(--ink);
}
.quiet-corp .biz-tags{display:none;}
.quiet-corp .section-cta{
  margin-top:40px;
  align-items:center;
  gap:14px 18px;
}
.quiet-corp .service-jump{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  margin-top:28px;
}
.quiet-corp .service-jump a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.84rem;
  font-weight:500;
  color:var(--ink);
  text-decoration:none;
  padding:9px 14px;
  border:1px solid rgba(11,31,58,.12);
  border-radius:var(--r);
  background:rgba(255,255,255,.55);
  transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.quiet-corp .service-jump a::before{
  content:attr(data-num);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--brass-deep);
}
.quiet-corp .service-jump a:hover{
  color:var(--ink);
  border-color:rgba(11,31,58,.28);
  background:rgba(255,255,255,.9);
}
.quiet-corp .page-crumb{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  font-size:.8rem;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--ink-sub);
  text-decoration:none;
}
.quiet-corp .page-crumb:hover{
  color:var(--ink);
}
.quiet-corp .page-crumb::before{
  content:"←";
  font-size:.78rem;
  color:var(--brass-deep);
}
.quiet-corp .services-hub-list{
  padding-top:8px;
}
.quiet-corp .services-hub-list .biz-item{
  padding:32px 0;
  scroll-margin-top:120px;
}
.quiet-corp .services-hub-list .biz-body h3{
  font-family:var(--font-serif);
  font-size:clamp(1.05rem, 1.8vw, 1.2rem);
  font-weight:500;
  letter-spacing:.01em;
}
.quiet-corp .services-hub-list .biz-body p{
  max-width:38rem;
}
.quiet-corp .services-hub-cta .mission-text{
  text-wrap:balance;
  max-width:18em;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.quiet-corp .services-hub-cta .editorial-head{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.quiet-corp .services-hub-cta .mission-sub{
  margin-left:auto;
  margin-right:auto;
}
.quiet-corp .services-hub-cta .section-cta{
  justify-content:center;
}
.quiet-corp .service-detail{
  scroll-margin-top:120px;
  padding-top:36px;
  padding-bottom:56px;
}
.quiet-corp .service-detail-head{
  display:grid;
  grid-template-columns:3rem 1fr;
  gap:16px;
  align-items:start;
  margin-bottom:28px;
}
.quiet-corp .service-detail-head h2{
  font-family:var(--font-serif);
  font-size:clamp(1.25rem, 2.4vw, 1.55rem);
  font-weight:500;
  letter-spacing:.01em;
  color:var(--ink);
  margin:8px 0 12px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.quiet-corp .service-detail-lead{
  margin:0;
  font-size:.98rem;
  line-height:1.85;
  color:var(--ink-sub);
}
.quiet-corp .detail-facts{
  margin:0;
  padding:0;
  border-top:1px solid rgba(11,31,58,.14);
}
.quiet-corp .detail-facts > div{
  display:grid;
  grid-template-columns:9rem 1fr;
  gap:14px 28px;
  padding:26px 0;
  border-bottom:1px solid rgba(11,31,58,.08);
}
.quiet-corp .detail-facts dt{
  margin:0;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--brass-deep);
  padding-top:3px;
  line-height:1.5;
}
.quiet-corp .detail-facts dd{
  margin:0;
  font-size:1rem;
  line-height:1.9;
  color:rgba(11,31,58,.82);
  max-width:40rem;
  text-wrap:pretty;
}
@media (max-width:600px){
  .quiet-corp .detail-facts > div{
    grid-template-columns:1fr;
    gap:8px;
    padding:22px 0;
  }
  .quiet-corp .detail-facts dd{
    font-size:.95rem;
    line-height:1.85;
  }
  .quiet-corp .service-detail{
    padding-top:28px;
    padding-bottom:56px;
  }
  .quiet-corp .section-cta{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  .quiet-corp .section-cta .btn{
    width:100%;
    justify-content:center;
  }
  .quiet-corp .section-cta a.text-back{
    width:auto;
    align-self:flex-start;
    padding:8px 0 !important;
  }
  .quiet-corp .services-hub-cta .mission-text{
    max-width:none;
  }
}
.quiet-corp .quiet-steps{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.quiet-corp .quiet-steps li{
  display:grid;
  grid-template-columns:2.25rem 1fr;
  gap:16px;
  padding:24px 0;
  border-bottom:1px solid var(--line-soft);
  align-items:start;
}
.quiet-corp .quiet-step-num{
  font-size:.9rem;
  font-weight:600;
  color:var(--brass-deep);
  line-height:1.6;
}
.quiet-corp .quiet-steps h3{
  font-size:1.02rem;
  font-weight:600;
  margin:0 0 8px;
  color:var(--ink);
}
.quiet-corp .quiet-steps p{
  margin:0;
  font-size:.95rem;
  line-height:1.8;
  color:var(--ink-sub);
}
.quiet-corp .faq-list{
  border-top:1px solid var(--line);
}
.quiet-corp .faq-item{
  border:none;
  border-bottom:1px solid var(--line-soft);
  border-radius:0;
  background:transparent;
  margin-bottom:0;
  box-shadow:none;
}
.quiet-corp .faq-item summary{
  font-weight:500;
  padding:18px 0;
  color:var(--ink);
}
.quiet-corp .faq-answer{
  padding:0 0 18px;
  color:var(--ink-sub);
  line-height:1.85;
}
.quiet-corp .bottom-cta{
  background:var(--ink);
  padding:72px 0;
}
.quiet-corp .bottom-cta h2{
  font-family:var(--font-serif);
  font-size:clamp(1.25rem, 2.4vw, 1.6rem);
  font-weight:500;
  letter-spacing:.01em;
  color:var(--paper);
  margin-bottom:12px;
}
.quiet-corp .bottom-cta p{
  opacity:1;
  color:rgba(247,246,242,.72);
  margin-bottom:28px;
}
.quiet-corp .bottom-cta-actions{
  justify-content:center;
  gap:12px;
}
.quiet-corp .bottom-cta .btn-brand{
  border-radius:var(--r) !important;
  box-shadow:none !important;
  background:var(--paper) !important;
  border:1px solid var(--paper) !important;
  color:var(--ink) !important;
}
.quiet-corp .bottom-cta .btn-brand:hover{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--ink) !important;
}
.quiet-corp .bottom-cta .btn-outline{
  display:inline-flex;
  border-radius:var(--r) !important;
  border:1px solid rgba(247,246,242,.4) !important;
  background:transparent !important;
  color:var(--paper) !important;
}
.quiet-corp .bottom-cta .btn-outline:hover{
  background:rgba(247,246,242,.1) !important;
  border-color:rgba(247,246,242,.7) !important;
  color:var(--paper) !important;
}
.quiet-corp footer .ft-brand,
.quiet-corp footer .ft-brand .brand-wordmark{
  color:var(--ink);
}
.quiet-corp footer .ft-links{
  flex-wrap:wrap;
  gap:12px 18px;
  max-width:100%;
}
.quiet-corp footer .ft-links a{
  color:rgba(11,31,58,.62);
  white-space:nowrap;
  font-size:.78rem;
}
.quiet-corp footer .ft-links a:hover{
  color:var(--ink);
}
.quiet-corp footer .ft-copy{
  color:rgba(11,31,58,.45);
}
@media (max-width:920px){
  .quiet-corp footer .wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  .quiet-corp footer .ft-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 16px;
    width:100%;
  }
  .quiet-corp footer .ft-links a{
    white-space:normal;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
}
.quiet-corp .nav-pill a{
  font-size:.8125rem;
  letter-spacing:.04em;
  color:rgba(11,31,58,.72);
}
.quiet-corp .nav-pill a:hover{
  color:var(--ink);
  background:rgba(11,31,58,.04);
}
.quiet-corp .nav-pill a.is-active,
.quiet-corp .nav-pill a[aria-current="page"]{
  color:var(--ink);
  font-weight:600;
}
.quiet-corp header .nav-pill a:not(.nav-cta).is-active,
.quiet-corp header .nav-pill a:not(.nav-cta)[aria-current="page"]{
  color:#F4F1E8;
  box-shadow:none;
  border-bottom:none;
  border-radius:0;
  background-image:linear-gradient(rgba(232,212,168,.9), rgba(232,212,168,.9));
  background-repeat:no-repeat;
  background-position:center bottom 7px;
  background-size:1.6em 1px;
}
.quiet-corp header.scrolled .nav-pill a:not(.nav-cta).is-active,
.quiet-corp header.scrolled .nav-pill a:not(.nav-cta)[aria-current="page"],
.subpage-body.quiet-corp header .nav-pill a:not(.nav-cta).is-active,
.subpage-body.quiet-corp header .nav-pill a:not(.nav-cta)[aria-current="page"]{
  color:var(--ink);
  box-shadow:none;
  border-bottom:none;
  border-radius:0;
  background-image:linear-gradient(var(--brass), var(--brass));
  background-repeat:no-repeat;
  background-position:center bottom 7px;
  background-size:1.6em 1px;
}
.quiet-corp .mobile-menu a.is-active,
.quiet-corp .mobile-menu a[aria-current="page"]{
  color:var(--ink);
  font-weight:600;
  background:rgba(11,31,58,.04);
}
.quiet-corp .nav-cta{
  border-radius:var(--r);
  background:var(--ink) !important;
  letter-spacing:.04em !important;
  padding:8px 18px !important;
}
.quiet-corp header,
body.quiet-corp header{
  background:rgba(8,12,20,.18);
  border-bottom:1px solid transparent;
  box-shadow:none;
  backdrop-filter:saturate(1.02) blur(10px);
  -webkit-backdrop-filter:saturate(1.02) blur(10px);
  padding-top:0;
  padding-bottom:0;
  /* match hero left gutter — avoid floating centered chrome */
  padding-left:clamp(24px, 4.2vw, 56px);
  padding-right:clamp(24px, 4.2vw, 56px);
  color:#F4F1E8;
}
.quiet-corp header .brand-wordmark,
.quiet-corp header .nav-pill a:not(.nav-cta){
  color:#F4F1E8;
}
.quiet-corp header .nav-pill a:not(.nav-cta){
  color:rgba(244,241,232,.78);
}
.quiet-corp header .nav-pill a:not(.nav-cta):hover{
  color:#F4F1E8;
  background:rgba(244,241,232,.08);
}
.quiet-corp header .logo .brand-mark-svg .mark-stroke,
.quiet-corp header .logo .brand-mark-svg path{
  stroke:#F4F1E8;
}
.quiet-corp header .logo .brand-mark-svg .mark-node,
.quiet-corp header .logo .brand-mark-svg circle{
  fill:var(--brass);
}
.quiet-corp header .nav-cta{
  background:#F4F1E8 !important;
  color:var(--ink) !important;
}
.quiet-corp header .nav-cta:hover{
  background:#fff !important;
}
.quiet-corp header::before,
body.quiet-corp header::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg, var(--brass) 0%, rgba(232,212,168,.55) 45%, #7BA3D4 100%);
  opacity:.95;
}
.quiet-corp header.scrolled,
body.quiet-corp header.scrolled{
  background:rgba(247,246,242,.96);
  border-bottom-color:var(--hairline);
  padding-top:0;
  padding-bottom:0;
  color:var(--ink);
}
.quiet-corp header.scrolled .brand-wordmark,
.quiet-corp header.scrolled .nav-pill a:not(.nav-cta){
  color:var(--ink);
}
.quiet-corp header.scrolled .nav-pill a:not(.nav-cta){
  color:rgba(11,31,58,.72);
}
.quiet-corp header.scrolled .logo .brand-mark-svg .mark-stroke,
.quiet-corp header.scrolled .logo .brand-mark-svg path{
  stroke:#0B1F3A;
}
.quiet-corp header.scrolled .nav-cta{
  background:var(--ink) !important;
  color:var(--paper) !important;
}
.subpage-body.quiet-corp header{
  background:rgba(247,246,242,.88);
  color:var(--ink);
}
.subpage-body.quiet-corp header .brand-wordmark,
.subpage-body.quiet-corp header .nav-pill a:not(.nav-cta){
  color:var(--ink);
}
.subpage-body.quiet-corp header .nav-cta{
  background:var(--ink) !important;
  color:var(--paper) !important;
}
.subpage-body.quiet-corp header .logo .brand-mark-svg .mark-stroke,
.subpage-body.quiet-corp header .logo .brand-mark-svg path{
  stroke:#0B1F3A;
}
.quiet-corp .logo .brand-mark-svg{
  display:block;
  width:23px;
  height:23px;
  filter:none;
}
.quiet-corp .brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.quiet-corp .brand-wordmark{
  font-size:1.18rem;
  letter-spacing:.032em;
  font-weight:500;
}
.quiet-corp .ft-brand .brand-mark-svg{
  width:20px;
  height:20px;
  display:block;
}
.quiet-corp .ft-brand .brand-wordmark{
  font-size:1.05rem;
  letter-spacing:.05em;
}
.quiet-corp footer{
  background:
    linear-gradient(180deg, rgba(239,237,228,.65), var(--paper-2));
  border-top:1px solid var(--hairline);
}
.quiet-corp .sec-alt{
  background:
    linear-gradient(180deg, rgba(239,237,228,.9), rgba(239,237,228,.7));
  border-color:var(--hairline);
}
.quiet-corp .sec-label{
  position:relative;
  padding-left:14px;
}
.quiet-corp .sec-label::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:1px;
  background:var(--brass);
  transform:translateY(-50%);
}
.subpage-body{
  background-color:transparent;
}
.subpage-body .page-fv{
  padding:20px 0 28px;
  border-bottom:1px solid var(--hairline);
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, var(--paper-brass-haze), transparent 55%),
    transparent;
}
.subpage-body .page-fv h1{
  font-family:var(--font-serif);
  font-size:clamp(1.55rem, 3vw, 1.95rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.4;
  margin-bottom:14px;
  text-wrap:balance;
  max-width:18em;
}
.subpage-body .page-fv p{
  max-width:36rem;
  color:var(--ink-sub);
  line-height:1.85;
  margin:0;
  text-wrap:pretty;
}
.subpage-body.quiet-corp .page-spacer--tall{
  height:132px;
}
body.has-test-banner.subpage-body.quiet-corp .page-spacer--tall{
  height:188px;
}
body.has-test-banner.contact-compact .page-spacer,
body.has-test-banner.contact-compact .page-spacer--tall{
  height:188px;
}
.quiet-corp .page-fv,
.quiet-corp.contact-compact .page-fv{
  overflow:visible;
}
@media (max-width:920px){
  .subpage-body.quiet-corp .page-spacer--tall{
    height:120px;
  }
  body.has-test-banner.subpage-body.quiet-corp .page-spacer--tall,
  body.has-test-banner.contact-compact .page-spacer,
  body.has-test-banner.contact-compact .page-spacer--tall{
    height:172px;
  }
  .subpage-body .page-fv{
    padding:20px 0 24px;
  }
  .subpage-body .page-fv h1{
    max-width:none;
    font-size:clamp(1.4rem, 6.5vw, 1.75rem);
  }
}
.subpage-body .plan-card{
  border-radius:var(--r);
  box-shadow:none;
}
.subpage-body .plan-card.featured{
  background-image:none;
  border:1px solid var(--ink);
}
.quiet-corp .contact-form-card{
  border-radius:var(--r);
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(11,31,58,.12);
  background:rgba(255,255,255,.72);
}
.quiet-corp.contact-compact .page-fv{
  text-align:left;
}
.quiet-corp.contact-compact .page-fv .sec-label,
.quiet-corp.contact-compact .page-fv h1,
.quiet-corp.contact-compact .page-fv p{
  text-align:left;
}
.quiet-corp .form-submit{
  border-radius:var(--r);
  background:var(--ink);
}
@media(max-width:920px){
  .quiet-corp .hero,
  .quiet-corp .hero.hero--quiet,
  .quiet-corp .hero.hero--horizon{
    min-height:100svh;
    align-items:flex-end;
    justify-content:flex-start;
    padding:0 0 28px;
  }
  .quiet-corp .horizon-veil{
    background:
      /* left-weighted shade on mobile — avoid center poster veil */
      linear-gradient(180deg,
        rgba(8,12,20,.28) 0%,
        rgba(8,12,20,.08) 22%,
        rgba(8,12,20,.28) 52%,
        rgba(6,10,16,.72) 78%,
        rgba(6,10,16,.9) 100%),
      linear-gradient(115deg,
        rgba(8,12,20,.62) 0%,
        rgba(8,12,20,.28) 42%,
        transparent 78%);
  }
  .quiet-corp .horizon-photo,
  .quiet-corp .hero--atelier .horizon-photo{
    /* keep window / upper light on the right */
    background-position:82% 38%;
  }
  .quiet-corp .hero-brand{
    font-size:clamp(2.7rem, 11.5vw, 3.4rem);
  }
  .quiet-corp .hero-ghost-en{
    top:52%;
    left:0;
    font-size:clamp(1.6rem, 9vw, 2.6rem);
    -webkit-text-stroke:1px rgba(255,255,255,.12);
    opacity:.7;
  }
  .quiet-corp .sec{padding:64px 0;}
  .quiet-corp .hero-quiet-inner{
    padding-top:72px;
    max-width:100%;
    width:100%;
    text-align:left;
  }
  .quiet-corp .hero .wrap.hero-quiet-inner{
    max-width:none;
    width:100%;
    margin:0;
    padding-left:20px;
    padding-right:20px;
  }
  .quiet-corp .hero-quiet-inner > .hero-kicker,
  .quiet-corp .hero-quiet-inner > .hero-brand,
  .quiet-corp .hero-quiet-inner > h1,
  .quiet-corp .hero-quiet-inner > .hero-sub,
  .quiet-corp .hero-quiet-inner > .hero-actions{
    max-width:100%;
  }
  .quiet-corp .hero-kicker{
    margin-bottom:12px;
  }
  .quiet-corp .hero-sub{
    max-width:100%;
    padding-right:0;
    margin-bottom:22px;
    font-size:.88rem;
    line-height:1.75;
  }
  .quiet-corp .hero-brand{
    font-size:clamp(2.7rem, 11.5vw, 3.4rem);
    margin-bottom:10px;
  }
  .quiet-corp .hero h1{
    font-size:clamp(1.02rem, 3.8vw, 1.18rem);
    margin-bottom:10px;
    line-height:1.65;
  }
  .quiet-corp .hero-actions{
    align-items:stretch;
    gap:10px;
  }
  .quiet-corp .hero-actions .btn{
    justify-content:flex-start;
    text-align:left;
    padding:12px 20px;
  }
  .quiet-corp header .nav-menu-btn{
    color:#F4F1E8;
    background:rgba(12,20,34,.35);
    border-color:rgba(244,241,232,.2);
  }
  .quiet-corp header .nav-hamburger{
    color:#F4F1E8;
    background:currentColor;
  }
  .quiet-corp header.scrolled .nav-menu-btn{
    color:var(--ink);
    background:rgba(247,246,242,.88);
    border-color:var(--line);
  }
  .quiet-corp header.scrolled .nav-hamburger{
    color:var(--ink);
    background:currentColor;
  }
  .subpage-body.quiet-corp header .nav-menu-btn{
    color:var(--ink);
    background:rgba(247,246,242,.88);
    border-color:var(--line);
  }
  .subpage-body.quiet-corp header .nav-hamburger{
    color:var(--ink);
    background:currentColor;
  }
  .quiet-corp .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .quiet-corp .hero-actions .btn{
    width:100%;
    justify-content:flex-start;
  }
  .quiet-corp .empathy-list li{
    grid-template-columns:2.5rem 1fr;
    gap:12px;
    font-size:.95rem;
  }
  .quiet-corp .nav-menu-btn{
    font-size:0;
    gap:0;
    padding:10px;
    min-width:44px;
    min-height:44px;
    justify-content:center;
    background:rgba(247,246,242,.75);
  }
  .quiet-corp .nav-hamburger{
    margin-right:0;
  }
}

/* ─── Service pages: Horizon Branch visual + Quiet Enter (2026-08-06) ─── */
/* Omluc-adapted Quiet Enter v3 (2026-08-06 loop2): richer ease, shorter travel */
.svc-scroll-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:90;
  height:2px;
  width:100%;
  transform-origin:0 50%;
  transform:scaleX(0);
  background:linear-gradient(90deg, var(--brass), rgba(74,127,184,.65));
  pointer-events:none;
  opacity:.85;
}
@supports (animation-timeline: scroll()){
  @keyframes svc-scroll-progress-fill{
    from{transform:scaleX(0);}
    to{transform:scaleX(1);}
  }
  .quiet-corp .svc-scroll-progress{
    animation:svc-scroll-progress-fill linear both;
    animation-timeline:scroll(root block);
    animation-duration:auto;
  }
}
.quiet-corp .page-fv--service{
  position:relative;
  padding:28px 0 36px;
  border-bottom:1px solid var(--hairline);
  background:
    radial-gradient(ellipse 55% 90% at 0% 0%, var(--paper-brass-haze), transparent 58%),
    radial-gradient(ellipse 40% 70% at 100% 20%, var(--paper-haze), transparent 55%),
    transparent;
}
.quiet-corp .page-fv--service .svc-horizon{
  display:flex;
  align-items:center;
  gap:0;
  width:min(12rem, 42%);
  margin:0 0 22px;
}
.quiet-corp .page-fv--service .svc-horizon-line{
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(90deg, rgba(184,147,90,.55), rgba(11,31,58,.1));
}
.quiet-corp .page-fv--service .svc-horizon-node{
  display:block;
  width:7px;
  height:7px;
  margin-left:-1px;
  border-radius:50%;
  background:var(--brass);
  box-shadow:0 0 0 3px rgba(184,147,90,.16);
  flex-shrink:0;
}
.quiet-corp .page-fv--hub h1{
  max-width:14em;
}
.quiet-corp .service-jump a{
  transition:
    border-color var(--motion-micro) ease,
    background var(--motion-micro) ease,
    color var(--motion-micro) ease,
    transform var(--motion-micro) ease;
}
.quiet-corp .service-jump a:hover{
  transform:translateY(-1px);
}
.quiet-corp .service-jump a:active{
  transform:scale(.98);
}
.quiet-corp .biz-item--link{
  display:grid;
  text-decoration:none;
  color:inherit;
  border-radius:var(--r);
  margin:0 -12px;
  padding-left:12px;
  padding-right:12px;
  transition:
    opacity var(--motion-duration) var(--motion-ease),
    transform var(--motion-duration) var(--motion-ease),
    background var(--motion-micro) ease,
    box-shadow var(--motion-micro) ease;
}
.quiet-corp .biz-item--link:focus-visible{
  outline:2px solid var(--chart);
  outline-offset:3px;
}
.quiet-corp .biz-item--link .biz-body h3{
  transition:color var(--motion-micro) ease;
}
.quiet-corp .biz-item--link:hover .biz-body h3{
  color:var(--ink);
}
.quiet-corp .text-link--arrow::after{
  content:"→";
  display:inline-block;
  margin-left:6px;
  transition:transform var(--motion-micro) ease;
}
.quiet-corp .biz-item--link:hover .text-link--arrow::after,
.quiet-corp .biz-item--link:focus-visible .text-link--arrow::after{
  transform:translateX(3px);
}
.quiet-corp .services-hub-list .biz-item--link.is-in:hover{
  background:rgba(255,255,255,.55);
}
.quiet-corp .detail-facts{
  border-top:1px solid rgba(11,31,58,.12);
}
.quiet-corp .detail-facts > .fact-block{
  display:grid;
  grid-template-columns:9rem 1fr;
  gap:14px 28px;
  padding:28px 0 28px 20px;
  border-bottom:1px solid rgba(11,31,58,.08);
  position:relative;
}
.quiet-corp .detail-facts > .fact-block::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  bottom:28px;
  width:2px;
  background:transparent;
  pointer-events:none;
  transition:background var(--motion-micro) ease;
}
.quiet-corp .detail-facts > .fact-block.is-in:hover::before{
  background:var(--brass);
}
.quiet-corp .service-detail{
  padding-top:40px;
  padding-bottom:72px;
}
.quiet-corp .svc-cta-band{
  margin-top:40px;
  padding:32px 28px;
  border:1px solid rgba(11,31,58,.1);
  border-radius:var(--r);
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, var(--paper-brass-haze), transparent 55%),
    rgba(255,255,255,.62);
}
.quiet-corp .services-hub-cta.svc-cta-band{
  margin-top:0;
  border:none;
  border-radius:0;
  padding-top:72px;
  padding-bottom:72px;
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, var(--paper-brass-haze), transparent 55%),
    var(--paper-2);
}
.quiet-corp .svc-cta-kicker{
  margin:0 0 8px;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--brass-deep);
  text-transform:uppercase;
}
.quiet-corp .svc-cta-lead{
  margin:0 0 22px;
  max-width:32rem;
  font-size:1.02rem;
  line-height:1.75;
  color:var(--ink);
  font-family:var(--font-serif);
  font-weight:500;
  letter-spacing:.01em;
  text-wrap:pretty;
}
.quiet-corp .svc-cta-band .section-cta{
  margin-top:0;
}
/* Quiet Enter stagger: fact rows + CTA + hub CTA band */
.quiet-corp [data-mid-stagger].is-mid-ready .mid-stagger-item{
  transform:translateY(var(--motion-distance));
  transition:
    opacity var(--motion-duration) var(--motion-ease),
    transform var(--motion-duration) var(--motion-ease);
}
.quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block:nth-child(1){transition-delay:40ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block:nth-child(2){transition-delay:110ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block:nth-child(3){transition-delay:180ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block:nth-child(4){transition-delay:250ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block:nth-child(5){transition-delay:320ms;}
.quiet-corp [data-mid-stagger].is-mid-ready .svc-cta-band.mid-stagger-item{transition-delay:380ms;}
.quiet-corp .services-hub-cta.is-mid-ready .editorial-head.mid-stagger-item{transition-delay:0ms;}
.quiet-corp .services-hub-cta.is-mid-ready .section-cta.mid-stagger-item{transition-delay:90ms;}
@media (max-width:600px){
  .quiet-corp .detail-facts > .fact-block{
    grid-template-columns:1fr;
    gap:8px;
    padding:24px 0;
  }
  .quiet-corp .detail-facts > .fact-block::before{display:none;}
  .quiet-corp .svc-cta-band{
    margin-top:32px;
    padding:26px 18px;
  }
  .quiet-corp .page-fv--service{
    padding:22px 0 28px;
  }
  .quiet-corp .biz-item--link,
  .quiet-corp .biz-item--link.biz-item--editorial,
  .quiet-corp .services-hub-list .biz-item--link{
    margin:0;
    padding-left:20px;
    padding-right:8px;
  }
}
@media (prefers-reduced-motion: reduce){
  .quiet-corp .svc-scroll-progress{
    animation:none !important;
    transform:none;
    opacity:0;
  }
  .quiet-corp .service-jump a,
  .quiet-corp .biz-item--link,
  .quiet-corp .text-link--arrow::after,
  .quiet-corp .text-link--circle::before{
    transition:none !important;
  }
  .quiet-corp .service-jump a:hover,
  .quiet-corp .biz-item--link:hover{
    transform:none !important;
  }
  .quiet-corp [data-mid-stagger].is-mid-ready .detail-facts .fact-block,
  .quiet-corp [data-mid-stagger].is-mid-ready .svc-cta-band.mid-stagger-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    transition-delay:0ms !important;
  }
  .quiet-corp.svc-fv-armed .svc-fv-enter{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* ─── Omluc-adapted service hub / detail rhythm (2026-08-06) ─── */
.quiet-corp .sec-label--en{
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:none;
  color:var(--brass-deep);
}
.quiet-corp .biz-en{
  font-family:var(--font-sans);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.04em;
  color:rgba(11,31,58,.55);
  white-space:nowrap;
}
.quiet-corp .biz-meta{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding-top:2px;
}
.quiet-corp .biz-list .biz-item{
  grid-template-columns:minmax(7.5rem, 9.5rem) 1fr;
  gap:20px 28px;
  padding:36px 0;
  align-items:start;
}
.quiet-corp .biz-list .biz-num{
  font-size:.95rem;
  letter-spacing:.14em;
  color:var(--brass-deep);
  padding-top:0;
}
.quiet-corp .biz-list .biz-body h3{
  font-family:var(--font-serif);
  font-size:clamp(1.12rem, 2vw, 1.35rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.45;
  margin:0 0 12px;
}
.quiet-corp .biz-list .biz-body p{
  font-size:.96rem;
  line-height:1.9;
  max-width:38rem;
}
.quiet-corp .text-link--circle,
.quiet-corp .biz-body .text-link.text-link--circle{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ink);
  text-decoration:none;
  border-bottom:none;
}
.quiet-corp .text-link--circle::before{
  content:"→";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(11,31,58,.22);
  background:transparent;
  font-size:.7rem;
  font-weight:500;
  line-height:1;
  color:var(--ink);
  flex-shrink:0;
  transform:translateY(-.5px);
  transition:
    border-color var(--motion-micro) ease,
    transform var(--motion-micro) ease,
    color var(--motion-micro) ease;
}
.quiet-corp .text-link--circle::after{content:none;}
.quiet-corp a.text-link--circle:hover,
.quiet-corp .biz-item--link:hover .text-link--circle,
.quiet-corp .biz-body .text-link.text-link--circle:hover{
  color:var(--ink);
  border-bottom-color:transparent;
}
.quiet-corp a.text-link--circle:hover::before,
.quiet-corp .biz-item--link:hover .text-link--circle::before{
  border-color:rgba(184,147,90,.72);
  color:var(--brass-deep);
  transform:translate(.5px, -.5px);
}
.quiet-corp .svc-hub-fv{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
  margin-bottom:8px;
  max-width:40rem;
}
.quiet-corp .svc-hub-fv-main h1{
  margin:0;
  font-family:var(--font-serif);
  font-size:clamp(2rem, 4.2vw, 2.75rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.28;
  color:var(--ink);
  max-width:10em;
  text-wrap:balance;
}
.quiet-corp .svc-hub-fv-lead{
  margin:0;
  font-size:.98rem;
  line-height:1.9;
  color:var(--ink-sub);
  max-width:28rem;
  padding-bottom:6px;
  text-wrap:pretty;
}
.quiet-corp .page-fv--hub{
  padding:36px 0 44px;
  border-bottom:1px solid rgba(11,31,58,.1);
  background:
    radial-gradient(ellipse 70% 110% at 0% 0%, var(--paper-brass-haze), transparent 58%),
    radial-gradient(ellipse 50% 80% at 100% 10%, var(--paper-haze), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.35), transparent 70%);
}
.quiet-corp .page-fv--hub .service-jump{
  margin-top:32px;
  padding-top:22px;
  border-top:1px solid rgba(11,31,58,.08);
}
.quiet-corp .svc-detail-fv h1{
  margin:10px 0 14px;
  font-family:var(--font-serif);
  font-size:clamp(1.75rem, 3.4vw, 2.35rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.35;
  color:var(--ink);
  max-width:16em;
  text-wrap:balance;
}
.quiet-corp .svc-detail-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 16px;
  margin-bottom:4px;
}
.quiet-corp .svc-detail-meta .sec-label{
  margin-bottom:0;
}
.quiet-corp .svc-detail-promise{
  margin:0;
  max-width:34rem;
  font-size:1.02rem;
  line-height:1.85;
  color:rgba(11,31,58,.72);
  text-wrap:pretty;
}
.quiet-corp .page-fv--service:not(.page-fv--hub){
  padding:32px 0 40px;
}
/* Arm only after JS — no-JS keeps FV visible */
.quiet-corp.svc-fv-armed .svc-fv-enter{
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity var(--motion-duration) var(--motion-ease),
    transform var(--motion-duration) var(--motion-ease);
}
.quiet-corp.svc-fv-armed .svc-fv-enter--delay{
  transition-delay:90ms;
}
.quiet-corp.svc-fv-armed .svc-fv-enter.is-in{
  opacity:1;
  transform:none;
}
.quiet-corp .services-hub-list{
  padding-top:12px;
  padding-bottom:24px;
}
.quiet-corp .services-hub-list .biz-item--link{
  margin:0;
  padding-left:22px;
  padding-right:16px;
  border-radius:0;
  position:relative;
}
.quiet-corp .services-hub-list .biz-item--link::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:transparent;
  pointer-events:none;
  transition:background var(--motion-micro) ease;
}
.quiet-corp .services-hub-list .biz-item--link.is-in:hover{
  background:rgba(255,255,255,.7);
  box-shadow:none;
}
.quiet-corp .services-hub-list .biz-item--link.is-in:hover::before{
  background:var(--brass);
}
.quiet-corp .detail-facts > .fact-block{
  padding:32px 0 32px 22px;
  gap:16px 32px;
}
.quiet-corp .detail-facts dt{
  font-size:.76rem;
  letter-spacing:.1em;
}
.quiet-corp .detail-facts dd{
  font-size:1.02rem;
  line-height:1.95;
}
.quiet-corp [data-mid-item-stagger].is-mid-ready .mid-stagger-item{
  /* delay set inline by JS for sequential Omluc-like enter */
  transition-delay:0ms;
}
@media (max-width:760px){
  .quiet-corp .svc-hub-fv{
    gap:12px;
  }
  .quiet-corp .svc-hub-fv-main h1{
    max-width:none;
  }
  .quiet-corp .biz-list .biz-item{
    grid-template-columns:1fr;
    gap:10px;
    padding:28px 0;
  }
  .quiet-corp .biz-meta{
    flex-direction:row;
    align-items:baseline;
    gap:12px;
  }
  .quiet-corp .biz-en{
    white-space:normal;
  }
  .quiet-corp .page-fv--hub{
    padding:28px 0 32px;
  }
}

/* ─── Omluc adaptation loop2: editorial rows + geometry motif (2026-08-06) ─── */
.quiet-corp .svc-hub-fv-aside{
  display:none;
}
.quiet-corp .svc-hub-fv-main .svc-hub-fv-lead{
  margin-top:14px;
  max-width:34rem;
}
.quiet-corp .svc-geo-wrap{
  display:grid;
  place-items:center;
  width:100%;
  max-width:11.5rem;
  aspect-ratio:1;
  border-radius:8px;
  background:
    radial-gradient(ellipse 70% 70% at 30% 28%, var(--paper-brass-haze), transparent 60%),
    radial-gradient(ellipse 55% 55% at 78% 72%, var(--paper-haze), transparent 58%),
    rgba(255,255,255,.55);
  border:1px solid rgba(11,31,58,.08);
  overflow:hidden;
}
.quiet-corp .svc-geo-wrap--fv{
  max-width:12.5rem;
  aspect-ratio:3/2;
}
.quiet-corp .svc-geo-wrap--detail{
  display:none;
}
.quiet-corp .svc-geo{
  width:78%;
  height:78%;
}
.quiet-corp .svc-geo-ring,
.quiet-corp .svc-geo-arc,
.quiet-corp .svc-geo-line{
  stroke:var(--brass-deep);
  stroke-width:2;
  fill:none;
}
.quiet-corp .svc-geo-ring--soft,
.quiet-corp .svc-geo-arc.svc-geo-ring--soft{
  stroke:rgba(74,127,184,.72);
  stroke-width:1.75;
}
.quiet-corp .svc-geo-line{
  stroke:rgba(11,31,58,.38);
  stroke-width:1.5;
}
.quiet-corp .svc-geo-node{
  fill:var(--brass-deep);
  stroke:none;
}
.quiet-corp .svc-geo-node--soft{
  fill:rgba(74,127,184,.78);
}
.quiet-corp .service-jump--rail{
  gap:0;
  margin-top:36px;
  padding-top:0;
  border-top:none;
}
.quiet-corp .page-fv--hub .service-jump--rail{
  margin-top:36px;
  padding-top:20px;
  border-top:1px solid rgba(11,31,58,.08);
}
.quiet-corp .service-jump--rail a{
  padding:10px 16px 10px 0;
  margin-right:18px;
  border:none;
  border-radius:0;
  border-bottom:1px solid transparent;
  background:transparent;
  font-size:.86rem;
  letter-spacing:.01em;
}
.quiet-corp .service-jump--rail a:hover{
  transform:none;
  background:transparent;
  border-bottom-color:rgba(184,147,90,.55);
  color:var(--ink);
}
.quiet-corp .service-jump--rail a:active{
  transform:none;
}
.quiet-corp .biz-list--editorial{
  border-top:1px solid rgba(11,31,58,.1);
}
.quiet-corp .biz-list--editorial .biz-item.biz-item--editorial{
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:0;
  align-items:start;
  padding:44px 8px 44px 22px;
  border-bottom:1px solid rgba(11,31,58,.08);
  background:transparent;
}
.quiet-corp #services .biz-list--editorial .biz-item.biz-item--editorial{
  grid-template-columns:minmax(0, 1fr);
  gap:0;
  padding:40px 8px 40px 22px;
}
.quiet-corp .biz-copy{
  min-width:0;
}
.quiet-corp .biz-meta-inline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-bottom:14px;
}
.quiet-corp .biz-meta-inline .biz-num{
  font-size:.92rem;
  font-weight:600;
  letter-spacing:.14em;
  color:var(--brass-deep);
  padding-top:0;
  line-height:1;
}
.quiet-corp .biz-meta-inline .biz-en{
  font-size:.74rem;
  letter-spacing:.04em;
  color:var(--ink-sub);
}

.quiet-corp .text-link--arrow{
  color:var(--chart-deep);
}

/* ─── Publish review / policy / consultation layouts ─── */
.publish-review-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:var(--r);
  color:var(--ink-sub);
  font-size:.82rem;
}
.policy-note{
  margin:22px 0;
  padding:18px 20px;
  border-left:3px solid var(--brass);
  background:rgba(184,147,90,.07);
  color:var(--ink-sub);
}
.policy-source-list{
  display:grid;
  gap:10px;
  margin:18px 0 0;
  padding-left:1.2em;
}
.policy-source-list a,
.policy-link{
  color:var(--chart-deep);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.policy-updated{
  margin-top:48px;
  font-size:.82rem;
  color:var(--ink-sub);
}
.contact-consultation-layout{
  display:grid;
  grid-template-columns:minmax(240px, 320px) minmax(0, 680px);
  gap:clamp(28px, 5vw, 72px);
  align-items:start;
}
.consultation-guide{
  position:sticky;
  top:132px;
  padding:28px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.consultation-guide h2{
  margin:0 0 18px;
  font-family:var(--font-serif);
  font-size:1.35rem;
  font-weight:500;
}
.consultation-guide dl{
  display:grid;
  gap:16px;
  margin:0;
}
.consultation-guide dt{
  color:var(--brass-deep);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.12em;
}
.consultation-guide dd{
  margin:4px 0 0;
  color:var(--ink-sub);
  line-height:1.75;
}
.optional-label{
  margin-left:6px;
  color:var(--ink-sub);
  font-size:.78rem;
  font-weight:500;
}
.consent-field{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
  color:var(--ink-sub);
  font-size:.86rem;
  line-height:1.7;
}
.consent-field input{
  width:18px;
  height:18px;
  margin-top:3px;
  accent-color:var(--brand-dark);
}
.resource-list{
  display:grid;
  gap:1px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.resource-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:30px 0;
  border-bottom:1px solid var(--line-soft);
}
.resource-list article:last-child{border-bottom:0;}
.resource-list h2{
  margin:6px 0 10px;
  font-family:var(--font-serif);
  font-size:clamp(1.2rem,2vw,1.55rem);
  font-weight:500;
}
.resource-list p{max-width:46rem;color:var(--ink-sub);}
.resource-kicker{
  color:var(--brass-deep);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
}
.section-cta--spaced{margin-top:28px;}
@media(max-width:760px){
  .contact-consultation-layout{grid-template-columns:1fr;}
  .consultation-guide{position:static;top:auto;}
  .resource-list article{grid-template-columns:1fr;}
  .resource-list .btn{justify-self:start;}
}

/* ─── HTML-first guides ─── */
.guide-page .page-fv{padding-bottom:56px;}
.guide-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:24px;
  color:var(--ink-sub);
  font-size:.82rem;
}
.guide-summary{
  margin-bottom:40px;
  padding:24px 26px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.36);
}
.guide-summary strong{display:block;margin-bottom:8px;color:var(--ink);}
.guide-toc{
  margin-bottom:48px;
  padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.guide-toc h2{font-size:1rem;margin-bottom:12px;}
.guide-toc ol{display:grid;gap:8px;padding-left:1.3em;}
.guide-toc a{color:var(--chart-deep);text-decoration:underline;text-underline-offset:3px;}
.guide-section{
  padding:38px 0;
  border-bottom:1px solid var(--line-soft);
  scroll-margin-top:120px;
}
.guide-section h2{
  margin-bottom:18px;
  font-family:var(--font-serif);
  font-size:clamp(1.35rem,2.5vw,1.8rem);
  font-weight:500;
  line-height:1.5;
}
.guide-section h3{margin:26px 0 10px;font-size:1.05rem;}
.guide-section p + p{margin-top:14px;}
.guide-section ul,
.guide-section ol{display:grid;gap:10px;margin-top:16px;padding-left:1.4em;}
.guide-checklist{counter-reset:guide-item;list-style:none!important;padding-left:0!important;}
.guide-checklist > li{
  counter-increment:guide-item;
  display:grid;
  grid-template-columns:2.5rem 1fr;
  gap:14px;
  padding:18px 0;
  border-bottom:1px solid var(--line-soft);
}
.guide-checklist > li::before{
  content:counter(guide-item, decimal-leading-zero);
  color:var(--brass-deep);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
}
.guide-checklist strong{display:block;margin-bottom:5px;color:var(--ink);}
.guide-decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:24px;
  background:var(--line);
  border:1px solid var(--line);
}
.guide-decision-grid > div{padding:22px;background:var(--paper);}
.guide-decision-grid h3{margin:0 0 10px;}
.guide-sources{margin-top:48px;padding-top:30px;border-top:1px solid var(--line);}
.guide-sources h2{margin-bottom:14px;font-size:1.15rem;}
.guide-sources ul{display:grid;gap:10px;padding-left:1.2em;}
.guide-sources a{color:var(--chart-deep);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:640px){
  .guide-summary{padding:20px;}
  .guide-decision-grid{grid-template-columns:1fr;}
  .guide-checklist > li{grid-template-columns:2rem 1fr;}
}
.quiet-corp .biz-item--editorial h3{
  font-family:var(--font-serif);
  font-size:clamp(1.22rem, 2.2vw, 1.55rem);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.4;
  margin:0 0 14px;
  color:var(--ink);
  text-wrap:balance;
  word-break:keep-all;
  line-break:strict;
  overflow-wrap:anywhere;
}
.quiet-corp .biz-item--editorial p{
  margin:0;
  max-width:40rem;
  font-size:.98rem;
  line-height:1.95;
  color:var(--ink-sub);
  text-wrap:pretty;
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
}
.quiet-corp .biz-item--editorial .text-link--circle{
  margin-top:22px;
}
.quiet-corp .biz-item--editorial .biz-visual{
  display:none;
}
.quiet-corp .biz-item--editorial .biz-visual .svc-geo{
  width:72%;
  height:72%;
}
.quiet-corp .biz-item--link.biz-item--editorial{
  margin:0;
  padding-left:22px;
  padding-right:12px;
  text-decoration:none;
  color:inherit;
  border-radius:0;
  position:relative;
}
.quiet-corp .biz-item--link.biz-item--editorial::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:transparent;
  pointer-events:none;
  transition:background var(--motion-micro) ease;
}
.quiet-corp .biz-item--link.biz-item--editorial.is-in:hover{
  background:rgba(255,255,255,.72);
  box-shadow:none;
  transform:translateX(2px);
}
.quiet-corp .biz-item--link.biz-item--editorial.is-in:hover::before{
  background:var(--brass);
}
.quiet-corp .biz-item--link.biz-item--editorial.is-in:hover .biz-visual{
  border-color:rgba(142,110,62,.45);
  transform:translateY(-2px);
}
.quiet-corp .biz-item--link.biz-item--editorial.is-in:hover h3{
  color:var(--ink);
}
.quiet-corp .page-fv--hub{
  padding:44px 0 52px;
  background:
    radial-gradient(ellipse 72% 120% at 0% 0%, var(--paper-brass-haze), transparent 58%),
    radial-gradient(ellipse 48% 90% at 100% 8%, var(--paper-haze), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.42), transparent 72%);
}
.quiet-corp .svc-hub-fv-main h1{
  font-size:clamp(2.15rem, 4.6vw, 3rem);
  line-height:1.22;
  font-weight:500;
}
.quiet-corp .svc-hub-fv-lead{
  font-size:1.02rem;
  line-height:1.95;
  max-width:26rem;
}
.quiet-corp .svc-detail-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(8rem, 12rem);
  gap:28px 40px;
  align-items:end;
}
.quiet-corp .page-fv--detail{
  padding:36px 0 48px;
  border-bottom:1px solid rgba(11,31,58,.09);
  background:
    radial-gradient(ellipse 60% 100% at 0% 0%, var(--paper-brass-haze), transparent 55%),
    radial-gradient(ellipse 40% 70% at 100% 20%, var(--paper-haze), transparent 50%),
    transparent;
}
.quiet-corp .svc-detail-fv h1{
  font-size:clamp(1.9rem, 3.8vw, 2.55rem);
  line-height:1.28;
  margin:12px 0 16px;
}
.quiet-corp .svc-detail-promise{
  font-size:1.06rem;
  line-height:1.9;
  max-width:32rem;
  color:rgba(11,31,58,.7);
}
.quiet-corp .fact-en{
  display:none;
}
.quiet-corp .detail-facts > .fact-block{
  padding:36px 0 36px 22px;
  gap:18px 36px;
  transition:background var(--motion-micro) ease;
}
.quiet-corp .detail-facts > .fact-block.is-in:hover{
  background:rgba(255,255,255,.4);
}
.quiet-corp .detail-facts dt{
  font-size:.84rem;
  letter-spacing:.04em;
  line-height:1.55;
  color:var(--ink);
  font-weight:600;
}
.quiet-corp .detail-facts dd{
  font-size:1.04rem;
  line-height:2;
  color:var(--ink-sub);
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .svc-detail-promise{
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .page-fv--service .svc-horizon{
  display:none;
}
.quiet-corp .svc-cta-band{
  margin-top:48px;
  padding:36px 32px;
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%, var(--paper-brass-haze), transparent 55%),
    radial-gradient(ellipse 50% 80% at 100% 100%, var(--paper-haze), transparent 50%),
    rgba(255,255,255,.7);
}
.quiet-corp .svc-cta-kicker{
  letter-spacing:.14em;
}
.quiet-corp .svc-cta-lead{
  font-size:1.08rem;
  line-height:1.8;
}
.quiet-corp.svc-fv-armed .svc-fv-enter{
  transform:translateY(var(--motion-distance)) scale(.992);
}
.quiet-corp.svc-fv-armed .svc-fv-enter.is-in{
  transform:none;
}
.quiet-corp .services-hub-list{
  padding-top:8px;
  padding-bottom:36px;
}
.quiet-corp .services-hub-cta.svc-cta-band{
  padding-top:80px;
  padding-bottom:80px;
}
@media (max-width:760px){
  .quiet-corp .biz-list--editorial .biz-item.biz-item--editorial,
  .quiet-corp #services .biz-list--editorial .biz-item.biz-item--editorial{
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 8px 32px 20px;
  }
  .quiet-corp .biz-item--editorial .biz-visual{
    max-width:7.5rem;
    justify-self:start;
  }
  .quiet-corp .svc-detail-layout{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }
  .quiet-corp .svc-geo-wrap--detail,
  .quiet-corp .svc-geo-wrap--fv{
    display:none;
  }
  .quiet-corp .service-jump--rail{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .quiet-corp .service-jump--rail a{
    margin-right:0;
    padding:10px 0;
  }
  .quiet-corp .svc-cta-band{
    padding:28px 18px;
  }
  .quiet-corp .br-m{display:block;}
  .quiet-corp .page-fv--contact h1{
    max-width:11.5em;
    line-height:1.45;
  }
}
/* Techtical-inspired case patterns (honest: not client ROI) */
.quiet-corp .pattern-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(11,31,58,.14);
}
.quiet-corp .pattern-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  padding:36px 0;
  border-bottom:1px solid rgba(11,31,58,.08);
}
.quiet-corp .pattern-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 16px;
}
.quiet-corp .pattern-meta .biz-en{
  color:var(--brass-deep);
}
.quiet-corp .pattern-item h3{
  font-family:var(--font-serif);
  font-size:clamp(1.15rem, 2vw, 1.4rem);
  font-weight:500;
  margin:0;
  line-height:1.45;
  text-wrap:balance;
  word-break:keep-all;
  line-break:strict;
}
.quiet-corp .pattern-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 40px;
}
.quiet-corp .pattern-split h4{
  margin:0 0 8px;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--brass-deep);
}
.quiet-corp .pattern-split p{
  margin:0;
  font-size:.95rem;
  line-height:1.85;
  color:var(--ink-sub);
  overflow-wrap:anywhere;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
}
.quiet-corp .pattern-note{
  margin:28px 0 0;
  font-size:.88rem;
  line-height:1.75;
  color:var(--ink-mute);
  max-width:40rem;
}
.quiet-corp .pain-mini{
  list-style:none;
  margin:0 0 36px;
  padding:0;
  border-top:1px solid rgba(11,31,58,.12);
}
.quiet-corp .pain-mini li{
  display:grid;
  grid-template-columns:2.4rem 1fr;
  gap:14px;
  align-items:baseline;
  padding:16px 0;
  border-bottom:1px solid rgba(11,31,58,.08);
  font-size:.98rem;
  line-height:1.75;
  color:var(--ink);
  word-break:keep-all;
  line-break:strict;
}
.quiet-corp .pain-mini .empathy-idx{
  font-size:.7rem;
}
@media(max-width:720px){
  .quiet-corp .pattern-split{
    grid-template-columns:1fr;
    gap:16px;
  }
}
@media (prefers-reduced-motion: reduce){
  .quiet-corp .biz-item--link.biz-item--editorial.is-in:hover,
  .quiet-corp .biz-item--link.biz-item--editorial.is-in:hover .biz-visual{
    transform:none !important;
  }
}

/* ════════════════════════════════════════════════════════════════
   Home refinement 2026-08-07 — Hero horizon anchor + empathy layout
   (index.html only / Horizon Branch: line + Y branch node motif)
   ════════════════════════════════════════════════════════════════ */

/* ── Hero: horizon hairline + Y branch anchor ── */
.quiet-corp .horizon-anchor{
  position:absolute;
  z-index:1;
  display:flex;
  align-items:center;
  gap:14px;
  top:53%;
  right:clamp(28px, 6vw, 96px);
  width:min(19rem, 32vw);
  opacity:0;
  animation:horizon-anchor-in .9s cubic-bezier(.22,.61,.36,1) .8s both;
}
.quiet-corp .horizon-anchor-line{
  display:block;
  flex:1;
  height:1px;
  position:relative;
  background:linear-gradient(90deg, rgba(184,147,90,.72), rgba(74,127,184,.4) 74%, transparent 100%);
}
.quiet-corp .horizon-anchor-line::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-2px;
  height:5px;
  background:inherit;
  filter:blur(6px);
  opacity:.45;
}
.quiet-corp .horizon-anchor-y{
  flex-shrink:0;
  width:44px;
  height:44px;
  overflow:visible;
}
.quiet-corp .horizon-anchor-y .haz-stem{
  fill:none;
  stroke:rgba(244,241,232,.88);
  stroke-width:1.5;
  stroke-linecap:butt;
  stroke-linejoin:miter;
}
.quiet-corp .horizon-anchor-y .haz-node{
  fill:var(--brass);
  transform-origin:16px 15.85px;
  animation:horizon-node-pulse 7s ease-in-out 2.4s infinite;
}
@keyframes horizon-anchor-in{
  from{opacity:0; transform:translateY(8px);}
  to{opacity:1; transform:none;}
}
@keyframes horizon-node-pulse{
  0%,100%{opacity:.72;}
  50%{opacity:1;}
}
@media(max-width:920px){
  .quiet-corp .horizon-anchor{
    top:15%;
    right:16px;
    width:auto;
    gap:0;
  }
  .quiet-corp .horizon-anchor-line{display:none;}
  .quiet-corp .horizon-anchor-y{
    width:38px;
    height:38px;
    opacity:.92;
  }
}

/* ── Empathy: two-part editorial layout + state labels ── */
.quiet-corp .empathy-list li{
  grid-template-columns:3.2rem minmax(0, 1fr);
  gap:18px;
  align-items:start;
  padding:24px 0;
  word-break:keep-all;
  line-break:strict;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}
.quiet-corp .empathy-body{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.quiet-corp .empathy-state{
  font-family:var(--font-sans);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1.4;
  color:var(--brass-deep);
}
.quiet-corp .empathy-copy{
  display:block;
  font-size:1.02rem;
  line-height:1.8;
  color:rgba(11,31,58,.86);
}
@media(max-width:880px){
  .quiet-corp .empathy-list li{
    grid-template-columns:2.5rem minmax(0, 1fr);
    gap:12px;
    padding:20px 0;
  }
  .quiet-corp .empathy-copy{
    font-size:.95rem;
  }
}
@media (prefers-reduced-motion: reduce){
  .quiet-corp .horizon-anchor{
    animation:none;
    opacity:1;
  }
  .quiet-corp .horizon-anchor-y .haz-node{
    animation:none;
  }
}

/* ════════════════════════════════════════════════════════════════
   Home refinement 2026-08-07 — features / boundary
   Horizon Branch rhythm: number + hairline + brass node per item
   (index.html only / cardless / brass = node + hairline only)
   ════════════════════════════════════════════════════════════════ */
.quiet-corp .bnd-scope li{
  display:flex;
  flex-direction:column;
}
.quiet-corp .bnd-scope .bnd-num{
  display:block;
  font-family:var(--font-sans);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.18em;
  line-height:1;
  color:var(--brass-deep);
  margin-bottom:12px;
}
.quiet-corp .bnd-scope .bnd-horizon{
  display:flex;
  align-items:center;
  margin-bottom:20px;
}
.quiet-corp .bnd-scope .bnd-node{
  display:block;
  flex-shrink:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brass);
  box-shadow:0 0 0 3px rgba(184,147,90,.14);
}
.quiet-corp .bnd-scope .bnd-hairline{
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(90deg, rgba(184,147,90,.58), rgba(74,127,184,.3));
}
@media(max-width:880px){
  .quiet-corp .bnd-scope li{
    padding:28px 0 30px;
    border-bottom:none;
  }
}

/* Cycle 6 (2026-08-07) — CTA band: Horizon Branch motif (quiet brass hairline + node)
   Connects the navy band to the page's line language so it stops reading as a hard block. */
.quiet-corp .cta-horizon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:4.5rem;
  margin:0 auto 24px;
}
.quiet-corp .cta-horizon-line{
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(184,147,90,.62), transparent);
}
.quiet-corp .cta-horizon-node{
  display:block;
  flex-shrink:0;
  width:7px;
  height:7px;
  margin-left:-1px;
  border-radius:50%;
  background:var(--brass);
  box-shadow:0 0 0 3px rgba(184,147,90,.14);
}

/* Cycle 6 — de-square the shared chrome: quiet-corp controls follow the --r token.
   Overrides legacy theme blocks (border-radius:0/2px hardcodes ~2462-2939) that
   otherwise force square corners on nav links, menu button, and hero buttons. */
.quiet-corp .nav-pill a{
  border-radius:var(--r);
}
.quiet-corp .nav-pill a.is-active,
.quiet-corp .nav-pill a[aria-current="page"]{
  border-radius:0;
}
.quiet-corp .nav-cta{
  border-radius:var(--r) !important;
}
.quiet-corp .nav-menu-btn{
  border-radius:var(--r);
}
.quiet-corp .mobile-menu a{
  border-radius:var(--r);
}
.quiet-corp .btn,
.quiet-corp .btn-brand,
.quiet-corp .btn-outline{
  border-radius:var(--r) !important;
}

/* Cycle 7 (2026-08-07) — de-square the legacy-theme pages (no .quiet-corp):
   The legacy blocks (~2462-2939) force border-radius:0/2px !important on the shared
   nav and buttons, and 2px on cards (stair/why-card/biz-tag), which left solutions/
   resources/service/solution pages square while the quiet-corp pages were already 6px.
   Same treatment as Cycle 6, applied site-wide; also fixes .form-control/.page-fv-kpi/
   .res-upcoming that the legacy block flattened even on quiet-corp pages. */
.nav-cta,
.btn,
.btn-brand,
.btn-outline,
.form-submit{
  border-radius:var(--r) !important;
}
.nav-menu-btn,
.mobile-menu a,
.form-control,
.stair,
.why-card,
.biz-tag,
.plan-card,
.plan-card .plan-btn,
.plan-tag,
.page-fv-kpi,
.res-upcoming{
  border-radius:var(--r);
}

/* Diagnostic funnel page (own flat theme, reachable from service/resources pages):
   round the remaining controls so the funnel matches the site token. */
.diagnostic-body .nav-cta{
  border-radius:var(--r) !important;
}
.diagnostic-body .form-control,
.diagnostic-body .page-fv-kpi,
.diagnostic-body .diag-intro-card,
.diagnostic-body .diag-progress,
.diagnostic-body .diag-opt{
  border-radius:var(--r);
}
.diagnostic-body .cost-row:nth-child(2){animation-delay:.18s;}
.diagnostic-body .cost-row:nth-child(3){animation-delay:.26s;}
.diagnostic-body .cost-row:nth-child(4){animation-delay:.34s;}
.diagnostic-body .cost-row:nth-child(5){animation-delay:.42s;}
.diagnostic-body .tool-tag:nth-child(2){animation-delay:.25s;}
.diagnostic-body .tool-tag:nth-child(3){animation-delay:.3s;}
.diagnostic-body .tool-tag:nth-child(4){animation-delay:.35s;}
.diagnostic-body .tool-tag:nth-child(5){animation-delay:.4s;}

/* Cycle 8 (2026-08-07) — 折り返しと「四角い帯・カード」の修正
   1) 日本語の変な改行: word-break:keep-all は英単語を保護する指定であり、
      日本語文全体に効かせると Chromium では行末で折り返せず
      「〜ます。」「優先します。」などの1〜2文字が次行に飛ぶ。
      日本語は通常折返し(normal)へ戻し、英数は overflow-wrap で保護する。
   2) エディトリアル幅を52rem→54remに広げ、見出しが1行に収まるようにする。
   3) 帯(sec-alt)の上下2本ボーダーが「四角い板の積み重ね」に見えていたため、
      上端のみのヘアラインに変更する。
   4) カードの白い板(背景+影)を軽くし、ヘアラインの「線」に寄せる。
   5) モバイルでインライン3列指定が残り1文字/行になる問題を修正する。 */

/* ── 1) 日本語の通常折返し（全ページ共通） ── */
h1,h2,h3,h4,h5,h6,p,li,summary,label,blockquote{
  word-break:normal;
  overflow-wrap:break-word;
}
.quiet-corp .hero-sub,
.quiet-corp .hero-quiet-inner > h1,
.quiet-corp .mission-text--display,
.quiet-corp .mission-sub,
.quiet-corp .boundary-list h3,
.quiet-corp .boundary-list p,
.mission-sub{
  word-break:normal;
  line-break:strict;
  overflow-wrap:break-word;
}

/* ── 2) エディトリアル幅の拡張（見出しが中途半端に折れないように） ── */
.quiet-corp .quiet-editorial{
  max-width:54rem;
}

/* ── 5) モバイル: カードグリッドのインライン列指定を1列に ── */
@media(max-width:880px){
  .why-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* ── 3) 帯の緩和: 上下ボーダー → 上端のみヘアライン ── */
.sec-alt{
  border-top:1px solid var(--hairline);
  border-bottom:none;
}

/* ── 4) カードの軽量化（白い板 → ヘアラインの線） ── */
.why-card,
.stair,
.sup-card{
  background:rgba(255,255,255,.42);
  border-color:var(--hairline);
  box-shadow:none;
}

/* 英数混在の短い見出しは語の途中で切らせない（資源ガイドの見出し等） */
.res-body h3{
  word-break:keep-all;
}

/* ── 8) 日本語の自然な折返し（keep-all/balance を無効化し、行末1文字・中途半端な分割を防止） ── */
.quiet-corp .hero h1,
.quiet-corp .hero-sub,
.quiet-corp .hero-quiet-inner > h1,
.quiet-corp .mission-text,
.quiet-corp .mission-text--display,
.quiet-corp .mission-sub,
.quiet-corp .boundary-list h3,
.quiet-corp .boundary-list p,
.quiet-corp .services-hub-cta .mission-text,
.subpage-body .page-fv h1,
.quiet-corp .svc-hub-fv-main h1,
.quiet-corp .svc-detail-fv h1,
.quiet-corp .biz-item--editorial h3,
.quiet-corp .biz-item--editorial p,
.quiet-corp .detail-facts dd{
  text-wrap:pretty;
  word-break:normal;
  line-break:strict;
  overflow-wrap:break-word;
}

/* 旧テーマ・汎用: 見出し・本文の1文字だけの行を防ぐ */
h1,h2,h3,h4,h5,h6,p,li,summary,label,blockquote{
  text-wrap:pretty;
}

/* 旧テーマでも語を分割させないための汎用 nobr */
.nobr{
  white-space:nowrap;
}

/* Cycle 9 (2026-08-08) — 「四角の積み重ね」の解消: 旧テーマのベタ塗りバンドを霞表現に統一
   旧テーマ15枚は sec-alt / footer がベタ塗り(paper-2)の全幅バンドで、
   「四角の積み重ね」に見えていた。quiet-corp と同じ半透明グラデーションに揃え、
   面(ベタ)ではなく空気(霞)でセクションを分ける。
   下部CTAには brass の水平線モチーフ(cta-horizon)を全テーマで表示する
   (HTMLスパンは共通JSで全ページに注入済みだが、CSSが quiet-corp スコープで未装飾だった)。 */

/* 1) 帯(sec-alt): ベタ塗り → 半透明の霞（quiet-corp と同一表現） */
.sec-alt{
  background:linear-gradient(180deg, rgba(239,237,228,.9), rgba(239,237,228,.7));
}

/* 2) フッター: ベタ塗り → 下へ溶ける霞（quiet-corp と同一表現） */
footer{
  background:linear-gradient(180deg, rgba(239,237,228,.65), var(--paper-2));
  border-top:1px solid var(--hairline);
}

/* 3) 下部CTAのbrass水平線モチーフを全テーマで表示 */
.cta-horizon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:4.5rem;
  margin:0 auto 24px;
}
.cta-horizon-line{
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(184,147,90,.62), transparent);
}
.cta-horizon-node{
  display:block;
  flex-shrink:0;
  width:7px;
  height:7px;
  margin-left:-1px;
  border-radius:50%;
  background:var(--brass);
  box-shadow:0 0 0 3px rgba(184,147,90,.14);
}

/* ─── Copilot Studio content system (2026-08-17) ─── */
.quiet-corp .hero-promise-line{
  display:block;
}

.quiet-corp .service-situation-list,
.quiet-corp .service-exclusion-list{
  display:grid;
  margin-top:34px;
  border-top:1px solid var(--hairline);
}
.quiet-corp .service-situation-list li,
.quiet-corp .service-exclusion-list li{
  position:relative;
  padding:20px 18px 20px 34px;
  border-bottom:1px solid var(--hairline);
  color:var(--ink-sub);
  font-family:var(--font-sans);
  line-height:1.85;
}
.quiet-corp .service-situation-list li::before,
.quiet-corp .service-exclusion-list li::before{
  content:"";
  position:absolute;
  top:29px;
  left:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brass);
}

.quiet-corp .service-scope-list{
  display:grid;
  margin-top:38px;
  border-top:1px solid var(--hairline);
}
.quiet-corp .service-scope-list > li{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:24px;
  padding:26px 0;
  border-bottom:1px solid var(--hairline);
}
.quiet-corp .service-scope-list > li > span{
  color:var(--brass-deep);
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.12em;
}
.quiet-corp .service-scope-list h3{
  margin-bottom:8px;
  color:var(--ink);
  font-family:var(--font-serif);
  font-size:1.12rem;
  font-weight:600;
}
.quiet-corp .service-scope-list p{
  color:var(--ink-sub);
  line-height:1.85;
}

.quiet-corp .related-support-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  margin-top:38px;
}
.quiet-corp .related-support-item{
  padding-top:24px;
  border-top:1px solid var(--brass);
}
.quiet-corp .related-support-item h3{
  margin:8px 0 12px;
  color:var(--ink);
  font-family:var(--font-serif);
  font-size:1.25rem;
  font-weight:600;
}
.quiet-corp .related-support-item > p:last-child{
  color:var(--ink-sub);
  line-height:1.85;
}

.quiet-corp .contact-data-note,
.quiet-corp .contact-response-note{
  color:var(--ink-sub);
  font-size:.82rem;
  line-height:1.8;
}
.quiet-corp .contact-data-note{
  margin:8px 0 18px;
}
.quiet-corp .contact-response-note{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--hairline);
}

.quiet-corp .policy-switch{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:920px;
  margin:0 auto;
  padding:0 24px;
}
.quiet-corp .policy-switch a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:var(--r);
  color:var(--ink-sub);
  font-family:var(--font-sans);
  font-size:.82rem;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.quiet-corp .policy-switch a:hover,
.quiet-corp .policy-switch a[aria-current="page"]{
  border-color:var(--brand);
  background:var(--brand-pale);
  color:var(--ink);
}
.quiet-corp .policy-body{
  padding-top:34px;
}

@media(max-width:760px){
  .quiet-corp .hero-promise-line{
    font-size:clamp(1.55rem,7.6vw,1.9rem);
    letter-spacing:-.055em;
    white-space:nowrap;
  }
  .quiet-corp .related-support-list{
    grid-template-columns:1fr;
    gap:34px;
  }
  .quiet-corp .service-scope-list > li{
    grid-template-columns:1fr;
    gap:10px;
  }
  .quiet-corp .service-scope-list > li{
    padding:22px 0;
  }
  .quiet-corp .policy-switch{
    padding:0 20px;
    flex-direction:column;
  }
  .quiet-corp .policy-switch a{
    width:100%;
  }
}
\n\n/* ─── Secondary page system (2026-08-16) ─── */\n.quiet-corp .policy-switch{display:flex;flex-wrap:wrap;gap:8px;max-width:920px;margin:0 auto;padding:0 24px;}\n.quiet-corp .policy-switch a{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink-sub);font-family:var(--font-sans);font-size:.82rem;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease;}\n.quiet-corp .policy-switch a:hover,.quiet-corp .policy-switch a[aria-current="page"]{border-color:var(--brand);background:var(--brand-pale);color:var(--ink);}\n.quiet-corp .policy-body{padding-top:34px;}\n.error-page-body{min-height:100vh;background:var(--bg);color:var(--ink);}\n.error-page{min-height:100vh;display:grid;place-items:center;padding:40px 24px;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-sec) 100%);}\n.error-page-inner{width:min(100%,620px);text-align:center;}\n.error-page-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:64px;color:var(--ink);font-family:var(--font-serif);font-size:1.35rem;}\n.error-page-brand img{display:block;opacity:.72;}\n.error-page-code{margin:0 0 14px;color:var(--brass-deep);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;}\n.error-page h1{margin-bottom:18px;font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.4rem);font-weight:500;line-height:1.25;}\n.error-page-inner > p:not(.error-page-code){max-width:34rem;margin:0 auto;color:var(--ink-sub);line-height:1.9;}\n.error-page .section-cta{justify-content:center;margin-top:30px;}\n@media(max-width:640px){.quiet-corp .policy-switch{padding:0 20px;flex-direction:column;}.quiet-corp .policy-switch a{width:100%;}.error-page{padding:28px 20px;}.error-page-brand{margin-bottom:48px;}.error-page .section-cta{align-items:stretch;flex-direction:column;}.error-page .section-cta .btn{width:100%;}}\n