:root{--ink:#15161b;--paper:#f7f6f2;--card:#fff;--coral:#ee765e;--yellow:#f5ca5f;--blue:#516ff0;--mint:#55b89c;--line:#dcd8cf;--muted:#62635f;--shadow:0 18px 50px rgba(25,25,20,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.58 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px;top:8px;background:white;padding:10px 16px;z-index:30}.skip:focus{left:8px}header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.03em}.mark{width:36px;height:36px;border:7px solid var(--ink);border-radius:50%;position:relative}.mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--coral);inset:7px}.links{display:flex;align-items:center;gap:22px}.links a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.93rem}.links a:hover,.links a[aria-current=page]{color:var(--ink)}.cta,.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:var(--ink);color:#fff!important;padding:12px 19px;text-decoration:none;font-weight:800;cursor:pointer}.ghost{display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:11px 18px;text-decoration:none;font-weight:800}.hero{padding:76px 0 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#8b5139}.hero h1,.page-hero h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:.89;letter-spacing:-.072em;margin:17px 0 26px}.hero h1 span,.page-hero h1 span{color:var(--blue)}.lead{font-size:1.18rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.orbit{aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:2px solid var(--line);border-radius:50%;inset:8%}.orbit:after{inset:25%;border-style:dashed}.core{width:42%;aspect-ratio:1;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;text-align:center;font-size:1.15rem;font-weight:900;box-shadow:var(--shadow)}.dot{position:absolute;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-weight:900;border:5px solid var(--paper)}.d1{top:3%;left:40%;background:var(--yellow)}.d2{right:2%;top:44%;background:var(--coral)}.d3{bottom:4%;left:28%;background:var(--mint)}.d4{left:2%;top:41%;background:var(--blue);color:white}.section{padding:68px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.head h2,.page-hero h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:0;max-width:750px}.head p{max-width:470px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px}.card h3{font-size:1.3rem;margin:18px 0 8px}.card p,.muted{color:var(--muted)}.chip{display:inline-block;border-radius:999px;background:#eceeff;color:#3348ab;padding:6px 10px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.num{width:42px;height:42px;border-radius:14px;background:var(--yellow);display:grid;place-items:center;font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:25px 22px 28px 0;border-right:1px solid var(--line)}.step:not(:first-child){padding-left:22px}.step b{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#8b5139}.step h3{margin:10px 0 5px}.band{background:var(--ink);color:white;border-radius:32px;padding:clamp(28px,5vw,55px);margin:58px auto}.band h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;margin:0 0 20px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.role{background:#25262d;border:1px solid #3c3d44;border-radius:20px;padding:23px;text-decoration:none}.role:hover{border-color:var(--yellow)}.role h3{margin:6px 0}.role p{color:#c8c5bd}.page-hero{padding:64px 0 38px}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);max-width:920px}.content{display:grid;grid-template-columns:260px 1fr;gap:54px;padding-bottom:80px}.side{position:sticky;top:110px;align-self:start}.side a{display:block;padding:9px 0;text-decoration:none;color:var(--muted);font-weight:700}.prose{max-width:820px}.prose h2{font-size:2.2rem;letter-spacing:-.04em;margin:50px 0 14px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:28px}.prose p,.prose li{color:#4f514e}.quote{border-left:5px solid var(--yellow);background:white;padding:22px 24px;margin:25px 0;border-radius:0 18px 18px 0}.notice{background:#fff7d9;border:1px solid #ead68f;border-radius:18px;padding:18px 20px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tab{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.tab.active{background:var(--ink);color:white}.resource-list{display:grid;gap:14px}.resource{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.resource h3{margin:0 0 6px}.resource ul{margin-bottom:0}.assessment{display:grid;grid-template-columns:300px 1fr;gap:32px;padding-bottom:80px}.panel{background:white;border:1px solid var(--line);border-radius:24px;padding:24px}.progress{height:9px;background:#e9e7e0;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue);width:0;transition:.2s}.role-select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:white}.question{padding:22px 0;border:0;border-bottom:1px solid var(--line);margin:0}.question:first-child{padding-top:0}.question legend{width:100%}.scale{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.scale input{position:absolute;opacity:0}.scale span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:800}.scale input:focus+span{outline:3px solid var(--yellow)}.scale input:checked+span{background:var(--blue);color:white;border-color:var(--blue)}.scorebig{font-size:5rem;line-height:1;font-weight:950;color:var(--yellow)}.result{display:none}.result.show{display:block}.ref{padding:17px 0;border-bottom:1px solid var(--line)}.ref a{color:#3857d1}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team .card{min-height:230px}.callout{background:var(--yellow);border-radius:28px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:25px auto 70px}.callout h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:0;max-width:760px}footer{border-top:1px solid var(--line);padding:36px 0 45px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:24px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{text-decoration:none}
@media(max-width:900px){.links a:not(.cta){display:none}.hero{grid-template-columns:1fr}.orbit{max-width:430px;margin:auto;width:100%}.grid,.roles,.team{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.assessment{grid-template-columns:1fr}.content{grid-template-columns:1fr}.side{position:static;display:flex;gap:15px;flex-wrap:wrap}.side a{padding:0}}
@media(max-width:580px){.wrap{width:min(100% - 24px,1180px)}nav{min-height:66px}.brand span:last-child{font-size:.9rem}.cta{display:none}.hero{padding-top:50px}.hero h1{font-size:3.4rem}.grid,.roles,.team,.process{grid-template-columns:1fr}.step{border-bottom:1px solid var(--line)}.head{display:block}.orbit{max-width:330px}.dot{width:56px;height:56px}.page-hero h1{font-size:3.25rem}.scale{grid-template-columns:repeat(3,1fr)}.callout,.foot{flex-direction:column;align-items:flex-start}.callout{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}