:root{--paper:#FBFAFE;--surface:#FFFFFF;--tint:#F3EFFC;--tint2:#EEE7FB;--text:#2D2A5C;--muted:#5F5A82;--faint:#938EB2;--rule:#E9E3F5;
--v1:#A855F7;--v2:#8B3DEF;--v3:#C026D3;--peri:#7C8BF5;--link:#8B3DEF;
--grad:linear-gradient(93deg,#A855F7,#8B3DEF 55%,#C026D3);--gradbrand:linear-gradient(90deg,#C026D3,#8B3DEF 50%,#7C8BF5);
--shadow:0 1px 2px rgba(45,42,92,.05),0 18px 44px -26px rgba(139,61,239,.30);
--display:"Sora","Segoe UI",Arial,sans-serif;--sans:"Manrope","Segoe UI",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
background-image:radial-gradient(46% 30% at 50% 0%,#fff 0%,rgba(255,255,255,0) 60%),radial-gradient(40% 30% at 10% 2%,rgba(168,85,247,.14),transparent 70%),radial-gradient(42% 32% at 92% 2%,rgba(124,139,245,.16),transparent 70%);background-repeat:no-repeat;}
a{color:var(--link);text-decoration:none;} a:hover{text-decoration:underline;}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.02em;text-wrap:balance;color:var(--text);}
p{margin:0;}
.wrap{max-width:760px;margin:0 auto;padding:0 28px;}
.grad{background:var(--gradbrand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.site{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:20px 28px;}
.site img{height:34px;width:auto;display:block;}
.nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600;color:var(--muted);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:14px;padding:11px 20px;border-radius:100px;border:1px solid transparent;}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 22px -12px rgba(139,61,239,.7);}
.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--rule);}
@media(max-width:480px){.site{padding:16px 16px;}.nav{gap:14px;}.nav .home{display:none;}.btn{padding:10px 16px;font-size:13px;}.wrap{padding:0 16px;}}
.hr{height:1px;background:linear-gradient(90deg,rgba(168,85,247,0),rgba(139,61,239,.35) 50%,rgba(124,139,245,0));border:0;margin:0;}
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);}
.crumb a{color:var(--v2);}
main{padding:44px 0 20px;}
.eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--v2);}
.eyebrow::before{content:"";width:24px;height:3px;border-radius:2px;background:var(--grad);}
h1.title{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:14px 0 22px;}
.answer{position:relative;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:22px 24px;margin-bottom:12px;}
.answer::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:4px;background:var(--grad);}
.answer .l{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--v2);margin-bottom:8px;}
.answer p{font-size:17px;line-height:1.6;}
.answer .src{margin-top:14px;padding-top:12px;border-top:1px dashed var(--rule);font-family:var(--mono);font-size:11.5px;color:var(--muted);line-height:1.7;}
.sec2{margin-top:30px;}
.sec2 h2{font-size:21px;margin-bottom:10px;}
.sec2 p{color:var(--text);}
.sec2 p+p{margin-top:10px;}
.cta{margin:40px 0 10px;position:relative;border-radius:18px;padding:30px 32px;background:linear-gradient(120deg,#F6EFFE,#EEF0FE);box-shadow:var(--shadow);overflow:hidden;}
.cta::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad);}
.cta h3{font-size:20px;} .cta p{color:var(--muted);margin:8px 0 16px;font-size:15px;}
.related{margin-top:30px;} .related .l{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;}
.related a{display:block;padding:11px 0;border-bottom:1px solid var(--rule);font-weight:600;font-size:15px;color:var(--text);}
.related a:hover{color:var(--v2);text-decoration:none;}
.foot{max-width:1080px;margin:0 auto;padding:22px 28px 40px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);margin-top:30px;}
.foot img{height:22px;width:auto;}
.foot .cite{flex:1;min-width:260px;font-size:12.5px;color:var(--muted);line-height:1.5;}
.foot .cite b{color:var(--v2);}
/* index */
.hero-i{padding:48px 0 8px;} .hero-i h1{font-size:clamp(30px,4.4vw,46px);line-height:1.06;margin:16px 0 14px;}
.hero-i p{font-size:18px;color:var(--muted);max-width:34em;}
.cluster{margin-top:40px;} .cluster h2{font-size:16px;font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--v2);margin-bottom:6px;}
.glist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;}
.gcard{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;}
.gcard .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);}
.gcard h3{font-size:16px;margin:6px 0 6px;line-height:1.3;}
.gcard p{font-size:13.5px;color:var(--muted);}
@media(max-width:720px){.glist{grid-template-columns:1fr;}}