
:root{
  --bg:#050914;--panel:#0b1525;--line:#1c2a40;--line2:#29415f;
  --text:#f5f8fc;--muted:#91a3bd;--muted2:#6f83a1;--cyan:#43e1ec;
  --mint:#5de2c2;--blue:#2778ff;--warm:#f0c96b;--shadow:0 28px 90px rgba(0,0,0,.30)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);line-height:1.5;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 84% -7%,rgba(39,120,255,.18),transparent 34%),
             radial-gradient(circle at 10% 20%,rgba(67,225,236,.08),transparent 28%),var(--bg)
}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.kicker{color:var(--cyan);font-weight:850;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(5,9,20,.82);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-in{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;gap:12px;align-items:center;font-weight:850}
.brandmark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03111b;box-shadow:0 12px 35px rgba(39,120,255,.25);font-size:21px;font-weight:950}
.brandcopy{line-height:1.02}.brandcopy small{display:block;color:var(--cyan);font-size:9px;letter-spacing:.18em;margin-top:5px}
.links{display:flex;gap:24px;color:#aabbd0;font-size:14px}.links a:hover,.links a.active{color:white}
.actions{display:flex;gap:9px}
.btn{min-height:46px;padding:0 18px;border-radius:13px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:.18s ease;background:transparent;color:inherit}
.btn:hover{transform:translateY(-1px)}.btn.secondary{background:rgba(255,255,255,.025);color:#e1e9f4}.btn.primary{border-color:transparent;background:linear-gradient(90deg,var(--cyan),var(--mint));color:#04151c}
.hero{padding:86px 0 50px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
h1{font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:17px 0 21px}
h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 14px}
.hero p,.lead{font-size:18px;color:#aabbd0;max-width:780px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.micro{font-size:12px;color:#7085a4;margin-top:16px}
.demo{border:1px solid #243650;border-radius:28px;padding:18px;background:linear-gradient(180deg,#0c1728,#09121f);box-shadow:var(--shadow)}
.demo-top{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 15px}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#34435a}.secure{font-size:9px;color:var(--cyan);letter-spacing:.16em;font-weight:850}
.drop{text-align:center;padding:30px 20px;border:1px dashed #37506d;border-radius:19px;background:rgba(28,50,79,.18)}.drop .icon{width:58px;height:58px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:rgba(67,225,236,.09);color:var(--cyan);font-size:25px;font-weight:900}.drop strong{display:block;font-size:17px}.drop span{display:block;color:#8295b0;font-size:12px;margin-top:6px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.flow div{padding:12px;border:1px solid #22324a;border-radius:13px;text-align:center;font-size:10px;color:#8598b3;background:#0b1525}.flow div:first-child{border-color:#2c6d7a;color:#e3feff;background:#0a2028}
section{padding:72px 0}.proof{padding:10px 0 68px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.proof-card,.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#091321);border-radius:20px}.proof-card{padding:18px 20px}.proof-card b{display:block;font-size:14px}.proof-card span{display:block;color:#758aa7;font-size:12px;margin-top:4px}
.head{max-width:780px;margin-bottom:34px}.head p{font-size:17px;color:#8ea2bc;margin:0}
.workflow-shell{padding:18px;border:1px solid #1d3855;border-radius:28px;background:#06101e;box-shadow:0 24px 75px rgba(0,0,0,.24)}.workflow-shell img{display:block;width:100%;height:auto;border-radius:18px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:24px}.feature .ico,.partner-card .ico{width:42px;height:42px;border-radius:13px;background:rgba(67,225,236,.08);color:var(--cyan);display:grid;place-items:center;font-weight:900;margin-bottom:17px}.feature h3,.partner-card h3{margin:0 0 7px;font-size:18px}.feature p,.partner-card p{margin:0;color:#7f93ae;font-size:14px}
.compat{padding:34px;border:1px solid #27415c;border-radius:28px;background:radial-gradient(circle at 92% 10%,rgba(67,225,236,.09),transparent 30%),#091425}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.compat-item{padding:19px;border:1px solid #22324a;border-radius:17px;background:#0b1627}.compat-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.tag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;padding:6px 9px;border-radius:999px}.live{background:var(--mint);color:#042117}.road{background:var(--warm);color:#241b06}.compat-item p{font-size:13px;color:#7c90ab;margin:9px 0 0}
.company-grid,.demo-grid,.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}.swiss,.company-box{border:1px solid #263952;border-radius:24px;background:#0a1424;padding:26px}.swiss .flag{width:52px;height:52px;border-radius:15px;background:#d62828;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.swiss h3{margin:0 0 8px;font-size:22px}.swiss p,.company-box p{margin:0;color:#8397b3}
.sec-grid{display:grid;gap:10px}.sec,.demo-point{display:flex;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:#0a1424}.chk{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(93,226,194,.1);color:var(--mint);flex:0 0 auto}.sec b,.demo-point b{display:block;font-size:13px}.sec span,.demo-point span{display:block;color:#7185a2;font-size:12px;margin-top:3px}
.cta{padding:34px;border-radius:28px;border:1px solid #2a516b;background:radial-gradient(circle at 86% 0%,rgba(39,120,255,.16),transparent 33%),linear-gradient(135deg,#0b1b2d,#0b2431);display:flex;justify-content:space-between;align-items:center;gap:22px}.cta h2{font-size:34px;letter-spacing:-.04em;margin:0 0 7px}.cta p{margin:0;color:#89a0bc}
.page-hero{padding:72px 0 32px;text-align:center}.page-hero .lead{margin:0 auto}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.price-card{position:relative;padding:25px;display:flex;flex-direction:column}.price-card.popular{border-color:#2b8390;box-shadow:0 0 0 1px rgba(67,225,236,.07),0 22px 60px rgba(0,0,0,.18)}.pop{position:absolute;right:14px;top:14px;background:var(--cyan);color:#042029;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:.12em}.plan{font-size:13px;color:#aabbd0;font-weight:850}.credits{font-size:34px;font-weight:900;letter-spacing:-.04em;margin-top:15px}.credits small{display:block;font-size:10px;letter-spacing:.14em;color:#7084a2;text-transform:uppercase}.price{margin-top:18px;border-top:1px solid #1e2b40;padding-top:17px;color:#8094af;font-size:12px}.price b{display:block;color:white;font-size:28px;margin-top:3px}.price-list{list-style:none;margin:20px 0;padding:0;display:grid;gap:9px;color:#8ea2bd;font-size:13px}.price-list li:before{content:"✓";color:var(--mint);margin-right:8px;font-weight:900}.price-card .btn{width:100%;margin-top:auto}
.loyalty{margin-top:18px;padding:20px 22px;border:1px solid #235462;border-radius:18px;background:linear-gradient(90deg,rgba(67,225,236,.08),rgba(93,226,194,.05));display:flex;gap:15px;align-items:center}.loyalty-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(67,225,236,.10);color:var(--cyan);font-weight:950}.loyalty b{display:block}.loyalty span{color:#8ea2bc;font-size:13px}
.compare{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#091321}.compare th,.compare td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line)}.compare th{color:#aabbd0;font-size:12px;background:#0c1728}.compare td{font-size:13px;color:#8ea2bc}.compare tr:last-child td{border-bottom:0}
.buy-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.form-card,.summary-card,.simple-form{padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{color:#b5c4d7;font-size:12px;font-weight:700}input,select,textarea{width:100%;border-radius:12px;border:1px solid #263851;background:#081321;color:#f5f8fc;padding:0 13px;outline:none}input,select{height:48px}textarea{min-height:125px;padding-top:13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3fbccc;box-shadow:0 0 0 3px rgba(67,225,236,.08)}
.segment{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid #25354d;border-radius:14px;background:#08111e;margin-bottom:18px}.segment button{border:0;border-radius:10px;padding:11px;color:#7f94b0;background:transparent;cursor:pointer;font-weight:800}.segment button.active{background:#13263b;color:white}.company-fields[hidden]{display:none}
.summary-line{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #1d2b41;color:#8ea2bc}.summary-line b{color:white}.summary-line.total{font-size:18px;border-bottom:0;padding-top:18px}.plan-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 22px}.plan-pill{border:1px solid #243650;border-radius:13px;padding:12px;background:#081321;color:#8296b1;cursor:pointer;text-align:center}.plan-pill.active{border-color:#38bccc;background:#0b2029;color:white}
.notice,.form-status{font-size:12px;color:#7086a5;padding:13px 14px;border:1px solid #21324a;border-radius:13px;background:#081321;margin-top:14px}.checkout-status{display:none;margin-top:12px;padding:13px 14px;border:1px solid #5e4a1d;border-radius:12px;background:#241c08;color:#f0d88a;font-size:12px}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.partner-card{padding:24px;border:1px solid #1c2a40;border-radius:20px;background:linear-gradient(180deg,#0b1525,#091321)}.partner-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.partner-step{padding:24px;border:1px solid #1c2a40;border-radius:20px;background:#0a1424}.partner-step .n{font-size:11px;letter-spacing:.15em;color:#43e1ec;font-weight:850}.partner-step h3{margin:38px 0 8px}.partner-step p{margin:0;color:#7f93ae;font-size:14px}
.checkbox{display:flex;gap:10px;align-items:flex-start;margin-top:14px;color:#8195b0;font-size:12px}.checkbox input{width:18px;height:18px;margin-top:1px;flex:0 0 auto}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.page-copy{max-width:860px;margin:0 auto}.page-copy h2{font-size:28px;margin-top:38px}.page-copy h3{font-size:19px;margin-top:28px}.page-copy p,.page-copy li{color:#91a3bd}.page-copy ul{padding-left:20px}.legal-meta{padding:14px 16px;border:1px solid #243650;border-radius:14px;background:#081321;color:#7f94b0;font-size:12px;margin-bottom:24px}.callout{padding:18px 20px;border:1px solid #235462;border-radius:16px;background:linear-gradient(90deg,rgba(67,225,236,.08),rgba(93,226,194,.05));color:#9ec4ce}
footer{border-top:1px solid rgba(255,255,255,.06);padding:30px 0 50px;color:#657b98;font-size:12px}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:980px){.links{display:none}.hero-grid,.company-grid,.demo-grid,.form-wrap,.buy-wrap{grid-template-columns:1fr}.proof-grid,.price-grid,.partner-steps{grid-template-columns:repeat(2,1fr)}.feature-grid,.partner-grid{grid-template-columns:repeat(2,1fr)}.compat-grid{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.actions .secondary{display:none}.hero{padding-top:52px}h1{font-size:46px}.proof-grid,.feature-grid,.price-grid,.partner-grid,.partner-steps,.form-grid,.plan-pills{grid-template-columns:1fr}.field.full{grid-column:auto}.flow{grid-template-columns:repeat(2,1fr)}.cta{flex-direction:column;align-items:flex-start}}


/* ===== Interactive hero workflow ===== */
.hero-product-showcase{padding:76px 0 58px}
.hero-grid-showcase{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:54px}
.hero-copy h1{font-size:clamp(48px,5.2vw,72px);max-width:700px}
.hero-copy p{max-width:680px}

.showcase{
  border:1px solid #263a56;border-radius:28px;padding:18px;
  background:
    radial-gradient(circle at 92% 5%,rgba(67,225,236,.10),transparent 28%),
    linear-gradient(180deg,#0c1728,#08111f);
  box-shadow:var(--shadow);
  min-height:535px;
  overflow:hidden
}
.showcase-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:3px 4px 14px}
.showcase-top strong{display:block;margin-top:4px;font-size:18px}
.showcase-counter{font-weight:900;letter-spacing:-.03em;color:white}
.showcase-counter span{font-size:26px;color:var(--cyan)}
.showcase-counter em{font-style:normal;color:#607692;font-size:12px;margin-left:3px}
.showcase-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:14px}
.showcase-tab{
  border:1px solid #20314a;background:#091423;color:#6f85a2;
  min-height:48px;border-radius:12px;cursor:pointer;padding:7px 4px;
  transition:.2s ease
}
.showcase-tab span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em}
.showcase-tab b{display:block;font-size:10px;margin-top:2px}
.showcase-tab.active{
  color:#e9feff;border-color:#287087;background:#0a2029;
  box-shadow:inset 0 -2px 0 var(--cyan)
}
.showcase-stage{
  position:relative;height:358px;border:1px solid #1e3049;border-radius:18px;
  background:linear-gradient(180deg,#0b1627,#07111e);overflow:hidden
}
.showcase-panel{
  position:absolute;inset:0;padding:22px;opacity:0;transform:translateX(18px);
  pointer-events:none;transition:opacity .28s ease,transform .28s ease
}
.showcase-panel.active{opacity:1;transform:translateX(0);pointer-events:auto}

.scene-heading{text-align:center;margin:2px auto 18px;max-width:440px}
.scene-heading strong{display:block;font-size:16px}
.scene-heading span{display:block;color:#758ba7;font-size:11px;margin-top:5px}

/* upload */
.upload-scene{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.drop-zone{
  width:min(400px,72%);height:210px;border:1px dashed #34718a;border-radius:18px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(67,225,236,.035);text-align:center
}
.upload-cloud{width:58px;height:58px;border-radius:18px;background:#102e3d;color:var(--cyan);display:grid;place-items:center;font-size:27px;font-weight:900;margin-bottom:14px}
.drop-zone strong{font-size:16px}.drop-zone span{font-size:11px;color:#758ba7;margin-top:5px}
.zip-file{
  position:absolute;left:8%;bottom:44px;width:72px;height:87px;border-radius:10px 10px 15px 15px;
  background:linear-gradient(180deg,#f4f7fb 0 64%,#1777ec 64%);
  box-shadow:0 15px 35px rgba(0,0,0,.28)
}
.zip-file b{position:absolute;bottom:10px;width:100%;text-align:center;color:white;font-size:12px}
.zip-fold{position:absolute;right:0;top:0;border-left:18px solid transparent;border-bottom:18px solid #c7d4e2}
.zip-rail{position:absolute;left:32px;top:11px;width:8px;height:42px;border-left:3px dashed #687d98}
.drag-path{position:absolute;left:18%;bottom:70px;width:155px;height:90px;border-top:2px dashed #188eff;border-radius:50%;transform:rotate(-12deg)}
.cursor{position:absolute;right:-8px;top:-18px;color:white;font-size:27px;transform:rotate(-38deg)}
.drag-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.d1{left:30%;top:-4px}.d2{left:52%;top:-8px}.d3{left:74%;top:-9px}

/* languages */
.language-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  max-width:440px;margin:0 auto
}
.lang-card{
  position:relative;display:flex;align-items:center;gap:9px;padding:12px 13px;
  border:1px solid #263b57;background:#0c192b;border-radius:13px
}
.lang-card span{font-size:19px}.lang-card b{font-size:13px}.lang-card i{margin-left:auto;color:var(--mint);font-style:normal;font-weight:900}
.lang-card.selected{border-color:#2b6d71;background:#0b2229}
.more-languages{border-style:dashed;color:var(--cyan);grid-column:2 / 4}

/* localise */
.localise-checklist{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:490px;margin:0 auto
}
.localise-checklist label{
  display:flex;align-items:center;gap:10px;border:1px solid #26405a;
  background:#0b192a;border-radius:14px;padding:12px;color:white
}
.check-box{width:26px;height:26px;border-radius:8px;background:#168af7;color:white;display:grid;place-items:center;font-weight:900}
.localise-checklist label span:last-child{display:block}
.localise-checklist b{display:block;font-size:13px}
.localise-checklist small{display:block;color:#6f85a1;font-size:10px;margin-top:2px}
.full-localisation{
  max-width:490px;margin:13px auto 0;padding:11px 13px;border:1px solid #286779;
  border-radius:13px;background:#09232c;text-align:center;color:#8faec0;font-size:11px
}
.full-localisation b{display:block;color:var(--cyan);font-size:13px;margin-top:3px}

/* review */
.review-window{max-width:470px;margin:0 auto;border:1px solid #2a3f5b;border-radius:15px;background:#0a1728;overflow:hidden}
.review-toolbar{display:flex;align-items:center;gap:12px;padding:9px 11px;border-bottom:1px solid #20334c;font-size:10px}
.browser-dots{font-size:8px;color:#70829c;letter-spacing:2px}.review-toolbar b{flex:1}.review-ready{color:var(--mint)}
.review-preview{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:12px}
.preview-thumb{height:90px;border-radius:10px;background:linear-gradient(150deg,#218bdb,#173f72);display:grid;place-items:center}
.preview-thumb span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);color:white}
.preview-copy{padding-top:7px}.preview-copy i{display:block;height:7px;border-radius:5px;background:#263951;margin-bottom:8px}.preview-copy i.short{width:66%}
.looks-good{display:inline-block;margin-top:3px;padding:5px 7px;border-radius:7px;background:#0c2b25;color:var(--mint);font-size:9px}
.review-items{display:grid;gap:5px;padding:0 12px 12px}
.review-items>div{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:#0d1b2e}
.review-icon{font-size:10px;color:var(--cyan);font-weight:900}
.review-items i{height:6px;border-radius:5px;background:#263951}.review-items b{color:var(--mint)}
.review-button{width:calc(100% - 24px);margin:0 12px 12px;border:0;border-radius:10px;padding:11px;background:#177ff5;color:white;font-weight:850}

/* download */
.download-list{max-width:450px;margin:0 auto;display:grid;gap:9px}
.download-row{
  display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:11px;
  padding:11px 13px;border:1px solid #263b56;border-radius:13px;background:#0b192a
}
.zip-mini{width:43px;height:43px;border-radius:9px;background:#0d6f62;color:white!important;display:grid;place-items:center;font-size:9px!important;font-weight:900}
.download-row div b{display:block;font-size:13px}.download-row small{display:block;color:#6e84a0;font-size:10px;margin-top:2px}.download-row>strong{font-size:20px;color:var(--mint)}

.showcase-bottom{display:flex;align-items:center;gap:16px;padding:13px 4px 0;color:#7188a6;font-size:10px}
.showcase-bottom>span{min-width:125px}
.showcase-progress{height:3px;border-radius:99px;background:#142239;flex:1;overflow:hidden}
.showcase-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--mint))}

@media(max-width:1100px){
  .hero-grid-showcase{grid-template-columns:1fr}
  .hero-copy h1{max-width:780px}
  .showcase{max-width:760px}
}
@media(max-width:620px){
  .showcase{padding:12px;min-height:510px}
  .showcase-tabs b{display:none}
  .showcase-stage{height:350px}
  .showcase-panel{padding:15px}
  .localise-checklist{grid-template-columns:1fr}
  .review-preview{grid-template-columns:105px 1fr}
  .language-grid{grid-template-columns:repeat(2,1fr)}
  .more-languages{grid-column:auto}
  .drop-zone{width:82%}
  .zip-file{left:1%}
}


/* ===== EasySCORM AI product wordmark ===== */
.brand-wordmark{
  gap:0;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  text-transform:none;
  white-space:nowrap;
}
.brand-wordmark .logo-easy{color:#f7f9fd}
.brand-wordmark .logo-scorm{color:#27d7a6}
.brand-wordmark .logo-ai{
  color:#8a6cff;
  margin-left:7px;
  letter-spacing:-.04em;
}
.brand-wordmark:hover{transform:none}

/* ===== Reliable language flags (no emoji dependency) ===== */
.flag-badge{
  display:inline-block!important;
  width:25px!important;
  height:17px!important;
  border-radius:4px;
  flex:0 0 25px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 3px 8px rgba(0,0,0,.18);
  overflow:hidden;
}
.flag-fr{background:linear-gradient(90deg,#1a3f9c 0 33.33%,#fff 33.33% 66.66%,#ef3340 66.66%)}
.flag-it{background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}
.flag-de{background:linear-gradient(#111 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%)}
.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.flag-pt{background:linear-gradient(90deg,#046a38 0 40%,#da291c 40% 100%)}

/* simplified Union Jack, crisp at badge size */
.flag-en{
  background:
    linear-gradient(33deg, transparent 43%, #fff 43% 48%, #cf142b 48% 52%, #fff 52% 57%, transparent 57%),
    linear-gradient(-33deg, transparent 43%, #fff 43% 48%, #cf142b 48% 52%, #fff 52% 57%, transparent 57%),
    linear-gradient(90deg, transparent 41%, #fff 41% 45%, #cf142b 45% 55%, #fff 55% 59%, transparent 59%),
    linear-gradient(transparent 37%, #fff 37% 42%, #cf142b 42% 58%, #fff 58% 63%, transparent 63%),
    #012169;
}
.lang-card .flag-badge{font-size:0!important}
