:root{--compare-ink:#12382b;--compare-deep:#082f26;--compare-paper:#f6f4ed;--compare-soft:#e9f0e3;--compare-line:#d6dfd3;--compare-muted:#68796d;--compare-lime:#d8f48e;--compare-orange:#f4774d}
body[data-page="comparator"]{background:var(--compare-paper);color:var(--compare-ink)}
.compare-hero{max-width:1296px;margin:0 auto;min-height:650px;padding:84px 58px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;background:var(--compare-deep);color:#f5f6ef;overflow:hidden}
.compare-hero-copy h1{font-size:clamp(58px,7vw,104px);letter-spacing:-.09em;line-height:.87;margin:0 0 28px}.compare-hero-copy h1 em{font-family:Georgia,serif;color:#f4c35e;font-weight:400}.compare-hero-copy>p:not(.eyebrow){max-width:440px;color:#b6c8b5;font-size:16px;line-height:1.6;margin:0 0 30px}.compare-hero .eyebrow{color:#a7c5a3}.compare-actions{display:flex;gap:10px;flex-wrap:wrap}.compare-hero .button-ghost{color:#d8f48e;border-color:#5a806b}.compare-hero-art{min-height:454px;position:relative}.compare-art-image{position:absolute;inset:0 9% 0 3%;background:linear-gradient(180deg,#082f2640,#082f26b5),url('assets/visitcostarica/destinations/central-pacific-1.webp') center/cover;border-radius:2px 96px 2px 2px}.compare-art-card{position:absolute;right:0;bottom:34px;width:222px;background:#f4c463;color:var(--compare-deep);padding:24px 23px;box-shadow:12px 13px 0 #00000024}.compare-art-card span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.compare-art-card strong{font-size:25px;letter-spacing:-.07em;line-height:.98}.compare-art-line{position:absolute;width:126px;height:126px;border:1px solid #d8f48e9c;border-radius:50%;top:24px;right:8%;transform:rotate(-20deg)}
.compare-shell{max-width:1296px;margin:0 auto;padding:96px 58px 110px}.compare-intro-row{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.compare-intro-row h2,.compare-method h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.08em;line-height:.95;margin:0}.compare-intro-note{max-width:390px;color:var(--compare-muted);font-size:13px;line-height:1.65;margin:0}.compare-toolbar{display:grid;grid-template-columns:minmax(250px,1.8fr) repeat(3,minmax(145px,1fr)) auto;gap:10px;align-items:end;padding:17px;background:var(--compare-soft);border:1px solid var(--compare-line);border-radius:5px}.compare-toolbar label{display:block;min-width:0}.compare-toolbar label>span{display:block;font:10px var(--mono);color:#758779;text-transform:uppercase;letter-spacing:.06em;margin:0 0 7px}.compare-toolbar input,.compare-toolbar select{width:100%;height:46px;border:1px solid #c4d2c4;background:#fffef9;color:var(--compare-ink);padding:0 12px;border-radius:2px;outline:none}.compare-toolbar input:focus,.compare-toolbar select:focus{border-color:var(--compare-orange);box-shadow:0 0 0 3px #f4774d26}.compare-reset{height:46px;padding:0 13px;background:transparent;color:var(--compare-ink);border:1px solid #adc0ae;border-radius:2px;font:10px var(--mono);white-space:nowrap}.compare-status{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--compare-line);padding:22px 0 16px;font:10px var(--mono);color:#758779}.compare-status strong{color:var(--compare-ink);font-weight:500}.compare-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px;padding-top:24px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.experience-card{background:#fffefa;border:1px solid var(--compare-line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.experience-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #12382b16}.experience-media{height:205px;position:relative;background:#b8d2c4 center/cover}.experience-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#082f2600 35%,#082f26c4)}.experience-index,.experience-type{position:absolute;z-index:1;top:13px;padding:6px 8px;background:#082f26e6;color:#d8f48e;font:10px var(--mono)}.experience-index{left:13px}.experience-type{right:13px;text-transform:uppercase}.experience-media-caption{position:absolute;z-index:1;left:15px;right:15px;bottom:13px;color:#fff;font:10px var(--mono)}.experience-body{padding:19px 18px 17px;display:flex;flex-direction:column;flex:1}.experience-body h3{font-size:23px;letter-spacing:-.065em;line-height:1.02;margin:0 0 8px}.experience-description{font-size:12px;line-height:1.55;color:var(--compare-muted);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.experience-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.experience-meta span{border:1px solid var(--compare-line);padding:5px 7px;color:#607566;font:10px var(--mono);border-radius:2px}.experience-pricing{border-top:1px solid var(--compare-line);padding-top:13px;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px}.experience-price-label{display:block;color:#78887b;font:9px var(--mono);text-transform:uppercase}.experience-price{display:block;color:var(--compare-ink);font-size:21px;letter-spacing:-.05em;margin-top:2px}.experience-disclosure{display:block;color:#7d8b80;font-size:10px;line-height:1.35;max-width:150px;text-align:right}.experience-links{display:flex;gap:12px;align-items:center;margin-top:16px}.experience-link{color:var(--compare-ink);font:10px var(--mono);text-decoration:underline;text-underline-offset:4px}.experience-link.primary{background:var(--compare-orange);color:#fff;padding:11px 13px;text-decoration:none;border-radius:2px;margin-left:auto;font-weight:600}.experience-offers{margin:13px 0 -2px;padding:11px 0 0;border-top:1px dashed var(--compare-line)}.experience-offers summary{cursor:pointer;color:var(--compare-ink);font:10px var(--mono)}.offer-row{display:flex;justify-content:space-between;gap:10px;padding-top:10px;font-size:11px}.offer-row a{color:var(--compare-orange);font:10px var(--mono);text-decoration:underline}.compare-side-sticky{position:sticky;top:25px;background:var(--compare-deep);color:#eff6e9;padding:24px 20px;border-radius:3px}.compare-side-sticky .eyebrow{color:#a9c1a5}.compare-side-sticky h3{font-size:27px;letter-spacing:-.07em;line-height:1;margin:0 0 14px}.compare-side-sticky>p:not(.eyebrow){color:#b4c5b4;font-size:12px;line-height:1.6;margin:0 0 25px}.compare-legend{border-top:1px solid #ffffff2d;border-bottom:1px solid #ffffff2d;padding:14px 0;margin-bottom:20px}.compare-legend>div{display:flex;gap:8px;align-items:center;color:#d3dfd1;font:10px var(--mono);padding:5px 0}.legend-dot{width:8px;height:8px;border-radius:50%;display:block}.legend-dot-reference{background:#f4c463}.legend-dot-live{background:#a7df6e}.legend-dot-unknown{background:#aab8ae}.compare-side .button{display:block;text-align:center}.compare-empty{text-align:center;padding:70px 20px;background:var(--compare-soft);border:1px solid var(--compare-line);margin-top:24px}.compare-empty h3{font-size:25px;letter-spacing:-.05em;margin:0 0 8px}.compare-empty p{color:var(--compare-muted);margin:0 0 20px}.compare-method{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:88px;padding-bottom:100px;border-top:1px solid var(--compare-line)}.compare-method-copy{max-width:470px}.compare-method-copy p{color:var(--compare-muted);font-size:15px;line-height:1.7;margin:0 0 23px}.compare-method .inline-link{font-size:11px}
@media(max-width:1050px){.compare-hero{padding-left:35px;padding-right:35px;grid-template-columns:1fr 1fr;gap:35px}.compare-shell{padding-left:35px;padding-right:35px}.compare-toolbar{grid-template-columns:1fr 1fr}.compare-search{grid-column:1/-1}.compare-reset{width:100%}.compare-layout{grid-template-columns:1fr}.compare-side{display:none}}
@media(max-width:680px){.compare-hero{display:block;min-height:0;padding:57px 20px 55px}.compare-hero-copy h1{font-size:61px}.compare-hero-copy>p:not(.eyebrow){font-size:14px}.compare-hero-art{height:320px;min-height:0;margin-top:38px}.compare-art-image{inset:0 8% 0 0;border-radius:2px 65px 2px 2px}.compare-art-card{width:170px;right:0;bottom:18px;padding:17px}.compare-art-card span{margin-bottom:15px;font-size:8px}.compare-art-card strong{font-size:20px}.compare-art-line{width:80px;height:80px;right:14%;top:12px}.compare-shell{padding:62px 18px 70px}.compare-intro-row{display:block;margin-bottom:25px}.compare-intro-row h2{font-size:40px;margin-bottom:18px}.compare-intro-note{font-size:12px}.compare-toolbar{display:block;padding:13px}.compare-toolbar label{margin-bottom:11px}.compare-reset{margin-top:3px}.compare-status{display:block;padding:17px 0 13px;line-height:1.6}.compare-status span{display:block;margin-top:5px}.compare-grid{grid-template-columns:1fr;gap:13px}.experience-media{height:190px}.experience-body h3{font-size:22px}.experience-pricing{align-items:start;display:block}.experience-disclosure{text-align:left;max-width:none;margin-top:5px}.experience-links{flex-wrap:wrap}.experience-link.primary{margin-left:0}.compare-method{display:block;padding:65px 18px 70px}.compare-method h2{font-size:39px;margin-bottom:25px}.compare-method-copy p{font-size:13px}.compare-page .site-footer{padding-left:18px;padding-right:18px}}
.experience-add{background:transparent;padding:0;text-align:left}.experience-add.is-added{color:#568139}