.subscription-hero{position:relative;isolation:isolate;min-height:510px;padding:75px 8%;display:flex;align-items:center;color:var(--lk-birta)}.subscription-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.subscription-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c3cda,#102c3c15)}.subscription-hero h1{font:400 clamp(48px,6vw,82px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0 0 20px}.subscription-hero p:not(.eyebrow){font-size:17px;line-height:1.7}.subscription-hero .button{background:var(--lk-eldgos);margin-top:10px}.subscription-hero .button:hover{background:#7f302a}.hero-preview{position:absolute;right:5%;bottom:25px;font-size:11px;border:1px solid #f4f0e755;padding:6px 12px;border-radius:30px}.subscription-plans{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:85px;padding-bottom:90px;align-items:center}.plan-intro>p:not(.eyebrow){color:#52636b;max-width:400px}.plan-steps{margin-top:32px}.plan-steps>div{display:flex;gap:18px;align-items:flex-start;margin:18px 0}.plan-steps>div>span{border:1px solid #1f4a6b30;border-radius:50%;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;font-size:11px}.plan-steps p{font-size:13px;color:#52636b;margin:0}.plan-steps strong{display:block;font-size:14px;color:var(--lk-vatn-djupt);margin-bottom:5px}.plan-card{padding:34px;border:1px solid #1f4a6b30;border-top:4px solid var(--lk-eldgos);border-radius:18px;background:#fffcf6;box-shadow:0 12px 36px #1f4a6b0b}.plan-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.plan-symbol{font-size:32px;color:var(--lk-eldgos)}.preview-tag{padding:4px 10px;border-radius:20px;background:#e5e9df;color:#4e6b46;font-size:11px}.plan-card h2{font-size:34px}.plan-card>p{font-size:13px;color:#52636b}.billing-switch{display:flex;border-radius:10px;background:#eae9e1;padding:4px;margin:24px 0}.billing-switch button{flex:1;padding:11px;border:0;background:transparent;border-radius:7px;color:var(--lk-vatn-djupt);cursor:pointer;font:600 13px Arial,sans-serif}.billing-switch button[aria-pressed=true]{background:var(--lk-vatn-djupt);color:var(--lk-birta);box-shadow:0 2px 6px #0002}.billing-switch button:focus-visible{outline:3px solid var(--lk-hraun);outline-offset:2px}.plan-price{display:grid;gap:8px;padding:12px 0 23px;border-bottom:1px solid #1f4a6b20}.plan-price strong{font:31px Georgia,serif}.plan-price span{font-size:12px;color:#52636b}.plan-card ul{padding-left:18px;font-size:13px;color:#52636b;line-height:1.7}.plan-card li{margin:10px 0}.plan-unavailable{width:100%;border:0;cursor:not-allowed;background:#c8cfcd;color:#455862}.plan-unavailable:hover{transform:none;background:#c8cfcd}.plan-card .plan-small{font-size:11px;text-align:center}.plan-card>a{display:block;text-align:center;font-size:12px;font-weight:600;text-decoration:underline}.subscription-features{padding-top:45px;padding-bottom:70px;border-top:1px solid #1f4a6b20}.section-description{font-size:14px;color:#52636b;max-width:650px}.subscription-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}.feature-art{height:180px;display:grid;place-items:center;background:var(--lk-vatn-djupt) url('../images/sidebar-contours.svg') center/cover;border-radius:14px;margin-bottom:24px}.subscription-feature-grid article:nth-child(2) .feature-art{background-color:var(--lk-mosi)}.subscription-feature-grid article:nth-child(3) .feature-art{background-color:#8d7a65}.subscription-feature-grid h3{font-size:26px}.subscription-feature-grid p{font-size:14px;color:#52636b}.subscription-comparison{padding-top:20px;padding-bottom:85px}.subscription-comparison>p:not(.eyebrow){font-size:14px;color:#52636b}.comparison-scroll{overflow-x:auto;margin-top:30px}.comparison-scroll table{width:100%;border-collapse:collapse;min-width:460px;font-size:14px}.comparison-scroll caption{text-align:left;font-size:11px;color:#52636b;margin-bottom:12px}.comparison-scroll th,.comparison-scroll td{padding:18px;border-bottom:1px solid #1f4a6b20;text-align:center}.comparison-scroll th:first-child{text-align:left}.comparison-scroll thead{background:#e6e8df}.comparison-scroll tbody th{font-weight:400}.comparison-scroll td{font-size:12px;color:#68716f}.subscription-closing{text-align:center;background:#e3e7d9;padding:65px 20px}.subscription-closing .button{margin-top:25px}
@media(max-width:850px){.subscription-plans{gap:35px}.plan-card{padding:25px}.plan-card h2{font-size:29px}.subscription-feature-grid{gap:18px}.subscription-feature-grid h3{font-size:24px}}
@media(max-width:640px){.subscription-hero{padding:55px 6% 80px;min-height:470px}.subscription-hero h1{font-size:49px}.subscription-plans{grid-template-columns:1fr;padding-top:50px;padding-bottom:55px;gap:25px}.plan-card{padding:25px}.subscription-feature-grid{grid-template-columns:1fr;gap:28px}.feature-art{height:150px}.subscription-comparison{padding-bottom:55px}.comparison-scroll th,.comparison-scroll td{padding:14px 10px}.subscription-hero p:not(.eyebrow){font-size:15px}}

/* Keep the plan at the centre, with supporting information on either side. */
.subscription-plans.section-wrap{position:relative;max-width:1480px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,460px) minmax(0,1fr);gap:42px;padding:64px 5% 85px;align-items:start;scroll-margin-top:290px}
.subscription-plans .plan-card{grid-column:2;grid-row:1;margin-top:-240px;position:relative;z-index:1;box-shadow:0 18px 55px #102c3c24}
.plan-intro{grid-column:1;grid-row:1}
.plan-guide{grid-column:3;grid-row:1}
.plan-intro h2,.plan-guide h2{font-size:32px;line-height:1.15}
.plan-intro>p:not(.eyebrow){font-size:14px}
.plan-guide .plan-steps{margin-top:25px}
.plan-guide .plan-steps>div{gap:12px;margin:24px 0}
.subscription-hero{align-items:flex-start;padding-top:55px;min-height:510px}
.subscription-hero h1{font-size:clamp(42px,4.2vw,68px)}
.subscription-hero>div{max-width:650px}
@media(min-width:1101px){.subscription-hero h1{font-size:clamp(40px,3.4vw,62px)}.subscription-hero>div{max-width:34%}.subscription-hero{padding-left:5%}.subscription-hero p:not(.eyebrow){font-size:15px}}
@media(max-width:1100px){.subscription-plans.section-wrap{grid-template-columns:1fr 1fr;gap:40px;padding-top:0;scroll-margin-top:110px}.subscription-plans .plan-card{grid-column:1/-1;grid-row:1;width:min(100%,480px);box-sizing:border-box;justify-self:center;margin-top:-75px}.plan-intro{grid-column:1;grid-row:2}.plan-guide{grid-column:2;grid-row:2}.subscription-hero{min-height:500px}.hero-preview{bottom:95px}}
@media(max-width:640px){.subscription-hero{padding:42px 6% 100px;min-height:450px}.subscription-hero h1{font-size:44px}.subscription-plans.section-wrap{grid-template-columns:1fr;gap:32px;padding:0 6% 55px}.subscription-plans .plan-card{grid-column:1;grid-row:1;margin-top:-48px}.plan-intro{grid-column:1;grid-row:2}.plan-guide{grid-column:1;grid-row:3}.hero-preview{bottom:65px}.plan-intro h2,.plan-guide h2{font-size:30px}}

@media(min-width:1101px){
  .subscription-plans.section-wrap{padding-bottom:0;scroll-margin-top:370px}
  .subscription-plans .plan-card{margin-top:calc(-510px * 2 / 3 - 64px);min-height:760px;box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column}
  .subscription-plans .plan-card .plan-unavailable{margin-top:auto}
  .plan-intro,.plan-guide{padding-bottom:60px}
}

/* The central plan continues alongside the features, ending at the FAQ. */
.plan-card .subscription-comparison{padding:28px 0 32px;min-width:0}
.plan-card .subscription-comparison h2{font-size:29px;line-height:1.15}
.plan-card .comparison-scroll{margin-top:20px}
.plan-card .comparison-scroll table{min-width:0;table-layout:fixed;font-size:12px}
.plan-card .comparison-scroll th,.plan-card .comparison-scroll td{padding:14px 5px;overflow-wrap:anywhere}
.plan-card .comparison-scroll th:first-child{width:43%}
.plan-card .comparison-scroll thead th{font-size:11px}
.plan-card .comparison-scroll td{font-size:11px}
@media(min-width:1101px){
  .subscription-plans .plan-card{grid-row:1 / 4}
  .subscription-plans .subscription-features,.subscription-plans .subscription-feature-grid{display:contents}
  .feature-intro{grid-column:1;grid-row:2}
  .feature-intro h2{font-size:30px}
  .subscription-feature-grid article:nth-child(1){grid-column:3;grid-row:2}
  .subscription-feature-grid article:nth-child(2){grid-column:1;grid-row:3}
  .subscription-feature-grid article:nth-child(3){grid-column:3;grid-row:3}
  .subscription-plans .feature-art{height:140px;margin-bottom:18px}
  .subscription-plans .subscription-feature-grid article{padding-bottom:36px}
  .plan-intro,.plan-guide{padding-bottom:0}
}
@media(max-width:1100px){
  .subscription-plans .subscription-features{grid-column:1 / -1;grid-row:3;padding:30px 0 0;min-width:0}
  .subscription-plans .subscription-feature-grid{grid-template-columns:1fr}
  .subscription-plans .feature-art{height:150px}
}
@media(max-width:640px){.subscription-plans .subscription-features{grid-row:4}.plan-card .subscription-comparison h2{font-size:26px}}

/* Separate annual and monthly options, using the existing brand palette. */
.subscription-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 14px}
.subscription-option{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:240px;padding:14px 18px;border-radius:12px;border:1px solid #1f4a6b20}
.monthly-option{background:var(--lk-vatn-djupt);color:var(--lk-birta)}
.annual-option{background:var(--lk-birta);color:var(--lk-vatn-djupt)}
.option-badge{font:600 10px Arial,sans-serif;border-radius:4px;padding:7px 9px;background:#ffffff20;color:inherit}
.annual-option .option-badge{background:#1f4a6b14}
.subscription-option h3{font:600 23px/1.2 Arial,sans-serif;color:inherit;margin:12px 0 18px}
.option-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:10px}.option-price strong,.option-price span{white-space:nowrap}.option-price small{flex-basis:100%;font-size:12px}
.option-price strong{font:600 28px/1.12 Arial,sans-serif;letter-spacing:-.7px}
.option-price span{font-size:12px}
.subscription-option>p{font-size:12px;line-height:1.65;margin:14px 0 18px;color:inherit}
.option-action{margin-top:auto;width:100%;min-height:50px;padding:12px 10px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:600 12px/1.4 Arial,sans-serif;cursor:not-allowed}
.annual-option .option-action{background:var(--lk-eldgos);color:var(--lk-birta);border-color:var(--lk-eldgos)}
.plan-card>.plan-small{margin:0;padding:4px 0;line-height:1.5}
@media(min-width:1101px){.subscription-plans.section-wrap{grid-template-columns:minmax(0,1fr) minmax(500px,600px) minmax(0,1fr);gap:28px}.subscription-plans .plan-card{padding:28px}.subscription-hero>div{max-width:30%}.subscription-hero h1{font-size:clamp(36px,3vw,56px)}}
@media(max-width:1100px){.subscription-plans .plan-card{width:min(100%,620px)}}
@media(max-width:640px){.subscription-options{grid-template-columns:1fr;gap:16px}.subscription-option{min-height:214px;padding:16px 24px}.subscription-option h3{margin:12px 0 16px}.option-price strong{font-size:30px}}

.subscription-plans .feature-art.feature-screenshot{height:auto;aspect-ratio:1533 / 1067;overflow:hidden;background:none}
.feature-screenshot img{display:block;width:100%;height:100%;object-fit:cover}

.plan-card .comparison-scroll .comparison-category th{padding:20px 8px 10px;background:#1f4a6b0a;color:var(--lk-vatn-djupt);font-size:12px;font-weight:700;text-align:left}

@media(min-width:1101px){.subscription-feature-grid article:nth-child(4){grid-column:3;grid-row:1}}

@media(min-width:1101px){
 .subscription-plans .plan-card{grid-row:1 / 5}
 .subscription-feature-grid article:nth-child(4){grid-column:1;grid-row:4}
 .subscription-feature-grid article:nth-child(5){grid-column:3;grid-row:1}
}

@media(min-width:1101px){
 .subscription-feature-grid article:nth-child(5){grid-column:3;grid-row:4}
 .subscription-feature-grid article:nth-child(6){grid-column:3;grid-row:1}
}

.subscription-closing .trial-button{border:0;background:var(--lk-eldgos);color:var(--lk-birta);cursor:not-allowed}
.subscription-closing .trial-button:hover{transform:none}
.subscription-closing .trial-status{font-size:12px;color:#52636b;margin-top:14px}

.subscription-closing-options{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1200px;margin:auto}
.subscription-closing-options>div{display:flex;flex-direction:column;align-items:center}
.subscription-closing-options h2{font-size:clamp(30px,3vw,44px)}
.subscription-closing-options .button{margin-top:auto;min-height:50px}
.subscription-closing-options>div>p:not(.eyebrow):not(.trial-status){margin-bottom:30px}
.subscription-closing .gift-button{border:0;cursor:not-allowed}
.subscription-closing .gift-button:hover{transform:none;background:var(--lk-vatn-djupt)}
@media(max-width:640px){.subscription-closing-options{grid-template-columns:1fr;gap:45px}.gift-offer{border-top:1px solid #1f4a6b25;padding-top:40px}}

.mountain-weather-preview{margin:22px 0 0}.mountain-weather-preview img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #1f4a6b20}.mountain-weather-preview figcaption{font-size:12px;color:#52636b;padding-top:8px}

/* Use the space available to each feature, including the narrow side columns. */
.subscription-feature-grid article{container-type:inline-size}
.feature-layout{min-width:0}
.feature-copy{min-width:0}
@container (min-width:480px){
 .feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 26px;align-items:center}
 .subscription-plans .feature-layout>.feature-art{grid-column:1;grid-row:1;margin:0}
 .feature-layout>.feature-copy{grid-column:2;grid-row:1}
 .feature-copy h3{margin-top:0}
 .feature-copy p{margin-bottom:0}
 .feature-layout>.mountain-weather-preview{grid-column:1/-1;margin-top:0}
 .subscription-feature-grid article:nth-child(odd) .feature-art{grid-column:2}
 .subscription-feature-grid article:nth-child(odd) .feature-copy{grid-column:1}
}
@media(max-width:1100px){
 @container (min-width:480px){
  .subscription-feature-grid article:nth-child(odd) .feature-art{grid-column:1}
  .subscription-feature-grid article:nth-child(odd) .feature-copy{grid-column:2}
  .subscription-feature-grid article:nth-child(even) .feature-art{grid-column:2}
  .subscription-feature-grid article:nth-child(even) .feature-copy{grid-column:1}
 }
}

.subscription-page .faq{padding-top:64px}
@media(max-width:640px){.subscription-page .faq{padding-top:36px}}

.plan-card .subscription-closing{margin-top:28px;padding:26px 18px;border-radius:12px}
.plan-card .subscription-closing-options{gap:24px}
.plan-card .subscription-closing h2{font-size:24px;line-height:1.2}
.plan-card .subscription-closing .eyebrow{font-size:9px;letter-spacing:1px}
.plan-card .subscription-closing p:not(.eyebrow){font-size:12px}
.plan-card .subscription-closing .button{width:100%;padding:12px 8px;font-size:12px}
@media(max-width:640px){.plan-card .subscription-closing{padding:24px 16px}.plan-card .subscription-closing h2{font-size:26px}}
