:root{--navy: #1E293B;--navy-deep: #0F172A;--navy-dark: #1E293B;--blue: #3B82F6;--blue-soft: #93C5FD;--accent: #4338CA;--accent-bright: #7DD3FC;--accent-soft: #EEF2FF;--accent-border: #C7D2FE;--indigo-deep: #312E81;--grad-from: #4F46E5;--grad-to: #0EA5E9;--cta: #0F172A;--cta-deep: #1E293B;--bg: #ffffff;--paper: #F8FAFC;--text: #1d2630;--muted: #5a6472;--light: #eef4fa;--line: #e3eaf2;--radius: 16px;--shadow-sm: 0 1px 3px rgba(19,40,63,.08);--shadow-md: 0 10px 32px rgba(19,40,63,.14);--shadow-lg: 0 24px 60px -12px rgba(19,40,63,.28);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;font-size:16.5px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 18px;border-radius:0 0 8px;z-index:100}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}header.site{border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(12px);z-index:10}header.site .container{display:flex;align-items:center;justify-content:space-between;height:66px}.logo{font-weight:800;font-size:1.32rem;color:var(--navy-deep);text-decoration:none;letter-spacing:.02em;display:inline-flex;align-items:baseline;line-height:1}.logo .ai{background:linear-gradient(120deg,var(--grad-from),var(--grad-to));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:1px}nav.main{display:flex;align-items:center}nav.main a{color:var(--muted);text-decoration:none;margin-left:24px;font-size:.95rem;font-weight:600;padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s}nav.main a:hover{color:var(--navy-deep)}nav.main a[aria-current=page]{color:var(--navy-deep);border-bottom-color:var(--accent)}nav.main a.cta{background:linear-gradient(135deg,var(--cta),var(--cta-deep));color:#fff;padding:10px 20px;border-radius:999px;border-bottom:0;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s,filter .2s}nav.main a.cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 22px #0f172a59}.ebook-menu{position:relative;margin-left:24px}.ebook-menu>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--cta),var(--cta-deep));color:#fff;padding:10px 18px;border-radius:999px;font-size:.95rem;font-weight:600;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s,filter .2s}.ebook-menu>summary::-webkit-details-marker{display:none}.ebook-menu>summary:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 22px #0f172a59}.ebook-menu .caret{transition:transform .2s;flex-shrink:0}.ebook-menu[open] .caret{transform:rotate(180deg)}.ebook-menu .menu-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:440px;max-width:calc(100vw - 32px);padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg)}.menu-pop-head{display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:2px 10px 8px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ebook-menu .menu-item{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border-radius:10px;border-bottom:0;color:var(--navy-deep);font-size:.9rem;font-weight:600}.ebook-menu .menu-item:hover,.ebook-menu .menu-item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.menu-item .mi-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--light);color:var(--muted);flex:0 0 auto}.ebook-menu .menu-item:hover .mi-icon,.ebook-menu .menu-item[aria-current=page] .mi-icon{background:#fff;color:var(--accent)}.menu-all{display:flex;align-items:center;gap:6px;margin-top:6px;padding:10px 10px 4px;border-top:1px solid var(--line);border-bottom:0;color:var(--accent);font-weight:700;font-size:.85rem;transition:gap .15s}.menu-all:hover{gap:9px}.nav-burger{display:none;position:relative}.nav-burger>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--navy-deep);background:var(--light);border:1px solid var(--line)}.nav-burger>summary::-webkit-details-marker{display:none}.nav-burger .burger-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:min(284px,calc(100vw - 28px));padding:8px;max-height:calc(100vh - 96px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px}.nav-burger .burger-pop a{margin:0;padding:11px 14px;border-radius:10px;border-bottom:0;color:var(--navy-deep);font-size:.95rem;font-weight:600;text-decoration:none}.nav-burger .burger-pop a:hover,.nav-burger .burger-pop a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.nav-burger .burger-pop a.burger-cta{margin-top:6px;text-align:center;background:linear-gradient(135deg,var(--cta),var(--cta-deep));color:#fff;font-weight:700;padding:12px 14px;border-radius:10px}.nav-burger .burger-pop a.burger-cta:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--cta),var(--cta-deep));color:#fff}main{min-height:70vh}a{color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff;text-decoration:none;padding:15px 30px;border-radius:999px;font-weight:700;border:0;font-size:1rem;cursor:pointer;font-family:var(--font);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.cta{background:linear-gradient(135deg,var(--cta),var(--cta-deep));color:#fff}.btn.cta:hover{filter:brightness(1.06);box-shadow:0 14px 34px #0f172a66}.btn.ghost{background:transparent;color:var(--navy-deep);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.ghost:hover{background:var(--light);box-shadow:inset 0 0 0 1.5px var(--blue-soft)}.badge{display:inline-block;background:var(--light);color:var(--navy);font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:999px;letter-spacing:.05em}.badge.accent{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #4f46e533}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.grad-text{background:linear-gradient(100deg,var(--grad-from),var(--grad-to));-webkit-background-clip:text;background-clip:text;color:transparent}footer.site{background:linear-gradient(180deg,var(--navy-dark),var(--navy-deep));color:#c8d6e5;margin-top:88px;padding:48px 0 34px;border-top:1px solid rgba(125,211,252,.3)}footer.site .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer.site .brand{font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:6px;letter-spacing:.02em}footer.site .brand em{color:var(--accent-bright);font-style:normal}footer.site .tagline{font-size:.9rem;color:var(--blue-soft)}footer.site .brand-col{max-width:320px}footer.site nav strong{color:#fff;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}footer.site nav{display:flex;flex-direction:column;gap:6px}footer.site nav a{color:#c8d6e5;text-decoration:none;font-size:.92rem}footer.site nav a:hover{color:var(--accent-soft)}footer.site .foot-ebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}footer.site .foot-ebook-grid a{margin:0}footer.site .foot-all{grid-column:1 / -1;color:var(--accent-bright);font-weight:700;margin-top:2px}footer.site .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;font-size:.82rem;color:#8fa6bd}@media (max-width: 640px){body{font-size:16px}.nav-link,.ebook-menu{display:none}.nav-burger{display:block}}