.wwdc-section{
  --wwdc-bg:#020D22;
  --wwdc-accent:#F7931D;
  --wwdc-heading:#fff;
  --wwdc-text:#C5D2E8;
  --wwdc-overlay:rgba(0,0,0,.66);
  position:relative;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(27,76,153,.22),transparent 34%),
    radial-gradient(circle at 12% 18%,rgba(247,147,29,.10),transparent 26%),
    var(--wwdc-bg);
  color:var(--wwdc-text);
  box-sizing:border-box;
  isolation:isolate;
  font-family:var(--ww-body-font,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
}
.wwdc-section *{box-sizing:border-box;min-width:0}
.wwdc-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));
  opacity:.45;
  z-index:-1;
}
.wwdc-inner{width:100%;max-width:1300px;margin:0 auto;position:relative}
.wwdc-header{text-align:center;max-width:860px;margin:0 auto 34px}
.wwdc-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.wwdc-eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--wwdc-accent);box-shadow:0 0 0 6px rgba(247,147,29,.16)}
.wwdc-heading{font-family:var(--ww-heading-font,Inter,system-ui,sans-serif);font-size:clamp(34px,4.2vw,58px);line-height:1.05;letter-spacing:-.035em;color:var(--wwdc-heading);margin:0 0 16px}
.wwdc-intro{max-width:780px;margin:0 auto;font-size:17px;line-height:1.8;color:var(--wwdc-text)}
.wwdc-carousel{position:relative;width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:18px}
.wwdc-stage{
  --wwdc-card-width:380px;
  --wwdc-card-height:540px;
  position:relative;
  width:100%;
  height:620px;
  overflow:visible;
  perspective:1500px;
  outline:none;
  touch-action:pan-y;
}
.wwdc-card{
  position:absolute;
  left:50%;
  top:50%;
  width:min(var(--wwdc-card-width),86vw);
  height:var(--wwdc-card-height);
  transform:
    translate(-50%,-50%)
    translateX(var(--wwdc-x,0px))
    scale(var(--wwdc-scale,1))
    rotateY(var(--wwdc-rotate,0deg));
  transform-origin:center;
  opacity:var(--wwdc-opacity,1);
  z-index:var(--wwdc-z,20);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:#08162d;
  box-shadow:0 28px 75px rgba(0,0,0,.42);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease,box-shadow .5s ease;
  cursor:pointer;
  will-change:transform,opacity;
}
.wwdc-card:not(.is-active){filter:saturate(.75) brightness(.72)}
.wwdc-card.is-active{cursor:default;box-shadow:0 34px 95px rgba(0,0,0,.56),0 0 0 1px rgba(247,147,29,.16)}
.wwdc-card-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform .8s ease}
.wwdc-card.is-active:hover .wwdc-card-image{transform:scale(1.07)}
.wwdc-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,20,.04) 22%,rgba(1,8,20,.35) 52%,var(--wwdc-overlay) 100%)}
.wwdc-card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;text-align:center;transform:translateY(4px);transition:transform .45s ease}
.wwdc-card.is-active .wwdc-card-content{transform:none}
.wwdc-flag{width:66px;height:66px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.wwdc-flag span{font-size:38px;line-height:1}
.wwdc-flag img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.wwdc-country{font-family:var(--ww-heading-font,Inter,system-ui,sans-serif);font-size:32px;line-height:1.1;color:#fff;margin:0 0 12px;letter-spacing:-.02em}
.wwdc-card-text{font-size:15px;line-height:1.7;color:#dfe7f5;margin:0 auto;max-width:310px}
.wwdc-card-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--wwdc-accent),#ffb04d);color:#07162f;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 14px 30px rgba(247,147,29,.22);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,box-shadow .25s ease}
.wwdc-card-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wwdc-card.is-active .wwdc-card-button{opacity:1;transform:none;pointer-events:auto}
.wwdc-card-button:hover{box-shadow:0 18px 36px rgba(247,147,29,.34);color:#07162f}
.wwdc-arrow{width:52px;height:52px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background .25s ease,transform .25s ease,border-color .25s ease;z-index:30;padding:0}
.wwdc-arrow:hover{background:var(--wwdc-accent);border-color:var(--wwdc-accent);color:#07162f;transform:translateY(-2px)}
.wwdc-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wwdc-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}
.wwdc-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.34);padding:0;cursor:pointer;transition:width .25s ease,background .25s ease,transform .25s ease}
.wwdc-dot.is-active{width:28px;border-radius:999px;background:var(--wwdc-accent)}
.wwdc-dot:hover{transform:scale(1.15)}

/* Elementor editor: keep the section fully visible and interactive. */
.elementor-editor-active .wwdc-section,.elementor-editor-preview .wwdc-section{overflow:hidden!important}
.elementor-editor-active .wwdc-card,.elementor-editor-preview .wwdc-card{transition:none}

@media (max-width:1200px){
  .wwdc-carousel{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px}
  .wwdc-arrow{width:46px;height:46px}
  .wwdc-stage{height:590px}
}
@media (max-width:900px){
  .wwdc-carousel{grid-template-columns:1fr}
  .wwdc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:40}
  .wwdc-arrow:hover{transform:translateY(-50%)}
  .wwdc-prev{left:4px}.wwdc-next{right:4px}
  .wwdc-stage{height:570px;overflow:hidden}
  .wwdc-card:not(.is-active){opacity:.38}
}
@media (max-width:767px){
  .wwdc-heading{font-size:clamp(30px,9vw,42px)}
  .wwdc-intro{font-size:15px;line-height:1.7}
  .wwdc-stage{height:520px;--wwdc-card-width:82vw;--wwdc-card-height:470px}
  .wwdc-card-content{padding:22px 20px}
  .wwdc-country{font-size:28px}
  .wwdc-card-text{font-size:14px;line-height:1.65}
  .wwdc-flag{width:58px;height:58px}
  .wwdc-flag span{font-size:33px}
  .wwdc-arrow{width:42px;height:42px;background:rgba(2,13,34,.72)}
  .wwdc-prev{left:0}.wwdc-next{right:0}
}
@media (max-width:480px){
  .wwdc-stage{height:500px;--wwdc-card-width:86vw;--wwdc-card-height:450px}
  .wwdc-card-button{width:100%}
  .wwdc-arrow{top:48%}
}
@media (prefers-reduced-motion:reduce){
  .wwdc-card,.wwdc-card-image,.wwdc-card-button,.wwdc-arrow,.wwdc-dot{transition:none!important}
}