/* The service is explained before the cycle and evidence surfaces. */
.hero-copy{width:60%;max-width:720px}
.hero h1{font-size:clamp(56px,6.15vw,88px);line-height:1.03}
.hero-deck{max-width:590px;font-size:22px}
.hero-description{max-width:555px;font-size:17px;line-height:1.8}
.hero-facts{font-size:12px}
.hero-annotation{right:38px}
.hero-annotation strong{font-size:15px}
.why-section{border-top:1px solid var(--line)}
.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.why-layout h2{font-size:clamp(36px,4.5vw,58px);max-width:510px}
.why-lead{font:500 28px/1.35 var(--display);color:var(--purple);margin-top:27px;max-width:440px}
.why-copy>p{font-size:16px;line-height:1.85}
.why-copy strong{color:var(--ink);font-weight:600}
.paid-difference{margin-top:28px;padding:24px 0 0;border-top:1px solid #5d486e}
.paid-difference h3{font-size:21px;line-height:1.35}
.paid-difference p{font-size:15px;line-height:1.8;margin-top:10px}
.personas-section{background:#14101c}
.personas-section .section-heading{align-items:flex-start;margin-bottom:32px}
.personas-section .section-heading>div{max-width:470px}
.personas-section .section-heading>div p{font-size:16px}
.persona-instruction{font-size:13px;color:#c8b5db;margin-bottom:18px}
.persona-list{border-top:1px solid #5a436e}
.persona{border-bottom:1px solid #493553}
.persona summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 180px 22px;gap:20px;align-items:center;padding:21px 24px;cursor:pointer;transition:background .2s}
.persona summary::-webkit-details-marker{display:none}
.persona summary:hover{background:#21172c}
.persona summary:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
.persona-index{font:14px var(--display);color:#b49bc8;font-variant-numeric:tabular-nums}
.persona-name{font:500 24px/1.25 var(--display);color:#f3ecfa}
.persona-name small{display:block;font:13px/1.55 var(--font);color:#bfaecc;margin-top:5px}
.persona-tag{font-size:12px;text-align:right;color:#c4b0d6}
.persona summary .icon{width:19px;height:19px;color:var(--purple);transition:transform .2s}
.persona[open]{background:#20152e}
.persona[open] summary .icon{transform:rotate(45deg)}
.persona-focus summary{background:#2b1c3e}
.persona-focus .persona-name{color:#d1b8ff}
.persona-focus .persona-tag{color:var(--acid);font-weight:700}
.persona-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:0 66px 28px 86px}
.persona-body p{font-size:15px;line-height:1.8}
.persona-body h3{font-size:16px;line-height:1.4;color:#e4cff6;margin-bottom:8px}
.persona-model-note{font-size:12px;line-height:1.7;color:#baa5cb;margin-top:19px;max-width:850px}
.research-notes{margin-top:22px;max-width:950px}
.research-notes summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;min-height:44px;color:#d3bee6;list-style:none}
.research-notes summary::-webkit-details-marker{display:none}
.research-notes summary .icon{width:16px;height:16px}
.research-notes[open] summary .icon{transform:rotate(45deg)}
.research-notes ul{padding-left:20px;color:#bfaecd;font-size:13px;line-height:1.85;margin:10px 0 0}
.research-notes li+li{margin-top:12px}
.research-notes a{text-decoration:underline;text-underline-offset:4px;color:#ddc9ef}
.method .section-heading{align-items:flex-start;margin-bottom:0}
.method .section-heading>div{max-width:580px}
.method-intro h3{font-size:28px;line-height:1.25;color:var(--purple)}
.method-intro p{font-size:16px;line-height:1.8;margin-top:16px}
.method-step h3{font-size:27px;line-height:1.2}
.method-step p{font-size:15px;line-height:1.8}
.what-section{background:#d9c8f3;color:#20132e;padding:76px 0}
.what-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:86px}
.what-intro h2{font-size:clamp(36px,4.5vw,58px)}
.what-intro>p{font-size:20px;line-height:1.6;color:#4b335e;margin-top:24px;max-width:440px}
.what-intro .text-link{margin-top:26px;color:#3f215c;border-bottom:1px solid #74538d;padding-bottom:6px}
.test-vectors{margin:0}
.test-vectors>div{padding:20px 0;border-bottom:1px solid #b9a0d0}
.test-vectors>div:first-child{padding-top:0}
.test-vectors dt{font:500 25px/1.25 var(--display);color:#261337}
.test-vectors dd{margin:9px 0 0;font-size:15px;line-height:1.75;color:#503961}
.scope-note{font-size:13px;line-height:1.75;color:#594166;margin-top:22px}
@media(min-width:1441px){.hero-art{right:-65px}}
@media(max-width:1100px){
  .hero-copy{width:64%}.hero h1{font-size:72px}.hero-deck{font-size:21px}.hero-description{max-width:490px;font-size:16px}
  .why-layout,.what-layout{gap:44px}.persona-body{gap:30px}.method .section-heading>div{max-width:480px}
  .hero-annotation{right:70px}
}
@media(max-width:850px){
  .hero-copy{width:67%}.hero h1{font-size:60px}.hero-deck{font-size:20px}.hero-description{font-size:15px;max-width:430px}
  .why-layout{gap:36px}.why-lead{font-size:25px}.why-copy>p{font-size:15px}
  .personas-section .section-heading{display:block}.personas-section .section-heading>div{max-width:650px;margin-top:22px}
  .persona summary{grid-template-columns:30px minmax(0,1fr) 135px 20px;gap:14px;padding:20px 16px}.persona-name{font-size:22px}
  .persona-body{padding:0 50px 25px 60px}.persona-body p{font-size:14px}
  .method .section-heading{display:block}.method .section-heading>div{max-width:660px;margin-top:25px}
  .method-step h3{font-size:23px}.method-step p{font-size:14px}.what-layout{gap:36px}
}
@media(max-width:620px){
  .hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(43px,10.3vw,62px);margin-left:-2px;line-height:1.04}
  .hero-deck{font-size:19px;margin-top:24px;max-width:390px}.hero-description{font-size:15px;margin-top:17px;max-width:450px}
  .hero-facts{font-size:11px;gap:12px}.hero-actions{gap:10px;margin-top:23px}
  .hero-art{height:250px;width:300px;margin:8px auto 0;opacity:1;right:auto;top:auto}
  .hero-annotation{bottom:3px;right:0;padding:13px 15px}.hero-annotation strong{font-size:12px}
  .hero-wrap,.hero{min-height:0}.hero-wrap{padding-bottom:125px}.hero-bottom{bottom:25px}
  .why-layout,.what-layout{grid-template-columns:1fr;gap:30px}.why-layout h2,.what-intro h2{font-size:37px}.why-lead{font-size:25px;margin-top:20px}
  .why-copy>p{font-size:15px}.paid-difference{margin-top:22px;padding-top:22px}
  .persona summary{grid-template-columns:24px minmax(0,1fr) 18px;gap:12px;padding:18px 12px}
  .persona-index{font-size:12px}.persona-name{font-size:20px}.persona-name small{font-size:12px}.persona-tag{grid-column:2;text-align:left;font-size:11px;margin-top:-4px}
  .persona summary>.icon{grid-column:3;grid-row:1}.persona-body{grid-template-columns:1fr;gap:18px;padding:0 20px 24px 48px}
  .persona-body p{font-size:14px}.persona-body h3{font-size:15px}.persona-model-note{font-size:12px}.research-notes ul{font-size:13px}
  .personas-section .section-heading>div p{font-size:15px}.method-intro h3{font-size:25px}.method-intro p{font-size:15px}
  .method-step h3{font-size:25px}.method-step p{font-size:14px;grid-column:1/3}.method-visual{grid-column:1/3;margin-top:22px;min-height:70px}
  .what-section{padding:58px 0}.what-intro>p{font-size:18px}.what-intro .text-link{margin-top:20px}.test-vectors dt{font-size:23px}
  .source-access-note div>p{font-size:14px}
}