.how-list{gap:var(--spacing-3xl);counter-reset:none;margin:0;padding:0;list-style:none;display:grid;position:relative}.how-list:before{content:"";inset-block:var(--spacing-3xl);width:var(--spacing-xxs);background:color-mix(in srgb, var(--palette-brand-800) 18%, transparent);z-index:0;position:absolute;inset-inline-start:var(--spacing-3xl)}.how-step{z-index:1;grid-template-columns:var(--spacing-6xl) minmax(0, var(--paragraph-max-width));gap:var(--spacing-xl);align-items:start;display:grid;position:relative}.how-number{width:var(--spacing-6xl);height:var(--spacing-6xl);background:var(--palette-brand-800);border:var(--border-width-thick) solid color-mix(in srgb, var(--palette-brand-800) 22%, transparent);color:var(--color-text-white);font-size:var(--text-md-size);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.how-step--sold .how-number{border-color:var(--color-background-cta);background:var(--color-background-cta);color:var(--color-text-white)}.how-card{padding:var(--spacing-2xl);border:1px solid var(--palette-paper-200);border-radius:var(--radius-lg);background:var(--palette-base-white)}.how-step--sold .how-card{border-color:var(--palette-success-200);background:var(--palette-success-50)}.how-card__h{margin-block:var(--spacing-md) var(--spacing-sm);font-size:var(--text-xl-size);line-height:var(--text-xl-line-height)}.how-card__body{color:var(--color-text-secondary);max-width:60ch;margin:0}.how-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-sm-size);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--palette-brand-800) 8%, transparent);color:var(--palette-brand-800);font-weight:700;display:inline-flex}.how-badge--you{background:var(--palette-paper-100);color:var(--color-text-secondary)}.how-badge--choice{background:var(--palette-brand-800);color:var(--color-text-white)}.how-badge--sold{background:var(--color-background-cta);color:var(--color-text-white)}.how-badge svg{width:var(--spacing-xl);height:var(--spacing-xl);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.how-portals{border-block-start:1px solid var(--palette-paper-200);margin-block-start:var(--spacing-2xl);padding-block-start:var(--spacing-xl)}.how-portals__h{margin-block:var(--spacing-xl) var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--text-sm-size);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.how-portals__h:first-child{margin-block-start:0}.how-logos,.how-chains{align-items:center;gap:var(--spacing-lg) var(--spacing-2xl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.how-logos img{width:auto;height:var(--spacing-3xl);display:block}.how-chains li{padding:var(--spacing-sm) var(--spacing-lg);border:1px dashed var(--palette-paper-300);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-md-size);font-weight:600}.how-choice{gap:var(--spacing-lg);align-items:center;margin-block-start:var(--spacing-2xl);display:grid}.how-choice__option{padding:var(--spacing-xl);border:1px solid var(--palette-paper-200);border-radius:var(--radius-lg);background:var(--palette-paper-50)}.how-choice__option--recommended{border-color:var(--palette-success-200);background:var(--palette-success-50)}.how-choice__option h3{margin-block:var(--spacing-md) var(--spacing-sm);font-size:var(--text-lg-size);line-height:var(--text-lg-line-height)}.how-choice__option p{color:var(--color-text-secondary);font-size:var(--text-md-size);margin:0}.how-or{color:var(--color-text-tertiary);font-size:var(--text-sm-size);letter-spacing:.06em;text-transform:uppercase;place-self:center;font-weight:700}.how-booking{max-width:var(--width-md);margin-block-start:var(--spacing-3xl)}.how-paths{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit, minmax(var(--width-4xs), 1fr));margin-block-start:var(--spacing-3xl);display:grid}.how-path{gap:var(--spacing-sm);padding:var(--spacing-2xl);border:1px solid var(--palette-paper-200);border-radius:var(--radius-lg);background:var(--palette-base-white);color:inherit;grid-template-rows:auto auto 1fr auto;text-decoration:none;display:grid}.how-path:hover{border-color:var(--palette-paper-300);background:var(--color-background-primary)}.how-path--primary{border-color:var(--palette-brand-800);background:var(--palette-brand-800);color:var(--color-text-white)}.how-path--primary:hover{border-color:var(--palette-brand-950);background:var(--palette-brand-950);color:var(--color-text-white)}.how-path__ic{width:var(--spacing-5xl);height:var(--spacing-5xl);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--palette-brand-800) 8%, transparent);justify-content:center;align-items:center;margin-block-end:var(--spacing-md);display:flex}.how-path--primary .how-path__ic{background:color-mix(in srgb, var(--palette-base-white) 15%, transparent)}.how-path__ic svg{width:var(--spacing-3xl);height:var(--spacing-3xl);fill:none;stroke:var(--palette-brand-800);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.how-path--primary .how-path__ic svg{stroke:var(--color-text-white)}.how-path__title{font-size:var(--text-xl-size);line-height:var(--text-xl-line-height);font-weight:700}.how-path__body{color:var(--color-text-secondary)}.how-path--primary .how-path__body{color:color-mix(in srgb, var(--palette-base-white) 80%, transparent)}.how-path__link{text-underline-offset:var(--spacing-xxs);margin-block-start:var(--spacing-md);font-weight:700;text-decoration:underline}.how-call{color:var(--color-text-secondary);font-size:var(--text-md-size);margin-block-start:var(--spacing-3xl)}@media (width>=900px){.how-list:before{inset-inline-start:50%;inset-block:var(--spacing-8xl);transform:translate(-50%)}.how-step{grid-template-columns:minmax(0, 1fr) var(--spacing-7xl) minmax(0, 1fr);column-gap:var(--spacing-4xl);align-items:center}.how-number{width:var(--spacing-7xl);height:var(--spacing-7xl);font-size:var(--text-lg-size);grid-area:1/2}.how-card{grid-area:1/1}.how-step:nth-child(2n) .how-card{grid-area:1/3}}@media (width<=560px){.how-step{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}.how-list:before{display:none}.how-card{padding:var(--spacing-xl)}}
