.compare{background:radial-gradient(80% 50% at 50% -10%,rgba(142,108,39,.14),transparent),var(--ink-900);min-block-size:100vh}.compare.js-motion [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.compare.js-motion [data-reveal].is-in{opacity:1;transform:none}.compare__header{padding-block:var(--sp-6);border-block-end:1px solid var(--hairline-soft)}.compare__header-inner{display:flex;align-items:center;justify-content:space-between}.compare__logo{block-size:64px;inline-size:auto}.compare__stars{display:inline-flex;gap:.25rem;color:var(--gold)}.compare__stars svg{fill:currentColor}.compare__intro{padding-block:var(--sp-9) var(--sp-7);display:grid;gap:var(--sp-4);max-width:60rem}.compare__title{font-size:var(--step-5);line-height:1.05}.compare__lede{max-width:52rem}.compare__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);padding-block-end:var(--sp-8)}.ccard{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--ink-800);border:1px solid var(--hairline-soft);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.ccard:hover{transform:translateY(-6px);border-color:var(--hairline)}.ccard.is-recommended{border-color:var(--gold);box-shadow:var(--glow-gold)}.ccard__badge{position:absolute;inset-block-start:14px;inset-inline-start:14px;z-index:2;font-size:var(--step--1);font-weight:700;color:var(--accent-fg);background:var(--grad-gold);padding:.3rem .8rem;border-radius:var(--r-pill)}.ccard__preview{position:relative;display:block;aspect-ratio:16 / 10;padding:var(--sp-6);background-image:linear-gradient(180deg,#0505058c,#050505e6),image-set(url(/media/hero-poster.webp) type("image/webp"));background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}.ccard__preview:after{content:"";position:absolute;inset:0;opacity:.9}.ccard__frame{position:relative;z-index:1;display:grid;gap:.6rem}.ccard__eyebrow{font-size:var(--step--1);letter-spacing:.14em;color:var(--gold-light)}.ccard__h1{font-family:var(--font-display);font-size:var(--step-2);line-height:1.15;color:var(--white-warm);max-width:22ch}.ccard__cta{display:inline-flex;align-items:center;gap:.4rem;align-self:start;font-size:var(--step--1);font-weight:700;color:var(--accent-fg);background:var(--grad-gold);padding:.5rem 1rem;border-radius:var(--r-sm)}.ccard--cinematic .ccard__h1{font-family:Frank Ruhl Libre,serif}.ccard--classic .ccard__preview{background-image:linear-gradient(180deg,#06060680,#060606e6),image-set(url(/media/hero-poster.webp) type("image/webp"));filter:saturate(.9)}.ccard--classic .ccard__frame:before{content:"";position:absolute;inset:-16px;border:1px solid rgba(238,231,218,.3)}.ccard--motion .ccard__h1{font-size:var(--step-3);font-weight:700;-webkit-text-stroke:.5px var(--gold)}.ccard--human .ccard__preview{background-image:linear-gradient(180deg,#0a0a0b8c,#0a0a0be6),image-set(url(/media/founder-light-800.webp) type("image/webp"));background-position:top center}.ccard--human .ccard__cta{border-radius:12px}.ccard__body{padding:var(--sp-6);display:grid;gap:var(--sp-3);align-content:start}.ccard__no{font-family:var(--font-display);font-size:var(--step-3);color:var(--gold-dark)}.ccard__label{font-size:var(--step-2)}.ccard__tagline{color:var(--fg-muted)}.ccard__tags{display:flex;flex-wrap:wrap;gap:.5rem}.ccard__tags li{font-size:var(--step--1);padding:.25rem .7rem;border:1px solid var(--hairline);border-radius:var(--r-pill);color:var(--gold-light)}.ccard__body .btn{margin-block-start:var(--sp-2)}.compare__reco{padding:var(--sp-7);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--ink-800);display:grid;gap:var(--sp-3);margin-block-end:var(--sp-9)}.compare__reco h2{font-size:var(--step-2);color:var(--gold-light)}.compare__reco p{color:color-mix(in srgb,var(--fg) 88%,transparent);max-width:80ch}.compare__reco strong{color:var(--fg)}.compare__footer{border-block-start:1px solid var(--hairline-soft);padding-block:var(--sp-6);text-align:center;color:var(--fg-muted)}.compare__footer p:first-child{font-family:var(--font-display);color:var(--gold-light);font-size:var(--step-1)}.compare__note{font-size:var(--step--1);margin-block-start:var(--sp-2)}@media (max-width: 820px){.compare__grid{grid-template-columns:1fr}.compare__title{font-size:var(--step-4)}}