*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#103b72;line-height:1.5}.wrap{width:min(1160px,94%);margin:auto}header{height:70px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf2f7}.nav{height:100%;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0753ae;font-size:24px;font-weight:900}.brand img{width:48px}.nav nav{margin-left:auto;display:flex;gap:28px}.nav nav a{text-decoration:none;color:#173e70;font-size:13px}.btn{background:#0862cf;color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:700}.hero{background:linear-gradient(110deg,#f9fcff,#e8f6ff);padding:55px 0 0}.heroGrid{display:grid;grid-template-columns:1fr 1.05fr;min-height:430px;align-items:center}.hero h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:0 0 16px}.hero p{font-size:19px;color:#244c78}.actions{display:flex;gap:12px;margin:27px 0}.outline{border:1.5px solid #0862cf;color:#0862cf;padding:11px 19px;border-radius:10px;text-decoration:none;font-weight:700}.platform{font-size:13px;color:#59738e}.visual{height:430px;position:relative;overflow:hidden}.halo{position:absolute;left:90px;top:15px;width:280px;height:280px;background:#d9efff;border-radius:50%;display:grid;place-items:center}.halo img{width:190px}.family{position:absolute;bottom:-5px;left:40px;display:flex;align-items:flex-end}.family span{font-size:105px;background:#fff;border-radius:60px 60px 15px 15px;filter:drop-shadow(0 8px 12px #72a5ce44);margin-right:-20px}.visual em{position:absolute;right:20px;top:25px;font-size:18px}.alert{position:absolute;right:0;width:115px;background:#fff;border-radius:13px;padding:9px;text-align:center;font-size:24px;box-shadow:0 7px 20px #6996ba33}.alert small{display:block;font-size:11px}.a1{top:95px;color:#c6283a}.a2{top:190px;color:#1a548c}.a3{top:285px;color:#124c86}.benefits{background:#fff}.benefitGrid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.benefitGrid div{display:flex;align-items:center;gap:15px;padding:0 28px;border-right:1px solid #d9e8f4}.benefitGrid div:last-child{border:0}.section{padding:80px 0}.soft{background:#eff8ff}.center{text-align:center;max-width:760px;margin:auto}.center h2,h2{font-size:38px;line-height:1.15;margin:8px 0}.center p{color:#627c96}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.steps article,.team article{background:#fff;border:1px solid #d9e9f7;border-radius:17px;padding:24px}.steps b,.scenarios article>div>b{font-size:28px;color:#0765d3}.steps p,.scenarios p{font-size:14px;color:#617b95}label{color:#0870dc;font-size:12px;font-weight:800;letter-spacing:1.4px}.scenarios{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.scenarios article{border:1px solid #d9e9f7;border-radius:18px;overflow:hidden;background:#fff}.scenarios article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.scenarios img{width:100%;height:260px;object-fit:cover;object-position:top;cursor:pointer}.scenarios article:last-child img{height:100%;min-height:330px}.scenarios article>div{padding:21px}.scenarios h3{margin:3px 0}.scenarios button{border:0;background:transparent;color:#0765d3;font-weight:800;padding:0;cursor:pointer}.security{background:#073c79;color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.security p{color:#d2e5f8}.security label{color:#b5dcff}.levels div{background:#fff;color:#123d70;border-radius:12px;padding:16px 20px;margin:9px}.levels b,.levels span{display:block}.levels span{font-size:13px;color:#698097}.privacy>div:last-child{background:#eff8ff;border-radius:18px;padding:25px}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:850px;margin:40px auto}.team article{text-align:center}.team i{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#dceeff;color:#0862cf;font-style:normal;font-weight:900;margin:auto}.spin{max-width:760px;margin:auto;background:#fff;border:1px solid #d9e9f7;border-radius:16px;padding:20px;display:flex;align-items:center;gap:18px}.spin img{width:60px}.faq{max-width:850px}.faq details{border-bottom:1px solid #d9e9f7;padding:17px}.faq summary{font-weight:700}.cta{background:#0860c5;color:#fff;padding:35px 0}.cta .wrap{display:flex;align-items:center;gap:18px}.cta img{width:60px}.whiteBtn{margin-left:auto;background:#fff;color:#0860c5;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:800}footer{background:#052b55;color:#c4dcef;padding:25px 0}footer span{margin-left:40px}footer small{float:right}.lightbox{display:none;position:fixed;inset:0;background:#00182eea;z-index:100;align-items:center;justify-content:center;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:92vh}.lightbox button{position:absolute;top:10px;right:25px;background:none;border:0;color:#fff;font-size:45px}@media(max-width:850px){.nav nav{display:none}.heroGrid,.two{grid-template-columns:1fr}.steps,.benefitGrid{grid-template-columns:1fr 1fr}.scenarios{grid-template-columns:1fr}.scenarios article:last-child{grid-column:auto;display:block}.team{grid-template-columns:1fr}.hero h1{font-size:45px}}@media(max-width:520px){.nav>.btn{display:none}.hero h1{font-size:38px}.steps,.benefitGrid{grid-template-columns:1fr}.visual{height:340px}.family span{font-size:75px}.halo{width:200px;height:200px}.halo img{width:130px}.alert{display:none}.scenarios img{height:210px}.actions{flex-direction:column;align-items:flex-start}}
/* v1.6.0 — approved front rebuilt as a real responsive website.
   Only the family/shield illustration is a raster asset; menu, copy, buttons,
   alert cards and benefit strip remain live HTML/CSS. */
.hero{background:linear-gradient(105deg,#f9fcff 0%,#eaf7ff 100%);padding:55px 0 0;overflow:hidden}
.heroGrid{display:grid;grid-template-columns:1fr 1.08fr;min-height:455px;align-items:center;gap:20px}
.heroCopy{padding-bottom:45px}
.hero h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:0 0 18px;color:#0b3b75}
.hero p{font-size:19px;line-height:1.55;color:#244c78;margin:0}
.actions{display:flex;gap:13px;margin:28px 0}
.platforms{display:flex;gap:17px;align-items:center;font-size:13px;color:#5d7690}
.heroVisual{height:455px;position:relative}
.familyArtwork{position:absolute;left:0;bottom:0;width:88%;height:100%;object-fit:cover;object-position:center;border:0}
.safer{position:absolute;right:3px;top:22px;font-style:italic;font-size:18px;line-height:1.25;color:#23466d;transform:rotate(-4deg)}
.riskCard{position:absolute;right:0;width:118px;min-height:90px;background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 8px 24px rgba(40,91,135,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:5px}
.riskCard strong{font-size:22px}.riskCard span{font-size:11px;font-weight:700;line-height:1.25}
.risk1{top:105px;color:#bd3140}.risk2{top:205px;color:#174f88}.risk3{top:305px;color:#174f88}
@media(max-width:850px){
 .heroGrid{grid-template-columns:1fr;min-height:0}
 .heroCopy{padding:25px 0 10px}
 .heroVisual{height:420px}
 .familyArtwork{width:90%}
}
@media(max-width:520px){
 .hero h1{font-size:39px}
 .hero p{font-size:16px}
 .platforms{flex-wrap:wrap}
 .heroVisual{height:330px}
 .familyArtwork{width:100%}
 .riskCard{width:92px;min-height:72px}
 .risk1{top:80px}.risk2{top:160px}.risk3{top:240px}
 .safer{font-size:15px}
}

/* v1.7.0 — blue hero based on approved visual direction */
.blueHero{background:linear-gradient(112deg,#0753a7 0%,#0769c8 52%,#04529f 100%);color:#fff;padding:55px 0 0;overflow:hidden}
.blueHero .heroGrid{min-height:465px}
.blueHero .heroCopy{padding-bottom:48px;position:relative;z-index:2}
.blueHero h1{color:#fff;font-size:58px;line-height:1.04;letter-spacing:-2px;margin:0 0 19px}
.blueHero .heroCopy>p{color:#eaf5ff;font-size:19px;line-height:1.55;margin:0}
.downloadLight,.videoLight{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:10px;font-weight:800;text-decoration:none}
.downloadLight{background:#fff;color:#0756ad}
.videoLight{color:#fff;border:1.5px solid rgba(255,255,255,.9)}
.downloadLight span,.videoLight span{font-size:22px}
.whitePlatforms{color:#eaf5ff!important}
.platformIcon{color:#fff;font-size:10px}
.heroVisual{height:465px}
.blueArtwork{position:absolute;left:-5px;bottom:0;width:88%;height:100%;object-fit:cover;object-position:center bottom}
.whiteSafer{color:#fff!important;text-shadow:0 1px 2px #064487}
.blueHero .riskCard{background:rgba(255,255,255,.97);box-shadow:0 10px 26px rgba(0,37,78,.22)}
.blueHero .risk1{color:#bd3140}.blueHero .risk2,.blueHero .risk3{color:#174f88}
@media(max-width:850px){
 .blueHero .heroGrid{min-height:0}
 .blueHero .heroCopy{padding-top:20px}
 .blueHero .heroVisual{height:420px}
 .blueArtwork{width:90%}
}
@media(max-width:520px){
 .blueHero h1{font-size:39px}
 .blueHero .heroCopy>p{font-size:16px}
 .downloadLight,.videoLight{padding:11px 15px}
 .blueHero .heroVisual{height:330px}
 .blueArtwork{width:100%}
}

/* v1.8.0 refinements */
.androidMark{font-size:11px;color:#fff}
.blueArtwork{content:url("assets/hero-blue-family-shield-v2.png");left:18px;width:84%;object-fit:cover;object-position:center bottom}
.scenarios{display:grid!important;grid-template-columns:1fr!important;gap:42px!important;max-width:1100px;margin:48px auto 0}
.scenarios article,.scenarios article:last-child{grid-column:auto!important;display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr)!important;align-items:center;overflow:hidden}
.scenarios img,.scenarios article:last-child img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fff;padding:10px}
.scenarios article>div{padding:32px 32px 32px 26px}
.scenarios article>div h3{font-size:23px;margin:7px 0 12px}.scenarios article>div p{font-size:15px;line-height:1.6}
@media(max-width:800px){.scenarios article,.scenarios article:last-child{grid-template-columns:1fr!important}.blueArtwork{left:0;width:91%}}

/* v1.9.0 */
.blueArtwork{content:url("assets/hero-family-ai-v3.png");width:82%;left:12px}
.blueHero .risk1{top:65px}.blueHero .risk2{top:155px}.blueHero .risk3{top:245px}.blueHero .risk4{top:335px;color:#075bbd}
.blueHero .riskCard{min-height:80px}.blueHero .risk4 strong{background:#075bbd;color:#fff;border-radius:50%;font-size:12px;width:30px;height:30px;display:grid;place-items:center}
.mediaSection{background:#f3f9ff}.mediaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.mediaCard{background:#fff;border:1px solid #d9e9f7;border-radius:17px;padding:25px;text-decoration:none;color:#123d70;box-shadow:0 8px 25px rgba(20,78,130,.06)}.mediaCard span{font-size:11px;letter-spacing:1.2px;color:#0870dc;font-weight:800}.mediaCard h3{font-size:20px;margin:9px 0}.mediaCard p{font-size:14px;color:#607a94}.mediaCard b{font-size:13px;color:#0865cc}
@media(max-width:950px){.mediaGrid{grid-template-columns:1fr 1fr}.blueHero .riskCard{right:0}}
@media(max-width:560px){.mediaGrid{grid-template-columns:1fr}.blueHero .risk4{top:250px}.blueHero .riskCard{display:none}}

/* v2.0.0 — Publicity / Media / Press */
.publicitySection{background:#f5f9fd}
.publicityIntro{max-width:760px;margin:0 auto 48px}
.publicityHead{margin:18px 0 20px}
.publicityHead span{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#0871dc}
.publicityHead h3{font-size:27px;color:#123d70;margin:6px 0 0}
.pressGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pressCard{background:#fff;border:1px solid #dce9f5;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(20,73,120,.07)}
.pressImage{height:190px;position:relative;background:#e9f2fa;overflow:hidden}
.pressImage img{width:100%;height:100%;object-fit:cover;display:block}
.pressImage.containMedia img{object-fit:contain;background:#fff}
.pressImage.portraitMedia img{object-fit:contain;background:#101929}
.mediaType{position:absolute;left:13px;top:13px;background:rgba(4,64,125,.9);color:#fff;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.8px}
.pressBody{padding:18px 19px 21px}
.pressBody h4{font-size:19px;color:#0c4f93;margin:0 0 8px}
.pressBody p{font-size:13px;line-height:1.55;color:#617b93;margin:0}
.eventImages{height:190px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e9f2fa}
.eventImages img{width:100%;height:100%;object-fit:cover}
.typeHead{margin-top:62px}
.featuredPress{display:grid;grid-template-columns:1.35fr .85fr;background:#111b28;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 14px 38px rgba(17,42,70,.14)}
.featuredImage{min-height:360px;background:#fff}
.featuredImage img{width:100%;height:100%;object-fit:cover;display:block}
.featuredCopy{padding:42px 38px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.featuredCopy span{font-size:11px;letter-spacing:1.2px;font-weight:900;color:#69b5ff}
.featuredCopy h3{font-size:29px;line-height:1.18;margin:12px 0 15px;color:#fff}
.featuredCopy p{font-size:14px;line-height:1.65;color:#cbd9e6;margin:0 0 22px}
.featuredCopy b{font-size:13px;color:#75bdff}
@media(max-width:900px){.pressGrid{grid-template-columns:1fr 1fr}.featuredPress{grid-template-columns:1fr}.featuredImage{min-height:270px}}
@media(max-width:580px){.pressGrid{grid-template-columns:1fr}.pressImage,.eventImages{height:210px}.featuredCopy{padding:28px 24px}.featuredCopy h3{font-size:24px}}

/* v2.0.1 — hero artifact fix only */
.blueArtwork{
  content:url("assets/hero-family-ai-v4-clean.png") !important;
  left:12px;
  width:82%;
}

/* v2.2.0 — requested navigation + hero cleanup */

/* Blue navigation, visually continuous with hero */
header, .siteHeader, .topbar{
  background:#075fba !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
header .brand, header .brand *, header nav a, .siteHeader .brand,
.siteHeader nav a, .topbar a{
  color:#fff !important;
}
header nav a:hover, .siteHeader nav a:hover{
  color:#d9efff !important;
}
header .btn, header .download, .siteHeader .btn{
  background:#fff !important;
  color:#0759ae !important;
  border-color:#fff !important;
}

/* Keep hero and menu as one blue visual field */
.blueHero{
  padding-top:42px !important;
  background:linear-gradient(112deg,#0753a7 0%,#0769c8 52%,#04529f 100%) !important;
}

/* Main-page illustration: stable dimensions, no duplicate text overlay */
.blueArtwork{
  content:url("assets/hero-family-ai-v4-clean.png") !important;
  left:12px !important;
  width:82% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center bottom !important;
}
.safer.whiteSafer{display:none !important}

/* Keep four live protection cards aligned cleanly */
.blueHero .risk1{top:62px !important}
.blueHero .risk2{top:153px !important}
.blueHero .risk3{top:244px !important}
.blueHero .risk4{top:335px !important}
.blueHero .riskCard{right:0 !important;min-height:80px !important}

@media(max-width:850px){
  header nav, .siteHeader nav{background:#075fba}
  .blueArtwork{left:0 !important;width:90% !important}
}

/* v2.3.0 — refined product proposition */
.blueHero h1{
  font-size:49px !important;
  line-height:1.08 !important;
  letter-spacing:-1.5px !important;
  max-width:650px;
}
.blueHero h1 span{
  display:block;
  margin-top:8px;
  font-size:.63em;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.5px;
  color:#dff1ff;
}
.blueHero .heroCopy>p{
  max-width:625px;
  font-size:17px !important;
  line-height:1.58 !important;
}
.scenarioEmotional{
  max-width:1100px;
  margin:0 auto 22px;
  text-align:center;
}
.scenarioEmotional span{
  font-size:11px;
  letter-spacing:1.35px;
  font-weight:900;
  color:#0871dc;
}
.scenarioEmotional h2{
  margin:8px 0 0;
  color:#123d70;
  font-size:34px;
}
@media(max-width:600px){
  .blueHero h1{font-size:37px !important}
  .blueHero h1 span{font-size:.68em}
  .scenarioEmotional h2{font-size:28px}
}

/* v2.4.0 — compact 5-card hero */
.scenarioEmotional{display:none!important}

/* Five smaller protection cards */
.blueHero .riskCard{
  width:106px !important;
  min-height:66px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  gap:3px !important;
}
.blueHero .riskCard strong{font-size:17px !important}
.blueHero .riskCard span{font-size:10px !important;line-height:1.16 !important}
.blueHero .risk1{top:76px !important}
.blueHero .risk2{top:149px !important}
.blueHero .risk3{top:222px !important}
.blueHero .risk4{top:295px !important}
.blueHero .risk5{top:368px !important;color:#075bbd}
.blueHero .risk4 strong,
.blueHero .risk5 strong{
  background:#075bbd;
  color:#fff;
  border-radius:50%;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  font-size:10px !important;
}

/* Keep enough visual breathing room above the cards for the tagline embedded in the artwork */
.blueArtwork{
  width:82% !important;
  left:12px !important;
  object-position:center bottom !important;
}

@media(max-width:850px){
  .blueHero .riskCard{width:96px !important}
}
@media(max-width:560px){
  .blueHero .riskCard{display:none !important}
}

/* v2.5.0 — complete hero as a single image */
.heroImageSection{
  padding:0 !important;
  margin:0 !important;
  background:#075fba !important;
  overflow:hidden;
}
.heroImageWrap{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 auto;
  line-height:0;
}
.heroCompleteImage{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
}
.heroHotspot{
  position:absolute;
  z-index:5;
  display:block;
  background:transparent;
  border:0;
  cursor:pointer;
}
/* Coordinates correspond to the two visible CTA buttons in the generated hero */
.heroDownloadHotspot{left:5.2%;top:76.2%;width:15.3%;height:10.5%}
.heroHowHotspot{left:21.1%;top:76.2%;width:15.8%;height:10.5%}
.heroHotspot:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  border-radius:12px;
}
@media(max-width:760px){
  .heroImageWrap{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .heroImageWrap::-webkit-scrollbar{display:none}
  .heroCompleteImage{
    width:1180px;
    max-width:none;
  }
}

/* v2.5.1 — hero image no longer contains a rasterized menu */
.heroDownloadHotspot{
  left:5.2% !important;
  top:74.0% !important;
  width:15.3% !important;
  height:11.5% !important;
}
.heroHowHotspot{
  left:21.1% !important;
  top:74.0% !important;
  width:15.8% !important;
  height:11.5% !important;
}

/* v2.7.0 — Who we are with approved oval portraits */
.teamSection{
  padding:84px 7% 90px;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.teamSection .sectionHead{
  max-width:900px;
  margin:0 auto 46px;
  text-align:center;
}
.teamSection .sectionHead h2{
  margin:0 0 12px;
  color:#0c3f7d;
  font-size:42px;
  line-height:1.1;
}
.teamSection .sectionHead p{
  margin:0;
  color:#5d7898;
  font-size:18px;
}
.teamGrid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:46px;
}
.teamMember{text-align:center}
.teamPortrait{
  position:relative;
  width:100%;
  max-width:310px;
  aspect-ratio:1.32/1;
  margin:0 auto 22px;
  padding:7px;
  border:2px solid #79b6f4;
  border-radius:50%;
  background:#eaf6ff;
  box-shadow:0 16px 38px rgba(15,84,151,.10);
  transform:rotate(-1.5deg);
}
.teamMember:nth-child(2) .teamPortrait{transform:rotate(1.2deg)}
.teamMember:nth-child(3) .teamPortrait{transform:rotate(-.7deg)}
.teamPortrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
  border-radius:50%;
  filter:saturate(.96) contrast(1.02);
}
.teamMember h3{
  margin:0 0 7px;
  color:#0b3c78;
  font-size:24px;
}
.teamRole{
  min-height:44px;
  margin:0 0 12px;
  color:#4d6c8f;
  font-size:15px;
  line-height:1.45;
}
.teamField{
  margin:0 auto;
  max-width:300px;
  color:#234e7d;
  font-size:16px;
  line-height:1.5;
}
@media(max-width:850px){
  .teamGrid{grid-template-columns:1fr;gap:48px}
  .teamRole{min-height:0}
  .teamSection{padding:65px 7%}
}

/* v2.7.2 — use the approved illustrated/sketch team portraits */
.teamPortrait{
  background:#eef8ff !important;
  overflow:hidden;
}
.teamPortrait img{
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}

/* v2.8.0 */
.privacySection{padding:88px 7%;background:#eef7ff}.privacyInner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:center}.privacyCopy .eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#0871dc}.privacyCopy h2{font-size:40px;line-height:1.12;color:#0c3f7d;margin:9px 0 17px}.privacyCopy>p{font-size:17px;line-height:1.65;color:#526f90}.privacyPoints{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.privacyPoints div{background:#fff;border:1px solid #d5e8fa;border-radius:15px;padding:20px}.privacyPoints strong{display:block;color:#0b4d92;margin-bottom:7px}.privacyPoints span{font-size:13px;line-height:1.5;color:#607b99}.gdprBadge{background:#fff;border:2px solid #0b66c3;border-radius:26px;padding:28px 22px;text-align:center;box-shadow:0 16px 40px rgba(14,83,150,.12);color:#0756aa}.gdprShield{width:64px;height:72px;margin:0 auto 13px;display:grid;place-items:center;background:#0870d5;color:#fff;font-size:31px;font-weight:900;clip-path:polygon(50% 0,94% 16%,88% 72%,50% 100%,12% 72%,6% 16%)}.gdprBadge strong{display:block;font-size:24px;line-height:1.02}.gdprBadge span{display:block;margin-top:10px;font-size:12px;color:#597896}.footerDpo{max-width:1180px;margin:25px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:9px;flex-direction:column}@media(max-width:850px){.privacyInner{grid-template-columns:1fr}.privacyPoints{grid-template-columns:1fr}.gdprBadge{max-width:240px;margin:auto}}

/* v2.9.0 — in-site TV player */
.mediaVideoTrigger{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mediaVideoTrigger:hover{transform:translateY(-3px)}.videoModal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px}.videoModal.isOpen{display:flex}.videoModalBackdrop{position:absolute;inset:0;background:rgba(2,17,35,.88);backdrop-filter:blur(5px)}.videoModalDialog{position:relative;z-index:1;width:min(1100px,94vw);background:#07182b;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.videoModalClose{position:absolute;right:-13px;top:-13px;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#0b67c6;color:#fff;font-size:30px;line-height:36px;cursor:pointer;z-index:3}.videoScreen{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:13px;overflow:hidden}.videoScreen iframe,.videoScreen video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.videoModalOpen{overflow:hidden}@media(max-width:650px){.videoModal{padding:12px}.videoModalDialog{padding:9px}.videoModalClose{right:-5px;top:-16px}}

/* v2.10.0 — illustrated icons in How it works */
.steps article{position:relative;min-height:300px}.steps .stepIcon{display:block;width:108px;height:108px;object-fit:cover;border-radius:50%;margin:2px auto 20px}.steps article>b{position:absolute;left:24px;top:22px;z-index:2}.steps h3{margin-top:0}

/* v2.10.1 — compact “Πώς λειτουργεί” cards, full uncropped vector icons */
.steps article{min-height:0!important;padding:22px 22px 24px!important}
.steps article>b{position:static!important;display:block;margin-bottom:12px}
.steps .stepHead{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.steps .stepHead .stepIcon{display:block!important;flex:0 0 76px;width:76px!important;height:76px!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
.steps .stepHead h3{margin:0!important;line-height:1.2}
.steps article>p{margin:8px 0 0}
@media(max-width:1100px){.steps .stepHead{align-items:flex-start;flex-direction:column}.steps .stepHead .stepIcon{width:68px!important;height:68px!important}}
@media(max-width:850px){.steps .stepHead{flex-direction:row;align-items:center}}

/* v2.10.3 */
a.pressCard.youtubeExternal{color:inherit;text-decoration:none}
a.pressCard.youtubeExternal:hover{text-decoration:none}

/* v2.10.5 — ERT Patras audio modal */
.mediaAudioTrigger{cursor:pointer}
.audioModalContent{width:min(900px,92vw);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}
.audioCover{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:16px;background:#fff}
.audioPlayer{display:block;width:min(760px,100%)}

/* v2.10.8 — make the ERT audio card visibly interactive */
.pressCard.mediaAudioTrigger{cursor:pointer!important}
.pressCard.mediaAudioTrigger:hover{transform:translateY(-3px)}
.pressCard.mediaAudioTrigger .pressImage{position:relative}
.pressCard.mediaAudioTrigger .pressImage::after{
  content:"▶";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,71,153,.92);color:#fff;font-size:25px;
  line-height:1;padding-left:4px;box-shadow:0 8px 24px rgba(0,0,0,.22);
  pointer-events:none;
}
.featureSection{background:linear-gradient(180deg,#f7fbff,#fff)}.featureIntro,.personaIntro{max-width:780px;margin:0 auto 32px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featureCard{background:#fff;border:1px solid #dce9f6;border-radius:20px;padding:24px;display:flex;gap:17px;box-shadow:0 10px 30px rgba(12,67,119,.06)}.featureCard h3,.personaCard h3{color:#103f73;margin:2px 0 8px;font-size:18px}.featureCard p,.personaCard p{color:#60758c;font-size:14px;line-height:1.55;margin:0}.featureIcon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:#eaf4ff;display:flex;align-items:center;justify-content:center;color:#1765b5;font-size:21px;font-weight:800}.privacyRibbon{margin:26px 0 64px;background:#0e477f;color:#fff;border-radius:20px;padding:21px 28px;display:flex;gap:17px;align-items:center}.privacyLock{font-size:27px}.privacyRibbon strong,.privacyRibbon span{display:block}.privacyRibbon span{margin-top:5px;color:#d8eaff;font-size:14px;font-weight:700}.privacyRibbon i{font-style:normal;margin:0 8px}.personaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.personaCard{background:#fff;border:1px solid #dce9f6;border-radius:22px;padding:25px 22px;box-shadow:0 10px 30px rgba(12,67,119,.06)}.personaIcon{font-size:31px;margin-bottom:15px}.personaCard span{display:block;margin-top:16px;padding-top:13px;border-top:1px solid #e7eef6;color:#1765b5;font-size:12px;font-weight:700}@media(max-width:1050px){.featureGrid,.personaGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.featureGrid,.personaGrid{grid-template-columns:1fr}}
/* v2.11.1 — domain-specific analysis + five persona sketches */
.domainTags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.domainTags span{background:#edf6ff;border:1px solid #d5e9fb;color:#1765b5;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}
.featureDomain{grid-column:span 1}
.sketchIcon{font-family:Georgia,serif;font-size:34px}
.personaGridFive{grid-template-columns:repeat(6,1fr)}
.personaGridFive .personaCard{grid-column:span 2}
.personaGridFive .personaCard:nth-child(4){grid-column:2/span 2}
.personaGridFive .personaCard:nth-child(5){grid-column:4/span 2}
.personaVisual{height:100px;border-radius:16px;background:#f3f9ff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#1765b5}
.personaSketch{width:112px;height:82px}
.personaBusiness .personaVisual{background:#f1f8f6;color:#14785e}
@media(max-width:1050px){
 .personaGridFive{grid-template-columns:repeat(2,1fr)}
 .personaGridFive .personaCard,.personaGridFive .personaCard:nth-child(4),.personaGridFive .personaCard:nth-child(5){grid-column:auto}
 .personaGridFive .personaCard:last-child{grid-column:1/-1}
}
@media(max-width:650px){
 .personaGridFive{grid-template-columns:1fr}
 .personaGridFive .personaCard:last-child{grid-column:auto}
}

/* v2.11.4 — illustrated persona cards matching the visual language of hero/scenarios */
.personaIllustration{height:145px;padding:0;overflow:hidden;background:#eef7ff}
.personaIllustration img{width:100%;height:100%;display:block;object-fit:cover}
.personaGridFive .personaCard{overflow:hidden}
@media(max-width:650px){.personaIllustration{height:190px}}

/* v2.11.5 — crisper persona artwork + learn-more affordance */
.personaIllustration img{filter:saturate(1.04) contrast(1.035)}
.personaMore{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#1765b5;font-size:13px;font-weight:800;text-decoration:none}
.personaMore span{transition:transform .18s ease}
.personaMore:hover{text-decoration:underline}
.personaMore:hover span{transform:translateX(3px)}

/* v2.11.6 — citizen-friendly protected-call flow */
.callFlowExplain{max-width:1120px;margin:44px auto 4px;padding:34px 36px;background:linear-gradient(135deg,#f5faff,#fff);border:1px solid #dbeaf8;border-radius:26px;box-shadow:0 12px 34px rgba(12,67,119,.06)}
.callFlowHead{text-align:center;max-width:800px;margin:0 auto 28px}
.callFlowHead label{display:block;color:#1765b5;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.callFlowHead h3{margin:0;color:#103f73;font-size:26px;line-height:1.25}
.callFlow{display:grid;grid-template-columns:1fr .62fr 1.15fr .72fr 1.15fr;align-items:center;gap:10px;margin:8px 0 27px}
.flowNode{min-height:150px;background:#fff;border:1px solid #dce9f6;border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 7px 20px rgba(12,67,119,.05)}
.flowNode strong{color:#103f73;font-size:15px;line-height:1.3}
.flowNode small{display:block;color:#657a90;font-size:12px;line-height:1.4;margin-top:6px}
.flowShield{background:#eef7ff;border-color:#cce3f8}
.flowSketch{width:58px;height:58px;border-radius:18px;background:#eaf4ff;color:#1765b5;display:flex;align-items:center;justify-content:center;font-size:29px;margin-bottom:12px}
.flowArrow{text-align:center;color:#1765b5}
.flowArrow span{display:block;font-size:34px;font-weight:300;line-height:1}
.flowArrow small{display:block;color:#60758c;font-size:11px;font-weight:700;line-height:1.25;margin-top:6px}
.dataPill{background:#e9f7f1!important;color:#14785e!important;border-radius:999px;padding:5px 9px;font-weight:800!important;margin-top:10px!important}
.callFlowText{max-width:920px;margin:0 auto;color:#506a82;font-size:15px;line-height:1.65;text-align:center}
.forwardingNote{max-width:920px;margin:18px auto 0;padding-top:15px;border-top:1px solid #e1ebf5;color:#718397;font-size:12px;line-height:1.55;text-align:center}
.forwardingNote sup{color:#1765b5;font-weight:800}
@media(max-width:850px){
 .callFlow{grid-template-columns:1fr;max-width:440px;margin:0 auto 26px}
 .flowArrow{transform:none}
 .flowArrow span{transform:rotate(90deg)}
 .flowNode{min-height:130px}
 .callFlowExplain{padding:28px 20px}
 .callFlowHead h3{font-size:22px}
}

/* v2.11.16 — approved How images, restored top privacy strip, moved existing call-flow directly below */
.howApproved{padding-top:0!important;background:#fff!important}.howTopPrivacy{max-width:1200px;margin:0 auto 14px;padding:11px 20px;border-radius:8px;background:#e7f6ff;color:#286a9f;display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px}.howTopPrivacy strong{color:#0878df}.howDivider{color:#88b3d4}.howApprovedWrap{max-width:1120px!important}.howApprovedTitle h2{margin:0;color:#073b7b;font-size:38px;line-height:1.05}.howApprovedTitle p{margin:7px 0 18px;color:#3970a7;font-size:17px}.howApprovedSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.howApprovedSteps article{position:relative;min-height:255px;padding:15px 18px 18px;border:1px solid #d6e7f4;border-radius:12px;background:#fff;text-align:left;box-shadow:0 3px 12px rgba(12,67,119,.04)}.howApprovedSteps article>b{position:absolute;z-index:2;left:12px;top:11px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0878df;color:#fff;font-size:19px}.howApprovedSteps article>img{display:block;width:150px;height:105px;object-fit:contain;margin:0 auto 7px}.howApprovedSteps article h3{margin:0 0 7px;color:#073b7b;font-size:18px;line-height:1.12}.howApprovedSteps article p{margin:0;color:#416d9b;font-size:15.5px;line-height:1.32}.callFlowMoved{padding-top:12px!important;padding-bottom:42px!important;background:#fff}.callFlowMoved .callFlowExplain{margin-top:0}.callFlowMoved .wrap{max-width:1200px}@media(max-width:850px){.howTopPrivacy{flex-wrap:wrap;text-align:center}.howApprovedSteps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.howApprovedSteps{grid-template-columns:1fr}.howApprovedTitle h2{font-size:31px}.howApprovedTitle p{font-size:15px}}

/* v2.11.19: only the 3 call-flow pictograms changed */
.flowSketchImg{background:transparent!important}.flowSketchImg img{display:block;width:100%;height:100%;object-fit:contain}

/* v2.11.20 — only the 3 call-flow illustrations replaced with user-provided assets */
.flowSketchImg{overflow:hidden}
.flowSketchImg img{width:100%;height:100%;object-fit:contain;display:block}

/* v2.11.21 — ONLY enlarge the 3 existing call-flow images */
.flowSketchImg{
  width: 190px !important;
  height: 118px !important;
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.flowSketchImg img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* v2.11.24 — spacing between Press articles + DPO block in Personal Data */
#publicity .featuredPress + .featuredPress{margin-top:32px!important}
.dpoPrivacyBox{margin-top:28px;padding:22px 24px;border:1px solid #d7e8f8;border-radius:18px;background:#f7fbff}
.dpoPrivacyBox .dpoLabel{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#1671c9;margin-bottom:8px}
.dpoPrivacyBox h3{margin:0 0 8px;color:#123f73;font-size:21px}
.dpoPrivacyBox p{margin:0;color:#526b84;line-height:1.65}

/* v2.11.25 — University spin-off identity in Who We Are + footer */
.spinOffBlock{margin:28px 0 34px;padding:30px;border:1px solid #d8e8f7;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#eef7ff);text-align:center}
.spinOffEyebrow{font-size:12px;font-weight:900;letter-spacing:.11em;color:#1671c9;margin-bottom:8px}
.spinOffBlock h3{margin:0 0 10px;color:#103f73;font-size:25px}
.spinOffBlock>p{max-width:880px;margin:0 auto;color:#536b83;line-height:1.7}
.spinOffLogos{display:flex;justify-content:center;align-items:center;gap:54px;flex-wrap:wrap;margin-top:24px}
.spinOffLogos a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#6f1d24;font-weight:800}
.spinOffLogos img{display:block;max-width:300px;max-height:92px;width:auto;height:auto;object-fit:contain}
.spinOffLogos .authLogo{width:82px;height:82px}
.footerSpinOff{margin:18px auto 10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);text-align:center}
.footerSpinOff>span{display:block;font-size:13px;font-weight:700;opacity:.9;margin-bottom:12px}
.footerUniLogos{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.footerUniLogos img{max-height:44px;max-width:175px;width:auto;height:auto;object-fit:contain}
@media(max-width:700px){.spinOffLogos{gap:24px}.spinOffLogos img{max-width:230px;max-height:76px}.spinOffBlock{padding:24px 18px}}

/* v2.11.27 — organized marketing FAQ accordion */
.faqMarketingIntro{max-width:820px;margin:34px auto 20px;text-align:center}
.faqMarketingIntro>span{font-size:12px;font-weight:900;letter-spacing:.1em;color:#1671c9}
.faqMarketingIntro h3{margin:7px 0 8px;color:#123f73;font-size:25px}
.faqMarketingIntro p{margin:0;color:#60758a;line-height:1.65}
.faqAccordion{max-width:920px;margin:24px auto 0;display:grid;gap:12px}
.faqAccordion details{background:#fff;border:1px solid #dbe8f4;border-radius:15px;box-shadow:0 5px 18px rgba(30,78,121,.06);overflow:hidden}
.faqAccordion summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:800;color:#173f69;position:relative}
.faqAccordion summary::-webkit-details-marker{display:none}
.faqAccordion summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#1671c9;font-weight:500}
.faqAccordion details[open] summary:after{content:"−"}
.faqAccordion details[open] summary{background:#f7fbff}
.faqAccordion details p{margin:0;padding:0 20px 20px;color:#536b83;line-height:1.7}

/* v2.11.29 — FAQ alignment + thematic grouping */
.faqContainer{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
.faqHead{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}
.faqGroup{max-width:920px;margin:34px auto 0}
.faqGroup>h3{margin:0 0 13px;padding-left:3px;color:#123f73;font-size:20px;font-weight:850}
.faqGroup .faqAccordion{margin-top:0}

/* v2.11.31 — SIP / Yuboto integration concept */
.telcoIntegration{margin:34px auto 0;max-width:980px;display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center;padding:24px 28px;border:1px solid rgba(21,83,140,.16);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,247,255,.96));box-shadow:0 14px 34px rgba(20,70,115,.08)}
.telcoCopy h3{margin:6px 0 8px;font-size:22px;line-height:1.25;color:#123d63}.telcoCopy p{margin:0;color:#4d6578;line-height:1.55}.telcoEyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:#1871b8}.yubotoMark{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:118px;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid rgba(18,61,99,.12);box-shadow:0 8px 22px rgba(20,70,115,.07)}.yubotoWord{font-family:Arial,sans-serif;font-size:39px;font-weight:800;letter-spacing:-2px;color:#152d43;line-height:.9}.yubotoTelephony{margin-top:7px;font-size:12px;font-weight:800;letter-spacing:.22em;color:#2575aa}.yubotoMark small{margin-top:10px;padding:4px 9px;border-radius:999px;background:#edf7ff;color:#17689e;font-weight:800;letter-spacing:.08em;font-size:10px}@media(max-width:760px){.telcoIntegration{grid-template-columns:1fr;padding:20px}.yubotoMark{min-height:100px}}

/* v2.11.32 — official Yuboto Telephony logo */
.yubotoMark img{display:block;max-width:220px;width:100%;height:auto;object-fit:contain}

/* v2.11.37 — compact image-free “Πώς λειτουργεί” cards */
.howApprovedSteps article{min-height:0!important;padding:20px 20px 22px 64px!important}
.howApprovedSteps article>b{left:16px!important;top:18px!important;width:38px!important;height:38px!important}
.howApprovedSteps article h3{margin:0 0 10px!important}
.howApprovedSteps article p{margin:0!important}
@media(max-width:850px){.howApprovedSteps article{padding:20px 20px 22px 64px!important}}

/* v2.11.38 — theme/font switch + 12-month sponsorship calculator */
.sponsorSection{background:linear-gradient(135deg,#f5fbff 0%,#eaf6ff 100%)}.sponsorGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.sponsorIntro h2{max-width:650px;margin:10px 0 18px}.sponsorIntro>p{font-size:17px;line-height:1.7;color:#526f90;max-width:690px}.sponsorPrivacy{display:flex;gap:15px;align-items:flex-start;margin-top:28px;padding:19px 20px;background:#fff;border:1px solid #d5e8fa;border-radius:15px}.sponsorPrivacy>span{font-size:24px}.sponsorPrivacy strong{display:block;color:#0b4d92;margin-bottom:5px}.sponsorPrivacy p{margin:0;color:#607b99;font-size:13px;line-height:1.55}.sponsorCalculator{background:#fff;border:1px solid #cfe4f7;border-radius:22px;padding:30px;box-shadow:0 16px 42px rgba(14,83,150,.10)}.sponsorCalcEyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#0871dc}.sponsorCalculator h3{font-size:24px;line-height:1.25;margin:8px 0 20px;color:#0c3f7d}.sponsorPresets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.sponsorPresets button{border:1px solid #bcd9f2;background:#f7fbff;color:#0a5caf;border-radius:10px;padding:10px 6px;font-weight:800;cursor:pointer}.sponsorPresets button.active{background:#0862cf;color:#fff;border-color:#0862cf}.sponsorInputLabel{display:block;margin-bottom:6px}.sponsorLines{width:100%;border:1px solid #bcd9f2;border-radius:10px;padding:12px 14px;font-size:18px;color:#123d70;outline:none}.sponsorLines:focus{border-color:#0862cf;box-shadow:0 0 0 3px rgba(8,98,207,.12)}.sponsorFormula{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 12px;color:#607b99;font-size:13px}.sponsorFormula span{background:#f4f9fd;padding:7px 9px;border-radius:8px}.sponsorTotal{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-top:1px solid #dceaf6;padding-top:17px}.sponsorTotal span{font-size:13px;color:#607b99}.sponsorTotal strong{font-size:30px;line-height:1;color:#075fba;white-space:nowrap}.sponsorImpact{margin:17px 0;color:#0c4b86;font-size:14px;font-weight:700;line-height:1.5}.sponsorCta{display:block;text-align:center;background:#0862cf;color:#fff;text-decoration:none;padding:13px 18px;border-radius:11px;font-weight:800}
@media(max-width:1000px){.nav{gap:12px}.nav nav{gap:14px}.sponsorGrid{grid-template-columns:1fr;gap:30px}}
@media(max-width:850px){.sponsorCalculator{padding:23px}}
@media(max-width:520px){.sponsorPresets{grid-template-columns:1fr 1fr}.sponsorTotal{align-items:flex-start;flex-direction:column}.sponsorTotal strong{font-size:28px}}

/* v2.11.39 — compact theme control + sponsor visibility/benefits */
.sponsorBenefits{display:grid;gap:12px;margin-top:28px}.sponsorBenefit{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff;border:1px solid #d5e8fa;border-radius:14px}.sponsorBenefit>span{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eaf5ff;color:#0862cf;font-size:17px;font-weight:900}.sponsorBenefit strong{display:block;color:#0b4d92;margin:1px 0 4px}.sponsorBenefit p{margin:0;color:#607b99;font-size:13px;line-height:1.55}


/* v2.11.40 — floating Social Protection sponsorship CTA */
.sponsorFloat{position:fixed;right:24px;bottom:24px;z-index:90;max-width:285px;border:1px solid rgba(212,175,55,.72);border-radius:15px;background:#075fba;box-shadow:0 12px 30px rgba(4,55,108,.24);transition:transform .18s ease,box-shadow .18s ease,width .18s ease}.sponsorFloatLink{display:flex;flex-direction:column;gap:3px;padding:15px 42px 15px 19px;color:#d4af37;text-decoration:none}.sponsorFloatLink span{font-size:12px;line-height:1.25;font-weight:900;letter-spacing:.2px;text-transform:uppercase}.sponsorFloatLink strong{font-size:17px;line-height:1.25;font-weight:900;color:#f1cf63}.sponsorFloatLink small{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.18);font-size:9.5px;line-height:1.35;font-weight:500;color:rgba(255,255,255,.68);text-transform:none;letter-spacing:0}.sponsorFloat:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(4,55,108,.30)}.sponsorFloat:focus-within{outline:3px solid #f1cf63;outline-offset:3px}.sponsorFloatToggle{position:absolute;top:8px;right:8px;width:27px;height:27px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.12);color:#fff;font-size:20px;line-height:22px;font-weight:700;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.sponsorFloatToggle:hover{background:rgba(255,255,255,.16)}.sponsorFloat.isMinimized{width:48px;height:48px;border-radius:50%;overflow:hidden}.sponsorFloat.isMinimized .sponsorFloatLink{display:none}.sponsorFloat.isMinimized .sponsorFloatToggle{inset:0;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#f1cf63;font-size:25px}.sponsorFloat.isMinimized:hover{transform:translateY(-2px)}@media(max-width:700px){.sponsorFloat{right:12px;bottom:12px;max-width:220px}.sponsorFloatLink{padding:12px 38px 12px 15px}.sponsorFloatLink span{font-size:10px}.sponsorFloatLink strong{font-size:15px}.sponsorFloatLink small{font-size:8.5px}.sponsorFloat.isMinimized{width:46px;height:46px}.sponsorFloat.isMinimized .sponsorFloatToggle{width:46px;height:46px}}

/* v2.11.41 — theme switch removed; blue identity retained */

/* v2.11.42 — sponsorship interest form */
.sponsorInterest{margin-top:24px;padding-top:22px;border-top:1px solid #dceaf6}.sponsorInterest h4{margin:0 0 6px;color:#0c3f7d;font-size:19px}.sponsorInterest>p{margin:0 0 16px;color:#607b99;font-size:13px;line-height:1.55}.sponsorFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sponsorForm label span{display:block;margin-bottom:6px;color:#345d87;font-size:12px;font-weight:800}.sponsorForm input[type="text"],.sponsorForm input[type="email"],.sponsorForm input[type="tel"]{box-sizing:border-box;width:100%;border:1px solid #bcd9f2;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;color:#123d70;background:#fff;outline:none}.sponsorForm input:focus{border-color:#0862cf;box-shadow:0 0 0 3px rgba(8,98,207,.12)}.sponsorFormSummary{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:15px 0 10px;padding:12px 14px;border-radius:10px;background:#f4f9fd;color:#456b91;font-size:13px}.sponsorFormSummary>strong{color:#075fba;font-size:18px;white-space:nowrap}.sponsorFormNotice{margin:0 0 12px;color:#7188a1;font-size:11px;line-height:1.5}.sponsorFormNotice a{color:#0862cf}.sponsorForm .sponsorCta{width:100%;border:0;cursor:pointer;font:inherit}.sponsorForm .sponsorCta:disabled{opacity:.65;cursor:wait}.sponsorFormStatus{min-height:18px;margin:9px 0 0;font-size:12px;font-weight:700;color:#0b6b43}.sponsorFormStatus.isError{color:#a12d2d}.sponsorHoney{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:620px){.sponsorFormGrid{grid-template-columns:1fr}.sponsorFormSummary{align-items:flex-start;flex-direction:column}}

/* v2.11.43 — stronger social-impact marketing in sponsorship section */
.sponsorStory{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:27px 0 22px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#075fba 0%,#0a78d8 100%);box-shadow:0 14px 32px rgba(5,75,145,.16);color:#fff;overflow:hidden}.sponsorStoryVisual{position:relative;min-height:142px;border-radius:14px;background:rgba(255,255,255,.11);display:flex;align-items:center;justify-content:center}.sponsorPhone{font-size:58px;line-height:1;color:#fff}.sponsorShield{position:absolute;right:19px;bottom:18px;width:42px;height:48px;display:flex;align-items:center;justify-content:center;background:#f1cf63;color:#075fba;font-size:24px;font-weight:900;clip-path:polygon(50% 0,95% 17%,88% 72%,50% 100%,12% 72%,5% 17%)}.sponsorPeople{position:absolute;left:13px;bottom:17px;display:flex;gap:3px;align-items:flex-end}.sponsorPeople span{display:flex;align-items:center;justify-content:center;width:22px;height:31px;border-radius:50% 50% 42% 42%;background:rgba(255,255,255,.92);color:#075fba;font-size:8px}.sponsorPeople span:nth-child(2){height:38px;width:25px}.sponsorStoryCopy>span{display:block;margin-bottom:7px;color:#f1cf63;font-size:11px;line-height:1.3;font-weight:900;letter-spacing:.9px}.sponsorStoryCopy>strong{display:block;font-size:18px;line-height:1.35}.sponsorStoryCopy p{margin:9px 0 0;color:rgba(255,255,255,.88);font-size:13px;line-height:1.55}.sponsorStoryCopy b{color:#fff}.sponsorBenefits{margin-top:18px}@media(max-width:560px){.sponsorStory{grid-template-columns:1fr}.sponsorStoryVisual{min-height:120px}.sponsorStoryCopy>strong{font-size:17px}}


/* v2.11.44 — sponsorship placement + Gold Sponsor tier */
.sponsorPresets{grid-template-columns:repeat(5,1fr)}
.sponsorPresets .goldPreset{border-color:#d4af37;background:#fffaf0;color:#8a6810}
.sponsorPresets .goldPreset span{color:#d4af37}
.sponsorPresets .goldPreset.active{background:linear-gradient(135deg,#9b7417,#d4af37);border-color:#b78b21;color:#fff;box-shadow:0 6px 16px rgba(183,139,33,.24)}
.goldSponsor{display:flex;gap:13px;align-items:flex-start;margin:16px 0 4px;padding:16px 17px;border:1px solid #d4af37;border-radius:13px;background:linear-gradient(135deg,#fffdf5,#fff7d9);box-shadow:0 8px 22px rgba(180,137,27,.10)}
.goldSponsor[hidden]{display:none}
.goldSponsor>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#d4af37;color:#fff;font-size:19px;font-weight:900}
.goldSponsor strong{display:block;color:#7a5b0b;font-size:13px;letter-spacing:.35px;margin:1px 0 5px}.goldSponsor p{margin:0;color:#765f28;font-size:12px;line-height:1.55}
.sponsorCalculator.isGold{border-color:#d4af37;box-shadow:0 16px 42px rgba(180,137,27,.15)}
.sponsorCalculator.isGold .sponsorCalcEyebrow,.sponsorCalculator.isGold .sponsorTotal strong{color:#9b7417}
@media(max-width:700px){.sponsorPresets{grid-template-columns:repeat(3,1fr)}}
@media(max-width:440px){.sponsorPresets{grid-template-columns:1fr 1fr}}

/* v2.11.45 — sponsorship section refinements */
.sponsorGrid{align-items:start}
.sponsorIntro{align-self:start}
.sponsorStory{background:linear-gradient(135deg,#681d35 0%,#8b2945 100%);box-shadow:0 14px 32px rgba(104,29,53,.18)}
.sponsorStoryVisual{background:rgba(255,255,255,.10)}
.sponsorShield{background:#e3bd52;color:#681d35}
.sponsorPeople span{color:#681d35}
.sponsorStoryCopy>span{color:#f0cf72}

/* v2.11.46 — application availability notice */
.downloadAvailability .wrap{max-width:860px;text-align:center}
.downloadAvailability .downloadEyebrow{display:block;margin:12px 0 6px;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;opacity:.88}
.downloadAvailability h2{margin-bottom:14px}
.downloadAvailability p{max-width:760px;margin:0 auto;font-size:17px;line-height:1.65;font-weight:600}
.downloadAvailability .downloadThanks{margin-top:10px;font-size:14px;opacity:.9}


/* v2.11.47 — 10,000-line launch goal */
.downloadSponsorLead{margin-top:14px!important;font-size:15px!important;opacity:.96}
.launchGoal{max-width:720px;margin:24px auto 18px;padding:20px 22px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.10);text-align:left}
.launchGoalHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.launchGoalHead div{display:flex;flex-direction:column;gap:3px}.launchGoalHead span{font-size:10px;font-weight:900;letter-spacing:1.2px;opacity:.82}.launchGoalHead strong{font-size:20px}.launchGoalHead b{font-size:16px;white-space:nowrap;color:#f1cf63}.launchProgress{height:12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.20);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}.launchProgress span{display:block;height:100%;border-radius:inherit;background:#f1cf63}.launchGoal p{margin:12px 0 0!important;font-size:13px!important;line-height:1.55!important;font-weight:600!important;opacity:.94}.downloadSponsorCta{display:inline-block;margin-top:2px;padding:12px 19px;border-radius:11px;background:#f1cf63;color:#164b7e;text-decoration:none;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.10)}.downloadSponsorCta:hover{transform:translateY(-1px)}
@media(max-width:620px){.launchGoal{padding:17px}.launchGoalHead{align-items:flex-start;flex-direction:column;gap:7px}.launchGoalHead strong{font-size:18px}}

/* v2.11.48 — centered application launch section */
.downloadAvailability{padding:62px 0 66px}
.downloadAvailability .downloadAvailabilityWrap{display:block!important;width:min(760px,92%);max-width:760px!important;margin:0 auto;text-align:center}
.downloadAvailability .downloadLogo{display:block;width:68px;margin:0 auto 10px}
.downloadAvailability .downloadEyebrow{display:block;margin:0 0 7px;font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;opacity:.88}
.downloadAvailability h2{margin:0 0 14px;font-size:44px;line-height:1.08}
.downloadAvailability .downloadIntro{max-width:700px;margin:0 auto!important;font-size:17px!important;line-height:1.65!important;font-weight:600!important;color:#fff}
.downloadAvailability .launchGoal{max-width:650px;margin:28px auto 20px;padding:25px 28px 24px;border:1px solid rgba(255,255,255,.34);border-radius:18px;background:rgba(255,255,255,.11);text-align:center;box-shadow:0 12px 28px rgba(0,35,85,.12)}
.launchGoalEyebrow{display:block;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:1.4px;opacity:.84}
.downloadAvailability .launchGoal h3{margin:0;color:#fff;font-size:29px;line-height:1.15}
.launchGoalCount{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:12px 0 13px;color:#f1cf63}.launchGoalCount strong{font-size:25px}.launchGoalCount span{font-size:17px;font-weight:900}
.downloadAvailability .launchProgress{max-width:560px;margin:0 auto;height:12px}
.downloadAvailability .launchGoal p{max-width:590px;margin:16px auto 0!important;font-size:14px!important;line-height:1.6!important;font-weight:600!important;color:#fff}
.launchGoalMessage{display:block;margin:10px auto 0;color:#f7dc82;font-size:15px;line-height:1.45}
.downloadAvailability .downloadSponsorCta{display:inline-block;margin:2px auto 0;padding:13px 22px}
.downloadAvailability .downloadThanks{display:block;max-width:none;margin:13px auto 0!important;font-size:14px!important;line-height:1.4!important;opacity:.9}
@media(max-width:620px){.downloadAvailability{padding:48px 0}.downloadAvailability h2{font-size:35px}.downloadAvailability .downloadIntro{font-size:15px!important}.downloadAvailability .launchGoal{padding:21px 17px}.downloadAvailability .launchGoal h3{font-size:24px}.launchGoalCount strong{font-size:22px}}

/* v2.11.49 — sponsorship social-impact panel restored to CyberASPIS blue */
.sponsorStory{background:linear-gradient(135deg,#075fba 0%,#0a78d8 100%);box-shadow:0 14px 32px rgba(5,75,145,.16)}
.sponsorStoryVisual{background:rgba(255,255,255,.11)}
.sponsorStoryCopy>span{color:#f1cf63}

/* v2.11.50 — integrated social-impact artwork */
.sponsorStory.sponsorStoryImage{display:block;padding:0;background:none;box-shadow:none;border-radius:18px;overflow:hidden}
.sponsorStoryImage img{display:block;width:100%;height:auto;border-radius:18px}
@media(max-width:560px){.sponsorStory.sponsorStoryImage{padding:0}.sponsorStoryImage img{border-radius:14px}}


/* v2.11.51 — sponsor type selector */
.sponsorType{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 15px;padding:12px 14px;border:1px solid #d7e7f5;border-radius:11px;background:#f7fbff}.sponsorType legend{padding:0 5px;color:#345d87;font-size:12px;font-weight:900}.sponsorType label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#164b7e;font-size:13px;font-weight:800}.sponsorType label span{display:inline;margin:0;font-size:13px;color:#164b7e}.sponsorType input{accent-color:#0862cf}.sponsorForm label[hidden]{display:none!important}


/* v2.11.54 — scenarios use the full horizontal canvas; explanation bar above artwork */
.scenarios{max-width:1160px!important;width:100%;gap:34px!important}
.scenarios article,.scenarios article:last-child{
  display:flex!important;
  flex-direction:column!important;
  width:100%;
  align-items:stretch!important;
}
.scenarios article>div{
  order:1;
  display:grid;
  grid-template-columns:auto minmax(210px,.85fr) minmax(300px,1.55fr) auto;
  align-items:center;
  gap:18px 24px;
  width:100%;
  padding:20px 26px!important;
  border-bottom:1px solid #e3eef8;
  background:#fbfdff;
}
.scenarios article>div>b{margin:0;font-size:27px;line-height:1}
.scenarios article>div h3{margin:0!important;font-size:21px!important;line-height:1.2}
.scenarios article>div p{margin:0;font-size:14px!important;line-height:1.55!important}
.scenarios article>div button{white-space:nowrap;text-align:right}
.scenarios img,.scenarios article:last-child img{
  order:2;
  display:block;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:12px!important;
  background:#fff;
}
@media(max-width:900px){
  .scenarios article>div{grid-template-columns:auto 1fr auto;gap:10px 16px}
  .scenarios article>div p{grid-column:2/-1}
}
@media(max-width:620px){
  .scenarios{gap:26px!important}
  .scenarios article>div{display:grid;grid-template-columns:auto 1fr;padding:17px!important}
  .scenarios article>div p,.scenarios article>div button{grid-column:1/-1;text-align:left}
  .scenarios img,.scenarios article:last-child img{padding:7px!important}
}

/* v2.11.56 — scenarios 5% smaller, centered; preserve native 378:267 artwork ratio */
.scenarios{max-width:1102px!important;}
.scenarios img,.scenarios article:last-child img{aspect-ratio:378 / 267!important;}


/* v2.11.57 — embedded real-time protection demo below “Πώς λειτουργεί” */
.howDemoSection{padding:12px 0 34px;background:#fff}
.howDemoSection .wrap{max-width:1102px}
.howDemoPlayer{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 16px 38px rgba(5,45,88,.16)}
.howDemoPoster{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:28px;background:#050505;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:inherit}
.howDemoBrand{font-size:clamp(30px,5vw,62px);line-height:1;font-weight:900;letter-spacing:-1.5px}
.howDemoTitle{margin-top:13px;font-size:clamp(16px,2.2vw,25px);line-height:1.25;font-weight:600;color:#d7d7d7}
.howDemoPlay{display:grid;place-items:center;width:72px;height:72px;margin-top:28px;padding-left:5px;border:2px solid #d6b54b;border-radius:50%;color:#e2c45e;font-size:29px;line-height:1;transition:transform .18s ease,background .18s ease}
.howDemoPoster:hover .howDemoPlay,.howDemoPoster:focus-visible .howDemoPlay{transform:scale(1.07);background:rgba(226,196,94,.1)}
.howDemoPlayer video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
@media(max-width:620px){.howDemoSection{padding:8px 0 26px}.howDemoPlayer{border-radius:13px}.howDemoPoster{padding:18px}.howDemoPlay{width:58px;height:58px;margin-top:20px;font-size:23px}}

/* v2.11.58 — restore compact scenarios: artwork left, explanation right */
.scenarios{display:grid!important;grid-template-columns:1fr!important;gap:42px!important;max-width:1100px!important;width:100%;margin:48px auto 0!important}
.scenarios article,.scenarios article:last-child{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr)!important;
  align-items:center!important;
  overflow:hidden;
  width:100%;
}
.scenarios article>div{
  order:initial!important;
  display:block!important;
  width:auto!important;
  padding:32px 32px 32px 26px!important;
  border-bottom:0!important;
  background:#fff!important;
}
.scenarios article>div>b{font-size:28px!important;line-height:1.2!important}
.scenarios article>div h3{font-size:23px!important;margin:7px 0 12px!important;line-height:1.2!important}
.scenarios article>div p{font-size:15px!important;line-height:1.6!important;margin:0 0 1em!important}
.scenarios article>div button{white-space:normal!important;text-align:left!important}
.scenarios img,.scenarios article:last-child img{
  order:initial!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:378 / 267!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
  padding:10px!important;
}
@media(max-width:800px){
  .scenarios article,.scenarios article:last-child{grid-template-columns:1fr!important}
  .scenarios article>div{padding:22px!important}
}


/* v2.11.59 — sponsorship story as live HTML text beside compact turtle visual */
.sponsorStory.sponsorStoryText{display:grid;grid-template-columns:minmax(190px,28%) 1fr;gap:26px;align-items:center;padding:26px;border-radius:18px;overflow:hidden}
.sponsorStoryText .sponsorStoryVisual{padding:0;background:transparent;border-radius:16px;overflow:hidden}
.sponsorStoryText .sponsorStoryVisual img{display:block;width:100%;height:auto;border-radius:16px}
.sponsorStoryText .sponsorStoryCopy>span{display:block;margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:.04em;color:#f6c928}
.sponsorStoryText .sponsorStoryCopy h3{margin:0 0 13px;color:#fff;font-size:20px;line-height:1.42;font-weight:800}
.sponsorStoryText .sponsorStoryCopy h3 em{font-style:normal;color:#f6c928}
.sponsorStoryText .sponsorStoryCopy p{margin:0 0 12px;color:rgba(255,255,255,.92);font-size:15px;line-height:1.58}
.sponsorStoryText .sponsorStoryCopy p strong{color:#fff}
.sponsorStoryText .sponsorStoryCopy>b{display:block;color:#f6c928;font-size:15px;line-height:1.45}
@media(max-width:760px){.sponsorStory.sponsorStoryText{grid-template-columns:1fr;padding:20px}.sponsorStoryText .sponsorStoryVisual{max-width:280px;margin:0 auto}.sponsorStoryText .sponsorStoryCopy h3{font-size:18px}}