.container{width:min(1100px,calc(100% - 2rem));margin:0 auto}.compare-main{padding:2.2rem 0 3rem;display:grid;gap:1rem}.compare-hero,.compare-table-section,.compare-cta{border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow-soft)}.compare-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:center;gap:1.2rem;padding:clamp(1.35rem,4vw,2.6rem);overflow:hidden}.compare-hero-copy{display:grid;gap:1rem;max-width:44rem}.eyebrow{margin:0;color:var(--sage-strong);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.compare-hero h1,.section-heading h2,.compare-detail h2,.compare-cta h2{margin:0;font-family:Poppins,Inter,sans-serif;line-height:1.18}.compare-hero h1{font-size:clamp(2rem,5vw,4rem);max-width:13ch}.compare-lead{margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.16rem);max-width:42rem}.compare-store-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.compare-store-buttons .store-badge{display:block;width:170px;height:58px;object-fit:contain;object-position:left center}.compare-store-buttons .store-badge-google{width:220px;height:90px}.compare-hero-art{display:grid;place-items:center;min-height:260px;border-radius:var(--radius-lg)}.compare-hero-art img{width:min(82%,280px);height:auto;object-fit:contain}.compare-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.compare-context-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.compare-context-item span{width:.62rem;height:.62rem;margin-top:.45rem;border-radius:999px;background:var(--sage)}.compare-context-item p{margin:0;color:var(--muted)}.compare-table-section{padding:clamp(1.2rem,3vw,1.8rem)}.section-heading{display:grid;gap:.45rem;margin-bottom:1rem}.section-heading h2{font-size:clamp(1.55rem,3vw,2.2rem)}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;min-width:760px;border-collapse:collapse;overflow:hidden;border-radius:var(--radius-md)}.comparison-table th,.comparison-table td{padding:.9rem 1rem;text-align:center;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);vertical-align:top}.comparison-table thead th{background:color-mix(in srgb,var(--surface-2) 88%,transparent);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.comparison-table tbody th{width:58%;color:var(--text);font-weight:700;text-align:left}.comparison-table td{color:var(--muted);width:21%}.comparison-table .vaava-col{background:color-mix(in srgb,var(--sage) 13%,transparent);color:var(--text);font-weight:650}.comparison-feature-title,.comparison-feature-description,.comparison-cell-note{display:block}.comparison-feature-title{font-weight:800}.comparison-feature-description{margin-top:.18rem;color:var(--muted);font-size:.9rem;font-weight:500;line-height:1.45}.comparison-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;margin:0 auto;border-radius:999px;font-size:1.2rem;font-weight:900;line-height:1}.comparison-mark--yes{background:color-mix(in srgb,#28a467 18%,transparent);color:#157347}.comparison-mark--no{background:color-mix(in srgb,#d64b4b 16%,transparent);color:#b3261e}.comparison-cell-note{margin-top:.4rem;color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.35}.comparison-cell-note--plus{width:fit-content;margin-left:auto;margin-right:auto;padding:.22rem .48rem;border-radius:999px;background:color-mix(in srgb,var(--plus-blue-soft) 72%,transparent);color:color-mix(in srgb,var(--plus-blue) 90%,var(--text));border:1px solid color-mix(in srgb,var(--plus-blue) 28%,transparent)}.compare-note{margin:.85rem 0 0;color:var(--muted);font-size:.88rem}.compare-sources{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:baseline;margin-top:.55rem;color:var(--muted);font-size:.84rem}.compare-sources span{font-weight:800;color:var(--text)}.compare-sources ul{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:0;padding:0;list-style:none}.compare-sources li{display:inline-flex;align-items:center}.compare-sources li:not(:last-child):after{content:"·";margin-left:.55rem;color:color-mix(in srgb,var(--muted) 65%,transparent)}.compare-sources a{color:var(--sage-strong);font-weight:700;text-decoration-color:color-mix(in srgb,var(--sage-strong) 42%,transparent);text-underline-offset:.16em}.compare-sources a:hover{text-decoration-color:currentColor}.compare-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:clamp(1.2rem,3vw,1.8rem)}.compare-cta h2{margin-top:.4rem;font-size:clamp(1.3rem,3vw,2rem);max-width:46rem}.compare-cta-actions{display:grid;justify-items:center;gap:.75rem}.compare-cta-sprig{width:80px;height:auto}.compare-plus-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--plus-blue) 38%,var(--line));background:color-mix(in srgb,var(--plus-blue-soft) 55%,transparent);color:var(--text);text-decoration:none;font-weight:700}.compare-plus-link:hover{background:color-mix(in srgb,var(--plus-blue-soft) 78%,transparent)}@media(max-width:820px){.compare-hero,.compare-cta{grid-template-columns:1fr}.compare-hero h1{max-width:100%}.compare-hero-art{min-height:190px}.compare-context{grid-template-columns:1fr}.compare-cta{align-items:start}}@media(max-width:700px){.compare-table-section{padding:1rem}.comparison-table-wrapper{overflow-x:visible}.comparison-table{min-width:0;border-radius:0}.comparison-table,.comparison-table thead,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.comparison-table tbody{display:grid;gap:.75rem}.comparison-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 78%,transparent)}.comparison-table th,.comparison-table td{border-bottom:0}.comparison-table tbody th{width:auto;padding:.85rem .9rem;grid-column:1 / -1;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.comparison-table td{width:auto;padding:.72rem .55rem .82rem}.comparison-table td:before{content:attr(data-label);display:block;margin-bottom:.42rem;color:var(--text);font-size:.72rem;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.comparison-table td+td{border-left:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.comparison-feature-description{font-size:.86rem}.comparison-cell-note{font-size:.76rem;overflow-wrap:anywhere}.comparison-mark{width:1.8rem;height:1.8rem;font-size:1.05rem}}@media(max-width:560px){.compare-store-buttons .store-badge{object-position:center;width:130px;height:44px}.compare-store-buttons .store-badge-google{width:168px;height:69px}}
