.ma-blog{--mb-ink:#172235;--mb-muted:#717e91;--mb-blue:#2354ef;--mb-line:#e0e6f0;--mb-card:#fff;--mb-soft:#f5f7fc;background:#fff;color:var(--mb-ink);overflow:clip}.mb-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.mb-section{padding-block:80px}.mb-kicker{margin-bottom:18px;color:var(--mb-blue);font-size:10px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}.ma-blog h2{font-size:clamp(30px,3.7vw,44px);line-height:1.15;font-weight:550;letter-spacing:-.045em;text-wrap:balance}.ma-blog p{text-wrap:pretty}.ma-blog a:focus-visible{outline:3px solid #7698ff;outline-offset:5px}.mb-hero{position:relative;isolation:isolate;padding:132px 0 64px;background:radial-gradient(ellipse at 50% 62%,#e6eeff,#f9fbff 44%,#fff 78%)}.mb-grid{position:absolute;z-index:-1;inset:84px 0 0;pointer-events:none;background-image:linear-gradient(#c2d2f42b 1px,transparent 0),linear-gradient(90deg,#c2d2f42b 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 73%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 73%)}.mb-hero-copy{max-width:900px;text-align:center}.mb-hero h1{font-size:clamp(42px,6.6vw,82px);line-height:1.12;font-weight:550;letter-spacing:-.06em;text-wrap:balance}.mb-hero .word-accent{display:inline-block;line-height:1;white-space:nowrap}.mb-intro{max-width:580px;margin:26px auto 0;color:var(--mb-muted);font-size:17px;line-height:1.85}.mb-empty{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:40px;margin-top:36px;padding:48px;border:1px solid var(--mb-line);border-radius:24px;background:radial-gradient(ellipse at 0 100%,#e6eeff,transparent 70%),var(--mb-soft)}.mb-journal{display:grid;place-items:center;width:140px;height:160px;border:1px solid var(--mb-line);border-radius:20px;color:var(--mb-blue);background:var(--mb-card);box-shadow:0 14px 40px #25498b0c;transform:rotate(-5deg)}.mb-journal svg{width:70px;height:70px}.mb-empty h3{font-size:clamp(23px,3vw,30px);line-height:1.3;font-weight:550;letter-spacing:-.03em}.mb-empty p{max-width:590px;margin-top:16px;font-size:15px;line-height:1.85;color:var(--mb-muted)}.mb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;margin-top:24px;border-radius:999px;font-size:13px;font-weight:600}.mb-topics{background:var(--mb-soft);border-top:1px solid var(--mb-line)}.mb-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.mb-topic-grid article{padding:28px;border:1px solid var(--mb-line);border-radius:20px;background:var(--mb-card)}.mb-number{display:block;margin-bottom:32px;color:var(--mb-blue);font:11px monospace}.mb-topic-grid h2{font-size:24px;letter-spacing:-.025em}.mb-topic-grid p{margin-top:14px;font-size:14px;line-height:1.85;color:var(--mb-muted)}.dark .ma-blog{--mb-ink:#edf0f7;--mb-muted:#a0a7b5;--mb-blue:#8babff;--mb-line:#292e38;--mb-card:#15181e;--mb-soft:#11141a;background:#0b0d11}.dark .mb-hero{background:linear-gradient(180deg,#090b0f,#0d1016 74%,#0b0d11)}.dark .mb-grid{opacity:.25}.dark .mb-empty{background:#11141a}@media (max-width:900px){.mb-empty{padding:32px;gap:28px;grid-template-columns:120px 1fr}.mb-journal{width:110px;height:135px}.mb-topic-grid{gap:12px}.mb-topic-grid article{padding:22px}}@media (max-width:600px){.mb-shell{width:calc(100% - 40px)}.mb-section{padding-block:52px}.mb-hero{padding:102px 0 32px}.mb-hero h1{font-size:clamp(36px,9vw,48px)}.mb-intro{font-size:14px;margin-top:20px}.mb-empty{grid-template-columns:1fr;padding:28px 24px}.mb-journal{width:70px;height:80px;border-radius:12px}.mb-journal svg{width:44px;height:44px}.mb-empty p{font-size:14px}.mb-button{min-height:44px;font-size:12px}.mb-topic-grid{grid-template-columns:1fr}.mb-number{margin-bottom:20px}}@keyframes mb-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.mb-hero-copy>*{animation:mb-arrive .65s cubic-bezier(.2,.7,.2,1) backwards}.mb-hero h1{animation-delay:.06s}.mb-intro{animation-delay:.12s}.mb-button{transition:transform .22s ease,box-shadow .22s ease}@media (hover:hover) and (pointer:fine){.mb-button:hover{transform:translateY(-2px)}}}