@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}

:root{
  --yellow:#FCC442; --yellow-deep:#E0A81F; --navy:#04293A; --navy-deep:#041C32; --navy-ink:#0B2233;
  --paper:#F5F3EC; --paper-2:#ECE9DF; --ink:#132430; --ink-2:#4F5F6B; --line:#D9D5C8;
  --on-navy:#EEF1EE; --on-navy-2:#A9BAC4; --focus:#FCC442;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --text:"Barlow","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);margin:0;line-height:.95;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(3rem,8vw,6rem);font-weight:800;text-transform:uppercase}
h2{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;text-transform:uppercase}
h3{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em}
p{margin:0 0 1em}
a{color:inherit;text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
::selection{background:var(--yellow);color:var(--navy-deep)}
img{max-width:100%;display:block}
.wrap{max-width:76rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:800}
.small{font-size:.9rem;color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem;padding:.75rem 1.4rem;border-radius:4px;text-decoration:none;border:2px solid transparent;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease}
.btn:active{transform:scale(.97)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-deep)}
.btn-yellow{background:var(--yellow);color:var(--navy-deep)}
.btn-yellow:hover{background:var(--yellow-deep)}
.btn-ghost{border-color:currentColor;background:transparent}
.link{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}

/* proto banner */
.proto{background:var(--navy-deep);color:var(--on-navy-2);font-size:.8rem;text-align:center;padding:.4rem 1rem}
.proto b{color:var(--yellow)}

/* nav */
nav.top{position:sticky;top:0;z-index:20;background:var(--yellow);border-bottom:1px solid rgba(4,41,58,.15)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.25rem}
nav.top .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.25rem;line-height:1;color:var(--navy-deep)}
nav.top .brand img{height:2.6rem;width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(43%) saturate(1900%) hue-rotate(172deg) brightness(95%)}
nav.top ul{display:none;list-style:none;margin:0;padding:0;gap:1.4rem}
nav.top ul a{text-decoration:none;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;color:var(--navy-deep)}
nav.top ul a:hover{text-decoration:underline}
@media(min-width:960px){nav.top ul{display:flex}}
nav.top .btn{font-size:1rem;padding:.55rem 1.1rem}

/* hero */
.hero{background:var(--yellow);color:var(--navy-deep);padding:clamp(2.5rem,6vw,5rem) 0 0;overflow:hidden}
.hero .wrap{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.25fr 1fr;align-items:end}}
.hero .lede{font-size:clamp(1.15rem,1.6vw,1.35rem);max-width:34rem;margin:1.25rem 0 1.75rem;font-weight:500}
.hero .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2.5rem}
.plate{background:var(--navy-deep);color:var(--on-navy);border-radius:10px;padding:1.25rem 1.5rem 1.4rem;position:relative;box-shadow:0 18px 40px -18px rgba(4,28,50,.55);max-width:26rem;justify-self:start;margin-bottom:-1px}
@media(min-width:900px){.plate{justify-self:end;margin-bottom:0}}
.plate::before,.plate::after{content:"";position:absolute;top:.7rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 3px var(--navy-deep)}
.plate::before{left:.8rem}.plate::after{right:.8rem}
.plate .k{font-family:var(--display);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);text-align:center;margin-bottom:.4rem}
.plate .big{font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,7vw,5.2rem);line-height:.9;text-align:center;letter-spacing:-.01em}
.plate .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.14);padding-top:.9rem;text-align:center}
.plate .row b{display:block;font-family:var(--display);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.plate .row span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-2)}
.plate .sum{margin-top:1rem;background:var(--yellow);color:var(--navy-deep);border-radius:6px;padding:.6rem .9rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.plate .sum b{font-family:var(--display);font-size:1.9rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.plate .sum span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.hero-photo{position:relative;margin-top:0}
.hero-photo img{width:100%;height:clamp(16rem,42vw,34rem);object-fit:cover;object-position:60% 40%}
.hero-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:.6rem clamp(1rem,4vw,2.5rem);font-size:.78rem;color:#fff;background:linear-gradient(transparent,rgba(4,28,50,.7));letter-spacing:.04em}

/* profile band */
.profile{background:var(--navy);color:var(--on-navy);padding:1.5rem 0 0;position:relative}
.profile .wrap{padding-bottom:0}
.profile .meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-2);margin-bottom:.5rem}
.profile svg{display:block;width:100%;height:auto}
.profile .st{font-family:var(--display);font-weight:700;font-size:13px;fill:var(--yellow);letter-spacing:.06em}
.profile .st2{font-family:var(--text);font-size:11px;fill:var(--on-navy-2)}
.profile path.line{stroke:var(--yellow);stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round}
.profile path.fill{fill:var(--yellow);opacity:.13}
.profile .marker{fill:var(--yellow)}
.profile .marker-ring{fill:none;stroke:var(--yellow);stroke-width:1.5;opacity:.6}
@media (prefers-reduced-motion: no-preference){.profile path.line{stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw 2.4s cubic-bezier(.23,1,.32,1) .3s forwards}}
@keyframes draw{to{stroke-dashoffset:0}}

/* sections */
section{padding:clamp(3rem,7vw,6rem) 0;scroll-margin-top:4.5rem}
.eyebrow-free h2 + p.lead{font-size:1.2rem;max-width:40rem;margin-top:1rem}
.split{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}}
.stage-tag{font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}
.stage-tag i{width:2.2rem;height:3px;background:var(--yellow-deep);display:inline-block}
.on-navy .stage-tag{color:var(--on-navy-2)} .on-navy .stage-tag i{background:var(--yellow)}
.races .stage-tag{color:var(--on-navy-2)} .races .stage-tag i{background:var(--yellow)}

/* mechanism ledger */
.ledger{margin:2rem 0 0;padding:0;list-style:none;display:grid;gap:0;border-top:2px solid var(--navy);max-width:44rem}
.ledger li{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.ledger li .k{font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1}
.ledger li p{margin:0}
.ledger li p b{font-weight:600}

/* race section */
.race{background:var(--navy-deep);color:var(--on-navy)}
.race h2{color:#fff}
.race .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin-top:2rem}
@media(min-width:700px){.race .facts{grid-template-columns:repeat(4,1fr)}}
.race .facts b{display:block;font-family:var(--display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;color:var(--yellow);line-height:.95;font-variant-numeric:tabular-nums}
.race .facts span{font-size:.9rem;color:var(--on-navy-2)}
.race figure{margin:2.5rem 0 0;position:relative}
.race figure img{width:100%;height:clamp(14rem,38vw,30rem);object-fit:cover;border-radius:6px}
.race figcaption{font-size:.8rem;color:var(--on-navy-2);margin-top:.5rem}

/* projects */
.project{display:grid;grid-template-columns:1fr;gap:1.25rem 2.5rem;padding:2rem 0;border-top:1px solid var(--line)}
.project:first-of-type{border-top:2px solid var(--navy)}
@media(min-width:800px){.project{grid-template-columns:14rem 1fr auto;align-items:start}}
.project .logo{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:6rem}
.project .logo img{max-height:3.6rem;width:auto}
.project h3{margin-bottom:.4rem}
.project p{max-width:52ch;margin-bottom:.4rem}
.project .link{white-space:nowrap}
.projects figure{margin:2.5rem 0 0}
.projects figure img{width:100%;height:clamp(12rem,30vw,22rem);object-fit:cover;border-radius:6px}
.projects figcaption{font-size:.8rem;color:var(--ink-2);margin-top:.5rem}

/* team */
.team-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:640px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.team-grid{grid-template-columns:repeat(4,1fr)}}
.rider{background:var(--paper-2);border-radius:8px;padding:1.1rem 1.1rem 1.2rem;position:relative;min-height:15rem;display:flex;flex-direction:column;gap:.6rem}
.rider .no{font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}
.rider .no small{font-size:.8rem;letter-spacing:.12em;color:var(--ink-2);display:block;font-weight:700}
.rider img{width:5rem;height:5rem;border-radius:50%;object-fit:cover;border:3px solid var(--yellow)}
.rider h3{font-size:1.3rem}
.rider .q{width:5rem;height:5rem;border-radius:50%;border:3px solid var(--yellow);background:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:2.6rem;color:var(--navy)}
.rider p{font-size:.92rem;color:var(--ink-2);margin:0}
.rider.open{border:2px dashed var(--navy);background:transparent}
.rider.open .no{color:var(--yellow-deep)}
.rider.open .btn{margin-top:auto;align-self:flex-start}

/* sponsors: jersey */
.sponsor{background:var(--yellow);color:var(--navy-deep)}
.jersey-wrap{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:900px){.jersey-wrap{grid-template-columns:1fr 1.2fr;align-items:center}}
.jersey svg{width:100%;max-width:26rem;height:auto;display:block;margin:0 auto}
.pk{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.pk li{background:rgba(4,28,50,.08);border-radius:6px;padding:.9rem 1rem;display:grid;grid-template-columns:2.6rem 1fr;gap:.9rem;align-items:start}
.pk li .z{font-family:var(--display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--navy-deep)}
.pk li b{font-family:var(--display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.03em;display:block}
.pk li span{font-size:.92rem}
.partners{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(4,28,50,.2);display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem}
.partners .lbl{font-family:var(--display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}
.partners img.nofilter{filter:none}
.partners img{height:2.2rem;width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(43%) saturate(1900%) hue-rotate(172deg) brightness(95%);opacity:.85}

/* donate */
.donate{background:var(--navy);color:var(--on-navy)}
.donate h2{color:#fff}
.donate .grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:900px){.donate .grid{grid-template-columns:1.1fr 1fr}}
.acct{background:var(--navy-deep);border-radius:8px;padding:1.25rem 1.4rem}
.acct dl{margin:0;display:grid;grid-template-columns:1fr;gap:.6rem}
.acct dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-2)}
.acct dd{margin:0 0 .5rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-variant-numeric:tabular-nums;font-size:1.05rem}
.acct dd.iban{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:.04em}
.copy{font:600 .75rem/1 var(--text);letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--yellow);border:1px solid var(--yellow);border-radius:4px;padding:.4rem .6rem;cursor:pointer}
.copy:hover{background:rgba(252,196,66,.12)}
.purpose{display:flex;gap:.5rem;flex-wrap:wrap;margin:.25rem 0 .75rem}
.purpose label{border:1px solid var(--on-navy-2);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;cursor:pointer;display:inline-flex;gap:.4rem;align-items:center}
.purpose input{accent-color:var(--yellow)}
.purpose label:has(input:checked){background:var(--yellow);color:var(--navy-deep);border-color:var(--yellow)}
.qr img{width:5.5rem;height:5.5rem}
.qr{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:center;margin-top:1rem;font-size:.9rem;color:var(--on-navy-2)}
.qr div.box{width:5.5rem;height:5.5rem;border:2px dashed var(--on-navy-2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;text-align:center;line-height:1.2}
.trust{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.trust li{display:grid;grid-template-columns:1.5rem 1fr;gap:.75rem;align-items:start}
.trust li svg{width:1.4rem;height:1.4rem;stroke:var(--yellow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:.15rem}
.trust li b{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em}
.trust li span{font-size:.95rem;color:var(--on-navy-2)}


/* photo strip */
.strip{background:var(--paper-2)}
.strip-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;grid-auto-flow:dense}
@media(min-width:800px){.strip-grid{grid-template-columns:repeat(4,1fr)}}
.strip-grid figure{margin:0;position:relative;border-radius:6px;overflow:hidden;background:var(--navy-deep)}
.strip-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.strip-grid figure:nth-child(1){grid-column:1;grid-row:1/3}.strip-grid figure:nth-child(6){grid-column:2;grid-row:1/3}
@media(min-width:800px){.strip-grid figure:nth-child(6){grid-column:4}}
.strip-grid figure:nth-child(1) img,.strip-grid figure:nth-child(6) img{aspect-ratio:auto;height:100%}
.strip-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:.5rem .7rem;font-size:.78rem;color:#fff;background:linear-gradient(transparent,rgba(4,28,50,.75));letter-spacing:.02em}


/* teams */
.teams{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}
@media(min-width:800px){.teams{grid-template-columns:repeat(4,1fr)}}
.teams figure{margin:0;background:var(--paper-2);border-radius:8px;overflow:hidden}
.on-navy .teams figure,.races .teams figure{background:rgba(255,255,255,.06)}
.teams img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.teams .ph-box{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border:2px dashed var(--line);border-radius:8px 8px 0 0;color:var(--ink-2);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em}
.on-navy .teams .ph-box,.races .teams .ph-box{border-color:var(--on-navy-2);color:var(--on-navy-2)}
.teams figure.ph{background:transparent}
.teams figcaption{display:flex;align-items:baseline;gap:.7rem;padding:.7rem .9rem .8rem}
.teams figcaption b{font-family:var(--display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}
.on-navy .teams figcaption b,.races .teams figcaption b{color:var(--yellow)}
.teams figcaption span{font-size:.92rem;color:var(--ink-2)}
.on-navy .teams figcaption span,.races .teams figcaption span{color:var(--on-navy-2)}


/* contact */
.contact{background:var(--paper-2)}
.contact .grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:900px){.contact .grid{grid-template-columns:1fr 1.1fr;align-items:start}}
form.member{background:var(--navy-deep);color:var(--on-navy);border-radius:8px;padding:1.4rem 1.5rem;display:grid;gap:.9rem}
form.member label{display:grid;gap:.3rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-2)}
form.member input,form.member select,form.member textarea{font:1rem var(--text);padding:.65rem .75rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;caret-color:var(--yellow)}
form.member select option{color:var(--ink)}
form.member input::placeholder,form.member textarea::placeholder{color:rgba(255,255,255,.4)}
form.member .two{display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:560px){form.member .two{grid-template-columns:1fr 1fr}}
form.member .btn{justify-self:start}
form.member .note{font-size:.82rem;color:var(--on-navy-2);margin:0}
form.member .ok{display:none;background:var(--yellow);color:var(--navy-deep);padding:.8rem 1rem;border-radius:6px;font-weight:600}
form.member.sent .ok{display:block}
form.member .level{border:0;padding:0;margin:0;display:grid;gap:.4rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-2)}
form.member .level legend{padding:0;margin-bottom:.2rem}
form.member .level div{display:flex;flex-wrap:wrap}
form.member .level label{display:inline-flex;flex-direction:row;align-items:center;gap:.4rem;text-transform:none;letter-spacing:0;font-size:1rem;color:#fff;margin-right:1rem}
form.member .level input{accent-color:var(--yellow);width:1.1rem;height:1.1rem;margin:0}
form.member .consent{display:grid;grid-template-columns:1.2rem 1fr;gap:.6rem;align-items:start;text-transform:none;letter-spacing:0;font-size:.85rem;color:var(--on-navy-2)}
form.member .consent input{accent-color:var(--yellow);margin-top:.2rem}
form.member .consent a{color:#fff}

/* legal pages */
.legalpage{background:var(--paper);border-top:2px solid var(--navy)}
.legalpage .wrap{max-width:52rem}
.legalpage h2{margin-bottom:.5rem}
.legalpage h3{font-size:1.2rem;margin:1.8rem 0 .4rem}
.legalpage p{max-width:70ch;font-size:1rem}
.legalpage .back{display:inline-block;margin-bottom:1.5rem}

/* footer */
footer{background:var(--navy-deep);color:var(--on-navy-2);padding:3rem 0 2.5rem;font-size:.92rem}
footer .grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:800px){footer .grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}
footer h3{color:#fff;font-size:1.1rem;margin-bottom:.6rem}
footer a{color:var(--on-navy)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
footer .brandline{display:flex;align-items:center;gap:.9rem;color:#fff}
footer .brandline svg{width:3.2rem;height:auto}
footer .brandline .st0{fill:#fff} footer .brandline .st1{fill:var(--yellow)}
footer .legal{margin-top:2.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:1rem 2rem;font-size:.82rem}
.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,120%);visibility:hidden;opacity:0;background:var(--yellow);color:var(--navy-deep);font:600 .9rem var(--text);padding:.6rem 1rem;border-radius:6px;transition:transform 300ms cubic-bezier(.23,1,.32,1);z-index:30}
.toast.show{transform:translate(-50%,0);visibility:visible;opacity:1}

.pp{margin-top:1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}
.pp .btn{font-size:1rem;padding:.6rem 1.1rem}
.pp span{font-size:.85rem;color:var(--on-navy-2)}

.legalpage{border-top:0}