:root{--navy:#274b6d;--indigo:#050c50;--red:#dd3333;--ink:#1a1f26;--muted:#6b7682;--line:#e4e7ec;--bg:#eef1f5;--card:#fff;--gold:#f0b429}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip}
body{font-family:Roboto,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,h4{font-family:Oswald,sans-serif;line-height:1.15}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:Oswald;text-transform:uppercase;letter-spacing:.6px;font-weight:600;font-size:14px;padding:13px 24px;border-radius:6px;cursor:pointer;border:0;transition:.2s;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#c52828}
.btn-navy{background:var(--indigo);color:#fff}.btn-navy:hover{background:#0a1470}
.btn-ghost{background:transparent;color:var(--indigo);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--indigo);background:var(--indigo);color:#fff}
.btn-ghost-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-ghost-light:hover{background:#fff;color:var(--indigo);border-color:#fff}

/* ===== header ===== */
.topcolor{height:5px;background:linear-gradient(90deg,#e4322b 0 20%,#f08c1d 20% 40%,#f4d11e 40% 58%,#3fae49 58% 79%,#8e44ad 79% 100%)}
.topbar{background:var(--indigo);color:#cdd6e5;font-size:13px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}
.topbar a{color:#cdd6e5}.topbar a:hover{color:#fff}
.top-left{display:flex;gap:18px;align-items:center}.top-date{opacity:.7}
.top-right{display:flex;gap:16px;align-items:center}
.masthead{background:#fff;border-bottom:1px solid var(--line)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px}
.logo img{width:auto;max-height:64px}
.mh-right{display:flex;align-items:center;gap:18px}
.cart{display:flex;align-items:center;gap:9px;cursor:pointer;font-family:Oswald;text-transform:uppercase;font-size:14px;letter-spacing:.4px;color:var(--indigo)}
.cart .bag{width:38px;height:38px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:18px;position:relative}
.cart .count{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-family:Roboto;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}
nav.primary{background:var(--indigo);position:sticky;top:0;z-index:30;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.navrow{display:flex;align-items:center;gap:2px}
.navlogo{display:flex;align-items:center;padding:5px 16px 5px 0;border-right:1px solid rgba(255,255,255,.13);margin-right:6px}.navlogo img{height:28px;width:auto}
.mainmenu{list-style:none;display:flex;flex-wrap:wrap;flex:1}
.mainmenu a{display:block;color:#dbe4f0;font-family:Oswald;font-weight:500;text-transform:uppercase;letter-spacing:.4px;font-size:14.5px;padding:15px 15px}
.mainmenu li.active a,.mainmenu a:hover{background:rgba(255,255,255,.10);color:#fff}
.mainmenu li.active a{box-shadow:inset 0 -3px 0 var(--red)}
.nav-cta{margin-left:auto;display:flex;align-items:center;padding-right:4px}
.nav-cta a{color:#fff;font-family:Oswald;text-transform:uppercase;font-size:13.5px;letter-spacing:.5px;background:var(--red);padding:8px 16px;border-radius:5px}
.burger{display:none;background:none;border:0;color:var(--indigo);font-size:30px;cursor:pointer;padding:4px 6px;line-height:1}
/* mobile fullscreen menu */
.mnav{position:fixed;inset:0;background:var(--indigo);z-index:300;display:none;flex-direction:column;padding:58px 26px 24px;overflow-y:auto}
.mnav.open{display:flex}
.mnav::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#e4322b 0 20%,#f08c1d 20% 40%,#f4d11e 40% 58%,#3fae49 58% 79%,#8e44ad 79% 100%)}
.mnav-close{position:absolute;top:11px;right:14px;background:none;border:0;color:#fff;font-size:40px;line-height:.7;cursor:pointer;padding:6px 10px;z-index:2}
.mnav-links{display:flex;flex-direction:column;margin-top:4px}
.mnav-links a{color:#fff;font-family:Oswald;font-weight:500;text-transform:uppercase;letter-spacing:.6px;font-size:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.mnav-links a:active{color:var(--gold)}
.mnav-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px}
.mnav-foot .btn,.mnav-foot .mcart{justify-content:center;font-size:15px;padding:13px}
.mnav-foot .mcart{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--indigo);font-family:Oswald;text-transform:uppercase;letter-spacing:.5px;border:0;border-radius:6px;cursor:pointer}

/* ===== hero ===== */
.hero{position:relative;background:radial-gradient(120% 130% at 80% 30%,#13307a 0%,#0a1a5c 40%,#050c50 72%);color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 78% 20%,#000 0%,transparent 62%);mask-image:radial-gradient(120% 120% at 78% 20%,#000 0%,transparent 62%);z-index:0}
.hero .globe{position:absolute;width:760px;max-width:62vw;right:-150px;top:-120px;z-index:0;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 70%);
  filter:saturate(1.05)}
.hero .globe img{width:100%;height:auto;display:block;opacity:.9;mix-blend-mode:screen}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:64px 20px 70px}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:Oswald;text-transform:uppercase;letter-spacing:2px;font-size:13px;color:#9db4e6;margin-bottom:18px}
.kicker::before{content:"";width:26px;height:3px;background:var(--red)}
.hero h1{font-size:clamp(34px,5vw,62px);font-weight:700;letter-spacing:.5px;text-transform:uppercase;line-height:1.02}
.hero h1 b{color:var(--gold)}
.hero p.lead{margin:22px 0 30px;font-size:18px;color:#cdd6e5;max-width:520px;line-height:1.6}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap}
.hero .trust{margin-top:30px;display:flex;gap:26px;flex-wrap:wrap}
.hero .trust div{display:flex;flex-direction:column}
.hero .trust b{font-family:Oswald;font-size:26px;color:#fff;line-height:1}
.hero .trust span{font-size:12.5px;color:#9db4e6;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.hero-cover{justify-self:center}

/* ===== magazine cover component ===== */
.cover{--acc:var(--red);position:relative;width:100%;aspect-ratio:1/1.414;background:linear-gradient(160deg,#0c1f5c,#050c50 60%,#04082f);border-radius:4px;overflow:hidden;box-shadow:0 30px 60px rgba(3,8,40,.45),0 2px 0 rgba(255,255,255,.05) inset;color:#fff;display:flex;flex-direction:column}
.cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(180deg,#000 0 45%,transparent 75%);mask-image:linear-gradient(180deg,#000 0 45%,transparent 75%);pointer-events:none}
.cover .rainbow{height:5px;background:linear-gradient(90deg,#e4322b 0 20%,#f08c1d 20% 40%,#f4d11e 40% 58%,#3fae49 58% 79%,#8e44ad 79% 100%);flex:0 0 auto}
.cover .cv-mast{padding:13px 16px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.cover .cv-mast .mn{font-family:Oswald;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px;line-height:.95}
.cover .cv-mast .mn small{display:block;font-size:8.5px;letter-spacing:3px;color:#9db4e6;font-weight:500}
.cover .cv-no{font-family:Roboto+Condensed,Oswald;font-size:12px;color:#9db4e6;font-weight:600;text-align:right}
.cover .cv-band{margin:14px 0 0;background:var(--acc);align-self:flex-start;padding:5px 14px 5px 16px;font-family:Oswald;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600;position:relative;z-index:2}
.cover .cv-title{padding:16px 16px 0;position:relative;z-index:2}
.cover .cv-title h3{font-size:clamp(22px,3.4vw,33px);font-weight:700;text-transform:uppercase;line-height:.98;letter-spacing:.3px}
.cover .cv-title h3 em{font-style:normal;color:var(--acc)}
.cover .cv-sub{padding:12px 16px 0;font-family:Roboto;font-size:12.5px;color:#c4d0e6;line-height:1.4;position:relative;z-index:2}
.cover .cv-lines{margin-top:auto;padding:14px 16px 16px;position:relative;z-index:2}
.cover .cv-lines li{list-style:none;font-family:Roboto Condensed,Oswald;font-size:12.5px;color:#dbe4f0;padding:6px 0;border-top:1px solid rgba(255,255,255,.13);display:flex;gap:8px}
.cover .cv-lines li::before{content:"";flex:0 0 auto;width:7px;height:7px;background:var(--acc);margin-top:5px}
.cover.lg{box-shadow:0 40px 80px rgba(3,8,40,.5)}
.hero-cover .cover{width:330px;transform:rotate(-3deg);transition:.5s}
.hero-cover .cover:hover{transform:rotate(0) translateY(-6px)}
.real-cover{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 30px 60px rgba(3,8,40,.45)}
.hero-cover .real-cover{width:330px;max-width:80vw;transform:rotate(-3deg);transition:.5s;box-shadow:0 40px 80px rgba(3,8,40,.5)}
.hero-cover .real-cover:hover{transform:rotate(0) translateY(-6px)}
.fcover .real-cover{width:360px;max-width:88vw}
.hero-cover .badge{position:absolute;z-index:5;right:-14px;top:-14px;background:var(--gold);color:#1a1f26;font-family:Oswald;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.5px;padding:9px 12px;border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05;box-shadow:0 10px 24px rgba(0,0,0,.3);rotate:8deg}
.hero-cover{position:relative}

/* ===== section base ===== */
section{padding:64px 0}
.shead{text-align:center;max-width:680px;margin:0 auto 44px}
.shead .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:Oswald;text-transform:uppercase;letter-spacing:2px;font-size:13px;color:var(--red);margin-bottom:14px}
.shead .eyebrow::before,.shead .eyebrow::after{content:"";width:22px;height:3px;background:var(--red)}
.shead h2{font-size:clamp(28px,3.6vw,40px);text-transform:uppercase;color:var(--indigo);font-weight:700;letter-spacing:.5px}
.shead p{margin-top:14px;color:var(--muted);font-size:16px}

/* featured / numéro du mois */
.feat{background:#fff}
.feat .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
.feat .fcover{justify-self:center;width:360px;position:relative}
.feat .fcover .cover{width:360px}
.feat .meta-flag{display:inline-flex;align-items:center;gap:8px;font-family:Oswald;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--red);font-weight:600;margin-bottom:14px}
.feat h2{font-size:clamp(28px,3.4vw,42px);color:var(--indigo);text-transform:uppercase;line-height:1.04}
.feat .dossier{color:var(--muted);font-family:Oswald;text-transform:uppercase;letter-spacing:1px;font-size:15px;margin:8px 0 18px}
.feat p.desc{font-size:16px;color:#39404a;margin-bottom:22px;max-width:560px}
.feat ul.toc{list-style:none;margin:0 0 26px;display:grid;gap:0}
.feat ul.toc li{padding:11px 0;border-top:1px solid var(--line);display:flex;gap:12px;align-items:baseline;font-size:15px}
.feat ul.toc li:last-child{border-bottom:1px solid var(--line)}
.feat ul.toc .pg{font-family:Oswald;color:var(--red);font-weight:600;font-size:13px;min-width:34px}
.feat .buyrow{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.feat .price{font-family:Oswald;font-size:34px;color:var(--indigo);font-weight:700}
.feat .price small{font-size:14px;color:var(--muted);font-weight:400}

/* numéros grid */
.grid-issues{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.issue{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.issue:hover{box-shadow:0 18px 40px rgba(3,8,40,.13);transform:translateY(-4px)}
.issue .ic{padding:20px 20px 0}
.issue .ibody{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.issue .icat{font-family:Oswald;text-transform:uppercase;letter-spacing:1px;font-size:11.5px;color:var(--red);font-weight:600;margin-bottom:5px}
.issue h3{font-size:18px;color:var(--indigo);text-transform:uppercase;line-height:1.08;margin-bottom:6px}
.issue .idate{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.issue .ifoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.issue .iprice{font-family:Oswald;font-size:22px;color:var(--indigo);font-weight:700}
.issue .add{background:var(--indigo);color:#fff;border:0;font-family:Oswald;text-transform:uppercase;font-size:12.5px;letter-spacing:.5px;padding:10px 15px;border-radius:6px;cursor:pointer;transition:.2s}
.issue .add:hover{background:var(--red)}
.issue.sold .add{background:#c2c8d0;cursor:not-allowed}
.issue.soon .add{background:#c2c8d0;cursor:not-allowed}
.issue .iprice.soon-tag{font-size:13px;color:var(--red);letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}
.issue .iprice.soon-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.grid-more{text-align:center;margin-top:40px}

/* abonnement */
.subs{background:#f4f6fa}
.subs .shead h2{color:var(--indigo)}.subs .shead p{color:var(--muted)}
.subs .shead .eyebrow{color:var(--red)}.subs .shead .eyebrow::before,.subs .shead .eyebrow::after{background:var(--red)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;position:relative}
.plan.cream{background:#fdf7ea;border-color:#f0e2c2}
.plan.best{border:2px solid var(--indigo);box-shadow:0 26px 60px rgba(5,12,80,.16)}
.plan .ptag{position:absolute;top:-16px;right:20px;background:var(--indigo);color:#fff;font-family:Oswald;text-transform:uppercase;font-size:12.5px;letter-spacing:.6px;padding:8px 16px;border-radius:24px;display:flex;align-items:center;gap:7px}
.plan .ptag svg{width:15px;height:15px;color:var(--gold)}
.phead{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.phead .picon{flex:0 0 auto;width:66px;height:66px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--indigo)}
.plan.cream .phead .picon{border-color:#ebd9b0}
.phead .picon svg{width:32px;height:32px}
.phead h3{font-size:21px;text-transform:uppercase;letter-spacing:.5px;color:var(--indigo);line-height:1.05}
.phead .pdesc{font-size:13px;font-weight:600;color:var(--navy);margin-top:4px;line-height:1.35}
.plan.cream .phead .pdesc{color:#c47f16}
.plan ul.pfeat{list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.plan ul.pfeat li{font-size:14px;display:flex;gap:10px;align-items:flex-start;color:#39404a}
.plan ul.pfeat li svg{flex:0 0 auto;width:18px;height:18px;color:var(--navy);margin-top:1px}
.plan.cream ul.pfeat li svg{color:var(--gold)}
.plan ul.pfeat li.spe{font-weight:700;font-family:Oswald;letter-spacing:.3px;text-transform:uppercase;font-size:12px;line-height:1.4;color:var(--navy)}
.plan.cream ul.pfeat li.spe{color:#c47f16}
.pricerow{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:16px}
.plan.cream .pricerow{border-color:#f0e2c2}
.pcell{padding:15px 6px 8px;text-align:center;color:inherit}
.pcell+.pcell{border-left:1px solid var(--line)}
.plan.cream .pcell+.pcell{border-color:#f0e2c2}
a.pcell:hover .pval{text-decoration:underline}
.pcell .plab{font-family:Oswald;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:var(--muted)}
.pcell .pval{font-family:Oswald;font-size:29px;font-weight:700;color:var(--indigo);line-height:1.1;margin-top:4px}
.pbadge{display:inline-block;margin-top:8px;background:var(--gold);color:#3a2c00;font-family:Oswald;text-transform:uppercase;font-size:9px;letter-spacing:.3px;font-weight:600;padding:4px 7px;border-radius:5px;line-height:1.2}
.pnote{text-align:center;font-size:12.5px;color:var(--muted);margin-bottom:14px;line-height:1.5}
.pnote b{color:#c47f16;font-family:Oswald;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px}
.plan.best .pnote b{color:var(--navy)}
.plan .btn{justify-content:center;width:100%}
.pfoot{text-align:center;font-size:12.5px;color:var(--muted);margin-top:12px}
.btn-gold{background:var(--gold);color:#3a2c00}.btn-gold:hover{background:#dd9e17}
/* value row */
.valrow{margin-top:44px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.valitem{display:flex;gap:14px;align-items:flex-start}
.valitem .vicon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#eef1fb;color:var(--indigo);display:flex;align-items:center;justify-content:center}
.valitem .vicon svg{width:23px;height:23px}
.valitem h4{font-size:15px;color:var(--indigo);margin-bottom:4px;font-family:Oswald;letter-spacing:.3px}
.valitem p{font-size:13px;color:var(--muted);line-height:1.5}
/* help bar */
.helpbar{margin-top:34px;background:#e9edf5;border-radius:14px;padding:22px 26px;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.helpbar .hb-l{display:flex;gap:16px;align-items:center}
.helpbar .hb-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center}
.helpbar .hb-ic svg{width:22px;height:22px}
.helpbar p{font-size:14px;color:#39404a;line-height:1.5}
.helpbar .btn svg{width:16px;height:16px}
.paystrip{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.65}
.paystrip b{color:var(--indigo)}.paystrip a{color:var(--indigo);text-decoration:underline}

/* hors-série band */
.hs{background:#fff}
.hs .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.hs .hscovers{display:flex;gap:18px;justify-content:center}
.hs .hscovers .cover{width:180px}
.hs .hscovers .cover:nth-child(2){margin-top:30px}

/* valeurs */
.vals{background:var(--bg)}
.valgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.val{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px 24px;text-align:center}
.val .vi{width:58px;height:58px;border-radius:50%;background:#eef1fb;color:var(--indigo);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}
.val h3{font-size:18px;color:var(--indigo);text-transform:uppercase;margin-bottom:8px}
.val p{font-size:14px;color:var(--muted)}

/* commande */
.order{background:var(--indigo);color:#fff}
.order .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.order h2{font-size:clamp(28px,3.4vw,40px);text-transform:uppercase;line-height:1.05}
.order p{color:#9db4e6;margin:16px 0 22px;font-size:16px}
.order .olist{list-style:none;display:flex;flex-direction:column;gap:14px}
.order .olist li{display:flex;gap:13px;align-items:flex-start;font-size:15px;color:#dbe4f0}
.order .oist b{color:#fff}
.order .oist{display:flex;gap:13px}
.order .oicon{flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.oform{background:#fff;color:var(--ink);border-radius:14px;padding:34px}
.oform h3{color:var(--indigo);text-transform:uppercase;font-size:22px;margin-bottom:6px}
.oform .osub{font-size:13.5px;color:var(--muted);margin-bottom:20px}
.oform .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oform label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin:0 0 6px;text-transform:uppercase;letter-spacing:.4px}
.oform .fld{margin-bottom:15px}
.oform input,.oform select,.oform textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fafbfc;outline:0}
.oform input:focus,.oform select:focus,.oform textarea:focus{border-color:var(--indigo);background:#fff}
.oform .btn{width:100%;justify-content:center;margin-top:6px}
.oform .legal{font-size:11.5px;color:var(--muted);margin-top:12px;text-align:center}

/* footer */
footer{background:#04082f;color:#aeb9cc}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:34px;padding:54px 0 34px}
footer h5{font-family:Oswald;text-transform:uppercase;color:#fff;font-size:14px;letter-spacing:.7px;margin-bottom:16px}
footer p{font-size:14px;line-height:1.6}
footer a{color:#aeb9cc;font-size:14px}footer a:hover{color:#fff}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px}
footer .flogo img{height:48px;width:auto;margin-bottom:14px}
.langflags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.langflags span{font-size:12px;background:rgba(255,255,255,.08);padding:4px 9px;border-radius:20px}
.copy{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px;text-align:center;color:#7e8aa3}

/* toast / cart panel */
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(140%);background:var(--indigo);color:#fff;padding:14px 22px;border-radius:10px;font-family:Oswald;letter-spacing:.5px;text-transform:uppercase;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);z-index:200;transition:transform .35s cubic-bezier(.2,.8,.3,1);display:flex;align-items:center;gap:10px}
#toast.show{transform:translateX(-50%) translateY(0)}
#toast .ck{color:var(--gold)}

@media(max-width:1000px){
 .hero .wrap{grid-template-columns:1fr;gap:36px;text-align:center}
 .hero .globe{width:680px;max-width:130vw;right:auto;left:50%;top:-70px;transform:translateX(-50%);opacity:.6;
  -webkit-mask-image:radial-gradient(circle at 50% 42%,#000 50%,transparent 70%);mask-image:radial-gradient(circle at 50% 42%,#000 50%,transparent 70%)}
 .kicker,.shead .eyebrow{justify-content:center}
 .hero .acts,.hero .trust{justify-content:center}
 .feat .wrap,.hs .wrap,.order .wrap{grid-template-columns:1fr;gap:36px}
 .grid-issues{grid-template-columns:repeat(2,1fr)}
 .plans{grid-template-columns:1fr;max-width:440px;margin:0 auto}
 .valrow{grid-template-columns:repeat(2,1fr);gap:22px}
 .helpbar{flex-direction:column;align-items:flex-start}
 .valgrid{grid-template-columns:repeat(2,1fr)}
 .logo img{max-height:50px}
 .masthead{position:sticky;top:0;z-index:50}
 .mh-right{gap:8px}
 .mh-right .btn-ghost,.mh-right .cart{display:none}
 .burger{display:inline-flex;align-items:center}
 nav.primary{display:none}
 .feat .fcover{width:100%;max-width:100%;margin:0 auto;justify-self:center}
 .feat .fcover .real-cover,.feat .fcover .cover{width:auto;max-width:290px;margin:0 auto}
 .hero-cover .real-cover{max-width:74vw}
 .hs .hscovers{flex-wrap:wrap}
}
@media(max-width:560px){
 .grid-issues,.valgrid{grid-template-columns:1fr}
 .valrow{grid-template-columns:1fr}
 .oform .row{grid-template-columns:1fr}
 .top-left{display:none}
 .topbar{font-size:11.5px}
 .topbar .wrap{justify-content:center}
 .top-right{white-space:nowrap;gap:14px}
 .feat .fcover,.feat .fcover .cover,.hero-cover .cover{width:280px}
 footer .cols{grid-template-columns:1fr 1fr}
}