:root{--blue:#2457e6;--ink:#14213d;--muted:#60708d;--line:#dfe5f0;--soft:#f5f8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:var(--blue)}.site-header{min-height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--blue);color:#fff}.site-header nav{display:flex;gap:1rem}.site-header nav a{text-decoration:none;font-weight:700;color:#31405d}
main{max-width:1080px;margin:auto;padding:0 24px 70px}.breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;padding:24px 0;color:var(--muted);font-size:.9rem}.breadcrumbs a{text-decoration:none}
.article-hero{padding:52px clamp(24px,6vw,76px);border-radius:28px;background:linear-gradient(135deg,#edf3ff,#f8fbff 58%,#e7fbf7);margin-bottom:30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:var(--blue)}
h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.18}h1{font-size:clamp(2rem,5vw,4rem);max-width:850px;margin:.3rem 0 1rem}h2{font-size:clamp(1.45rem,3vw,2.25rem);margin-top:0}.lead{font-size:1.18rem;color:#40506c;max-width:820px}
.content-section{padding:38px 0;border-bottom:1px solid var(--line)}.content-section>p,.content-section>ul{max-width:850px}.content-section li{margin:.45rem 0}
.product-grid,.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.mini-product,.link-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 8px 28px rgba(30,55,100,.06)}.mini-product:hover,.link-card:hover{border-color:#9db4ee;transform:translateY(-2px)}.mini-product small,.link-card small{color:var(--blue);font-weight:800}.mini-product h3,.link-card h3{margin:.45rem 0;font-size:1.05rem}.mini-product p,.link-card p{color:var(--muted);font-size:.92rem}.mini-product strong{display:block;font-size:1.25rem}
.fact-box{padding:22px;border-left:4px solid var(--blue);background:var(--soft);border-radius:0 14px 14px 0}.comparison-table{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}.comparison-table>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line)}.comparison-table>div:last-child{border:0}.comparison-table strong{color:#2e3d5b}
footer{padding:35px 24px;text-align:center;background:#101b34;color:#dce5f7}footer a{color:#fff}
@media(max-width:700px){.site-header nav a:not(:first-child){display:none}.article-hero{padding:32px 22px}.comparison-table>div{grid-template-columns:1fr}.product-grid,.link-grid{grid-template-columns:1fr}}