.blog-hero{padding:45px 0 65px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(47,211,183,.2),transparent 31%),linear-gradient(135deg,#10283c,#124458 72%,#0b6e65)}.blog-hero .breadcrumbs{color:#c6d5dc}.blog-hero .breadcrumbs a{color:#d9e7ec}.blog-hero h1{max-width:850px;margin:14px 0;font-size:clamp(40px,5.5vw,68px);line-height:1.05;letter-spacing:-2px}.blog-hero p{max-width:760px;margin:0;color:#d1dfe5;font-size:18px}.blog-categories,.blog-subcategory-section{padding:22px 0;border-bottom:1px solid var(--line);background:#fff}.blog-category-scroll{display:flex;gap:10px;overflow:auto;padding:2px}.blog-category-scroll a{min-width:190px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.blog-category-scroll a:hover{border-color:#91c9c0;background:#f1faf8}.blog-category-scroll strong{display:block}.blog-category-scroll span{color:var(--muted);font-size:12px}.blog-list-section{background:#f6f8fa}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(15,30,55,.045);transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card-image{position:relative;height:210px;display:block;overflow:hidden;background:linear-gradient(145deg,#173649,#0a756b)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-image>span:not(.blog-card-placeholder){position:absolute;left:14px;top:14px;padding:5px 9px;border-radius:99px;color:#fff;background:rgba(9,25,39,.76);font-size:11px;font-weight:800}.blog-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#74ddce;font-size:52px;font-weight:900}.blog-card-body{padding:21px}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.blog-card h2{margin:10px 0 8px;font-size:21px;line-height:1.3}.blog-card p{margin:0;color:#526377}.blog-card-stats{display:flex;gap:15px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:#738194;font-size:12px}.blog-category-hero{position:relative;padding:35px 0 58px;overflow:hidden;background:linear-gradient(180deg,#eef7f5,#fff)}.blog-category-hero:after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,#eef7f5 20%,rgba(238,247,245,.82),#fff),var(--blog-category-image);background-position:center,right center;background-size:cover,45% auto;background-repeat:no-repeat;opacity:.35}.blog-category-hero .container{position:relative;z-index:1}.blog-category-hero h1{max-width:780px;margin:8px 0 12px;font-size:48px;line-height:1.12}.blog-category-hero p{max-width:700px;color:var(--muted);font-size:17px}.article-hero{padding:28px 0 0;background:linear-gradient(180deg,#f0f7f6,#fff)}.article-hero-copy{max-width:980px;padding:30px 0 36px}.article-label{display:inline-flex;padding:5px 9px;border-radius:99px;color:#08776d;background:#ddf5ef;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.article-hero h1{margin:14px 0 16px;font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-2.4px}.article-hero-copy>p{max-width:850px;margin:0;color:#536579;font-size:19px;line-height:1.65}.article-meta{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:22px;color:#708093;font-size:13px}.article-cover{height:min(560px,55vw);margin:0;overflow:hidden;border-radius:25px 25px 0 0;background:#eaf0f2}.article-cover img{width:100%;height:100%;object-fit:cover}.article-sticky-nav{position:sticky;top:0;z-index:16;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.article-sticky-nav .container{display:flex;align-items:center;gap:28px;overflow:auto}.article-sticky-nav a,.article-sticky-nav button{height:58px;display:flex;align-items:center;gap:6px;white-space:nowrap;border:0;background:none;color:#526478;font-weight:750}.article-sticky-nav a:hover,.article-sticky-nav button:hover{color:var(--brand)}.article-sticky-nav span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:20px;background:#edf2f4;font-size:11px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding-top:46px;padding-bottom:80px}.article-main{min-width:0;display:grid;gap:24px}.article-content,.article-seo{padding:34px;border:1px solid var(--line);border-radius:21px;background:#fff;color:#2e4256;font-size:17px;line-height:1.9}.article-content h2,.article-seo h2{margin:34px 0 12px;color:var(--ink);font-size:31px;line-height:1.25}.article-content h2:first-child{margin-top:0}.article-content h3,.article-seo h3{margin:26px 0 9px;color:var(--ink);font-size:23px}.article-content img,.article-seo img{height:auto;border-radius:15px}.article-content blockquote{margin:24px 0;padding:17px 21px;border-left:4px solid var(--brand);border-radius:0 13px 13px 0;background:#eef8f5}.article-section-head>span{color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.article-section-head h2{margin:5px 0 7px;font-size:31px}.article-section-head p{margin:0;color:var(--muted)}.article-comparison,.article-gallery,.article-comments{padding:31px;border:1px solid var(--line);border-radius:21px;background:#fff}.comparison-chart{display:grid;gap:8px;margin-top:25px}.comparison-chart a{display:grid;grid-template-columns:30px minmax(130px,1.2fr) 2fr 45px;align-items:center;gap:10px;padding:9px;border-radius:10px}.comparison-chart a:hover{background:#f4f8f8}.comparison-chart>a>b{color:var(--brand)}.comparison-chart>a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.comparison-chart i{height:10px;overflow:hidden;border-radius:10px;background:#e8edf0}.comparison-chart em{height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#0f766e,#36bfa9)}.article-table-wrap{margin-top:24px;overflow:auto;border:1px solid var(--line);border-radius:14px}.article-comparison-table{width:100%;min-width:720px;border-collapse:collapse}.article-comparison-table th,.article-comparison-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.article-comparison-table th{color:var(--muted);background:#f5f7f9;font-size:11px;text-transform:uppercase}.comparison-public-list{display:grid;gap:17px;margin-top:26px}.comparison-public-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:18px}.comparison-rank{position:absolute;right:18px;top:18px;color:#cfdedb;font-size:30px;font-weight:900}.comparison-public-card>header{display:grid;grid-template-columns:70px 1fr;gap:15px;align-items:center;padding-right:45px}.comparison-public-card>header img,.comparison-public-card>header>span{width:70px;height:70px;display:grid;place-items:center;object-fit:contain;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--brand);font-size:26px;font-weight:900}.comparison-public-card h3{margin:0 0 7px;font-size:23px}.comparison-rating{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.comparison-rating>a{color:var(--brand);font-size:12px;font-weight:700}.comparison-description{margin-top:18px;color:#3e5266;font-size:16px;line-height:1.75}.comparison-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.comparison-pros-cons>div{padding:14px;border-radius:12px;background:#ebf8f3}.comparison-pros-cons>div+div{background:#fff1f2}.comparison-pros-cons p{margin:5px 0 0;white-space:pre-line}.comparison-public-card footer{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.article-conclusion{padding:28px 30px;border-left:5px solid var(--brand);border-radius:0 18px 18px 0;background:#eaf8f5;color:#2d4757;font-size:17px;line-height:1.75}.article-conclusion>span{display:block;margin-bottom:9px;color:#08776d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.article-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.article-gallery-grid button{position:relative;height:185px;padding:0;overflow:hidden;border:0;border-radius:14px;background:#eef2f4;cursor:zoom-in}.article-gallery-grid img{width:100%;height:100%;object-fit:cover}.article-gallery-grid span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:12px}.article-rating-card{display:grid;grid-template-columns:1fr auto;gap:18px;padding:29px;border-radius:21px;color:#fff;background:linear-gradient(135deg,#10283c,#0b7067)}.article-rating-card h2{margin:7px 0 5px;font-size:27px}.article-rating-card p{margin:0;color:#c7d9df}.article-rating-summary{text-align:center}.article-rating-summary strong{display:block;font-size:42px}.article-rating-summary small{color:#c7d9df}.article-rating-form{grid-column:1/-1;display:flex;align-items:center;gap:16px}.article-rating-form .rating-input label{font-size:38px}.article-comments small{color:var(--muted);font-size:16px}.article-comment-list{display:grid;margin-top:25px;border-top:1px solid var(--line)}.article-comment-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.article-comment-list header{display:flex;justify-content:space-between;gap:15px}.article-comment-list time{color:var(--muted);font-size:12px}.article-comment-list p{margin:7px 0 0;color:#3e5266;line-height:1.7}.article-comment-form{display:grid;gap:16px;margin-top:26px;padding:22px;border-radius:16px;background:#f2f8f7}.article-comment-form textarea{min-height:150px}.article-signed{margin:0}.article-sidebar{position:sticky;top:83px;display:grid;gap:15px;height:max-content}.article-toc-card,.article-share-card,.article-sidebar-stat{padding:21px;border:1px solid var(--line);border-radius:17px;background:#fff}.article-sidebar h3{margin:0 0 13px;font-size:18px}.article-toc-card nav{display:grid;gap:9px}.article-toc-card a{color:#526478;font-size:13px;line-height:1.4}.article-toc-card a:hover{color:var(--brand)}.article-toc-card .toc-sub{padding-left:13px;font-size:12px}.article-share-card p{color:var(--muted);font-size:13px}.article-share-card>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.article-share-card a,.article-share-card button{min-height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;font-weight:750}.article-share-card small{display:block;margin-top:12px;color:var(--muted)}.article-sidebar-stat dl{display:grid;gap:8px;margin:0}.article-sidebar-stat dl>div{display:flex;justify-content:space-between;padding:9px 10px;border-radius:9px;background:#f5f7f9}.article-sidebar-stat dt{color:var(--muted);font-size:12px}.article-sidebar-stat dd{margin:0;font-weight:800}.blog-gallery-modal{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:70px;background:rgba(3,11,20,.93);backdrop-filter:blur(8px)}.blog-gallery-modal.is-open{display:grid}.blog-gallery-modal figure{max-width:min(1200px,90vw);margin:0}.blog-gallery-modal img{max-height:80vh;margin:auto;border-radius:14px}.blog-gallery-modal figcaption{margin-top:10px;color:#d9e5ea;text-align:center}.blog-gallery-close{position:absolute;right:22px;top:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:rgba(255,255,255,.1);font-size:28px}.blog-gallery-prev,.blog-gallery-next{position:absolute;top:50%;width:48px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:13px;color:#fff;background:rgba(255,255,255,.1);font-size:34px}.blog-gallery-prev{left:22px}.blog-gallery-next{right:22px}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(3,1fr)}.article-cover{height:52vw}}@media(max-width:760px){.blog-hero h1,.blog-category-hero h1{font-size:37px}.blog-grid{grid-template-columns:1fr}.blog-card-image{height:230px}.article-hero h1{font-size:38px;letter-spacing:-1.3px}.article-hero-copy>p{font-size:16px}.article-cover{height:60vw;border-radius:18px 18px 0 0}.article-sticky-nav .container{gap:20px}.article-layout{padding-top:24px}.article-content,.article-seo,.article-comparison,.article-gallery,.article-comments{padding:20px;border-radius:17px}.article-content{font-size:16px;line-height:1.8}.article-content h2{font-size:26px}.comparison-chart a{grid-template-columns:25px 1fr 42px}.comparison-chart i{grid-column:2/4}.comparison-public-card{padding:18px}.comparison-public-card>header{grid-template-columns:58px 1fr}.comparison-public-card>header img,.comparison-public-card>header>span{width:58px;height:58px}.comparison-public-card h3{font-size:20px}.comparison-pros-cons{grid-template-columns:1fr}.comparison-public-card footer{align-items:stretch;flex-direction:column}.article-gallery-grid{grid-template-columns:repeat(2,1fr)}.article-gallery-grid button{height:145px}.article-rating-card{grid-template-columns:1fr}.article-rating-summary{text-align:left}.article-rating-form{align-items:flex-start;flex-direction:column}.article-sidebar{grid-template-columns:1fr}.blog-gallery-modal{padding:70px 12px}.blog-gallery-prev,.blog-gallery-next{top:auto;bottom:15px}.blog-gallery-prev{left:calc(50% - 58px)}.blog-gallery-next{right:calc(50% - 58px)}}@media(max-width:440px){.article-hero h1{font-size:32px}.article-gallery-grid{grid-template-columns:1fr}.article-gallery-grid button{height:220px}.article-rating-form .button{width:100%}.article-comment-list article{grid-template-columns:36px 1fr}.article-comment-list .avatar{width:36px;height:36px}.article-comment-list header{align-items:flex-start;flex-direction:column;gap:3px}}