/* AnoneHost comparison detail — open editorial rhythm, muted slate and sage. */
.comparison-detail-view{--cmp-line:#292b2b;--cmp-soft:#949a98;--cmp-slate:#b3bccd;--cmp-sage:#b6c7bf}
.comparison-detail-view .site-rail nav>a>small{max-width:74px;padding-inline:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.65;letter-spacing:-.04em}
.comparison-detail-view .comparison-page{color:#e6e6e6;background:#0a0a0a;overflow:clip}
.comparison-page :is(section,article,[id]){scroll-margin-top:104px}
.comparison-page :is(p,h1,h2,h3,h4,a,summary){overflow-wrap:anywhere}
.comparison-page>.cmp-hero{padding:32px 0 0;background:radial-gradient(ellipse at 50% 20%,#a5b6ac07,transparent 56%),#0a0a0a}
.comparison-page .cmp-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:400 12px/1.7 Inter,Arial,sans-serif;color:#858b88;margin:0 0 48px}
.comparison-page .cmp-breadcrumbs a{color:#a5aba7;text-decoration:none}
.comparison-page .cmp-breadcrumbs a:hover{color:#e2e5e2}
.comparison-page .cmp-breadcrumbs span:last-child{color:#858b88}
.comparison-page .cmp-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px;font:500 11px/1.8 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#a2aaa5;text-align:center}
.comparison-page .cmp-eyebrow:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#97aa9f}
.comparison-page h1.cmp-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px 18px;max-width:1100px;margin:0 auto;font:700 clamp(40px,4.35vw,66px)/1.12 Inter,Arial,sans-serif;letter-spacing:-1.9px;text-align:center}
.comparison-page .cmp-title-own{color:#e6e6e6}
.comparison-page .cmp-title-vs{font-size:.52em;font-weight:400;color:#777e7a;letter-spacing:-.02em}
.comparison-page .cmp-title-peer{color:#b6c7bf;min-width:0}
.comparison-page .cmp-intro{font:400 17px/1.8 Inter,Arial,sans-serif;max-width:780px;text-align:center;color:#a3a7a4;margin:26px auto 0}
.comparison-page .cmp-context{font:400 12px/1.8 Inter,Arial,sans-serif;max-width:780px;text-align:center;color:#818985;margin:20px auto 0}
.comparison-page .cmp-context strong{font-weight:500;color:#a5aea8}
.comparison-page .cmp-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 22px;margin:24px 0 0;font:400 11px/1.8 var(--mono);color:#909a94;letter-spacing:.015em;text-align:center}
.comparison-page .cmp-meta>span{color:#a2b6a9}
.comparison-page .cmp-meta>span:before{content:'✓';margin-right:7px;font:500 12px/1 Inter,Arial,sans-serif;color:#22c55e}
.comparison-page .cmp-hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 52px}
.comparison-page .cmp-hero-actions .button{min-height:44px;min-width:164px;text-align:center;text-decoration:none}
.comparison-page .cmp-jumpbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--cmp-line);border-bottom:1px solid var(--cmp-line);padding:0;margin:0}
.comparison-page .cmp-jumpbar>a{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;padding:21px 12px;text-decoration:none;font:500 12px/1.6 Inter,Arial,sans-serif;color:#a9afab;transition:color .16s,background .16s;text-align:center}
.comparison-page .cmp-jumpbar>a+a{border-left:1px solid #242626}
.comparison-page .cmp-jumpbar>a>span:first-child{font:400 11px/1.6 var(--mono);color:#7e8e84;flex-shrink:0}
.comparison-page .cmp-jumpbar>a:hover{color:#e2e8e3;background:#b6c7bf04}
.comparison-page :is(.cmp-advantages,.cmp-choice,.cmp-method,.cmp-related){padding:96px 0}
.comparison-page .cmp-section-heading{max-width:780px;text-align:center;margin:0 auto 44px}
.comparison-page .cmp-section-heading h2{font:700 36px/1.18 Inter,Arial,sans-serif;letter-spacing:-.9px;color:#e2e5e2;margin:0}
.comparison-page .cmp-section-heading>p{font-size:15px;line-height:1.8;color:#949d96;margin:16px auto 0;max-width:680px}
.comparison-page .cmp-advantage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:0 64px;padding:42px 0;border-top:1px solid var(--cmp-line)}
.comparison-page .cmp-advantage:last-child{border-bottom:1px solid var(--cmp-line)}
.comparison-page .cmp-advantage-copy{grid-column:1;grid-row:1/4;min-width:0}
.comparison-page .cmp-number{display:block;font:400 11px/1.7 var(--mono);letter-spacing:.1em;color:#879c8f;margin-bottom:13px}
.comparison-page .cmp-advantage h3{font:650 25px/1.32 Inter,Arial,sans-serif;letter-spacing:-.65px;color:#dedfdd;margin:0 0 16px;max-width:460px}
.comparison-page .cmp-impact{color:#a3a9a5;font-size:14px;line-height:1.85;margin:0;max-width:510px}
.comparison-page .cmp-fact-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;min-width:0;margin-top:4px}
.comparison-page .cmp-fact{min-width:0;padding-top:16px;border-top:1px solid #303536}
.comparison-page .cmp-fact-ours{border-top-color:#6f8176}
.comparison-page .cmp-fact h4{font:550 11px/1.65 Inter,Arial,sans-serif;letter-spacing:.01em;color:#929b95;margin:0 0 10px}
.comparison-page .cmp-fact-ours h4{color:#b6c7bf}
.comparison-page .cmp-fact-ours h4:before{content:'✓';color:#22c55e;margin-right:7px;font-size:12px}
.comparison-page .cmp-fact p{font-size:14px;line-height:1.85;color:#a4aaa6;margin:0}
.comparison-page .cmp-fact-ours p{color:#d0d9d2}
.comparison-page .cmp-fact-scope{grid-column:2;font-size:11px;line-height:1.85;color:#818c84;margin:20px 0 0;max-width:700px}
.comparison-page .cmp-source-link{grid-column:2;justify-self:start;font-size:11px;line-height:1.8;color:#a2adba;text-decoration:underline;text-decoration-color:#444d57;text-underline-offset:4px;margin-top:10px}
.comparison-page .cmp-source-link:hover{color:#d5dce6;text-decoration-color:#8490a1}
.comparison-page .cmp-choice{background:#0f0f0f;border-block:1px solid #242626}
.comparison-page .cmp-plan-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.comparison-page .cmp-plan-card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #303030;border-radius:13px;background:linear-gradient(145deg,#171717,#101010 75%)}
.comparison-page .cmp-plan-recommended{border-color:#536258}
.comparison-page .cmp-plan-card>.eyebrow{font:400 11px/1.7 var(--mono);letter-spacing:.07em;color:#8c9b92;margin:0 0 12px}
.comparison-page .cmp-plan-card h3{font:650 20px/1.45 Inter,Arial,sans-serif;letter-spacing:-.4px;color:#e0e3df;margin:0 0 14px}
.comparison-page .cmp-plan-card>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#969f98;margin:0 0 23px;flex:1}
.comparison-page .cmp-plan-card .button{width:100%;min-height:43px;text-align:center;text-decoration:none}
.comparison-page .cmp-country-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-top:30px}
.comparison-page .cmp-country-links>span{font-size:12px;line-height:1.8;color:#8d9b91}
.comparison-page .cmp-country-links>a{display:inline-flex;align-items:center;gap:9px;font-size:13px;line-height:1.75;color:#b5c2b9;text-decoration:none;padding:5px 0;border-bottom:1px solid #454e48}
.comparison-page .cmp-country-links>a:hover{color:#e0e7e2;border-color:#a2b1a7}
.comparison-page .cmp-country-links img{width:20px;height:14px;flex-shrink:0;object-fit:cover;border-radius:2px}
.comparison-page .cmp-plan-note{text-align:center;max-width:760px;margin:22px auto 0;color:#818c85;font-size:12px;line-height:1.85}
.comparison-page .cmp-method-copy{max-width:860px;margin:0 auto;color:#969f98;font-size:14px;line-height:1.85}
.comparison-page .cmp-method-copy>p{margin:0 0 15px}
.comparison-page .cmp-source-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:1000px;padding:0;margin:34px auto 0;counter-reset:cmp-source}
.comparison-page .cmp-source-list>li{min-width:0;padding:19px 0;border-top:1px solid #292c2a;counter-increment:cmp-source}
.comparison-page .cmp-source-list>li>span{display:block;font-size:12px;line-height:1.7;color:#b7beb9;margin-bottom:7px}
.comparison-page .cmp-source-list>li>span:before{content:counter(cmp-source,decimal-leading-zero)' / ';font:400 11px/1.7 var(--mono);color:#7c8e82}
.comparison-page .cmp-source-list a{font:400 11px/1.9 var(--mono);color:#8e9daf;text-decoration:none;border-bottom:1px solid #39424d;padding-bottom:2px}
.comparison-page .cmp-source-list a:hover{color:#c1ccd8;border-color:#7a8898}
.comparison-page .cmp-caution{max-width:860px;margin:27px auto 0;font-size:12px;line-height:1.9;color:#7d8980}
.comparison-page .cmp-faq{max-width:900px;margin:70px auto 0}
.comparison-page .cmp-faq>h2{font:650 27px/1.3 Inter,Arial,sans-serif;letter-spacing:-.6px;color:#dce1dc;text-align:center;margin:0 0 25px}
.comparison-page .cmp-question{border-top:1px solid #2c302d;padding:0;background:transparent}
.comparison-page .cmp-question:last-child{border-bottom:1px solid #2c302d}
.comparison-page .cmp-question>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#c7cec8;font-size:14px;line-height:1.8;font-weight:550;padding:20px 0}
.comparison-page .cmp-question>summary::-webkit-details-marker{display:none}
.comparison-page .cmp-question>summary:after{content:'+';font:400 17px/1 var(--mono);color:#8d9e92;flex-shrink:0}
.comparison-page .cmp-question[open]>summary:after{content:'−'}
.comparison-page .cmp-question[open]>summary{color:#e0e5df;padding-bottom:13px}
.comparison-page .cmp-question>p{font-size:13px;line-height:1.9;color:#949f97;max-width:800px;margin:0;padding:0 22px 22px 0}
.comparison-page .cmp-related{background:#0e0e0e;border-top:1px solid #242725}
.comparison-page .cmp-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.comparison-page .cmp-related-list>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;border-top:1px solid #2a2e2b;padding:21px 0;text-decoration:none;transition:border-color .16s,color .16s}
.comparison-page .cmp-related-list>a>strong{font:550 14px/1.7 Inter,Arial,sans-serif;letter-spacing:-.15px;color:#b9c1bb}
.comparison-page .cmp-related-list>a>span{font:400 11px/1.7 Inter,Arial,sans-serif;color:#7e8a82;text-align:right}
.comparison-page .cmp-related-list>a:hover{border-color:#7f9386}
.comparison-page .cmp-related-list>a:hover>strong{color:#e0e6df}
.comparison-page .cmp-back-link{display:table;margin:30px auto 0;font-size:13px;line-height:1.8;color:#b0bdb3;text-decoration:underline;text-decoration-color:#4f6054;text-underline-offset:5px}
.comparison-page .cmp-back-link:hover{color:#d8e2da;text-decoration-color:#93a698}
.comparison-page :is(a,summary):focus-visible{outline:2px solid #b3bccd;outline-offset:5px}
html[lang^=zh] .comparison-page :is(h1,h2,h3,h4,p,a,summary){font-family:Inter,'Microsoft YaHei','PingFang SC',sans-serif}
html[lang^=zh] .comparison-page :is(h1,h2,h3){letter-spacing:-.025em}
@media(min-width:1700px){.comparison-page .cmp-advantages>.container,.comparison-page .cmp-method>.container{max-width:1220px}}
@media(max-width:1100px){
 .comparison-page .cmp-advantage{column-gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}
 .comparison-page .cmp-fact-grid{gap:20px}
 .comparison-page .cmp-plan-card{padding:21px}
 .comparison-page .cmp-jumpbar>a{gap:8px;font-size:11px}
}
@media(max-width:960px){
 .comparison-page :is(section,article,[id]){scroll-margin-top:94px}
 .comparison-page .cmp-breadcrumbs{margin-bottom:37px}
 .comparison-page h1.cmp-title{font-size:48px;letter-spacing:-1.3px;gap:8px 13px}
 .comparison-page .cmp-intro{font-size:16px;max-width:690px}
 .comparison-page :is(.cmp-advantages,.cmp-choice,.cmp-method,.cmp-related){padding:72px 0}
 .comparison-page .cmp-section-heading h2{font-size:32px}
 .comparison-page .cmp-advantage{grid-template-columns:1fr;gap:0;padding:33px 0}
 .comparison-page .cmp-advantage-copy{grid-column:1;grid-row:auto}
 .comparison-page .cmp-advantage h3{max-width:720px;font-size:24px}
 .comparison-page .cmp-impact{max-width:760px}
 .comparison-page .cmp-fact-grid{grid-column:1;margin-top:24px}
 .comparison-page :is(.cmp-fact-scope,.cmp-source-link){grid-column:1}
 .comparison-page .cmp-plan-layout{gap:14px}
 .comparison-page .cmp-plan-card{padding:19px}
 .comparison-page .cmp-plan-card h3{font-size:18px}
 .comparison-page .cmp-plan-card .button{font-size:12px;padding-inline:12px}
 .comparison-page .cmp-related-list{gap:0 24px}
}
@media(max-width:700px){
 .comparison-page :is(section,article,[id]){scroll-margin-top:88px}
 .comparison-page>.cmp-hero{padding-top:25px}
 .comparison-page .cmp-breadcrumbs{font-size:11px;gap:6px;margin-bottom:32px}
 .comparison-page .cmp-eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:16px}
 .comparison-page h1.cmp-title{font-size:40px;line-height:1.16;letter-spacing:-1.1px;gap:6px 10px}
 .comparison-page .cmp-title-own{flex-basis:100%}
 .comparison-page .cmp-title-peer{font-size:.91em}
 .comparison-page .cmp-intro{font-size:15px;line-height:1.85;margin-top:21px}
 .comparison-page .cmp-context{font-size:11px;line-height:1.85;margin-top:16px}
 .comparison-page .cmp-meta{font-size:11px;gap:7px 16px;margin-top:20px}
 .comparison-page .cmp-hero-actions{gap:10px;margin:24px 0 34px}
 .comparison-page .cmp-hero-actions .button{font-size:12px;min-width:0;flex:1;padding-inline:11px}
 .comparison-page .cmp-jumpbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .comparison-page .cmp-jumpbar>a{padding:16px 9px;gap:9px;font-size:11px}
 .comparison-page .cmp-jumpbar>a:nth-child(3){border-left:0}
 .comparison-page .cmp-jumpbar>a:nth-child(n+3){border-top:1px solid #242626}
 .comparison-page :is(.cmp-advantages,.cmp-choice,.cmp-method,.cmp-related){padding:56px 0}
 .comparison-page .cmp-section-heading{margin-bottom:31px}
 .comparison-page .cmp-section-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.65px}
 .comparison-page .cmp-section-heading>p{font-size:13px;line-height:1.85;margin-top:14px}
 .comparison-page .cmp-advantage{padding:29px 0}
 .comparison-page .cmp-advantage h3{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin-bottom:14px}
 .comparison-page .cmp-impact{font-size:13px;line-height:1.9}
 .comparison-page .cmp-fact-grid{grid-template-columns:1fr;gap:20px;margin-top:22px}
 .comparison-page .cmp-fact{padding-top:13px}
 .comparison-page .cmp-fact h4{font-size:11px;margin-bottom:8px}
 .comparison-page .cmp-fact p{font-size:13px;line-height:1.9}
 .comparison-page .cmp-fact-scope{font-size:11px;margin-top:18px}
 .comparison-page .cmp-source-link{font-size:11px;margin-top:9px}
 .comparison-page .cmp-plan-layout{grid-template-columns:1fr;gap:13px}
 .comparison-page .cmp-plan-card{padding:23px}
 .comparison-page .cmp-plan-card h3{font-size:20px}
 .comparison-page .cmp-plan-card>p:not(.eyebrow){margin-bottom:20px}
 .comparison-page .cmp-plan-card .button{font-size:13px}
 .comparison-page .cmp-country-links{align-items:stretch;gap:14px 23px;margin-top:25px}
 .comparison-page .cmp-country-links>a{font-size:12px}
 .comparison-page .cmp-plan-note{font-size:11px;margin-top:20px}
 .comparison-page .cmp-method-copy{font-size:13px;line-height:1.9}
 .comparison-page .cmp-source-list{grid-template-columns:1fr;gap:0;margin-top:25px}
 .comparison-page .cmp-source-list>li{padding:17px 0}
 .comparison-page .cmp-caution{font-size:11px;line-height:1.9;margin-top:23px}
 .comparison-page .cmp-faq{margin-top:48px}
 .comparison-page .cmp-faq>h2{font-size:24px;line-height:1.35;margin-bottom:22px}
 .comparison-page .cmp-question>summary{font-size:13px;line-height:1.85;gap:15px;padding:18px 0}
 .comparison-page .cmp-question>p{font-size:12px;line-height:1.9;padding-right:0}
 .comparison-page .cmp-related-list{grid-template-columns:1fr;gap:0}
 .comparison-page .cmp-related-list>a{padding:17px 0}
 .comparison-page .cmp-related-list>a>strong{font-size:13px}
 .comparison-page .cmp-related-list>a>span{font-size:11px}
}
@media(max-width:370px){
 .comparison-page h1.cmp-title{font-size:35px;letter-spacing:-.85px;gap:6px 9px}
 .comparison-page .cmp-title-peer{font-size:.88em}
 .comparison-page .cmp-hero-actions{flex-direction:column;align-items:stretch}
 .comparison-page .cmp-hero-actions .button{width:100%;min-height:43px}
 .comparison-page .cmp-jumpbar>a{font-size:11px;gap:7px;padding-inline:6px}
 .comparison-page .cmp-section-heading h2{font-size:26px}
 .comparison-page .cmp-advantage h3{font-size:21px}
 .comparison-page .cmp-plan-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){.comparison-page :is(a,summary,.button){transition:none}.comparison-page{scroll-behavior:auto}}
