.blog{--bl-navy:#0b3556;--bl-navy-deep:#0a2540;--bl-blue:#1c6ca4;--bl-teal:#2ba9dc;--bl-teal-soft:#6fc7e8;--bl-amber:#f39c12;--bl-amber-soft:#ffb938;--bl-wash:#e8f4fb;--bl-ink:#14293b;--bl-muted:#5c7387;--bl-line:#e2ecf3;--bl-line-strong:#cfe0ec;--bl-card:#fff;--bl-page:#f4f8fb;--bl-warn-bg:#fff6e6;--bl-warn-line:#f4d89b;--bl-warn-ink:#9a6400;--bl-readw:720px;--bl-maxw:none;--bl-gutter:16px;--bl-radius:18px;--bl-shadow:0 1px 2px #0b35560d, 0 12px 32px #0b355614;--bl-shadow-sm:0 1px 2px #0b35560d, 0 4px 14px #0b35560f;color:var(--bl-ink);interpolate-size:allow-keywords;font-size:18px;line-height:1.7}.dark .blog{--bl-ink:#e2e8f0;--bl-muted:#94a3b8;--bl-line:#1e293b;--bl-line-strong:#334155;--bl-card:#1e293b;--bl-page:#0f172a;--bl-wash:#0e2c44;--bl-warn-bg:#3a2f12;--bl-warn-line:#5c4a1a;--bl-warn-ink:#f3c969}@media (width>=640px){.blog{--bl-gutter:48px}}@media (width>=1280px){.blog{--bl-gutter:96px}}.blog-crumbs{max-width:var(--bl-maxw);padding:96px var(--bl-gutter) 14px;margin:0 auto}.blog-shell{max-width:var(--bl-maxw);padding:0 var(--bl-gutter);margin:0 auto}.blog-read{max-width:var(--bl-readw);margin-inline:auto}.blog-index .blog-read,.blog-index .blog-store-cta{max-width:var(--bl-maxw)}.blog-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--bl-teal);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.blog-eyebrow:before{content:"";background:var(--bl-amber);border-radius:2px;width:22px;height:2px}.blog-hero{color:#fff;background:radial-gradient(1100px 420px at 82% -10%,#2ba9dc38,#0000 60%),linear-gradient(#0b3556 0%,#0e416b 55%,#135c8c 100%);margin-top:72px;position:relative;overflow:hidden}.blog-hero:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,#6fc7e84d,#0000 70%);height:120px;position:absolute;inset:auto 0 -2px}.blog-hero .blog-sun{filter:blur(2px);z-index:0;background:radial-gradient(circle,#ffb93880,#f39c1200 64%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-60px}.blog-hero .blog-shell{z-index:2;padding-top:56px;padding-bottom:92px;position:relative}.blog-hero .blog-eyebrow{color:var(--bl-teal-soft)}.blog-hero .blog-eyebrow:before{background:var(--bl-amber-soft)}.blog-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:18ch;margin:16px 0 0;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05}.blog-hero .blog-lede{color:#d6f3ee;max-width:62ch;margin:20px 0 0;font-size:clamp(18px,2.1vw,22px);line-height:1.55}.blog-hero .blog-meta{color:#aee3da;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px;font-size:14px;font-weight:600;display:flex}.blog-hero .blog-meta .blog-dot{background:var(--bl-teal-soft);border-radius:50%;width:5px;height:5px}.blog-hero .blog-meta b{color:#fff;font-weight:700}.blog-hero a.blog-cat{color:var(--bl-teal-soft)}.blog-hero a.blog-cat:hover{color:#fff}.blog-article{padding:0 0 36px}.blog-article .blog-hero-card-wrap{z-index:3;margin-top:-52px;position:relative}.blog-hero-card{background:var(--bl-card);border-radius:var(--bl-radius);box-shadow:var(--bl-shadow);border:1px solid var(--bl-line);padding:14px}.blog-hero-card .blog-img{aspect-ratio:16/8;background:var(--bl-wash);border-radius:12px;width:100%;position:relative;overflow:hidden}.blog-hero-card .blog-cap{color:var(--bl-muted);text-align:center;padding:10px 6px 4px;font-size:12.5px}.blog-prose{max-width:var(--bl-readw);counter-reset:blh2;margin:44px auto 0}.blog-prose p{margin:0 0 22px}.blog-prose h2{letter-spacing:-.015em;color:var(--bl-navy);align-items:center;gap:14px;margin:52px 0 8px;font-size:clamp(25px,3.2vw,33px);font-weight:800;line-height:1.15;display:flex}.dark .blog-prose h2{color:#9ad3ec}.blog-prose h2:before{counter-increment:blh2;content:counter(blh2);background:var(--bl-wash);width:38px;height:38px;color:var(--bl-blue);border:1px solid var(--bl-line-strong);border-radius:11px;flex:none;place-items:center;font-size:18px;font-weight:800;display:inline-grid}.blog-prose h3{color:var(--bl-navy);margin:30px 0 6px;font-size:21px;font-weight:700}.dark .blog-prose h3{color:#9ad3ec}.blog-prose strong{color:var(--bl-navy);font-weight:800}.dark .blog-prose strong{color:#c5e4f4}.blog-prose a{color:var(--bl-blue);text-underline-offset:2px;text-decoration:underline}.blog-prose img{border-radius:12px;margin:8px auto 24px}.blog-prose em{font-style:italic}.blog-prose figure{margin:0 0 24px}.blog-prose figure img{margin:0 auto;display:block}.blog-prose figure figcaption{text-align:center;color:var(--bl-blue);margin-top:8px;font-size:14px}.blog-prose blockquote{border-left:4px solid var(--bl-blue);background:var(--bl-wash);color:var(--bl-navy);border-radius:8px;margin:0 0 24px;padding:14px 20px}.dark .blog-prose blockquote{color:#c5e4f4}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose ul,.blog-prose ol{margin:0 0 24px;padding-left:0;list-style:none}.blog-prose li{margin-bottom:12px;padding-left:34px;position:relative}.blog-prose ul li:before{content:"";background:var(--bl-teal);width:9px;height:9px;box-shadow:0 0 0 4px var(--bl-wash);border-radius:50%;position:absolute;top:12px;left:6px}.blog-prose ol{counter-reset:bloli}.blog-prose ol li:before{counter-increment:bloli;content:counter(bloli);background:var(--bl-amber);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.blog-prose .blog-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 24px;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;margin:0;font-size:16px}.blog-prose th,.blog-prose td{border:1px solid var(--bl-line);text-align:left;padding:10px 12px}.blog-prose th{background:var(--bl-wash);color:var(--bl-navy);font-weight:700}.blog-prose code{background:var(--bl-wash);border-radius:6px;padding:2px 6px;font-size:.9em}.blog-prose pre{background:var(--bl-navy-deep);color:#d6f3ee;border-radius:12px;padding:18px;overflow:auto}.blog-prose pre code{background:0 0;padding:0}.blog-rule{max-width:var(--bl-readw);background:var(--bl-line);height:1px;margin:44px auto;position:relative}.blog-rule:before{content:"";background:var(--bl-page);width:30px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-rule span{background:var(--bl-amber);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-callout{max-width:var(--bl-readw);border:1px solid var(--bl-line-strong);background:var(--bl-wash);border-radius:14px;margin:28px auto;padding:20px 22px 20px 58px;font-size:16.5px;line-height:1.62;position:relative}.blog-callout:before{font-size:22px;line-height:1;position:absolute;top:18px;left:18px}.blog-callout .blog-callout-t{color:var(--bl-navy);margin-bottom:3px;font-weight:800;display:block}.dark .blog-callout .blog-callout-t{color:#c5e4f4}.blog-callout p{margin:0}.blog-callout.is-tip:before{content:"💧"}.blog-callout.is-warn{background:var(--bl-warn-bg);border-color:var(--bl-warn-line)}.blog-callout.is-warn:before{content:"⚠️"}.blog-callout.is-warn .blog-callout-t{color:var(--bl-warn-ink)}.blog-steps{max-width:var(--bl-readw);margin:26px auto}.blog-steps ul,.blog-steps ol{counter-reset:blstep;gap:14px;margin:0;padding:0;list-style:none;display:grid}.blog-steps li{background:var(--bl-card);border:1px solid var(--bl-line);box-shadow:var(--bl-shadow-sm);color:var(--bl-muted);border-radius:14px;margin:0;padding:18px 20px 18px 64px;font-size:16px;line-height:1.55;position:relative}.blog-steps li:before{counter-increment:blstep;content:counter(blstep);background:var(--bl-navy);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid;position:absolute;top:16px;left:16px}.blog-steps li strong{color:var(--bl-navy);font-weight:800}.dark .blog-steps li strong{color:#c5e4f4}.blog-ph{max-width:var(--bl-readw);margin:28px auto}.blog-ph-bar{color:#fff;height:54px;box-shadow:var(--bl-shadow-sm);border-radius:12px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.blog-ph-bar span{flex:1;place-items:center;display:grid}.blog-ph-ideal{justify-content:center;margin-top:10px;display:flex}.blog-ph-ideal b{background:var(--bl-navy);color:#fff;border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:700}.blog-ph-labels{color:var(--bl-muted);justify-content:space-between;margin-top:8px;font-size:12.5px;font-weight:600;display:flex}.blog-cta{max-width:var(--bl-readw);border-radius:var(--bl-radius);color:#fff;box-shadow:var(--bl-shadow);background:linear-gradient(135deg,#0b3556,#135c8c);grid-template-columns:1.5fr 1fr;margin:32px auto;display:grid;overflow:hidden}.blog-cta .blog-cta-txt{padding:28px 30px}.blog-cta h3{color:#fff;margin:10px 0 8px;font-size:23px;font-weight:800;line-height:1.18}.blog-cta p{color:#d6f3ee;margin:0 0 18px;font-size:16px;line-height:1.55}.blog-cta .blog-eyebrow{color:var(--bl-teal-soft)}.blog-cta .blog-eyebrow:before{background:var(--bl-amber-soft)}.blog-cta a.blog-btn{background:var(--bl-amber);color:#3a2400;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 8px 20px #f39c124d}.blog-cta a.blog-btn:hover{background:var(--bl-amber-soft);transform:translateY(-2px)}.blog-cta .blog-cta-pic{color:#d6f3ee;background:repeating-linear-gradient(135deg,#ffffff0f 0 14px,#fff0 14px 28px),radial-gradient(circle at 70% 30%,#6fc7e866,#0000 60%);place-items:center;min-height:150px;font-size:40px;display:grid;position:relative}@media (width<=640px){.blog-cta{grid-template-columns:1fr}.blog-cta .blog-cta-pic{min-height:120px}}.blog-faq{max-width:var(--bl-maxw);margin:0 auto}.blog-faq .blog-rule{max-width:var(--bl-maxw)}.blog-faq h2{color:var(--bl-navy);letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(24px,3vw,32px);font-weight:800}.dark .blog-faq h2{color:#9ad3ec}.blog-faq details{background:var(--bl-card);border:1px solid var(--bl-line);box-shadow:var(--bl-shadow-sm);border-radius:14px;margin-bottom:12px;overflow:hidden}.blog-faq summary{cursor:pointer;color:var(--bl-navy);padding:20px 56px 20px 22px;font-size:18px;font-weight:700;list-style:none;position:relative}.dark .blog-faq summary{color:#e2e8f0}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq-toggle{background:var(--bl-wash);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.blog-faq-toggle:before,.blog-faq-toggle:after{content:"";background:var(--bl-blue);border-radius:2px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-faq-toggle:before{width:12px;height:2px}.blog-faq-toggle:after{width:2px;height:12px}.blog-faq details[open] .blog-faq-toggle:after{opacity:0}.blog-faq .blog-faq-ans{color:var(--bl-muted);padding:0 22px 22px;font-size:16.5px;line-height:1.62}.blog-faq .blog-faq-ans p{margin:0}@media (prefers-reduced-motion:no-preference){.blog-faq details::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s ease allow-discrete;overflow:clip}.blog-faq details[open]::details-content{block-size:auto}.blog-faq details[open] .blog-faq-ans{animation:.3s blog-faq-reveal}}@keyframes blog-faq-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.blog-chips{max-width:var(--bl-readw);flex-wrap:wrap;gap:10px;margin:36px auto 0;display:flex}.blog-chips .blog-chip{color:var(--bl-blue);background:var(--bl-wash);border:1px solid var(--bl-line-strong);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600}.blog-related{max-width:var(--bl-maxw);margin:56px auto 0}.blog-related h2{color:var(--bl-navy);margin:0 0 22px;font-size:clamp(22px,2.6vw,30px);font-weight:800}.dark .blog-related h2{color:#9ad3ec}.blog-comments{max-width:var(--bl-maxw);margin:56px auto 0}.blog-comments h2{color:var(--bl-navy);margin:0 0 22px;font-size:clamp(22px,2.6vw,30px);font-weight:800}.dark .blog-comments h2{color:#9ad3ec}.blog-index{padding-bottom:20px}.blog-cards{z-index:3;grid-template-columns:repeat(3,1fr);gap:26px;margin:-46px auto 0;display:grid;position:relative}@media (width<=900px){.blog-cards{grid-template-columns:1fr;max-width:560px}}.blog-card{background:var(--bl-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius);box-shadow:var(--bl-shadow);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0b35562e}.blog-card .blog-card-top{color:#fff;place-items:center;height:188px;display:grid;position:relative;overflow:hidden}.blog-card .blog-card-top.c1{background:linear-gradient(140deg,#0b3556,#1c6ca4)}.blog-card .blog-card-top.c2{background:linear-gradient(140deg,#13598b,#2ba9dc)}.blog-card .blog-card-top.c3{background:linear-gradient(140deg,#0e416b,#6fc7e8)}.blog-card .blog-card-glyph{filter:drop-shadow(0 6px 14px #00000040);font-size:72px}.blog-card .blog-badge{z-index:2;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(4px);color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.blog-card .blog-card-body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.blog-card .blog-kw{color:var(--bl-teal);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.blog-card h2{color:var(--bl-navy);margin:10px 0;font-size:21px;font-weight:800;line-height:1.18}.dark .blog-card h2{color:#e2e8f0}.blog-card p{color:var(--bl-muted);flex:1;margin:0 0 18px;font-size:15.5px;line-height:1.55}.blog-card .blog-card-foot{justify-content:space-between;align-items:center;display:flex}.blog-card .blog-card-date{color:var(--bl-muted);font-size:12.5px}.blog-card .blog-more{color:var(--bl-blue);align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.blog-card .blog-more svg{transition:transform .18s}.blog-card:hover .blog-more svg{transform:translate(4px)}.blog-store-cta{max-width:var(--bl-readw);text-align:center;margin:70px auto 0}.blog-store-cta .blog-eyebrow{justify-content:center}.blog-store-cta h2{color:var(--bl-navy);letter-spacing:-.015em;margin:14px 0 12px;font-size:clamp(26px,3.4vw,38px);font-weight:800;line-height:1.12}.dark .blog-store-cta h2{color:#e2e8f0}.blog-store-cta p{color:var(--bl-muted);max-width:54ch;margin:0 auto 26px}.blog-store-cta a.blog-btn{background:var(--bl-amber);color:#3a2400;border-radius:999px;align-items:center;gap:9px;padding:15px 28px;font-size:16px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 10px 24px #f39c124d}.blog-store-cta a.blog-btn:hover{background:var(--bl-amber-soft);transform:translateY(-2px)}.blog-empty{text-align:center;color:var(--bl-muted);padding:60px 0;font-size:18px}