/* DeckLearn English: London elements integrated into the existing sales page. */
.it-en-site .dl-en-product-visual{
  position:relative;
  isolation:isolate;
  min-width:0;
}

.it-en-site .dl-en-product-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 4% 2% 4%;
  height:28%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(1,33,105,.34),rgba(200,16,46,.12) 48%,transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}

.it-en-site .dl-en-art{
  display:block;
  margin:0;
  pointer-events:none;
  user-select:none;
}

.it-en-site .dl-en-art img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.it-en-site .dl-en-bus{
  position:absolute;
  z-index:3;
  right:-7%;
  bottom:-3%;
  width:clamp(112px,42%,170px);
  filter:drop-shadow(0 13px 13px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(92,225,255,.34));
  animation:dlEnBus 6.8s ease-in-out infinite;
}

.it-en-site .dl-en-feature--anki,
.it-en-site .dl-en-feature--metro{
  overflow:hidden;
}

.it-en-site .dl-en-feature--anki>div:last-child,
.it-en-site .dl-en-feature--metro>div:nth-child(3){
  position:relative;
  z-index:2;
}

.it-en-site .dl-en-anki-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 10px;
}

.it-en-site .dl-en-anki-heading h3{margin:0}

.it-en-site .dl-en-anki-stars{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 4px;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(92,225,255,.24),rgba(35,104,255,.12) 48%,transparent 74%);
  isolation:isolate;
}

.it-en-site .dl-en-anki-stars::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:12% 2%;
  border-radius:999px;
  background:rgba(47,130,255,.34);
  filter:blur(9px);
  opacity:.65;
  animation:dlEnStarAura 4.2s ease-in-out infinite;
}

.it-en-site .dl-en-anki-stars img{
  position:relative;
  z-index:1;
  width:164px;
  height:auto;
  object-fit:contain;
  filter:brightness(1.06) saturate(1.08) drop-shadow(0 0 5px rgba(92,225,255,.72));
  animation:dlEnStar 4.2s ease-in-out infinite;
}

.it-en-site .dl-en-feature--metro{
  min-height:166px;
  padding-right:116px;
}

.it-en-site .dl-en-metro{
  position:absolute;
  z-index:1;
  right:-10px;
  bottom:-8px;
  width:126px;
  opacity:.94;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.5)) drop-shadow(0 0 9px rgba(92,225,255,.32));
  animation:dlEnMetro 7.2s ease-in-out infinite;
}

.it-en-site .dl-en-levels{
  overflow:hidden;
}

.it-en-site .dl-en-levels__header{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:86px minmax(0,1fr) 132px;
  gap:14px;
  align-items:end;
  min-height:158px;
  margin:-5px -2px 14px;
}

.it-en-site .dl-en-levels__header h2{
  align-self:center;
  margin:0;
  text-align:center;
}

.it-en-site .dl-en-big-ben{
  align-self:end;
  width:82px;
  filter:drop-shadow(0 11px 10px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(215,181,109,.38));
  animation:dlEnBigBen 6.4s ease-in-out infinite;
}

.it-en-site .dl-en-london-eye{
  justify-self:end;
  align-self:end;
  width:128px;
  filter:drop-shadow(0 12px 11px rgba(0,0,0,.56)) drop-shadow(0 0 9px rgba(92,225,255,.34));
  animation:dlEnEye 8.4s ease-in-out infinite;
}

.it-en-site .dl-en-levels>.grid,
.it-en-site .dl-en-levels>.mini{
  position:relative;
  z-index:2;
}

.it-en-site .dl-product-depth--english .dl-product-depth__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,390px);
  gap:clamp(16px,3vw,30px);
  align-items:center;
  max-width:none;
  text-align:left;
}

.it-en-site .dl-product-depth--english .dl-product-depth__head p{
  margin-left:0;
  margin-right:0;
}

.it-en-site .dl-en-learning-street{
  align-self:end;
  width:100%;
  opacity:.83;
  filter:drop-shadow(0 13px 12px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(92,225,255,.26));
  animation:dlEnStreet 9s ease-in-out infinite;
}

@keyframes dlEnBus{
  0%,100%{transform:translate3d(0,0,0) rotate(-.6deg)}
  50%{transform:translate3d(-5px,-3px,0) rotate(.3deg)}
}

@keyframes dlEnStar{
  0%,100%{transform:translateY(0) scale(.985);opacity:.96}
  50%{transform:translateY(-1px) scale(1.025);opacity:1}
}

@keyframes dlEnStarAura{
  0%,100%{transform:scale(.98);opacity:.5}
  50%{transform:scale(1.04);opacity:.86}
}

@keyframes dlEnMetro{
  0%,100%{transform:translate3d(7px,2px,0);opacity:.86}
  50%{transform:translate3d(-4px,-2px,0);opacity:1}
}

@keyframes dlEnBigBen{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 11px 10px rgba(0,0,0,.58)) drop-shadow(0 0 6px rgba(215,181,109,.30))}
  50%{transform:translateY(-4px);filter:drop-shadow(0 13px 12px rgba(0,0,0,.54)) drop-shadow(0 0 13px rgba(255,240,184,.54))}
}

@keyframes dlEnEye{
  0%,100%{transform:translateY(0) scale(.99);opacity:.88}
  50%{transform:translateY(-4px) scale(1.015);opacity:1}
}

@keyframes dlEnStreet{
  0%,100%{transform:translate3d(0,0,0) scale(.99);opacity:.77}
  50%{transform:translate3d(4px,-3px,0) scale(1.01);opacity:.9}
}

@media(max-width:940px){
  .it-en-site .dl-en-bus{right:-3%;width:clamp(105px,38%,150px)}
  .it-en-site .dl-product-depth--english .dl-product-depth__head{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}
}

@media(max-width:720px){
  .it-en-site .dl-en-product-visual{width:min(100%,330px);margin-inline:auto}
  .it-en-site .dl-en-product-visual .itc-product-intro__art{width:100%;margin:0}
  .it-en-site .dl-en-bus{right:-5%;bottom:-4%;width:132px}
  .it-en-site .dl-en-feature--metro{min-height:150px;padding-right:104px}
  .it-en-site .dl-en-metro{width:112px}
  .it-en-site .dl-en-levels__header{grid-template-columns:60px minmax(0,1fr) 92px;gap:8px;min-height:118px}
  .it-en-site .dl-en-big-ben{width:58px}
  .it-en-site .dl-en-london-eye{width:90px}
  .it-en-site .dl-en-levels__header h2{font-size:clamp(1.15rem,5.5vw,1.5rem)}
  .it-en-site .dl-product-depth--english .dl-product-depth__head{grid-template-columns:1fr;text-align:center}
  .it-en-site .dl-product-depth--english .dl-product-depth__head p{margin-left:auto;margin-right:auto}
  .it-en-site .dl-en-learning-street{width:min(100%,420px);margin-inline:auto;opacity:.72}
}

@media(max-width:420px){
  .it-en-site .dl-en-anki-stars img{width:150px}
  .it-en-site .dl-en-feature--metro{padding-right:92px}
  .it-en-site .dl-en-metro{right:-14px;width:105px;opacity:.88}
  .it-en-site .dl-en-levels__header{grid-template-columns:50px minmax(0,1fr) 76px;min-height:104px}
  .it-en-site .dl-en-big-ben{width:50px}
  .it-en-site .dl-en-london-eye{width:75px}
}

@media(prefers-reduced-motion:reduce){
  .it-en-site .dl-en-bus,
  .it-en-site .dl-en-anki-stars img,
  .it-en-site .dl-en-anki-stars::before,
  .it-en-site .dl-en-metro,
  .it-en-site .dl-en-big-ben,
  .it-en-site .dl-en-london-eye,
  .it-en-site .dl-en-learning-street{
    animation:none!important;
  }
}

/* Progressive A1-C1 flashcard badges approved for the levels section. */
.it-en-site .dl-en-level-path{
  position:relative;
}

.it-en-site .dl-en-level-path::before{
  content:"";
  position:absolute;
  z-index:1;
  top:39px;
  bottom:39px;
  left:39px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(92,225,255,.34),rgba(95,124,255,.56),rgba(215,181,109,.76));
  box-shadow:0 0 7px rgba(92,225,255,.24);
  pointer-events:none;
}

.it-en-site .dl-en-level-step{
  --level-accent:#5ce1ff;
  position:relative;
  z-index:2;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:82px;
  overflow:visible;
}

.it-en-site .dl-en-level-step--a2{--level-accent:#4f9cff}
.it-en-site .dl-en-level-step--b1{--level-accent:#6e75ff}
.it-en-site .dl-en-level-step--b2{--level-accent:#ad63d3}
.it-en-site .dl-en-level-step--c1{--level-accent:#d7b56d}

.it-en-site .dl-en-level-stack{
  position:relative;
  z-index:1;
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--level-accent) 64%,rgba(255,255,255,.18));
  border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--level-accent) 36%,#10182a),rgba(16,24,42,.96));
  box-shadow:0 9px 18px color-mix(in srgb,var(--level-accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
  color:#f3f7ff;
  font-weight:900;
  letter-spacing:.04em;
  isolation:isolate;
  animation:dlEnLevelCards 7.5s ease-in-out infinite;
}

.it-en-site .dl-en-level-stack::before,
.it-en-site .dl-en-level-stack::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:6px -5px -5px 6px;
  border:1px solid color-mix(in srgb,var(--level-accent) 38%,rgba(255,255,255,.14));
  border-radius:12px;
  background:color-mix(in srgb,#10182a 88%,var(--level-accent));
  box-shadow:0 5px 12px rgba(0,0,0,.2);
}

.it-en-site .dl-en-level-stack::after{
  inset:11px -9px -9px 11px;
  opacity:.58;
}

.it-en-site .dl-en-level-stack>span{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:11px;
  background:color-mix(in srgb,var(--level-accent) 20%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--level-accent) 46%,transparent);
}

.it-en-site .dl-en-level-step--a1 .dl-en-level-stack::before,
.it-en-site .dl-en-level-step--a1 .dl-en-level-stack::after{opacity:0}
.it-en-site .dl-en-level-step--a2 .dl-en-level-stack::before{opacity:.46}
.it-en-site .dl-en-level-step--a2 .dl-en-level-stack::after{opacity:0}
.it-en-site .dl-en-level-step--b1 .dl-en-level-stack::before{opacity:.72}
.it-en-site .dl-en-level-step--b1 .dl-en-level-stack::after{opacity:.26}
.it-en-site .dl-en-level-step--b2 .dl-en-level-stack::before{opacity:.88}
.it-en-site .dl-en-level-step--b2 .dl-en-level-stack::after{opacity:.46}
.it-en-site .dl-en-level-step--c1 .dl-en-level-stack{
  box-shadow:0 10px 22px rgba(215,181,109,.26),0 0 15px rgba(215,181,109,.18),inset 0 1px 0 rgba(255,255,255,.22);
}

.it-en-site .dl-en-level-meter{
  display:inline-grid;
  grid-template-columns:repeat(5,10px);
  gap:5px;
  align-items:center;
  justify-content:end;
  padding-right:4px;
}

.it-en-site .dl-en-level-meter i{
  display:block;
  width:10px;
  height:14px;
  border:1px solid rgba(168,187,208,.32);
  border-radius:3px;
  background:rgba(168,187,208,.1);
  transform:skewY(-8deg);
}

.it-en-site .dl-en-level-meter i.is-on{
  border-color:color-mix(in srgb,var(--level-accent) 72%,rgba(255,255,255,.22));
  background:color-mix(in srgb,var(--level-accent) 72%,#10182a);
  box-shadow:0 0 5px color-mix(in srgb,var(--level-accent) 38%,transparent);
}

@keyframes dlEnLevelCards{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

@media(max-width:620px){
  .it-en-site .dl-en-level-path::before{
    top:36px;
    bottom:52px;
    left:35px;
  }

  .it-en-site .dl-en-level-step{
    grid-template-columns:48px minmax(0,1fr);
    gap:10px 12px;
    min-height:88px;
  }

  .it-en-site .dl-en-level-stack{
    width:48px;
    height:48px;
    border-radius:12px;
  }

  .it-en-site .dl-en-level-stack>span{
    width:36px;
    height:36px;
    border-radius:9px;
  }

  .it-en-site .dl-en-level-meter{
    grid-column:2;
    justify-content:start;
    margin-top:-5px;
    padding:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .it-en-site .dl-en-level-stack{
    animation:none!important;
  }
}


/* Approved 3D benefit icons: audio, word-by-word translation, levels and APKG. */
.it-en-site .dl-en-feature--visual{
  grid-template-columns:76px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:132px;
  overflow:hidden;
}

.it-en-site .dl-en-feature-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.it-en-site .dl-en-feature-icon{
  position:relative;
  z-index:2;
  display:block;
  width:70px;
  height:70px;
  object-fit:contain;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.42)) drop-shadow(0 0 7px rgba(92,225,255,.22));
  animation:dlEnFeatureIcon 7.4s ease-in-out infinite;
}

.it-en-site .dl-en-feature--translation .dl-en-feature-icon{animation-delay:-1.7s}
.it-en-site .dl-en-feature--progress .dl-en-feature-icon{animation-delay:-3.1s}
.it-en-site .dl-en-feature--apkg .dl-en-feature-icon{
  width:74px;
  height:74px;
  margin-left:-2px;
  animation-delay:-4.8s;
}

.it-en-site .dl-en-feature--anki{
  grid-template-columns:1fr;
  align-items:center;
  min-height:132px;
}

.it-en-site .dl-en-feature--metro{
  grid-template-columns:1fr;
}

@keyframes dlEnFeatureIcon{
  0%,100%{transform:translateY(1px) rotate(-.4deg)}
  50%{transform:translateY(-4px) rotate(.5deg)}
}

@media(max-width:420px){
  .it-en-site .dl-en-feature--visual{
    grid-template-columns:66px minmax(0,1fr);
    min-height:118px;
  }
  .it-en-site .dl-en-feature-icon{
    width:62px;
    height:62px;
  }
  .it-en-site .dl-en-feature--apkg .dl-en-feature-icon{
    width:66px;
    height:66px;
  }
}

@media(prefers-reduced-motion:reduce){
  .it-en-site .dl-en-feature-icon{
    animation:none!important;
  }
}

/* Real three-step card sequence approved for the English product preview. */
.it-en-site .dl-en-card-process{
  position:relative;
  max-width:100%;
  margin-top:18px;
  padding:clamp(22px,4vw,36px);
  overflow:hidden;
  border:1px solid rgba(92,225,255,.22);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 70px rgba(1,33,105,.1);
  isolation:isolate;
}

.it-en-site .dl-en-card-process::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -18% -30% 22%;
  height:58%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(92,225,255,.11),rgba(200,16,46,.05) 48%,transparent 72%);
  filter:blur(24px);
  pointer-events:none;
}

.it-en-site .dl-en-card-process__head{
  max-width:790px;
}

.it-en-site .dl-en-card-process__head h2{
  margin:13px 0 8px;
  font-size:clamp(1.7rem,3.2vw,2.55rem);
  line-height:1.1;
}

.it-en-site .dl-en-card-process__lead{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:clamp(.96rem,1.4vw,1.07rem);
  line-height:1.65;
}

.it-en-site .dl-en-card-process__hint{
  display:none;
  margin:18px 0 -5px;
  color:#c9f6ff;
  font-size:.83rem;
  font-weight:800;
}

.it-en-site .dl-en-card-process__sequence{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,22px);
  width:100%;
  margin-top:27px;
}

.it-en-site .dl-en-card-process__step{
  position:relative;
  min-width:0;
  margin:0;
  padding:14px 12px 16px;
  border:1px solid rgba(92,225,255,.19);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(15,24,43,.95),rgba(5,9,17,.95));
  box-shadow:0 18px 36px rgba(0,0,0,.36);
}

.it-en-site .dl-en-card-process__step-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  margin-bottom:10px;
}

.it-en-site .dl-en-card-process__number{
  display:grid;
  flex:0 0 auto;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,#012169,#c8102e 62%,#d7b56d);
  box-shadow:0 7px 18px rgba(200,16,46,.2);
  color:#fff;
  font-weight:900;
}

.it-en-site .dl-en-card-process__step-head strong{
  display:block;
  font-size:.96rem;
  line-height:1.15;
}

.it-en-site .dl-en-card-process__step-head small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.2;
}

.it-en-site .dl-en-card-process__screen{
  position:relative;
  display:grid;
  height:clamp(500px,55vw,640px);
  overflow:hidden;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:#03050a;
  box-shadow:inset 0 0 28px rgba(1,33,105,.16),0 12px 28px rgba(0,0,0,.34);
}

.it-en-site .dl-en-card-process__screen img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.it-en-site .dl-en-card-process__step:last-child .dl-en-card-process__screen img{
  width:100%;
}

.it-en-site .dl-en-card-process__details{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid rgba(92,225,255,.15);
}

.it-en-site .dl-en-card-process__details .itc-level-note{
  max-width:820px;
  margin:0 auto 15px;
  text-align:center;
}

.it-en-site .dl-en-card-process__details .itc-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:920px;
  margin-inline:auto;
  gap:9px 18px;
}

.it-en-site .dl-en-card-process__details .itc-actions{
  justify-content:center;
  margin-top:18px;
}

@media(max-width:760px){
  .it-en-site .dl-en-card-process{
    padding:22px 16px 24px;
  }

  .it-en-site .dl-en-card-process__hint{
    display:block;
  }

  .it-en-site .dl-en-card-process__sequence{
    display:flex;
    gap:14px;
    margin-top:18px;
    padding:4px 1px 16px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:1px;
    scroll-snap-type:inline mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .it-en-site .dl-en-card-process__sequence::-webkit-scrollbar{
    display:none;
  }

  .it-en-site .dl-en-card-process__step{
    flex:0 0 min(82vw,330px);
    width:min(82vw,330px);
    max-width:calc(100vw - 64px);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  .it-en-site .dl-en-card-process__screen{
    height:min(138vw,600px);
  }

  .it-en-site .dl-en-card-process__details .itc-checks{
    grid-template-columns:1fr;
  }
}

@media(max-width:420px){
  .it-en-site .dl-en-card-process{
    padding-inline:14px;
    border-radius:22px;
  }

  .it-en-site .dl-en-card-process__step{
    flex-basis:min(84vw,320px);
    width:min(84vw,320px);
    max-width:calc(100vw - 56px);
  }
}

@media(prefers-reduced-motion:reduce){
  .it-en-site .dl-en-card-process__sequence{
    scroll-behavior:auto;
  }
}