/* lp.css — system designu landing page'y dr. Pawła Skalskiego
   Ładowany przez szablony LP (canvas) z: /lp/_assets/lp.css
   NADZBIÓR dla wszystkich 4 LP — różnice per-LP: hero przez zmienne CSS
   (--hero-bg-d / --hero-bg-m ustawiane w szablonie), licznik (mocne) i .foot-addr (SAFE)
   współistnieją (nieużyte reguły są nieszkodliwe). */

:root{
  --navy:#0d274c; --navy-2:#0f2f5e; --navy-3:#0a1f3d;
  --blue:#117cce; --blue-2:#1079c8; --blue-soft:#eaf2fb;
  --yellow:#ffc204; --yellow-2:#ffce3a; --yellow-deep:#e9ad00;
  --ink:#15233b; --muted:#5d6b81; --paper:#ffffff; --paper-2:#f4f8fd;
  --line:#dde6f1;
  --head:"Nunito Sans",system-ui,Segoe UI,sans-serif;
  --body:"Roboto",system-ui,Segoe UI,sans-serif;
  --wrap:1140px;
  --shadow-cta:0 12px 26px rgba(233,173,0,.45);
  /* hero — domyslnie obrazy m1; szablon nadpisuje absolutnymi URL-ami (lejek_img) */
  --hero-bg-d:url("img/ps-car.jpg");
  --hero-bg-m:url("img/ps-car_h.jpg");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--head);line-height:1.12;color:var(--navy);font-weight:900}
strong,b{font-weight:700}
a{color:var(--blue-2)}
img{max-width:100%;display:block;height:auto} /* height:auto = atrybut height (hint) nie nadpisuje aspect-ratio */
.lp picture{display:contents} /* <picture> przezroczyste dla layoutu: <img> dziedziczy .photo img/.tcard img/.avatar itd. */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.kicker{font-family:var(--head);font-weight:900;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2)}

/* ---------- CTA ---------- */
.cta{display:inline-flex;align-items:center;gap:.5em;justify-content:center;font-family:var(--head);font-weight:900;font-size:19px;line-height:1.1;color:var(--navy)!important;text-decoration:none;cursor:pointer;border:none;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));padding:18px 30px;border-radius:14px;box-shadow:var(--shadow-cta);transition:transform .12s,box-shadow .12s,filter .12s;text-align:center}
.cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 16px 32px rgba(233,173,0,.55)}
.cta:active{transform:translateY(0)}
.cta--block{width:100%}
.cta--lg{font-size:19px;padding:21px 34px}
.cta .arrow{transition:transform .15s}
.cta:hover .arrow{transform:translateX(4px)}

/* ---------- header desktop (sticky on-scroll) + mobile (logo top / dolny bar) ---------- */
.topbar{position:fixed;top:0;left:0;right:0;z-index:80;background:var(--navy-3);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 24px rgba(0,0,0,.28);transform:translateY(-100%);transition:transform .3s ease}
.topbar.show{transform:translateY(0)}
/* zalogowany admin widzi pasek WP (#wpadminbar) — zsuń sticky topbar pod niego (tylko admin) */
body.admin-bar .topbar{top:32px}
@media screen and (max-width:782px){body.admin-bar .topbar{top:46px}}
.topbar .row{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 22px}
.tb-logo{display:flex;align-items:center}
.tb-logo img{height:32px;width:auto;display:block}
.topbar .cta{padding:11px 20px;font-size:15px;border-radius:11px;box-shadow:none}
.mtop{display:none}
.mbar{display:none}
@media(max-width:759px){
  .topbar{display:none}
  .mtop{display:flex;align-items:center;justify-content:center;background:var(--navy-3);padding:11px 16px}
  .mtop img{height:28px;width:auto;display:block}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--navy-3);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -6px 22px rgba(0,0,0,.3);padding:9px 13px;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s ease;pointer-events:none}
  .mbar.show{transform:translateY(0);pointer-events:auto}
  .mbar-info{font-family:var(--head);font-weight:900;color:#fff;font-size:12.5px;line-height:1.2}
  .mbar-info b{color:var(--yellow)}
  .mbar .cta{padding:12px 18px;font-size:15px;border-radius:11px;box-shadow:none;flex:0 0 auto}
  .foot .wrap{padding-bottom:80px}
}

/* ---------- HERO v2 (gole, pelnoekranowe tlo, gradient odwrocony) ---------- */
.hero{position:relative;background:var(--navy);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:var(--hero-bg-d) center center/cover no-repeat}
/* gradient: lewa czysta -> prawa navy ~70% */
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,31,61,0) 0%,rgba(10,31,61,0) 40%,rgba(10,31,61,.40) 64%,rgba(10,31,61,.70) 90%,rgba(10,31,61,.72) 100%)}
.hero .wrap{position:relative;z-index:2}
/* wariant hero z <img> (LCP): realny obrazek zamiast tla na ::before; gradient ::after zostaje */
.hero--img::before{content:none}
.hero--img .hero-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:40px 0}
.hero-grid>*{min-width:0}
@media(min-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr) 450px;gap:44px;align-items:start;min-height:860px;padding:46px 0 56px}}
.hero .kicker{color:var(--yellow);display:inline-block;margin-bottom:14px}
.hero h1{color:#fff;font-size:30px;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(6,16,34,.62),0 2px 26px rgba(6,16,34,.62)}
@media(min-width:960px){.hero h1{font-size:44px;max-width:24ch}}
.hero .sub{font-size:18px;font-weight:500;color:#eef3fb;margin-top:18px;max-width:44ch;text-shadow:0 1px 3px rgba(6,16,34,.7),0 2px 18px rgba(6,16,34,.65)}
@media(min-width:960px){.hero .sub{font-size:22px}}
.hero .sub .ul{position:relative;font-weight:700;color:#fff;white-space:nowrap}
.hero .sub .ul::after{content:"";position:absolute;left:-1%;right:-1%;bottom:-.26em;height:.42em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 18' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M4 11 C 80 4, 150 16, 296 7' stroke='%23ffc204' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.hand-arrow{display:block;width:120px;height:auto;color:var(--yellow);margin:12px 0 0 4px;filter:drop-shadow(0 2px 5px rgba(6,16,34,.5))}
@media(min-width:960px){.hand-arrow{width:215px;margin:-26px -48px 0 auto}}
@media(max-width:959px){.hand-arrow{transform:rotate(60deg);width:84px;margin-left:30px}}
/* tablet + mobile: full-bleed pionowe zdjecie, gradient w navy #0b2243, form nachodzi */
@media(max-width:959px){
  .hero{background:#0b2243}
  .hero::before{top:0;left:0;right:0;bottom:auto;height:80vh;transform:none;max-width:none;width:auto;background:var(--hero-bg-m) center 45%/cover no-repeat}
  .hero::after{top:0;left:0;right:0;bottom:auto;height:80vh;background:linear-gradient(180deg,rgba(11,34,67,.74) 0%,rgba(11,34,67,.30) 20%,rgba(11,34,67,.04) 40%,rgba(11,34,67,.10) 56%,rgba(11,34,67,.6) 78%,rgba(11,34,67,1) 92%)}
  .hero--img .hero-img{bottom:auto;height:80vh;object-position:center 45%}
  .hero-copy{min-height:52vh}
  .hand-arrow{display:none}
}

/* ---------- czego sie nauczysz (bullety + foto) ---------- */
.learn{background:var(--paper-2);padding:52px 0}
@media(min-width:760px){.learn{padding:64px 0}}
.learn .wrap{display:grid;gap:28px;align-items:center}
@media(min-width:880px){.learn .wrap{grid-template-columns:1fr 1.05fr;gap:58px}}
.learn .photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.learn h2{font-family:var(--head);font-weight:900;color:var(--navy);font-size:23px;line-height:1.2;letter-spacing:-.3px}
@media(min-width:760px){.learn h2{font-size:29px}}
.blist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}
.blist li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:#33445e}
@media(min-width:760px){.blist li{font-size:17px}}
.blist .n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));color:var(--navy);font-family:var(--head);font-weight:900;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px;box-shadow:0 3px 8px rgba(233,173,0,.4)}
.learn .closing{margin-top:20px;font-size:16px;line-height:1.55;color:var(--ink)}
@media(min-width:760px){.learn .closing{font-size:17px}}
.learn .closing b{color:var(--navy);font-weight:800}
.learn .cta{margin-top:22px}

/* ---------- Kto poprowadzi (bio + logotypy wmergowane) ---------- */
.host{background:var(--navy);color:#cdd9ec;padding:52px 0}
@media(min-width:760px){.host{padding:66px 0}}
.host .wrap{display:grid;gap:30px;align-items:center}
@media(min-width:880px){.host .wrap{grid-template-columns:1fr 1fr;gap:54px}}
.host .q{display:inline-block;font-family:var(--head);font-weight:800;color:var(--yellow);font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.host h2{font-family:var(--head);font-weight:900;color:#fff;font-size:32px;line-height:1.08;letter-spacing:-.3px}
@media(min-width:760px){.host h2{font-size:40px}}
.host .role{font-family:var(--head);font-weight:800;color:#b6c6e0;font-size:15px;margin-top:8px}
@media(min-width:760px){.host .role{font-size:16px}}
.host .bio{margin-top:13px;font-size:16px;line-height:1.6;color:#cfdcef}
@media(min-width:760px){.host .bio{font-size:17px}}
.host .known-mini{margin-top:26px}
.host .km-label{display:block;font-family:var(--head);font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#90a4c0;margin-bottom:14px}
.host .logos{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:30px 24px;background:#fff;border-radius:16px;padding:26px;box-shadow:0 16px 38px rgba(0,0,0,.34);width:100%}
.host .logos img{height:38px;width:auto;opacity:.82;filter:grayscale(1)}
.host .logos img:last-child{height:42px}
@media(min-width:760px){.host .logos img{height:46px}.host .logos img:last-child{height:52px}}
.host-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;box-shadow:0 28px 64px rgba(0,0,0,.5)}

/* ---------- testimoniale (karuzela opinii) ---------- */
.tcar{background:var(--paper-2);padding:54px 0}
@media(min-width:760px){.tcar{padding:66px 0}}
.tcar-head{text-align:center;max-width:720px;margin:0 auto 16px}
.tcar h2{font-family:var(--head);font-weight:900;color:var(--navy);font-size:27px;line-height:1.15;letter-spacing:-.3px}
@media(min-width:760px){.tcar h2{font-size:36px}}
.tcar-sub{margin-top:14px;font-size:16px;line-height:1.55;color:var(--muted)}
@media(min-width:760px){.tcar-sub{font-size:18px}}
/* LCP-fix: scroll-snap (mandatory I proximity) wywoluje re-snap przy zmianach layoutu (lazy-img),
   co unieważnia kandydata LCP -> PSI/Lighthouse: NO_LCP. 'none' to jedyny pewny fix (potwierdzone Puppeteer).
   Karuzela dziala dalej: strzalki/kropki/drag/scroll (JS scrollTo); znika tylko magnetyczny snap. */
.tcar-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:smooth;padding:18px 14px 38px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}
.tcar-track.drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.tcar-track::-webkit-scrollbar{display:none}
.tcard{flex:0 0 86%;scroll-snap-align:start;margin:0}
@media(min-width:620px){.tcard{flex:0 0 47%}}
@media(min-width:980px){.tcard{flex:0 0 31.6%}}
.tcard img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(13,39,76,.12);background:#fff}
.tcar-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}
.tcar-cta{text-align:center;margin-top:24px}
.tcar-btn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-family:var(--head);font-size:24px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(13,39,76,.14);display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s}
.tcar-btn:hover{transform:scale(1.07);box-shadow:0 10px 22px rgba(13,39,76,.22)}
.tcar-dots{display:flex;gap:8px;align-items:center}
.tcar-dots button{width:9px;height:9px;border-radius:50%;border:none;background:#c4d2e6;cursor:pointer;padding:0;transition:transform .15s,background .15s}
.tcar-dots button.on{background:var(--blue-2);transform:scale(1.3)}
.tcar-foot{text-align:center;max-width:760px;margin:30px auto 0;font-size:15.5px;line-height:1.55;color:var(--ink)}
@media(min-width:760px){.tcar-foot{font-size:16.5px}}

/* ---------- odliczanie "Do spotkania zostalo" (mocne) / karta terminu (SAFE) ---------- */
.cdsec{background:#fff;padding:50px 0 58px}
@media(min-width:760px){.cdsec{padding:60px 0 68px}}
.cdsec .inner{max-width:920px;margin:0 auto;padding:0 20px;text-align:center}
/* karta z data */
.cd-date{display:inline-flex;align-items:center;gap:15px;margin-bottom:28px}
.cd-cal{flex:0 0 auto;color:var(--navy);display:flex;align-items:center;justify-content:center}
.cd-cal svg{width:64px;height:64px;stroke-width:1.9}
.cd-date-txt{text-align:left}
.cd-date-label{display:block;font-family:var(--head);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-2)}
.cd-date-val{display:block;font-family:var(--head);font-weight:900;font-size:19px;color:var(--navy);margin-top:3px;letter-spacing:-.2px;white-space:nowrap}
@media(min-width:760px){.cd-date-val{font-size:26px}}
/* naglowek odliczania */
.cd-lead2{font-family:var(--head);font-weight:900;color:var(--muted);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
@media(min-width:760px){.cd-lead2{font-size:16px}}
/* boxy */
.cd-row{display:flex;align-items:center;justify-content:center;gap:6px}
@media(min-width:760px){.cd-row{gap:14px}}
.cd-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;aspect-ratio:1/1;background:var(--navy);border:none;border-radius:14px;box-shadow:0 14px 30px rgba(13,39,76,.22)}
@media(min-width:760px){.cd-box{width:118px;border-radius:18px}}
.cd-box b{font-family:var(--head);font-weight:900;color:#fff;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
@media(min-width:760px){.cd-box b{font-size:54px}}
.cd-box span{margin-top:3px;font-family:var(--head);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9fb2cd}
@media(min-width:760px){.cd-box span{font-size:12px;margin-top:4px}}
.cd-sep{font-family:var(--head);font-weight:900;font-style:normal;color:var(--yellow-deep);font-size:30px;line-height:1}
@media(min-width:760px){.cd-sep{font-size:44px}}

/* ---------- form card / wizard ---------- */
.formcard{background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 26px 60px rgba(0,0,0,.38);overflow:hidden;border:3px solid var(--yellow)}
.fc-head{background:var(--navy);color:#fff;padding:17px 22px;text-align:center}
.fc-head .t{font-family:var(--head);font-weight:900;font-size:20px;color:#fff}
.fc-head .d{font-size:13.5px;color:var(--yellow);font-weight:800;margin-top:4px;font-family:var(--head)}
.creds{display:flex;align-items:center;gap:12px;padding:16px 22px 0}
.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--yellow);flex:0 0 auto}
.creds .nm{font-family:var(--head);font-weight:900;color:var(--navy);font-size:15px}
.creds .rl{font-size:12.5px;color:var(--muted)}
.fc-body{padding:16px 22px 24px}
.progress{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.pbar{flex:1;height:7px;background:var(--line);border-radius:99px;overflow:hidden}
.pbar span{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--blue-2),var(--blue));transition:width .4s}
.plabel{font-family:var(--head);font-weight:900;font-size:12px;color:var(--blue-2);white-space:nowrap}
.wizard{position:relative;transition:height .4s ease}
.wstep{position:absolute;top:0;left:0;width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s}
#ws1{transform:translateX(0);opacity:1}
#ws2{transform:translateX(36px);opacity:0;pointer-events:none}
.wizard.s2 #ws1{transform:translateX(-36px);opacity:0;pointer-events:none}
.wizard.s2 #ws2{transform:translateX(0);opacity:1;pointer-events:auto}
.q{font-family:var(--head);font-weight:900;color:var(--navy);font-size:17px;margin-bottom:13px;line-height:1.3}
.opts{display:grid;gap:9px}
.opt{display:flex;align-items:center;gap:11px;border:2px solid var(--line);border-radius:12px;padding:13px 14px;cursor:pointer;font-weight:500;transition:all .12s;background:#fff}
.opt:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateX(2px)}
.opt .tick{width:20px;height:20px;border-radius:50%;border:2px solid #c4d2e6;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.opt.sel{border-color:var(--blue-2);background:var(--blue-soft)}
.opt.sel .tick{background:var(--blue-2);border-color:var(--blue-2)}
.opt.sel .tick::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
.back{background:none;border:none;color:var(--blue-2);font-family:var(--head);font-weight:800;font-size:13px;cursor:pointer;padding:0;margin-bottom:12px}
.field{margin-bottom:12px}
.field label{display:block;font-weight:800;font-size:13.5px;color:var(--navy);margin-bottom:5px;font-family:var(--head)}
.field input{width:100%;border:2px solid var(--line);border-radius:11px;padding:10px 14px;font-size:16px;font-family:var(--body);transition:border .12s,box-shadow .12s}
.field input:focus{outline:none;border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(17,124,206,.15)}
.inp{position:relative}
.inp .fi{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9aa7bd;pointer-events:none}
.inp input{padding-left:42px}
.field.err input{border-color:#e0453a;background:#fff6f5}
.err-msg{display:none;color:#c5362c;font-size:12.5px;margin-top:4px;font-weight:500}
.field.err .err-msg{display:block}
.consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 16px;font-size:13px;color:var(--muted);line-height:1.45}
.consent input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--blue-2)}
.consent.err{color:#c5362c}
.doi{font-size:12.5px;color:var(--muted);margin-top:13px;line-height:1.5}
.doi p{margin:0}
.doi p+p{margin-top:4px}
.doi b{color:var(--navy)}
.fc-success{display:none;padding:34px 24px;text-align:center}
.fc-success.show{display:block}
.fc-success .ic{width:60px;height:60px;border-radius:50%;background:var(--blue-soft);color:var(--blue-2);display:inline-flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:14px}
.fc-success h3{font-size:22px;margin-bottom:10px}
/* blokada przycisku w trakcie wysylki */
.cta[disabled]{opacity:.6;cursor:default;pointer-events:none}
.form-error{display:none;color:#c5362c;font-size:13px;margin-top:12px;font-weight:600;text-align:center}
.form-error.show{display:block}

/* ---------- spotlight na formularzu ---------- */
.focus-overlay{position:fixed;inset:0;background:rgba(8,18,38,.5);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;z-index:5;pointer-events:none}
.focus-overlay.on{opacity:1;visibility:visible;pointer-events:auto}
#form{scroll-margin-top:24px}
#form.spotlight{position:relative;z-index:10}
#form.spotlight .formcard{box-shadow:0 30px 90px rgba(0,0,0,.55)}

/* ---------- stopka ---------- */
.foot{background:var(--navy-3);color:#9fb2cd}
.foot .wrap{display:flex;flex-direction:column;padding:46px 20px 30px}
.foot-disc{order:2;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:28px}
.foot-disc p{font-size:11px;line-height:1.55;color:#465a7c;font-style:italic}
.foot-disc b{color:inherit;font-weight:700}
.foot-cols{order:1;display:grid;gap:26px}
@media(min-width:680px){.foot-cols{grid-template-columns:1.2fr 1fr 1fr;gap:36px}}
.foot-col h4{font-family:var(--head);font-weight:900;color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.foot-col a{display:flex;align-items:center;gap:9px;color:#cdd9ec;text-decoration:none;font-size:14.5px;margin-bottom:11px;transition:color .12s;width:fit-content}
.foot-col a:hover{color:#fff}
.foot-col a svg{width:17px;height:17px;flex:0 0 auto;opacity:.9}
/* adres firmy (SAFE — Profit 5P) */
.foot-addr{font-style:normal;color:#9fb2cd;font-size:14px;line-height:1.6;margin-top:2px}
.foot-addr b{color:#cdd9ec;font-weight:700}
.foot-bottom{order:3;border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:20px;font-size:12.5px;color:#6e82a4;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;align-items:center}
.foot-bottom .brand{font-family:var(--head);font-weight:900;color:#cdd9ec;font-size:14px}
.foot-bottom .brand .dot{color:var(--yellow)}