:root{font-family:"Instrument Sans",Arial,sans-serif;color:#111315;background:#f8f3ef;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 65%,#fffdfb 0,transparent 65%),#f8f3ef}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ba873e;outline-offset:5px}.container{width:calc(100% - 76px);max-width:1200px;margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.compare-hero{height:475px;color:#fff;background:#24262e url(compare-hero.png) center center/cover no-repeat;position:relative}.compare-hero:after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(transparent,#f8f3ef);pointer-events:none}.navigation{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:6px;font-size:29px;font-weight:650;letter-spacing:-1px;flex-shrink:0}.brand img{width:64px;height:64px;object-fit:contain}.nav-links,.account-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.nav-links{gap:22px}.nav-links .active{padding:11px 15px;border-radius:24px;background:#ffffff1c}.account-links{gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;padding:15px 25px;font-weight:600;font-size:16px;white-space:nowrap}.light{background:#fffcfc;color:#101113;box-shadow:0 3px 12px #00000008}.account-links .button{font-size:14px;padding:12px 24px}.hero-copy{padding:42px 25px 0;position:relative;z-index:1}h1,h2{font-family:"Newsreader",Georgia,serif;font-weight:500;letter-spacing:-1.4px}h1{font-size:56px;line-height:1.03;margin:0 0 22px}h1 em{color:#ffd7a0;font-weight:500}.hero-copy>p{font-size:18px;line-height:1.5;margin:0 0 21px;max-width:530px}.hero-note{display:flex;align-items:center;gap:21px}.hero-note>span:last-child{border-left:1px solid #ffffff9c;padding-left:20px;font-size:14px;line-height:1.55}.hero-note .button{padding:13px 25px}.comparison-tool{position:relative;z-index:2;margin-top:-46px;border:1px solid #eae2dc;border-radius:25px;padding:26px 42px 33px;background:linear-gradient(120deg,#fffcf9ee,#fcf4eeee);box-shadow:0 13px 30px #5a3c2210}.eyebrow{font-size:18px;font-weight:600;text-transform:uppercase;color:#c57b12;margin:0 0 11px}h2{font-size:36px;line-height:1.1;margin:0}.sparkle{position:absolute;right:35px;top:22px;color:#efb457;font-size:49px;text-shadow:0 0 20px #ffd58b;transform:rotate(9deg)}.comparison-fields{display:grid;grid-template-columns:1fr 60px 1fr auto;gap:20px;align-items:end;margin-top:27px}.company-field{min-width:0}.company-field label{display:block;font-size:16px;font-weight:600;margin-bottom:7px}.company-select{display:flex;align-items:center;gap:15px;width:100%;height:59px;padding:0 22px;border:1px solid #e2ddda;border-radius:999px;background:#fffdfd;box-shadow:0 3px 8px #34291d05;text-align:left;font-size:16px}.company-select .icon{color:#4e555d;width:24px;height:24px}.company-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-select .chevron{margin-left:auto;width:20px}.swap{width:58px;height:58px;background:#fcf8f5;border:1px solid #eae4e0;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 8px #34291d05}.swap svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dark{background:linear-gradient(130deg,#292929,#202020);color:#fff;box-shadow:inset 0 1px 1px #ffffff12}.compare-button{height:59px;padding-inline:29px;font-size:18px}.popular{margin-top:39px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 12px 20px}.section-heading h2{font-size:33px}.section-heading p{font-size:18px;color:#535960;margin:5px 0 0}.outline{border:1px solid #e6dfda;background:#fffaf7;font-size:14px;padding:12px 20px;box-shadow:0 3px 6px #34291d06}.outline .icon{width:19px;height:19px}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.comparison-card{position:relative;border:1px solid #eae3de;border-radius:22px;background:#fffdfb99;padding:23px 29px 25px;box-shadow:0 10px 22px #34291d08;min-width:0}.company-logos{display:flex;gap:18px;align-items:center;height:37px;margin-bottom:18px}.company-logos>svg{width:32px;height:36px}.company-logos .nvidia{width:39px}.company-logos .meta{width:38px}.company-logos>span:not(.google):not(.amazon){font-size:14px}.comparison-card h3{font-size:18px;font-weight:600;letter-spacing:-.6px;margin:0 0 8px;white-space:nowrap}.comparison-card p{font-size:14px;color:#4d5560;margin:0}.card-arrow{position:absolute;bottom:17px;right:15px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #e9e2dc;border-radius:50%;background:#fffaf8;box-shadow:0 3px 5px #34291d08}.card-arrow .icon{width:19px;height:19px}.google{font-family:Arial,sans-serif;font-size:43px;line-height:1;font-weight:700;background:conic-gradient(#4285f4 0 27%,#34a853 27% 43%,#fbbc05 43% 62%,#ea4335 62% 79%,#4285f4 79%);background-clip:text;color:transparent}.amazon{font-family:Georgia,serif;font-size:44px;font-weight:bold;line-height:.7;position:relative}.amazon span{position:absolute;top:26px;left:-3px;font-size:34px;color:#f6a400}.features{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:49px 18px 57px}.features article{position:relative;padding:0 12px}.features article+article:before{content:"";position:absolute;left:0;top:30px;bottom:8px;width:1px;background:#dfd6d0}.features svg{width:43px;height:43px;fill:none;stroke:#4f535a;stroke-width:2.7;stroke-linejoin:round}.features h3{font-size:23px;letter-spacing:-.7px;margin:8px 0 7px}.features p{font-size:18px;line-height:1.5;color:#4d5560;margin:0}.deeper{position:relative;display:grid;grid-template-columns:35% 65%;min-height:276px;border-radius:31px;overflow:hidden;background:radial-gradient(ellipse at 20% 100%,#f7d0a4,#faf3ed 70%);box-shadow:0 10px 28px #34291d08;margin:3px -4px 75px}.deeper-art{position:relative;overflow:hidden;background:url(compare-hero.png) 68% 65%/auto 130% no-repeat;mask-image:linear-gradient(90deg,#000 70%,transparent)}.deeper-art img{position:absolute;height:100%;width:125%;object-fit:contain;left:-5%;bottom:-20px}.deeper-copy{padding:44px 27px 37px 16px;position:relative}.deeper h2{font-size:41px;margin-bottom:10px}.deeper-copy>p{font-size:20px;color:#535960;line-height:1.4;margin:0 0 25px;max-width:600px}.deeper-actions{display:flex;align-items:center;gap:24px;justify-content:space-between}.access-price{display:flex;gap:17px;background:#fce3bf;border-radius:999px;padding:13px 20px;font-size:14px;white-space:nowrap}.access-price>span+span{border-left:1px solid #cbb38f;padding-left:17px}.access-price strong{font-size:19px;font-weight:600}.deeper-actions .button{font-size:16px;padding:15px 25px}.button:hover,button:hover{filter:brightness(.97)}
@media(min-width:1250px){.compare-hero{height:545px}.hero-copy{padding-top:58px}h1{font-size:67px}.hero-copy>p{font-size:20px}.comparison-tool{margin-top:-55px}}
@media(max-width:1000px){.nav-links{gap:10px;font-size:12px}.account-links{gap:16px}.brand{font-size:25px}.brand img{width:55px;height:55px}.navigation{gap:10px}.comparison-card{padding-inline:20px}.comparison-card h3{font-size:16px}.comparison-fields{gap:16px;grid-template-columns:1fr 52px 1fr auto}.swap{width:52px}.deeper-actions{gap:12px}.access-price{padding:12px;gap:10px;font-size:12px}.access-price>span+span{padding-left:10px}.deeper-actions .button{padding-inline:20px;font-size:14px}.deeper h2{font-size:37px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.navigation{height:78px;flex-wrap:wrap}.nav-links{display:none}.account-links{font-size:13px;gap:16px}.account-links .button{padding:11px 17px}.brand{font-size:26px}.brand img{width:50px;height:50px}.compare-hero{height:615px;background-position:68% center}.hero-copy{padding:27px 4px 0}.compare-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#20232bd9,#20232b8c 49%,transparent 75%)}h1{font-size:clamp(37px,7.6vw,55px);letter-spacing:-1px}.hero-copy>p{font-size:16px;max-width:420px}.desktop-break{display:none}.hero-note{gap:12px;align-items:flex-start}.hero-note .button{padding:11px 17px;font-size:14px}.hero-note>span:last-child{font-size:12px;padding-left:12px;padding-top:1px}.comparison-tool{padding:24px 22px;margin-top:-42px;border-radius:24px}.eyebrow{font-size:13px;margin-bottom:9px}.comparison-tool h2{font-size:29px;max-width:300px}.sparkle{right:18px;top:18px;font-size:34px}.comparison-fields{grid-template-columns:1fr;gap:13px;margin-top:23px}.company-select{height:54px;padding-inline:18px}.company-field label{font-size:14px}.swap{width:36px;height:36px;justify-self:center;margin:-4px 0}.swap svg{width:23px;height:23px;transform:rotate(90deg)}.compare-button{height:52px;margin-top:6px;font-size:16px}.popular{margin-top:33px}.section-heading{margin-inline:2px;align-items:flex-start;flex-wrap:wrap;gap:13px}.section-heading h2{font-size:30px}.section-heading p{font-size:15px}.outline{font-size:12px;padding:10px 14px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-card{padding:20px 15px 23px;border-radius:19px}.company-logos{gap:13px;margin-bottom:16px}.comparison-card h3{font-size:15px;white-space:normal;min-height:36px;margin-bottom:5px}.comparison-card p{font-size:12px}.card-arrow{right:10px;bottom:15px;width:29px;height:29px}.card-arrow .icon{width:15px}.features{padding:38px 0 40px}.features article{padding-inline:5px}.features svg{width:34px;height:34px}.features h3{font-size:16px;letter-spacing:-.5px}.features p{font-size:12px;line-height:1.5}.features article+article:before{top:24px;bottom:0}.deeper{grid-template-columns:1fr;margin:0 0 40px;border-radius:25px}.deeper-art{height:190px;mask-image:linear-gradient(#000 80%,transparent);background-size:cover;background-position:center 60%}.deeper-art img{width:100%;height:220px;left:0;bottom:-24px}.deeper-copy{padding:12px 24px 29px}.deeper h2{font-size:33px}.deeper-copy>p{font-size:16px;margin-bottom:20px}.deeper-actions{flex-wrap:wrap;gap:16px}.access-price{font-size:12px;padding:12px 14px}.deeper-actions .button{width:100%;font-size:15px}.access-price strong{font-size:17px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:filter .18s,box-shadow .18s}.comparison-card:hover{box-shadow:0 12px 25px #34291d10}}

@media(max-width:760px){.compare-hero{background-size:auto 365px;background-position:72% bottom;background-color:#25262e}.compare-hero:before{background:linear-gradient(#24262e 0,#24262ef5 39%,#24262e80 58%,transparent 76%)}.hero-note{max-width:350px}.hero-note>span:last-child{font-size:12px}.deeper-art{background-image:url(compare-cta.png);background-size:cover;background-position:center 52%}}

.deeper-art{background-image:url(compare-cta.png);background-size:auto 100%;background-position:35% center}.deeper-art img{display:none}@media(max-width:760px){.deeper-art{background-size:cover;background-position:center 53%}}

/* Match the homepage header branding and account actions. */
.navigation { min-height: 86px; height: auto; gap: 20px; }
.navigation .brand { gap: 3px; }
.navigation .brand img { width: 64px; height: 64px; }
.navigation .brand .brand-wordmark { width: 100px; height: auto; }
.account-links { gap: clamp(14px, 3vw, 40px); font-size: 16px; }
.account-links .button { font-size: 16px; padding: 14px 23px; }
@media(max-width:760px) {
  .navigation { flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  .account-links { gap: 10px; font-size: 13px; }
  .account-links .button { font-size: 13px; padding: 9px 13px; }
}

/* Use the homepage's content width and generous hero spacing. */
.container { width: min(90%, 1200px); }
.compare-hero { height: auto; }
.hero-copy {
  padding-inline: 0;
  padding-block: clamp(46px, 6vw, 104px) clamp(105px, 11vw, 175px);
}
.comparison-tool { margin-top: -22px; }
@media (max-width: 760px) {
  .hero-copy { padding-block: 38px 220px; }
}

.comparison-vs { display: grid; place-items: center; height: 59px; color: #79716b; font-size: 16px; font-weight: 500; }
@media (max-width: 760px) { .comparison-vs { height: 25px; margin-block: -3px; } }

/* Give each section room without changing its internal layout. */
.popular { margin-top: clamp(64px, 7vw, 96px); }
eimona-feature-strip[variant="compare"] .features {
  padding-block: clamp(72px, 8vw, 110px);
}
.deeper { margin-bottom: clamp(88px, 9vw, 128px); }
@media (max-width: 760px) {
  .popular { margin-top: 52px; }
  eimona-feature-strip[variant="compare"] .features { padding-block: 60px; }
  .deeper { margin-bottom: 64px; }
}

.comparison-directory {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
}
.comparison-directory > li { display: grid; }
.comparison-directory-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-content: center;
  align-items: start;
  gap: 4px;
  aspect-ratio: 2.13;
  min-height: 100px;
  padding: 12px 6px;
  border: 1px solid #eae2dc;
  border-radius: 18px;
  background: linear-gradient(145deg, #fffdfdc0, #fffdfd55);
  box-shadow: 0 3px 8px #34291d07;
  color: inherit;
  text-decoration: none;
}
.comparison-directory-card:hover { background: #fffdfd; border-color: #c9bcb3; }
.comparison-directory-card:focus-visible { outline: 2px solid #75635b; outline-offset: 2px; }
.directory-company { display: grid; justify-items: center; gap: 8px; min-width: 0; }
.directory-company img, .directory-company svg {
  display: block;
  width: 54px;
  max-width: 100%;
  height: 34px;
  object-fit: contain;
}
.directory-name { font-size: clamp(12px, 1.05vw, 15px); line-height: 1.16; font-weight: 700; text-align: center; overflow-wrap: anywhere; }
.directory-vs { align-self: center; color: #41464e; font-size: 12px; font-weight: 700; text-transform: uppercase; }
@media (max-width: 1000px) {
  .comparison-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}
@media (max-width: 600px) {
  .comparison-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparison-directory-card { aspect-ratio: auto; min-height: 94px; padding-block: 10px; }
  .directory-company img, .directory-company svg { height: 30px; }
}

.company-select input {
  flex: 1;
  min-width: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
}
.company-select:focus-within { outline: 2px solid #75635b; outline-offset: 2px; }
.company-select input:focus { outline: none; }

.company-field { position: relative; }
.company-toggle {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin-inline-end: -8px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.company-toggle:hover { background: #f3eeeb; }
.company-options, .company-empty {
  position: absolute;
  z-index: 10;
  top: calc(100% + 7px);
  inset-inline: 0;
  margin: 0;
  border: 1px solid #e2ddda;
  border-radius: 16px;
  background: #fffdfd;
  box-shadow: 0 12px 28px #34291d19;
}
.company-options {
  max-height: min(280px, 42vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 5px;
}
.company-option {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
}
.company-option:hover, .company-option[aria-selected="true"] { background: #f3eeeb; }
.company-option strong { flex-shrink: 0; }
.company-option span { color: #4e555d; overflow-wrap: anywhere; }
.company-empty { padding: 12px 16px; color: #4e555d; }