
:root{--bg:#0a1118;--panel:#101b25;--panel2:#142331;--line:#263b4d;--text:#f4f7fb;--muted:#9fb0bf;--blue:#29aaff;--blue2:#1587ce;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#091118,#0e1720);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 38px));margin:auto}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(115,145,168,.18)}.brand{font-weight:800;text-decoration:none}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;color:#bac8d4;font-size:14px}.navlinks a:hover{color:#fff}.navlinks .lablink{padding:9px 14px;border:1px solid #35556c;border-radius:999px;background:#142533;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#6ac9ff;font-size:12px;font-weight:800}.hero{padding:78px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1;margin:14px 0 20px;letter-spacing:-.04em}.hero p{font-size:19px;color:var(--muted);max-width:640px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:750;border:1px solid #38566d}.btn.primary{background:linear-gradient(180deg,#2bb2ff,#1588d0);border-color:#45bfff}.btn.secondary{background:#111d27}.labhero{border:1px solid #2b4255;border-radius:24px;background:radial-gradient(circle at 50% 12%,rgba(53,157,225,.28),transparent 36%),linear-gradient(180deg,#162635,#0f1922);min-height:430px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;box-shadow:0 28px 80px rgba(0,0,0,.28)}.labhero .mock{position:absolute;inset:28px 28px 125px;display:grid;grid-template-columns:1fr 110px;gap:20px}.mockfigure{position:relative;display:grid;place-items:center}.mockfigure:before{content:"";width:118px;height:252px;background:linear-gradient(#edf2f6,#cbd5dd);border-radius:54% 54% 35% 35% / 20% 20% 62% 62%;clip-path:polygon(38% 0,62% 0,70% 12%,81% 32%,70% 53%,78% 100%,58% 100%,50% 56%,42% 100%,22% 100%,30% 53%,19% 32%,30% 12%)}.mocksliders{padding-top:28px}.mocksliders i{display:block;height:6px;border-radius:99px;background:#314454;margin:0 0 18px;position:relative}.mocksliders i:after{content:"";position:absolute;left:0;top:0;height:6px;border-radius:99px;background:#26a8ff}.mocksliders i:nth-child(1):after{width:68%}.mocksliders i:nth-child(2):after{width:37%}.mocksliders i:nth-child(3):after{width:74%}.mocksliders i:nth-child(4):after{width:54%}.mocksliders i:nth-child(5):after{width:82%}.labhero h2{font-size:30px;margin:0 0 7px}.labhero p{font-size:14px;margin:0;color:#acbdc9}.section{padding:68px 0;border-top:1px solid rgba(111,142,167,.16)}.section h2{font-size:34px;margin:0 0 10px;letter-spacing:-.025em}.lead{color:var(--muted);font-size:17px;max-width:720px}.bookstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.bookmini{border:1px solid var(--line);border-radius:16px;background:#101a23;padding:22px;display:flex;flex-direction:column;min-height:230px}.bookmini .kicker{color:#65c5fa;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.bookmini h3{font-size:21px;line-height:1.2;margin:15px 0 10px}.bookmini p{font-size:14px;color:#a7b7c5;margin:0 0 18px}.bookmini a{margin-top:auto;text-decoration:none;color:#72caff;font-weight:750;font-size:14px}.simplecta{display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid var(--line);background:#101b25;border-radius:18px;padding:26px}.simplecta p{margin:4px 0 0;color:var(--muted)}.footer{border-top:1px solid rgba(111,142,167,.18);padding:28px 0 42px;color:#748798;font-size:12px;display:flex;justify-content:space-between;gap:20px}.footer a{text-decoration:none;color:#9aabba}.pagehead{padding:68px 0 42px}.pagehead h1{font-size:clamp(40px,6vw,64px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.035em}.pagehead p{font-size:18px;color:var(--muted);max-width:760px}.booklist{display:grid;gap:16px;padding-bottom:72px}.bookrow{border:1px solid var(--line);border-radius:18px;background:#101b25;padding:24px;display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:center}.bookrow .num{font-size:12px;color:#66c5fa;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bookrow h2{font-size:24px;line-height:1.2;margin:0 0 9px}.bookrow p{color:var(--muted);margin:0;max-width:700px}.bookrow a{text-decoration:none}.bookdetail{padding:60px 0 76px;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) 240px;gap:42px;align-items:start}.bookcoverwrap{position:sticky;top:24px}.bookcover{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.08);background:#05080b}.bookcoverwrap:after{content:"";display:block;height:1px;width:78%;margin:18px auto 0;background:linear-gradient(90deg,transparent,rgba(73,178,245,.35),transparent)}
.bookdetail h1{font-size:clamp(38px,5vw,60px);line-height:1.05;margin:12px 0 24px;letter-spacing:-.035em}.bookdetail h2{font-size:25px;margin-top:34px}.bookdetail p{font-size:17px;color:#b2c0cc}.sidecard{border:1px solid var(--line);border-radius:16px;background:#101b25;padding:20px;height:max-content;position:sticky;top:24px}.sidecard .small{font-size:12px;color:#8497a8}.sidecard .btn{display:block;text-align:center;margin-top:14px}.aboutpage{padding:62px 0 84px;max-width:780px}.aboutpage h1{font-size:clamp(42px,6vw,64px);margin:10px 0 24px}.aboutpage p{font-size:18px;color:#afbdc8}.backlink{display:inline-block;margin-top:26px;color:#73caff;text-decoration:none;font-weight:700}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:54px}.bookstrip{grid-template-columns:1fr}.bookrow{grid-template-columns:1fr}.bookdetail{grid-template-columns:minmax(180px,260px) 1fr;gap:30px}.bookcoverwrap{position:static}.sidecard{position:static;grid-column:1/-1}.simplecta{align-items:flex-start;flex-direction:column}.navlinks a:not(.lablink){display:none}}
@media(max-width:520px){.wrap{width:min(var(--max),calc(100% - 28px))}.bookdetail{grid-template-columns:1fr}.bookcoverwrap{width:min(72vw,300px);margin:0 auto 4px}.bookdetail article{min-width:0}.hero{padding-top:42px}.labhero{min-height:360px}.labhero .mock{grid-template-columns:1fr 86px;inset:22px 22px 120px}.hero h1{font-size:44px}}

/* V9 homepage: simple, scalable, Attraction Lab first */
.labfocus{padding:96px 0 86px;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid rgba(111,142,167,.16)}
.labfocus h1{font-size:clamp(58px,9vw,112px);line-height:.92;margin:15px 0 25px;letter-spacing:-.055em}
.labintro{font-size:clamp(18px,2.2vw,24px);line-height:1.48;color:var(--muted);max-width:790px;margin:0}
.featurechips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.featurechips span{border:1px solid #2b465a;background:#0f1c26;border-radius:999px;padding:8px 12px;color:#b9c9d5;font-size:12px;font-weight:700}.btn.big{font-size:17px;padding:15px 24px}
.homechoices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.homechoice{text-decoration:none;border:1px solid var(--line);border-radius:18px;background:#101b25;padding:27px;min-height:230px;display:flex;flex-direction:column}.homechoice h2{font-size:30px;margin:10px 0 10px}.homechoice p{color:var(--muted);max-width:520px}.homechoice span{margin-top:auto;color:#72caff;font-weight:750}.homechoice:hover{border-color:#3c6079;background:#12202b}
@media(max-width:760px){.labfocus{padding:64px 0 58px;min-height:auto}.labfocus h1{font-size:60px}.homechoices{grid-template-columns:1fr}}
