/* The subpages use ordinary document flow and native controls. */
.sp-page{--max:1184px;--gut:16px}
.sp-page h1{font-size:clamp(42px,5.1vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:20ch}
.sp-page h2{font-size:clamp(30px,3.1vw,42px);line-height:1.16;letter-spacing:-.035em;font-weight:500}
.sp-page h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.sp-hero{padding:100px 0 60px}
.sp-hero .lead{max-width:660px;margin-top:24px;font-size:20px;line-height:1.6}
.sp-status{margin-top:24px;color:var(--muted);font-size:15px}
.sp-section{padding:76px 0}
.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:100px;align-items:center}
.sp-copy{max-width:440px;display:grid;gap:22px}
.sp-copy p,.sp-side-text p{font-size:18px;line-height:1.65;color:var(--muted)}
.sp-side-text{display:grid;gap:20px;max-width:530px}
.sp-demo,.sp-mention{padding:40px;border-radius:32px;display:grid;gap:24px;min-width:0}
.sp-demo{background:var(--m-reviewer);color:var(--role-ink)}
.sp-mention{background:var(--frame)}
.sp-demo-label{font-size:15px}
.sp-demo>p:not(.sp-demo-label){font-size:18px;line-height:1.6}
.sp-demo-result{min-height:30px;font-weight:500}
.sp-actions{display:flex;flex-wrap:wrap;gap:12px}
.sp-demo .btn{background:rgba(255,255,255,.22);color:var(--role-ink)}
.sp-demo .btn.main{background:var(--role-ink);color:var(--frame)}
.sp-demo .btn:hover{opacity:.8}
.sp-people{display:flex;flex-wrap:wrap;gap:8px}
.sp-people button{min-height:44px;padding:8px 18px;background:var(--panel);border-radius:24px;font-size:16px;transition:background-color 160ms ease,color 160ms ease}
.sp-people button[aria-pressed=true]{background:var(--ink);color:var(--canvas)}
.sp-mention label{font-size:16px;margin-bottom:-14px}
.sp-mention textarea{display:block;resize:vertical;min-height:118px;max-width:100%;width:100%;padding:16px;border:0;border-radius:18px;background:var(--canvas);color:var(--ink);font:inherit;line-height:1.6}
.sp-mention textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.sp-hint{font-size:14px;color:var(--muted);line-height:1.6}
.sp-platform-section{padding:12px 0 64px}
.sp-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.sp-platform{grid-column:span 2;min-height:330px;padding:36px;display:flex;flex-direction:column;align-items:flex-start;border-radius:30px;color:var(--role-ink)}
.sp-platform:nth-child(1){background:var(--m-scout)}.sp-platform:nth-child(2){background:var(--m-reviewer)}.sp-platform:nth-child(3){background:var(--m-ops)}.sp-platform:nth-child(4){background:var(--m-builder)}.sp-platform:nth-child(5){background:var(--m-writer)}
.sp-platform:nth-child(n+4){grid-column:span 3;min-height:300px}
.sp-platform svg{width:76px;height:76px;margin-bottom:auto}
.sp-platform h2{font-size:34px;margin-top:38px;line-height:1.2}
.sp-platform p{margin-top:12px;font-size:16px}
.sp-platform-note{margin-top:28px;color:var(--muted);font-size:16px}
.sp-article{max-width:calc(780px + var(--gut)*2);margin-left:auto;margin-right:auto;padding-top:16px}
.sp-reading{padding:48px 0}
.sp-reading h2{font-size:30px;line-height:1.25;margin-bottom:20px}
.sp-reading p{font-size:20px;line-height:1.75;color:var(--muted);max-width:62ch}
.sp-email{margin-top:16px;font-size:20px;overflow-wrap:anywhere}
.sp-page .final{padding-top:100px}
.sp-page .cta h2{max-width:24ch}
@media(max-width:900px){.sp-split{gap:44px}.sp-demo,.sp-mention{padding:28px}.sp-platform{padding:28px}}
@media(max-width:759px){
 .sp-hero{padding:60px 0 32px}.sp-hero .lead{font-size:18px;margin-top:20px}.sp-status{font-size:14px;margin-top:20px}
 .sp-section{padding:48px 0}.sp-split{grid-template-columns:1fr;gap:28px}.sp-copy{max-width:100%;gap:18px}.sp-copy p,.sp-side-text p{font-size:17px}
 .sp-demo,.sp-mention{padding:24px;gap:20px;border-radius:24px}.sp-demo>p:not(.sp-demo-label){font-size:17px}.sp-demo h3,.sp-mention h3{font-size:23px}
 .sp-platform-section{padding-top:8px;padding-bottom:32px}.sp-platforms{grid-template-columns:1fr;gap:16px}.sp-platform,.sp-platform:nth-child(n+4){grid-column:auto;min-height:286px;padding:28px}.sp-platform h2{font-size:32px}.sp-platform svg{width:68px;height:68px}
 .sp-reading{padding:32px 0}.sp-reading h2{font-size:27px;margin-bottom:16px}.sp-reading p{font-size:18px;line-height:1.7}.sp-article{padding-top:0}.sp-email{font-size:18px}.sp-page .final{padding-top:64px}
}

.legal-section{padding:12px 0 80px}.legal-register{display:grid;gap:8px;max-width:900px;margin:0}.legal-register>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:24px;padding:24px 28px;background:var(--frame);border-radius:24px}.legal-register dt{color:var(--muted)}.legal-register dd{margin:0;overflow-wrap:anywhere}.legal-register a{display:inline-flex;align-items:center;min-height:44px}.legal-register a:hover{text-decoration:underline}.legal-register dd:has(a){margin-block:-10px}@media(max-width:768px){.legal-register>div{grid-template-columns:1fr;gap:8px;padding:24px}.legal-register dt{font-size:14px}.legal-register dd:has(a){margin-block:0}}
