:root{--ink:#0b1220;--ink2:#111b30;--blue:#2495ff;--blue2:#60a5fa;--cyan:#38d9ff;--green:#22c58b;--red:#ef646f;--paper:#f7f9fc;--line:#d8e2ef;--muted:#627089;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172033;background:#eef3f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 34px),var(--max));margin:auto}.sr-skip{position:absolute;left:-9999px}.sr-skip:focus{left:12px;top:10px;z-index:99;background:white;padding:10px 14px}.blog-nav{position:sticky;top:0;z-index:60;background:rgba(5,14,27,.94);backdrop-filter:blur(18px);color:#eaf4ff;border-bottom:1px solid #1c2d45}.blog-nav-inner{height:66px;display:flex;align-items:center;gap:28px}.blog-brand{font:800 1.22rem/1 "Segoe UI",sans-serif;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.blog-brand-mark{width:31px;height:31px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:.72rem}.blog-links{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:.82rem;color:#b9c8db}.blog-links a:hover,.blog-links a[aria-current="page"]{color:white}.blog-cta{border:1px solid #2bb8ff;border-radius:999px;padding:8px 14px;color:white;font-weight:800}.hero{position:relative;overflow:hidden;background:#061321;color:white}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 35%,rgba(36,149,255,.22),transparent 28%),linear-gradient(90deg,rgba(2,9,18,.98) 0%,rgba(4,15,29,.91) 46%,rgba(7,22,40,.62) 100%);pointer-events:none}.hero-grid{position:relative;z-index:2;min-height:500px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;padding:62px 0}.series{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#6edaff}.series b{color:white}.hero h1{font-size:clamp(3.4rem,7vw,6.7rem);line-height:.91;letter-spacing:-.06em;margin:15px 0 22px;max-width:780px}.hero h1 em{font-style:normal;color:#2ba8ff}.hero-deck{max-width:670px;color:#d5e2ef;font-size:1.13rem}.meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#a9bdd2;font-size:.74rem}.meta span{display:flex;align-items:center;gap:7px}.hero-art{position:relative;min-height:345px;border:1px solid #243a55;border-radius:24px;background:linear-gradient(145deg,rgba(18,39,65,.86),rgba(3,11,22,.92));box-shadow:0 28px 90px rgba(0,0,0,.35),inset 0 0 70px rgba(40,165,255,.05);overflow:hidden}.hero-art .glow{position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(36,149,255,.18);filter:blur(45px);right:32px;top:42px}.bot-head{position:absolute;width:170px;height:140px;border:5px solid #b8d8ef;border-radius:44% 44% 38% 38%;right:90px;top:68px;background:linear-gradient(145deg,#e7f2f9,#9cb6ca);transform:rotate(5deg);box-shadow:inset -18px -16px 30px rgba(15,23,42,.25),0 14px 40px rgba(0,0,0,.3)}.bot-screen{position:absolute;inset:25px 22px 32px;background:#091523;border-radius:42% 42% 34% 34%;box-shadow:inset 0 0 32px #06101d}.bot-eye{position:absolute;top:28px;width:22px;height:36px;background:#62e8ff;border-radius:55%;box-shadow:0 0 18px #31bff3}.bot-eye.left{left:34px}.bot-eye.right{right:34px}.bot-body{position:absolute;width:210px;height:125px;border-radius:48% 48% 18% 18%;background:linear-gradient(160deg,#c7d9e7,#728ca2);right:70px;top:205px;border:5px solid #b7cedd}.note{position:absolute;padding:12px 15px;background:#f8d96c;color:#2d2710;box-shadow:0 10px 25px rgba(0,0,0,.25);font:700 .78rem/1.25 "Segoe Print",cursive;transform:rotate(-5deg)}.note.one{left:27px;top:55px}.note.two{left:40px;bottom:42px;background:#ff91b0;transform:rotate(4deg)}.failure-stack{position:absolute;right:18px;bottom:18px;display:grid;gap:5px}.failure-stack span{display:block;background:#e8edf2;color:#1b2736;padding:5px 11px;border-radius:3px;font-weight:900;font-size:.63rem;letter-spacing:.03em;box-shadow:0 4px 9px rgba(0,0,0,.18)}.mission-board{position:absolute;inset:35px 38px;background:#fbfcfe;color:#142236;border-radius:14px;padding:25px;transform:rotate(-1deg);box-shadow:0 18px 35px rgba(0,0,0,.28)}.mission-board h3{font-size:1.2rem;margin:0 0 18px}.mission-path{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center}.mission-path span{padding:14px 8px;text-align:center;border:1px solid #bbcadb;border-radius:8px;font-size:.7rem;font-weight:800;background:white}.mission-path i{font-style:normal;color:var(--blue);font-weight:900;text-align:center}.article-shell{background:white;max-width:1240px;margin:0 auto;box-shadow:0 22px 80px rgba(14,31,53,.08)}.article{padding:56px 0 76px}.article-inner{width:min(calc(100% - 40px),1060px);margin:auto}.article p{font-size:1.05rem;color:#35445a}.lede{font-size:1.23rem!important;line-height:1.72;color:#26364c!important}.article h2{font-size:clamp(2.1rem,4vw,3.55rem);letter-spacing:-.045em;line-height:1.02;margin:64px 0 22px;color:#101b2a}.article h3{font-size:1.3rem;margin:30px 0 12px}.pullquote{margin:42px 0;padding:28px 32px;border-left:4px solid var(--blue);background:linear-gradient(90deg,#e9f4ff,#f7fbff);border-radius:0 14px 14px 0;color:#174a7a;font:italic 700 1.3rem/1.5 Georgia,serif}.pullquote small{display:block;margin-top:9px;color:#55718c;font:700 .68rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.callout{margin:38px 0;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f7fafc}.callout.dark{background:#0d1a2c;color:white;border-color:#213753}.callout.dark p{color:#c5d4e5}.callout-label{color:var(--blue);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:38px 0}.panel{padding:26px;border-radius:18px;border:1px solid var(--line);background:#f9fbfd}.panel h3{margin:0 0 16px}.panel.red{background:#fff3f4;border-color:#ffd8db}.panel.green{background:#effcf7;border-color:#c7f1df}.panel.dark{background:#0d1a2c;color:white;border-color:#1d3552}.panel.dark p,.panel.dark li{color:#c8d6e5}.checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.checklist li{display:flex;gap:10px;color:#44536a;font-size:.9rem}.dot{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:white;background:var(--blue);font-size:.7rem;font-weight:900;margin-top:2px}.red .dot{background:var(--red)}.green .dot{background:var(--green)}.flow{display:flex;align-items:stretch;gap:8px;margin:24px 0;flex-wrap:wrap}.flow .step{flex:1;min-width:130px;padding:16px;border:1px solid #2a3e58;border-radius:12px;background:#101f34;color:white;text-align:center}.flow .step b{display:block;font-size:.82rem}.flow .step small{display:block;color:#8ea5bd;margin-top:5px;font-size:.65rem}.flow .arrow{display:grid;place-items:center;color:#4ad8ff;font-weight:900}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cdd9e7;border:1px solid #cdd9e7;border-radius:14px;overflow:hidden;margin:36px 0}.metric-strip div{background:#f8fbff;padding:20px}.metric-strip strong{display:block;font-size:1.1rem}.metric-strip span{display:block;margin-top:5px;color:#6e7e91;font-size:.7rem}.memory-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin:42px 0}.memory-card{border-radius:18px;padding:28px;background:#0e1b2e;color:white;border:1px solid #213956}.memory-card h3{margin-top:0;color:#72dcff}.memory-card ul{padding-left:18px;color:#c9d7e6}.neq{display:grid;place-items:center;font-size:2.3rem;color:#207ee7;font-weight:900}.lesson{margin:54px 0;padding:30px;border-radius:20px;background:linear-gradient(135deg,#0d1b30,#102a49);color:white;position:relative;overflow:hidden}.lesson:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-60px;top:-70px;background:rgba(49,195,255,.15)}.lesson h3{position:relative;margin:0 0 8px;font-size:1.6rem}.lesson p{position:relative;color:#cbd9e7;margin:0;font-size:1rem}.next-post{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:40px;border-radius:22px;background:#071524;color:white;margin-top:56px}.next-post p{color:#b9cce0}.next-post a{display:inline-flex;margin-top:12px;padding:12px 17px;border-radius:10px;background:#199cf3;color:white;font-weight:800}.mini-roadmap{display:grid;gap:8px}.mini-roadmap div{padding:13px 15px;border:1px solid #263c55;border-radius:10px;background:#0f2136;color:#a9bed2}.mini-roadmap div.active{border-color:#2bb5ff;color:white;background:#10304d}.blog-footer{background:#07111f;color:#96a9be;padding:30px 0;font-size:.76rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.blog-index-hero{background:#071524;color:white;padding:82px 0 62px}.blog-index-hero h1{font-size:clamp(3.8rem,8vw,7.2rem);line-height:.9;margin:15px 0 22px;letter-spacing:-.065em}.blog-index-hero p{max-width:720px;color:#c6d5e5;font-size:1.12rem}.index-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin:40px 0}.post-card{display:block;border-radius:20px;overflow:hidden;background:white;border:1px solid var(--line);box-shadow:0 16px 55px rgba(15,35,60,.07);transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 24px 70px rgba(15,35,60,.12)}.post-card-visual{min-height:250px;padding:28px;background:linear-gradient(145deg,#071524,#112c49);color:white;display:flex;align-items:flex-end;position:relative;overflow:hidden}.post-card-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-80px;background:rgba(30,163,255,.18)}.post-card-visual span{position:relative;z-index:2;font-weight:900;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;line-height:.95;max-width:460px}.post-card-body{padding:26px}.post-card-body small{color:#148ce0;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.post-card-body p{color:#5d6b7c}.index-roadmap{padding:40px;border-radius:22px;background:#0b182a;color:white;margin-bottom:52px}.roadmap-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}.roadmap-row div{padding:16px 12px;border:1px solid #263a52;border-radius:12px;background:#102239;color:#9fb4ca;font-size:.72rem}.roadmap-row div.done{border-color:#2495ff;color:white}.roadmap-row b{display:block;color:#54cfff;margin-bottom:6px}@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-art{min-height:320px}.visual-grid,.next-post,.index-grid{grid-template-columns:1fr}.memory-compare{grid-template-columns:1fr}.neq{min-height:38px}.metric-strip{grid-template-columns:1fr 1fr}.roadmap-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shell{width:min(calc(100% - 24px),var(--max))}.blog-nav-inner{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 0}.blog-links{width:100%;order:3;overflow:auto;padding-bottom:4px}.blog-links a{white-space:nowrap}.hero-grid{padding:48px 0}.hero h1{font-size:clamp(3rem,16vw,4.6rem)}.hero-deck{font-size:1rem}.hero-art{min-height:285px}.bot-head{right:48px;top:66px;transform:scale(.85) rotate(5deg);transform-origin:center}.bot-body{right:28px;top:190px;transform:scale(.86)}.failure-stack{display:none}.mission-board{inset:25px 20px}.mission-path{grid-template-columns:1fr 1fr}.article{padding:38px 0 58px}.article-inner{width:min(calc(100% - 28px),1060px)}.article h2{margin-top:48px}.pullquote{padding:22px 22px;font-size:1.12rem}.visual-grid{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr}.flow{display:grid;grid-template-columns:1fr}.flow .arrow{transform:rotate(90deg)}.next-post{padding:28px}.footer-inner{flex-direction:column}.blog-index-hero{padding:60px 0 44px}.roadmap-row{grid-template-columns:1fr}.index-roadmap{padding:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}