.blog-page { --blog-mint:#00ff88; --blog-ink:#050810; background:#050810; color:#eff4f2; overflow-x:hidden; }
.home-blog-teaser { position:relative;z-index:1;padding:54px 24px;border-block:1px solid rgba(0,255,136,.12);background:radial-gradient(ellipse at 24% 50%,rgba(0,255,136,.055),transparent 50%),#080d12; }
.home-blog-inner { width:min(1120px,100%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:30px; }
.home-blog-kicker { display:flex;align-items:center;gap:9px;color:rgba(222,239,229,.52);font-size:8px;font-weight:750;letter-spacing:.16em; }
.home-blog-kicker i { width:6px;height:6px;border-radius:50%;background:#00ff88;box-shadow:0 0 10px rgba(0,255,136,.8); }
.home-blog-inner h2 { margin:10px 0 6px;color:#f3f7f4;font-size:clamp(22px,3vw,31px);line-height:1.15;letter-spacing:-.05em; }
.home-blog-inner p { color:rgba(231,240,234,.53);font-size:12px;line-height:1.6; }
.home-blog-inner>a { display:inline-flex;align-items:center;gap:22px;white-space:nowrap;padding:13px 16px;border:1px solid rgba(0,255,136,.35);border-radius:9px;color:#00ff88;font-size:11px;font-weight:700;background:rgba(0,255,136,.055); }
.home-blog-inner>a b {font-size:16px}
.blog-page .bg-glow { z-index:0; background:radial-gradient(ellipse 55% 40% at 64% 8%,rgba(0,255,136,.09),transparent 70%),radial-gradient(ellipse 55% 40% at 10% 55%,rgba(0,170,110,.05),transparent 70%); }
.blog-page main,.blog-page nav,.blog-footer {position:relative;z-index:1}
.blog-wrap {width:min(1120px,calc(100% - 64px));margin-inline:auto}
.blog-page .blog-nav {height:74px;padding:15px max(32px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(5,8,16,.84)}
.blog-nav>div {display:flex;align-items:center;gap:25px}.blog-nav>div>a:not(.nav-btn){font-size:13px;color:rgba(255,255,255,.65)}.blog-nav .nav-btn{padding:9px 16px!important}
.blog-hero {position:relative;overflow:hidden;padding:116px 0 70px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(5,8,16,.22),#070c11)}
.blog-hero .blog-wrap {position:relative;z-index:1}.blog-hero-glow {position:absolute;right:7%;top:-170px;width:580px;height:580px;border-radius:50%;background:rgba(0,255,136,.10);filter:blur(120px);pointer-events:none}
.blog-eyebrow {display:flex;align-items:center;gap:10px;color:rgba(222,239,229,.52);font-size:9px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.blog-eyebrow i {width:7px;height:7px;border-radius:50%;background:var(--blog-mint);box-shadow:0 0 12px var(--blog-mint)}
.blog-hero h1 {font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.067em;margin:27px 0 20px;max-width:850px}.blog-hero h1 em {font-style:normal;color:var(--blog-mint)}.blog-hero p {max-width:590px;color:rgba(233,242,236,.63);font-size:16px;line-height:1.8}.blog-hero-meta {display:flex;gap:28px;margin-top:48px;color:rgba(255,255,255,.33);font-size:8px;letter-spacing:.14em}.blog-list {padding:86px 0 110px}.blog-list-head {display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.blog-list-head h2 {font-size:clamp(27px,3.5vw,39px);letter-spacing:-.05em;margin-top:14px}.blog-count {font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.7)}.blog-count span{color:var(--blog-mint);padding:0 5px}
.blog-card-featured {display:grid;grid-template-columns:1fr 1fr;min-height:390px;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:linear-gradient(125deg,rgba(15,23,30,.86),rgba(7,12,17,.96));box-shadow:0 22px 80px rgba(0,0,0,.2)}.blog-card-art {position:relative;overflow:hidden;min-height:390px;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 46%,rgba(0,255,136,.13),transparent 60%),#080e14}.art-window {width:75%;max-width:390px;position:relative;transform:rotate(-3deg);border:1px solid rgba(113,255,192,.18);border-radius:14px;background:linear-gradient(145deg,#111a20,#081017);box-shadow:0 30px 70px rgba(0,0,0,.5);overflow:hidden}.art-window-bar {height:36px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:5px;padding:0 12px}.art-window-bar i {height:6px;width:6px;border-radius:50%;background:#ff6671}.art-window-bar i:nth-child(2){background:#ffd05b}.art-window-bar i:nth-child(3){background:#28da88}.art-window-bar span{margin-left:9px;color:rgba(255,255,255,.39);font-size:7px;letter-spacing:.14em}.art-copy{position:relative;padding:26px 26px 24px;z-index:1}.art-copy small{font-size:7px;letter-spacing:.16em;color:rgba(207,239,219,.44)}.art-copy strong{display:block;color:#f2f7f3;font-size:clamp(24px,3vw,35px);line-height:1.1;letter-spacing:-.05em;margin:14px 0}.art-copy strong b{color:var(--blog-mint);font-weight:700}.art-lines{display:grid;gap:6px}.art-lines i{height:4px;border-radius:3px;background:rgba(226,240,231,.12)}.art-lines i:nth-child(2){width:89%}.art-lines i:nth-child(3){width:72%}.art-highlight{margin-top:17px;color:#04120b;background:var(--blog-mint);display:flex;justify-content:space-between;padding:8px 10px;border-radius:5px;font-size:9px;font-weight:750;box-shadow:0 0 24px rgba(0,255,136,.23)}.art-highlight span{font-size:8px}.art-orbit{position:absolute;inset:-30%;border:1px solid rgba(0,255,136,.09);border-radius:50%;transform:rotate(34deg);pointer-events:none}.art-label{position:absolute;left:24px;right:24px;bottom:19px;display:flex;justify-content:space-between;color:rgba(233,247,238,.38);font-size:8px;letter-spacing:.14em}.art-label i{font-style:normal;color:var(--blog-mint)}
.blog-card-copy{padding:45px;display:flex;flex-direction:column;align-items:flex-start}.blog-card-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:rgba(255,255,255,.4);font-size:8px;letter-spacing:.12em}.blog-card-meta span:first-child{color:var(--blog-mint)}.blog-card-copy h3{font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.05em;margin:25px 0 14px}.blog-card-copy h3 a:hover{color:var(--blog-mint)}.blog-card-copy p{color:rgba(231,240,234,.58);font-size:14px;line-height:1.8}.blog-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.blog-card-tags span{padding:7px 9px;border:1px solid rgba(0,255,136,.13);border-radius:30px;color:rgba(221,243,230,.52);font-size:9px}.blog-read-link{margin-top:auto;padding-top:24px;color:#f2f7f3;font-size:12px;font-weight:700}.blog-read-link b{color:var(--blog-mint);margin-left:12px}.blog-bottom-cta{padding:52px 0;border-block:1px solid rgba(0,255,136,.12);background:radial-gradient(ellipse at 35% 50%,rgba(0,255,136,.065),transparent 55%),#080d12}.blog-cta-inner{display:flex;align-items:center;gap:22px}.blog-cta-mark{width:48px;height:48px;border:1px solid rgba(0,255,136,.22);border-radius:14px;display:grid;place-items:center;color:var(--blog-mint);font-size:23px}.blog-cta-inner h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.05em;margin:8px 0}.blog-cta-inner p{color:rgba(230,241,234,.52);font-size:12px}.blog-cta-inner>a{margin-left:auto;background:linear-gradient(135deg,#38ed9d,#00d47b);border-radius:9px;color:#04130c;padding:14px 17px;font-size:12px;font-weight:750;white-space:nowrap}.blog-cta-inner>a span{font-size:16px;margin-left:16px}.blog-footer{padding:29px 0 36px;border-top:1px solid rgba(255,255,255,.05)}.blog-footer-inner{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:18px}.blog-footer .nav-logo{font-size:17px}.blog-footer .nav-logo-icon{width:28px;height:28px}.blog-footer p,.blog-footer small{font-size:10px;color:rgba(255,255,255,.36)}.blog-footer-inner>div{display:flex;gap:18px}.blog-footer-inner>div a{font-size:10px;color:rgba(255,255,255,.52)}
/* Article */
.article-hero{padding:110px 0 56px;border-bottom:1px solid rgba(255,255,255,.055);background:radial-gradient(ellipse 46% 90% at 72% 20%,rgba(0,255,136,.075),transparent 75%)}.article-hero-inner{max-width:900px}.article-breadcrumb{display:flex;gap:10px;color:rgba(255,255,255,.37);font-size:8px;letter-spacing:.15em;margin-bottom:42px}.article-breadcrumb a{color:var(--blog-mint)}.article-hero .blog-eyebrow{font-size:8px}.article-hero h1{font-size:clamp(40px,6.3vw,72px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 20px;max-width:900px}.article-dek{max-width:700px;font-size:17px;line-height:1.7;color:rgba(232,241,235,.63)}.article-byline{display:flex;align-items:center;gap:12px;margin-top:31px;color:rgba(255,255,255,.5);font-size:10px}.article-byline .author-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#89ffd0,#00d47b);color:#03130b;font-weight:800;font-size:15px}.article-byline b,.article-byline small{display:block}.article-byline b{font-size:10px;color:#f0f5f2}.article-byline small{font-size:9px;color:rgba(255,255,255,.42);margin-top:3px}.article-byline>i{height:21px;border-left:1px solid rgba(255,255,255,.15);margin:0 5px}.article-layout{display:grid;grid-template-columns:180px minmax(0,760px);gap:70px;padding-top:60px;padding-bottom:100px;justify-content:center}.article-rail{position:sticky;top:35px;align-self:start;display:flex;flex-direction:column;gap:12px;padding:10px 0}.article-rail a{font-size:10px;color:rgba(255,255,255,.42);transition:color .2s}.article-rail a:hover{color:var(--blog-mint)}.article-body{min-width:0;color:rgba(237,243,239,.75);font-size:15px;line-height:1.86}.article-body p{margin:0 0 19px}.article-body .article-intro{font-size:18px;line-height:1.8;color:rgba(243,247,244,.84);letter-spacing:-.01em}.article-body strong{color:#f1f6f2;font-weight:700}.article-body h2{color:#f4f7f5;font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.045em;margin:48px 0 17px;scroll-margin-top:30px}.article-body h2:first-of-type{margin-top:42px}.article-body a{color:var(--blog-mint);text-decoration:underline;text-decoration-color:rgba(0,255,136,.3);text-underline-offset:3px}.article-body a:hover{text-decoration-color:var(--blog-mint)}.article-cta-inline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border:1px solid rgba(0,255,136,.16);border-radius:12px;background:rgba(0,255,136,.045);margin:27px 0 37px}.article-cta-inline div b,.article-cta-inline div span{display:block}.article-cta-inline div b{font-size:12px;color:#f2f7f3}.article-cta-inline div span{font-size:10px;color:rgba(230,241,234,.52);margin-top:4px}.article-cta-inline>a{white-space:nowrap;font-size:10px;font-weight:750;text-decoration:none!important;background:var(--blog-mint);color:#04120b!important;padding:10px 12px;border-radius:7px}.comparison-wrap{overflow-x:auto;margin:22px 0 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.comparison{width:100%;border-collapse:collapse;min-width:500px;font-size:11px;line-height:1.5}.comparison th{padding:13px 14px;background:rgba(255,255,255,.035);text-align:left;color:rgba(245,249,246,.7);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.comparison td{padding:13px 14px;border-top:1px solid rgba(255,255,255,.065);color:rgba(235,243,238,.65)}.comparison td:first-child{font-weight:700;white-space:nowrap}.table-note,.article-body .table-note{font-size:10px;line-height:1.65;color:rgba(231,241,235,.42);margin:10px 0 32px}.article-body ul{padding-left:22px;margin:5px 0 24px}.article-body li{padding-left:4px;margin:8px 0}.tool-review{border-top:1px solid rgba(255,255,255,.09);padding:31px 0 16px;margin-top:39px;scroll-margin-top:25px}.tool-review h2{margin:14px 0 17px!important}.tool-number{display:flex;align-items:center;gap:12px;color:var(--blog-mint);font-size:10px;letter-spacing:.12em;font-weight:800}.tool-number span{color:rgba(255,255,255,.4);font-size:8px}.tool-fit{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:15px 17px;border-left:2px solid var(--blog-mint);background:rgba(255,255,255,.025);margin:22px 0;color:rgba(232,243,236,.61);font-size:11px;line-height:1.65}.tool-fit b{color:#f0f6f2}.source-link{font-size:10px;color:rgba(235,243,238,.48)}.tool-cta{display:flex;flex-wrap:wrap;gap:17px;margin:20px 0}.tool-cta a{font-size:11px;font-weight:700}.article-cta-box{margin:45px 0 50px;padding:25px;border:1px solid rgba(0,255,136,.22);border-radius:14px;background:radial-gradient(ellipse at 15% 0,rgba(0,255,136,.11),transparent 55%),#0a1115}.article-cta-box>span{font-size:8px;letter-spacing:.15em;color:rgba(0,255,136,.75)}.article-cta-box h2{margin:11px 0!important;font-size:25px!important}.article-cta-box p{font-size:12px;color:rgba(232,243,236,.56)}.article-cta-box>a{display:inline-block;margin-top:7px;padding:11px 14px;border-radius:7px;background:var(--blog-mint);color:#03130b!important;text-decoration:none!important;font-weight:750;font-size:10px}.article-cta-box>a b{margin-left:12px}.article-body details{border-top:1px solid rgba(255,255,255,.09);padding:16px 2px}.article-body details:last-of-type{border-bottom:1px solid rgba(255,255,255,.09)}.article-body summary{list-style:none;cursor:pointer;color:#f3f7f4;font-weight:650;font-size:12px}.article-body summary::-webkit-details-marker{display:none}.article-body summary:after{content:'+';float:right;color:var(--blog-mint);font-size:17px;font-weight:300}.article-body details[open] summary:after{content:'−'}.article-body details p{font-size:11px;line-height:1.75;margin:12px 20px 0 0;color:rgba(230,240,234,.58)}.article-updated{margin-top:36px!important;color:rgba(230,240,234,.38);font-size:10px}
@media(max-width:800px){.home-blog-teaser{padding:35px 20px}.home-blog-inner{align-items:flex-start;flex-direction:column;gap:17px}.home-blog-inner>a{padding:11px 13px}.blog-wrap{width:min(100% - 40px,620px)}.blog-page .blog-nav{height:66px;padding:12px 20px}.blog-nav>div{gap:14px}.blog-nav>div>a:not(.nav-btn){display:none}.blog-nav .nav-btn{padding:8px 11px!important;font-size:10px}.blog-hero{padding:87px 0 55px}.blog-hero h1{font-size:clamp(46px,10vw,68px)}.blog-hero p{font-size:14px}.blog-hero-meta{margin-top:32px;gap:16px;font-size:7px}.blog-list{padding:62px 0 76px}.blog-card-featured{grid-template-columns:1fr}.blog-card-art{min-height:290px}.art-window{width:min(76%,390px)}.blog-card-copy{padding:25px 23px 28px;min-height:300px}.blog-card-copy h3{font-size:29px;margin:18px 0 11px}.blog-card-copy p{font-size:12px}.blog-read-link{margin-top:25px;padding-top:0}.blog-bottom-cta{padding:34px 0}.blog-cta-inner{display:grid;grid-template-columns:44px 1fr;gap:14px}.blog-cta-mark{width:42px;height:42px}.blog-cta-inner h2{font-size:23px}.blog-cta-inner p{line-height:1.6}.blog-cta-inner>a{grid-column:2;justify-self:start;margin:0;padding:12px 14px}.blog-footer-inner{grid-template-columns:1fr auto;gap:13px}.blog-footer p{grid-column:1/-1;grid-row:2}.blog-footer-inner>div{grid-column:1/-1;grid-row:3;flex-wrap:wrap;gap:15px}.blog-footer small{grid-column:1/-1;grid-row:4}.article-hero{padding:84px 0 42px}.article-breadcrumb{margin-bottom:31px}.article-hero h1{font-size:clamp(38px,9vw,58px)}.article-dek{font-size:14px}.article-byline{gap:9px;flex-wrap:wrap;font-size:9px}.article-byline>i{height:16px;margin:0 1px}.article-layout{display:block;padding-top:35px;padding-bottom:70px}.article-rail{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:15px;padding:0 0 15px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.article-rail a{font-size:9px}.article-body{font-size:14px}.article-body .article-intro{font-size:16px}.article-body h2{margin-top:38px}.article-cta-inline{align-items:flex-start;flex-direction:column;padding:16px}.tool-fit{grid-template-columns:1fr;gap:5px}.tool-review{margin-top:30px;padding-top:25px}.comparison{font-size:10px}.table-note{font-size:9px}}
@media(max-width:420px){.blog-wrap{width:calc(100% - 34px)}.blog-hero h1{font-size:43px}.blog-hero-meta{flex-direction:column;gap:7px}.blog-list-head{gap:10px}.blog-list-head h2{font-size:25px}.blog-count{font-size:8px;white-space:nowrap}.blog-card-art{min-height:255px}.blog-card-copy{padding:22px 19px}.article-hero h1{font-size:37px}.article-byline{gap:7px}.article-byline>i{display:none}.article-byline time{margin-left:46px}.article-body .article-intro{font-size:15px}.article-cta-inline>a{align-self:stretch;text-align:center}.article-cta-box{padding:20px}.comparison{min-width:460px}}
@media(prefers-reduced-motion:reduce){.blog-page *{scroll-behavior:auto!important;transition:none!important}}

/* Blog navigation returns as soon as the reader changes direction upward. */
body.blog-page{padding-top:74px}
.blog-page .blog-nav{position:fixed;inset:0 0 auto;z-index:100;width:100%;height:74px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);transition:transform .22s cubic-bezier(.2,.75,.25,1),background-color .22s ease}
.blog-page .blog-nav.is-hidden{transform:translateY(-105%);pointer-events:none}
.blog-page .blog-nav:focus-within{transform:translateY(0)}
.blog-page .article-hero h1,.blog-page .article-layout [id],.blog-page .blog-list [id]{scroll-margin-top:100px}
.article-layout{grid-template-columns:210px minmax(0,760px);gap:58px}
.article-rail{top:96px;gap:5px;padding:8px 0}
.article-rail a{display:block;padding:9px 11px;border-left:2px solid transparent;border-radius:0 7px 7px 0;font-size:13px;line-height:1.35;color:rgba(242,248,244,.58)}
.article-rail a:hover,.article-rail a:focus-visible{border-left-color:var(--blog-mint);background:rgba(0,255,136,.065);color:#f4faf6}










.competitor-shot{overflow:hidden;margin:23px 0 26px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(145deg,rgba(14,22,28,.98),rgba(7,12,17,.98));box-shadow:0 18px 48px rgba(0,0,0,.19)}
.competitor-shot-image{display:grid;place-items:center;min-height:180px;padding:12px;background:radial-gradient(ellipse at 50% 100%,rgba(0,255,136,.075),transparent 65%),#080d12}
.competitor-shot img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:7px}
.competitor-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.07);color:rgba(235,244,238,.46);font-size:9px;line-height:1.45}
.competitor-shot figcaption span{font-size:8px;font-weight:750;letter-spacing:.11em;color:rgba(0,255,136,.78)}
.competitor-shot figcaption a{flex:0 0 auto;color:rgba(235,244,238,.56);text-decoration:none!important}.competitor-shot figcaption a:hover{color:var(--blog-mint)}


@media(max-width:800px){body.blog-page{padding-top:66px}.blog-page .blog-nav{height:66px}.article-layout{padding-top:34px}.article-rail{position:sticky;top:74px;z-index:5;gap:8px;padding:7px 0 11px;margin:0 -20px 21px;padding-inline:20px;background:linear-gradient(180deg,rgba(5,8,16,.97),rgba(5,8,16,.88));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.article-rail a{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:12px;line-height:1.2}.article-rail a:hover,.article-rail a:focus-visible{border-color:rgba(0,255,136,.38)}.article-body h2,.tool-review{scroll-margin-top:150px}.competitor-shot-image{min-height:120px;padding:8px}.competitor-shot figcaption{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 12px}}
@media(max-width:420px){.article-rail{margin-inline:-17px;padding-inline:17px}.article-rail a{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.blog-page .blog-nav{transition:none!important}}