:root{--ink:#10233b;--muted:#5e6d80;--paper:#fffdfa;--mist:#f2f7fb;--line:#dce6ef;--brand:#1267e8;--navy:#091d35;--lime:#b7ee55;--warm:#ffb13b;--radius:18px;--shadow:0 18px 55px rgba(23,51,82,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-main{min-height:50vh}.screen-reader-text{position:absolute;left:-9999px}.button,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:999px;background:var(--brand);color:white;font:700 .9rem/1 Inter,sans-serif;padding:14px 21px;cursor:pointer;transition:.2s}.button:hover,button:hover,input[type=submit]:hover{transform:translateY(-2px);background:#0757cc}.button--light{background:#fff;color:var(--navy)}.button--light:hover{background:var(--lime);color:var(--navy)}.button--outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.button--outline:hover{background:var(--mist)}
.topbar{background:var(--navy);color:#bfd1e3;font-size:.78rem}.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.topbar strong{color:#fff}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.06em;color:var(--navy)}.brand span{color:var(--brand)}.brand small{font-weight:700;color:var(--muted);letter-spacing:0;font-size:.65rem;margin-left:5px}.primary-menu{display:flex;list-style:none;padding:0;margin:0;gap:29px}.primary-menu a{font-weight:700;font-size:.9rem}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--brand)}.menu-toggle{display:none;background:none;color:var(--ink);padding:8px;font-size:1.3rem}
.hero{background:var(--navy);color:#fff;padding:82px 0 92px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:490px;height:490px;background:var(--brand);border-radius:50%;right:-170px;top:-270px;opacity:.65}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--lime)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.01;letter-spacing:-.065em;margin:16px 0 20px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:1.1rem;color:#cbd8e6;max-width:600px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:24px;margin-top:42px;color:#b7c9d9;font-size:.82rem}.trust-row strong{display:block;font-size:1.05rem;color:#fff}.hero-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-card-inner{border:1px solid var(--line);border-radius:12px;padding:20px}.score-title{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:var(--muted)}.score-title b{color:#159267;background:#e7f9ed;border-radius:999px;padding:4px 9px}.hero-company{display:flex;justify-content:space-between;align-items:end;margin:26px 0 17px}.hero-company h3{font-size:1.7rem;letter-spacing:-.05em;margin:0}.hero-company p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.rating{font-size:2.5rem;line-height:1;font-weight:900;letter-spacing:-.08em}.rating small{font-size:.85rem;letter-spacing:0;color:var(--muted)}.meter{height:9px;background:#e7eef5;border-radius:9px;overflow:hidden}.meter span{display:block;width:96%;height:100%;background:linear-gradient(90deg,var(--brand),#50a4ff);border-radius:9px}.card-note{margin:13px 0 0;color:var(--muted);font-size:.8rem}
.section{padding:88px 0}.section--mist{background:var(--mist)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:33px}.section-head h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.055em;line-height:1.08;margin:8px 0 0}.section-head p{max-width:440px;color:var(--muted);margin:0}.comparison{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(28,59,95,.05)}.comparison-head{display:grid;grid-template-columns:65px 1.6fr .8fr 1fr .8fr;gap:15px;padding:14px 24px;background:#edf3f8;color:#617288;text-transform:uppercase;font-weight:800;font-size:.7rem;letter-spacing:.07em}.host-row{display:grid;grid-template-columns:65px 1.6fr .8fr 1fr .8fr;gap:15px;align-items:center;padding:20px 24px;border-top:1px solid var(--line)}.host-row:first-of-type{border-top:0}.host-row--featured{background:linear-gradient(90deg,#f0f8ff,#fff)}.rank{font-weight:900;font-size:1.4rem;color:#8da0b2}.host-row--featured .rank{color:var(--brand)}.host-name{display:flex;align-items:center;gap:13px;font-weight:850}.host-mark{width:39px;height:39px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.77rem;font-weight:900}.host-row--featured .host-mark{background:var(--brand)}.host-name small{display:block;color:var(--muted);font-size:.76rem;font-weight:500}.price{font-weight:900;font-size:1.1rem}.price small{display:block;color:var(--muted);font-size:.7rem;font-weight:500}.highlights{padding:0;margin:0;list-style:none;color:#4b6074;font-size:.8rem}.highlights li:before{content:"✓";color:#159267;font-weight:900;margin-right:7px}.row-link{justify-self:end;white-space:nowrap;padding:11px 16px;font-size:.78rem}.disclosure{color:var(--muted);font-size:.78rem;margin:17px 0 0}.disclosure a{text-decoration:underline}
.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.criterion{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}.criterion-number{font-size:.78rem;font-weight:900;color:var(--brand)}.criterion h3{font-size:1.15rem;letter-spacing:-.025em;margin:18px 0 8px}.criterion p{font-size:.9rem;margin:0;color:var(--muted)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:.2s}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-image{height:180px;background:linear-gradient(135deg,#dcecff,#a3cffd);display:grid;place-items:center;font-size:3.4rem}.article-card:nth-child(2) .article-image{background:linear-gradient(135deg,#d8f3dc,#9ee4b2)}.article-card:nth-child(3) .article-image{background:linear-gradient(135deg,#fff0d5,#f8c56d)}.article-body{padding:21px}.article-meta{color:var(--brand);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.article-card h3{font-size:1.22rem;line-height:1.25;letter-spacing:-.035em;margin:10px 0}.article-card p{font-size:.88rem;color:var(--muted);margin:0 0 17px}.read-link{font-size:.84rem;font-weight:800;color:var(--brand)}
.cta{background:var(--brand);color:#fff;padding:61px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.055em;line-height:1.08;margin:8px 0 0}.cta p{color:#d6e8ff;margin:12px 0 0}.site-footer{background:var(--navy);color:#b7c9d9;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.site-footer .brand{color:white;display:inline-block;margin-bottom:14px}.site-footer p{font-size:.88rem;max-width:390px;margin:0}.site-footer h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:4px 0 15px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0;font-size:.86rem}.site-footer a:hover{color:var(--lime)}.copyright{border-top:1px solid #203952;margin-top:46px;padding-top:20px;font-size:.76rem;display:flex;justify-content:space-between;gap:15px}.content-wrap{width:min(820px,calc(100% - 40px));margin:70px auto}.page-header{background:var(--mist);padding:60px 0}.page-header h1{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.06em;margin:0}.post{margin-bottom:48px}.post h1,.post h2,.post h3{letter-spacing:-.045em;line-height:1.18}.post h1{font-size:clamp(2.3rem,5vw,3.7rem)}.post-meta{color:var(--muted);font-size:.85rem}.entry-content{font-size:1.06rem}.entry-content a{color:var(--brand);text-decoration:underline}.pagination{display:flex;gap:8px}.pagination .page-numbers{border:1px solid var(--line);padding:8px 12px;border-radius:7px}.pagination .current{background:var(--brand);color:#fff}.wp-block-button__link{background:var(--brand)!important}
@media(max-width:800px){.nav-wrap{height:65px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;left:0;right:0;top:65px;background:#fff;padding:15px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:8px}.primary-menu.is-open{display:flex}.nav-cta{display:none}.hero{padding:60px 0}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-card{transform:none}.comparison-head{display:none}.host-row{grid-template-columns:42px 1fr auto;gap:12px;padding:17px}.host-row .price{grid-column:2}.host-row .highlights{display:none}.row-link{grid-column:3;grid-row:1 / span 2}.criteria,.articles{grid-template-columns:1fr}.section{padding:62px 0}.section-head,.cta .container{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>:first-child{grid-column:1/-1}.topbar .container{justify-content:center}.topbar span:last-child{display:none}}@media(max-width:460px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:2.55rem}.trust-row{gap:15px}.host-mark{display:none}.host-name{gap:0}.row-link{padding:10px}.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}.copyright{flex-direction:column}.cta{padding:48px 0}}
.host-mark{width:70px;background:#fff;color:var(--navy);border:1px solid #e8eef4;border-radius:8px;overflow:hidden}.host-mark img{width:58px;height:29px;object-fit:contain}.host-row--featured .host-mark{background:#fff;border-color:#b9d7fb}
.comparison-head,.host-row{grid-template-columns:1.6fr .8fr 1fr .8fr}.host-mark{width:110px;height:55px}.host-mark img{width:94px;height:43px}@media(max-width:800px){.host-row{grid-template-columns:1fr auto}.host-row .price{grid-column:1}.row-link{grid-column:2;grid-row:1 / span 2}}@media(max-width:460px){.host-mark{display:grid}}
.why-chosen p{margin:0 0 7px;color:var(--ink);font-size:.78rem;font-weight:700;line-height:1.35}.why-chosen .highlights{font-size:.74rem;line-height:1.45}.host-row--featured .why-chosen{padding:10px 12px;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:#f6faff}.host-row--featured .why-chosen p{color:#0b4fae}@media(max-width:800px){.host-row .why-chosen{display:none}}