
:root{--ink:#14213d;--muted:#5b6373;--bg:#f6f8fc;--card:#fff;--accent:#6653f3;--accent2:#0f9f91;--line:#e4e8f0;--soft:#edeaff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}
a{color:#4e3bd1}img,svg{max-width:100%}.wrap{max-width:1200px;margin:auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-row{min-height:72px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:-.02em}
nav{display:flex;gap:14px;align-items:center;flex:1;overflow:hidden}nav a{font-size:.82rem;text-decoration:none;color:var(--muted);white-space:nowrap}.header-cta{background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:10px;white-space:nowrap}
.hero{padding:62px 0 30px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.eyebrow{font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:var(--accent)}
h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em;margin:.2em 0 .25em}h2{font-size:1.55rem;line-height:1.2;margin:2.2em 0 .6em;letter-spacing:-.02em}h3{line-height:1.25}.lead{font-size:1.18rem;color:var(--muted);max-width:780px}
.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:15px}.breadcrumbs a{text-decoration:none;color:var(--muted)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}article,.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 32px rgba(20,33,61,.05)}
article{padding:clamp(25px,4vw,50px)}article p{color:#30394a}.panel{padding:24px}.sticky{position:sticky;top:94px}
.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;text-decoration:none;font-weight:850;padding:13px 18px;border-radius:11px;box-shadow:0 7px 18px rgba(102,83,243,.2)}.cta.alt{background:var(--accent2)}.cta.wide{width:100%}
.disclosure{font-size:.75rem;color:var(--muted);line-height:1.45}.cta-box{background:linear-gradient(135deg,var(--soft),#f8fbff);border:1px solid #dcd6ff;border-radius:16px;padding:22px;margin:28px 0}.cta-box h3{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.card a{font-weight:820;text-decoration:none}.card p{font-size:.9rem;color:var(--muted)}
.source-note{font-size:.78rem;background:#f9fafc;border-left:3px solid #c8cdd8;padding:12px 14px;color:var(--muted);margin:25px 0}.source-note a{color:inherit}
.side-art{height:126px;border-radius:16px;margin-bottom:18px;background:radial-gradient(circle at 25% 35%,#fff 0 5%,transparent 6%),radial-gradient(circle at 70% 55%,#fff 0 4%,transparent 5%),linear-gradient(135deg,#6653f3,#13a797);position:relative;overflow:hidden}.side-art:before,.side-art:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.55);border-radius:50%}.side-art:before{width:70px;height:70px;left:25px;top:25px}.side-art:after{width:95px;height:95px;right:18px;top:9px}
footer{margin-top:72px;background:#111a2e;color:#dce3ee;padding:46px 0}footer a{color:#fff}.footer-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(12,18,34,.72);z-index:70;padding:18px;align-items:center;justify-content:center}.modal-backdrop.show{display:flex}.modal{width:min(880px,100%);background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-art{min-height:430px;background:linear-gradient(145deg,#6653f3,#10a291);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.modal-art .orbit{width:230px;height:230px;border-radius:50%;border:2px solid rgba(255,255,255,.7);position:relative}.modal-art .orbit:before,.modal-art .orbit:after{content:"";position:absolute;border-radius:50%;background:#fff}.modal-art .orbit:before{width:26px;height:26px;top:20px;right:18px}.modal-art .orbit:after{width:16px;height:16px;bottom:35px;left:3px}.modal-copy{padding:38px}.modal-copy h2{margin-top:.2em;font-size:2rem}.close{float:right;border:0;background:transparent;font-size:24px;cursor:pointer;color:#5b6373}
.mobile-cta{display:none}
@media(max-width:980px){nav{display:none}.content-grid,.hero-grid{grid-template-columns:1fr}.sticky{position:static}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{padding:0 16px}.header-row{min-height:64px}.brand{font-size:.95rem}.header-cta{font-size:.78rem;padding:9px 10px}.cards{grid-template-columns:1fr}.hero{padding-top:38px}.modal{grid-template-columns:1fr}.modal-art{min-height:150px}.modal-art .orbit{width:105px;height:105px}.modal-copy{padding:24px}.footer-row{grid-template-columns:1fr}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:55}.mobile-cta .cta{width:100%;box-shadow:0 10px 28px rgba(20,33,61,.3)}body{padding-bottom:68px}}
