/* Middle colours: the light, easy page, in midnight, electric blue and cantaloupe. Loaded after site.css, changes colours only. */

:root{
  --paper:#F5F2EC;--white:#FFFFFF;--sand:#ECE8E0;--ink:#0B0F1C;
  --coral:#FF8A4C;--ocean:#2A65F5;--sun:#FFC29A;--lagoon:#5B8CFF;--lilac:#8EABFF;
  --soft:#2B3040;--line:rgba(11,15,28,.12);
  --shadow:0 24px 60px -24px rgba(11,15,28,.3);
}
.c-coral,.c-sun,.c-lilac{--c-ink:#0B0F1C}
.c-ocean,.c-lagoon{--c-ink:#fff}

/* buttons: electric blue, the cantaloupe one with dark text */
.btn{background:var(--ocean);color:#fff;box-shadow:0 12px 28px -14px rgba(47,107,255,.8)}
.btn.coral{background:var(--coral);color:var(--ink);box-shadow:0 12px 28px -14px rgba(255,138,76,.85)}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.white{box-shadow:none}
.btn.go{background:var(--ocean);color:#fff}
.btn.go svg{stroke:#fff}
.btn.go:hover{background:#4A80FF}
.menu summary{background:var(--ocean)}
.pl svg{fill:var(--ink)}
.btn.profile .av,.cap .lab{color:var(--ink)}
.pl-skip{color:#fff}
.lang-dd button[aria-checked=true] i{color:var(--ink)}

/* the big circles: cantaloupe and electric blue, with a little depth */
.hero:before,.page-hero:before{background:radial-gradient(circle at 35% 30%,#FFB083,var(--c,var(--coral)) 70%)}
.hero:after{background:radial-gradient(circle at 35% 30%,#6E97FF,var(--ocean) 70%)}
.hero.ocean:before{background:radial-gradient(circle at 35% 30%,#6E97FF,var(--ocean) 70%)}
.page-hero.c-ocean:before,.page-hero.c-lagoon:before,.page-hero.c-lilac:before{background:radial-gradient(circle at 35% 30%,#6E97FF,var(--c,var(--ocean)) 70%)}
.rise:before{background:radial-gradient(circle at 50% 20%,#FFB083,var(--coral) 60%)}

/* the "Start free" banner: electric blue */
.cta{background:var(--ocean)}
.cta:after{background:var(--coral)}

/* How it works page: play buttons in the card's colour */
.pick .pk-go{background:var(--c);color:var(--c-ink)}

/* Readable words (AA contrast): the bright orange and blue stay on shapes and buttons, words on light backgrounds get a deeper shade */
.kick,.kick.c-coral,.kick.c-sun{color:#B4460F}
.kick.c-ocean,.kick.c-lagoon,.kick.c-lilac{color:#2357E0}
.menu nav a[aria-current]{color:#B4460F}
.route.c-lagoon .go,.route.c-ocean .go{color:#2357E0}
.route.c-lagoon,.route.c-lagoon .kick{color:var(--ink)}
.seat-steps .pers .best{color:#fff}
.tiers .dur.pop .btn.go{color:var(--ink)}
.sstep h3 .h2nd,html .slogan .sw.c-coral,.rise p.limitless b{color:#D65E1E}
.sc-per button small{color:#2357E0;filter:none}
.tiers .dur.pop .pop-tag{color:var(--ink)}
.cta p,.foot-cta p,.band p{color:#fff}

/* The text: one clean font (Onest, free licence, in fonts/), no grey, and lines that don't leave one word alone. */
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif}
body{line-height:1.5;letter-spacing:-.006em}
p,li,dd,small,.sc-then,.seat-steps li>span{text-wrap:pretty}
.lead{font-weight:450;font-size:clamp(19px,1.7vw,22px);line-height:1.38;letter-spacing:-.014em;color:var(--ink);max-width:26em;text-wrap:balance}
.sec-head .lead{max-width:24em}
.point p,.seat-steps li>span:not(.n),.faq details p,.numbered li span{font-size:16px;line-height:1.42}
.pbtn .s{font:450 14px/1.3 var(--sans)}
.row-what small{font-size:15.5px;font-weight:450}
.tiers .d-bill{font-size:16px}
.sc-hint,.sc-note,.seat-steps .tiers-cap{font-size:13.5px}
.sc-line{font-size:15px}
.sc-then{font-size:15.5px;line-height:1.38}
.sc-then{text-wrap:balance}
@media (max-width:700px){.rise p.limitless b{color:#B4460F}}