.compare-page{--ink:#111;--muted:#6f737b;--line:#e1e3e6;--blue:#0877df;--soft:#f5f6f7;color:var(--ink);background:#fff}.compare-wrap{width:min(1440px,calc(100% - 48px));margin-inline:auto}.compare-hero{border-bottom:1px solid var(--line);background:#fff}.compare-hero-grid{min-height:430px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;padding-block:62px}.compare-kicker,.section-heading>span,.source-panel>div>span{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em}.compare-kicker:before{content:"";width:20px;height:2px;background:var(--blue)}.compare-hero h1{max-width:640px;margin:14px 0 16px;font-size:clamp(40px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em}.compare-hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.compare-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.compare-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none}.compare-primary{background:var(--blue);color:#fff}.compare-primary:hover{background:#0668c5}.compare-secondary{border:1px solid #cfd2d6;background:#fff;color:var(--ink)}.compare-secondary svg,.source-links svg{width:16px;height:16px;margin-left:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.compare-hero-visual{position:relative;min-height:280px}.hero-plan{position:absolute;width:245px;min-height:220px;padding:25px;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px rgba(17,17,17,.08);display:flex;flex-direction:column;background:#fff}.hero-plan span{font-size:10px;font-weight:700;letter-spacing:.13em}.hero-plan strong{margin:auto 0;font-size:23px;line-height:1.28;letter-spacing:-.025em}.hero-plan small{color:var(--muted);font-size:11px;font-weight:600}.hero-plan-plus{left:3%;top:42px}.hero-plan-plus span{color:var(--blue)}.hero-plan-pro{right:2%;top:8px;background:#111;color:#fff;border-color:#111}.hero-plan-pro span{color:#6ab4f8}.hero-plan-pro small{color:#b7bbc1}.hero-versus{position:absolute;z-index:3;left:49%;top:45%;width:48px;height:48px;border:4px solid #fff;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:40px}.summary-card{padding:26px;border:1px solid var(--line);border-radius:10px;background:#fff}.pro-card{background:#111;color:#fff;border-color:#111}.plan-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.08em}.plan-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.pro-card .plan-dot{background:#fff}.summary-card h2{margin:14px 0 8px;font-size:22px;letter-spacing:-.025em}.summary-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.pro-card p{color:#b9bdc3}.compare-section{padding-block:54px}.section-heading{max-width:720px;margin-bottom:26px}.section-heading h2,.source-panel h2{margin:8px 0;font-size:34px;letter-spacing:-.035em}.section-heading p,.source-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.comparison-table{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.comparison-row{display:grid;grid-template-columns:1.15fr 1fr 1fr}.comparison-row>div{min-width:0;padding:18px 22px;border-bottom:1px solid var(--line)}.comparison-row>div+div{border-left:1px solid var(--line)}.comparison-row:last-child>div{border-bottom:0}.comparison-head{background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.comparison-head>div{padding-block:14px}.comparison-row:not(.comparison-head)>div:nth-child(3){background:#f7f8f9}.comparison-row b,.comparison-row small{display:block}.comparison-row b{font-size:13px}.comparison-row small{margin-top:4px;color:#8a8f97;font-size:10px}.comparison-row div[role=cell]{font-size:12px;line-height:1.55}.comparison-row strong{color:#086fce}.usage-note{margin:14px 2px 0;color:#7d8289;font-size:10px;line-height:1.6}.pro-levels{padding:42px 0 62px}.compact-heading{margin-inline:auto;text-align:center}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.level-grid article{padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff}.level-grid article.featured{border-color:var(--blue);box-shadow:inset 0 3px 0 var(--blue)}.level-grid span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.1em}.level-grid h3{margin:12px 0 7px;font-size:17px}.level-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.source-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;margin-bottom:62px;padding:34px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.source-links{display:grid;gap:9px}.source-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-decoration:none}.source-links a:hover{border-color:#a9adb3}.source-links a>span{display:grid;gap:3px}.source-links b{font-size:12px}.source-links small{color:var(--muted);font-size:10px}.source-links svg{flex:none;margin:0;color:var(--blue)}
@media(max-width:900px){.compare-hero-grid{grid-template-columns:1fr;gap:22px;padding-block:48px}.compare-hero-visual{width:min(590px,100%);margin:auto}.compare-summary,.source-panel{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr}.source-panel{gap:24px}.comparison-row>div{padding:16px 13px}}
@media(max-width:620px){.compare-wrap{width:min(100% - 28px,1440px)}.compare-hero-grid{padding-block:38px}.compare-hero h1{font-size:39px}.compare-hero-copy>p{font-size:13px}.compare-actions{display:grid}.compare-hero-visual{min-height:238px}.hero-plan{width:46%;min-height:188px;padding:16px;border-radius:9px}.hero-plan strong{font-size:16px}.hero-plan small{font-size:9px}.hero-plan-plus{left:2%;top:28px}.hero-plan-pro{right:2%;top:6px}.hero-versus{left:calc(50% - 21px);width:42px;height:42px;border-width:3px;font-size:10px}.compare-summary{gap:10px;padding-block:26px}.summary-card{padding:20px}.summary-card h2{font-size:19px}.compare-section{padding-block:38px}.section-heading h2,.source-panel h2{font-size:27px}.comparison-table{border-radius:8px}.comparison-head{display:none}.comparison-row{grid-template-columns:1fr 1fr}.comparison-row>div:first-child{grid-column:1/-1;background:#f3f4f5}.comparison-row>div:nth-child(2):before,.comparison-row>div:nth-child(3):before{display:block;margin-bottom:6px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#8a8f97}.comparison-row>div:nth-child(2):before{content:"PLUS"}.comparison-row>div:nth-child(3):before{content:"PRO"}.comparison-row>div+div{border-left:0}.comparison-row>div:nth-child(3){border-left:1px solid var(--line)}.comparison-row:not(:last-child)>div:nth-child(2),.comparison-row:not(:last-child)>div:nth-child(3){border-bottom:1px solid var(--line)}.comparison-row>div{padding:13px 14px}.pro-levels{padding:28px 0 48px}.source-panel{margin-bottom:44px;padding:21px}.source-links a{align-items:center}.source-links span{text-align:left}}