:root{--black:#050607;--black2:#0b0d0f;--white:#f7f6f2;--blue:#1681ff;--gray:#a9aaad;--ink:#111315;--line:#d9d7d1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);font-family:Inter,Arial,sans-serif;color:#fff}.sdx-header{height:78px;padding:0 4.8vw;background:#050607;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:50}.sdx-logo img{width:150px;height:52px;object-fit:contain}.sdx-menu{display:flex;gap:34px}.sdx-menu a,.sdx-talk{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.sdx-menu a.active{color:#fff;position:relative}.sdx-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:1px;background:var(--blue)}.sdx-header-right{justify-self:end;display:flex;align-items:center;gap:22px}.sdx-talk{padding:12px 20px;border:1px solid #555;border-radius:99px}.sdx-talk span{margin-left:18px}.sdx-lock{width:26px;display:flex;gap:3px;justify-content:center}.sdx-lock span{width:3px;height:3px;background:#777;border-radius:50%}
.sdx-hero{min-height:690px;display:grid;grid-template-columns:36% 64%;padding-left:4.8vw;background:radial-gradient(circle at 20% 55%,#11161d 0,#050607 43%)}.sdx-hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:35px}.sdx-eyebrow,.sdx-services-title>span,.sdx-story-copy>span,.sdx-process-title>span,.sdx-featured-title>span,.sdx-cta span,.sdx-portfolio-head>span{font:600 9px Space Grotesk;letter-spacing:.23em;color:#9c9c9c}.sdx-hero h1{font:500 clamp(54px,5.7vw,90px)/.9 Space Grotesk;letter-spacing:-.055em;margin:21px 0}.sdx-hero em,.sdx-process em,.sdx-portfolio-head em{font-style:normal;color:var(--blue)}.sdx-hero-copy>p{max-width:430px;color:#d3d3d3;font-size:15px;line-height:1.5}.sdx-outline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:max-content;color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:99px;padding:14px 21px;font-size:10px;font-weight:700;margin-top:20px}.sdx-trust{display:flex;gap:14px;align-items:center;margin-top:70px}.sdx-avatars{display:flex}.sdx-avatars i{width:31px;height:31px;border-radius:50%;border:2px solid #08090a;margin-left:-7px;background:linear-gradient(145deg,#d9d9d9,#555)}.sdx-avatars i:first-child{margin-left:0}.sdx-trust strong{font-size:22px}.sdx-trust span{color:#aaa;font-size:10px;line-height:1.35}
.sdx-hero-panels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.sdx-panel{min-width:0;position:relative;border-left:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);margin-left:-10%}.sdx-panel:first-child{margin-left:0}.sdx-panel small{position:absolute;top:42px;font:600 8px Space Grotesk;letter-spacing:.24em;z-index:3}.sdx-panel p{position:absolute;bottom:45px;font:700 10px Space Grotesk;letter-spacing:.16em}.panel-code{background:linear-gradient(180deg,#07101a,#0c1823)}.code-screen{font:15px/2 monospace;color:#d4e8f8}.code-screen span{display:block;color:#697b88}.code-screen b,.code-screen i,.code-screen strong{display:block}.code-screen i{color:#47b9ff;font-style:normal}.code-screen strong{color:#fff}.panel-drone{background:linear-gradient(180deg,#a4d7f3,#557c91 45%,#162a34)}.drone-graphic{width:100px;height:70px;position:relative}.drone-graphic b{position:absolute;width:55px;height:15px;background:#141b21;border-radius:8px;left:22px;top:29px}.drone-graphic i{position:absolute;width:62px;height:18px;border:3px solid #172027;border-radius:50%;top:6px}.drone-graphic i:first-child{left:-20px}.drone-graphic i:nth-child(2){right:-20px}.panel-camera{background:linear-gradient(180deg,#25292d,#0b0c0d)}.camera-graphic{width:110px;height:85px;background:#111;border:2px solid #444;border-radius:8px;position:relative}.camera-graphic i{position:absolute;width:62px;height:62px;border:6px solid #333;border-radius:50%;left:23px;top:11px}.camera-graphic b{position:absolute;width:25px;height:10px;background:#333;top:-10px;left:15px}.panel-social{background:linear-gradient(180deg,#06121c,#0a2636)}.social-icons{display:grid;gap:13px;font:700 36px Inter}.social-icons b:nth-child(1){color:#ff4fa4}.social-icons b:nth-child(2){color:#4395ff}.panel-interview{background:linear-gradient(180deg,#191817,#090909)}.interview-set{position:relative;width:110px;height:150px}.interview-set i{position:absolute;width:62px;height:62px;border-radius:50%;background:#bbb;left:25px;top:5px}.interview-set b{position:absolute;width:90px;height:100px;background:#222;border-radius:40px 40px 10px 10px;left:10px;bottom:0}.interview-set span{position:absolute;width:50px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff6d8,#604f3d);right:-55px;top:25px;box-shadow:0 0 45px #ffe5a0}.sdx-play{position:absolute;right:28px;bottom:20px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.sdx-play>span{width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:11px}.sdx-play b{font-size:9px;line-height:1.5}.sdx-play small{display:block;color:#888;font-weight:500}
.sdx-services{background:var(--white);color:var(--ink);padding:60px 4.8vw;display:grid;grid-template-columns:27% 20% 53%;gap:28px}.sdx-services-title h2,.sdx-story-copy h2,.sdx-process-title h2,.sdx-featured-title h2{font:500 clamp(35px,3.5vw,57px)/.98 Space Grotesk;letter-spacing:-.045em;margin:20px 0 0}.sdx-services-intro{font-size:13px;line-height:1.5;padding-top:24px}.sdx-services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.sdx-services-grid article i{font-style:normal;font-size:27px}.sdx-services-grid h3{font-size:12px;margin:24px 0 7px}.sdx-services-grid p{font-size:10px;color:#646464;line-height:1.45}
.sdx-story{min-height:430px;display:grid;grid-template-columns:37% 63%;background:#090a0b}.sdx-story-copy{padding:65px 4.8vw}.sdx-story-copy p{max-width:330px;color:#ccc;font-size:14px;line-height:1.5}.sdx-story-copy a{color:#fff;text-decoration:none;font-size:9px}.sdx-story-media{position:relative;overflow:hidden;background:#08101a}.sdx-story-media video{width:100%;height:100%;object-fit:contain;display:block}.sdx-story-words{position:absolute;right:7%;bottom:14%;font:500 15px/1.35 Space Grotesk;text-align:left}
.sdx-process{background:var(--white);color:var(--ink);padding:58px 4.8vw;display:grid;grid-template-columns:27% 73%;gap:28px}.sdx-steps{display:grid;grid-template-columns:repeat(4,1fr)}.sdx-steps article{border-top:1px solid #aaa;padding:0 20px}.sdx-steps b{width:33px;height:33px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:10px;transform:translateY(-17px);background:var(--white)}.sdx-steps h3{font-size:13px}.sdx-steps p{font-size:10px;color:#666;line-height:1.5}
.sdx-featured{padding:60px 4.8vw 75px;display:grid;grid-template-columns:18% 82%;gap:30px}.sdx-featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sdx-project{color:#fff;text-decoration:none;display:block}.sdx-project>div{aspect-ratio:4/3;background:#121416;overflow:hidden}.sdx-project img{width:100%;height:100%;object-fit:contain;transition:.3s}.sdx-project:hover img{transform:scale(1.025)}.sdx-project h3{font-size:12px;margin:11px 0 3px}.sdx-project span{font-size:8px;text-transform:uppercase;color:#777;letter-spacing:.14em}
.sdx-cta{margin:0 2.6vw;background:var(--blue);border-radius:52px 52px 0 0;min-height:220px;padding:45px 4vw;display:grid;grid-template-columns:1.25fr .75fr .45fr;gap:45px;align-items:end}.sdx-cta h2{font:600 clamp(38px,4vw,62px)/1 Space Grotesk;margin:15px 0 0}.sdx-cta p{font-size:11px;line-height:1.5}.sdx-cta a{display:inline-flex;background:white;color:#111;text-decoration:none;border-radius:99px;padding:14px 25px;font-size:10px;font-weight:700;margin-top:12px}.sdx-cta aside{background:var(--white);color:#111;align-self:stretch;margin:-45px -4vw -45px 0;padding:45px 35px;display:flex;flex-direction:column;justify-content:center}.sdx-cta aside div{margin-top:25px;font-size:20px}.sdx-footer{background:var(--white);color:#555;display:flex;align-items:center;justify-content:space-between;padding:22px 4.8vw}.sdx-footer img{width:135px}.sdx-footer nav{display:flex;gap:25px}.sdx-footer a{color:#555;text-decoration:none;font-size:9px}.sdx-footer small{font-size:8px}
.sdx-portfolio{background:var(--white);color:var(--ink);min-height:100vh;padding:7vw 4.8vw}.sdx-portfolio-head{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;padding-bottom:5vw}.sdx-portfolio-head>span{grid-column:1/-1}.sdx-portfolio-head h1{font:500 clamp(58px,8vw,112px)/.88 Space Grotesk;letter-spacing:-.06em;margin:0}.sdx-portfolio-head p{font-size:15px;line-height:1.6;color:#666}.sdx-port-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #111;border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:45px}.sdx-port-filters{display:flex;gap:7px;flex-wrap:wrap}.sdx-port-filters button{border:0;background:transparent;padding:8px 11px;font:600 10px Inter;cursor:pointer}.sdx-port-filters button.active{background:#111;color:#fff}.sdx-port-tools label{border-bottom:1px solid #111;display:flex;align-items:center}.sdx-port-tools input{border:0;background:transparent;outline:0;padding:8px;width:170px}.sdx-port-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 18px}.sdx-port-card[hidden]{display:none}.sdx-port-img{display:block;aspect-ratio:4/3;background:#e8e6df;position:relative;overflow:hidden}.sdx-port-img img{width:100%;height:100%;object-fit:contain;display:block}.sdx-port-img b{position:absolute;top:10px;left:10px;background:var(--white);padding:5px 7px;font-size:9px}.sdx-port-meta{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:8px;color:#777;text-transform:uppercase;letter-spacing:.08em}.sdx-port-title{display:flex;justify-content:space-between;align-items:center}.sdx-port-title h2{font:600 21px Space Grotesk;margin:8px 0}.sdx-port-title a{font-size:20px;color:#111;text-decoration:none}.sdx-port-card>p{font-size:11px;line-height:1.5;color:#666;margin:0}.sdx-empty{padding:50px 0;color:#777}.sdx-port-cta{margin-top:8vw;border-top:1px solid #111;padding-top:35px;display:flex;justify-content:space-between;align-items:center}.sdx-port-cta h2{font:500 clamp(32px,4vw,60px) Space Grotesk;margin:0}.sdx-port-cta a{background:#111;color:#fff;text-decoration:none;padding:15px 20px;font-size:10px}
@media(max-width:1050px){.sdx-menu{display:none}.sdx-hero{grid-template-columns:1fr;padding:70px 5vw}.sdx-hero-panels{height:520px;margin-top:30px}.sdx-services{grid-template-columns:1fr}.sdx-services-grid{grid-template-columns:repeat(3,1fr)}.sdx-story{grid-template-columns:1fr}.sdx-story-media{min-height:420px}.sdx-process{grid-template-columns:1fr}.sdx-featured{grid-template-columns:1fr}.sdx-featured-grid{grid-template-columns:repeat(2,1fr)}.sdx-portfolio-head{grid-template-columns:1fr}.sdx-portfolio-head>span{grid-column:auto}.sdx-port-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sdx-header{height:70px;padding:0 20px}.sdx-logo img{width:115px}.sdx-talk{display:none}.sdx-hero{padding:48px 20px}.sdx-hero h1{font-size:55px}.sdx-trust{margin-top:38px}.sdx-hero-panels{height:390px;grid-template-columns:repeat(5,44%);overflow-x:hidden}.sdx-services,.sdx-story-copy,.sdx-process,.sdx-featured,.sdx-portfolio{padding-left:20px;padding-right:20px}.sdx-services-grid{grid-template-columns:1fr 1fr}.sdx-steps{grid-template-columns:1fr 1fr;gap:30px}.sdx-featured-grid{grid-template-columns:1fr 1fr}.sdx-cta{margin:0;border-radius:32px 32px 0 0;grid-template-columns:1fr;padding:38px 25px}.sdx-cta aside{margin:0 -25px -38px;padding:30px 25px}.sdx-footer{align-items:flex-start;gap:18px;flex-direction:column}.sdx-footer nav{flex-wrap:wrap}.sdx-port-tools{align-items:flex-start;flex-direction:column;gap:15px}.sdx-port-grid{grid-template-columns:1fr}.sdx-portfolio-head h1{font-size:58px}}

/* V12: photographic hero — faithful to approved mockup */
.sdx-hero-panels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;background:#050607}
.sdx-panel{min-width:0;position:relative;display:block;overflow:hidden;border-left:4px solid #050607;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);margin-left:-10%;background:#111!important}
.sdx-panel:first-child{margin-left:0}
.sdx-panel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.04);transform:scale(1.02);transition:transform .6s ease,filter .6s ease}
.sdx-panel:hover img{transform:scale(1.06);filter:saturate(1.05) contrast(1.02)}
.sdx-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.46) 100%);pointer-events:none}
.sdx-panel small{position:absolute;z-index:4;top:42px;left:50%;transform:translateX(-50%);font:700 8px Space Grotesk;letter-spacing:.23em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.sdx-panel p{position:absolute;z-index:4;left:50%;bottom:45px;transform:translateX(-50%);font:700 10px Space Grotesk;letter-spacing:.16em;color:#fff;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.sdx-story-media{position:relative;overflow:hidden;background:#07090b}
.sdx-story-photo{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08)}
.sdx-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.02) 55%,rgba(0,0,0,.34))}
.sdx-story-video{position:absolute;left:4%;bottom:6%;width:31%;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.3);background:#06101b;z-index:3;box-shadow:0 15px 40px rgba(0,0,0,.35)}
.sdx-story-video video{width:100%;height:100%;object-fit:contain;display:block}
.sdx-story-words{z-index:4}
@media(max-width:650px){
 .sdx-hero-panels{grid-template-columns:repeat(5,44%);overflow:hidden}
 .sdx-panel img{object-fit:cover}
 .sdx-story-video{width:46%}
}

/* V13 — clean photographic hero, without text baked into the image */
.sdx-hero{grid-template-columns:38% 62%;min-height:690px}
.sdx-hero-visual{position:relative;overflow:hidden;min-width:0;background:#050607}
.sdx-hero-visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.sdx-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.14),rgba(5,6,7,0) 17%,rgba(5,6,7,0) 84%,rgba(5,6,7,.10));pointer-events:none}
.sdx-hero-visual .sdx-play{z-index:4}
@media(max-width:1050px){.sdx-hero{grid-template-columns:1fr}.sdx-hero-visual{aspect-ratio:16/9;min-height:0;margin-top:30px}}
@media(max-width:650px){.sdx-hero-visual{aspect-ratio:16/10}.sdx-hero-visual>img{object-position:center}}

/* V14 — photographic layout refinement */
.sdx-hero{min-height:700px;overflow:hidden}
.sdx-hero-visual{height:700px;overflow:hidden;background:#050607}
.sdx-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.sdx-story{min-height:440px}
.sdx-story-media{position:relative;overflow:hidden;min-height:440px;background:#080a0b}
.sdx-story-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none!important}
.sdx-story-media:after{display:none!important}
.sdx-story-video{display:none!important}
.sdx-story-words{display:none!important}

/* Dedicated showreel section — video no longer overlays any image */
.sdx-showreel{background:#f5f4ef;color:#111;display:grid;grid-template-columns:34% 66%;gap:4vw;padding:7vw 4.8%;align-items:center}
.sdx-showreel-copy>span{font:700 9px Space Grotesk;letter-spacing:.22em;color:#1681ff}
.sdx-showreel-copy h2{font:600 clamp(42px,4.8vw,76px)/.95 Space Grotesk;letter-spacing:-.05em;margin:20px 0}
.sdx-showreel-copy p{font-size:14px;line-height:1.65;color:#666;max-width:420px}
.sdx-showreel-video{background:#050607;aspect-ratio:16/9;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.16)}
.sdx-showreel-video video{width:100%;height:100%;display:block;object-fit:contain;background:#050607}

/* Prevent image overflow at every breakpoint */
.sdx-hero-visual,.sdx-story-media,.sdx-showreel-video{max-width:100%}
.sdx-hero-visual img,.sdx-story-media img{max-width:100%}

@media(max-width:1050px){
  .sdx-hero-visual{height:auto;aspect-ratio:16/9}
  .sdx-showreel{grid-template-columns:1fr}
}
@media(max-width:650px){
  .sdx-hero-visual{aspect-ratio:16/10}
  .sdx-story-media{min-height:300px}
  .sdx-showreel{padding:65px 20px}
  .sdx-showreel-copy h2{font-size:44px}
}

/* V15 — five independent high-quality images, one per angled panel */
.sdx-hero{grid-template-columns:38% 62%;min-height:700px;overflow:hidden}
.sdx-hero-panels-v15{
  position:relative;
  height:700px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  overflow:hidden;
  background:#050607;
  isolation:isolate;
}
.sdx-hero-panels-v15 figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#090b0d;
  clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);
  margin-left:-9%;
  z-index:1;
}
.sdx-hero-panels-v15 figure:first-child{margin-left:0}
.sdx-hero-panels-v15 figure:not(:first-child):before{
  content:"";
  position:absolute;
  left:1%;
  top:0;
  bottom:0;
  width:5px;
  background:#050607;
  transform:skewX(-3deg);
  z-index:3;
  pointer-events:none;
}
.sdx-hero-panels-v15 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.015);
  filter:saturate(1.03) contrast(1.04);
  transition:transform .55s ease,filter .55s ease;
}
.sdx-hero-panels-v15 figure:hover img{
  transform:scale(1.05);
  filter:saturate(1.1) contrast(1.02);
}
.sdx-hero-panels-v15:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:4;
  background:linear-gradient(90deg,rgba(5,6,7,.12),transparent 10%,transparent 90%,rgba(5,6,7,.10));
}
@media(max-width:1050px){
  .sdx-hero{grid-template-columns:1fr}
  .sdx-hero-panels-v15{height:auto;aspect-ratio:16/9;margin-top:30px}
}
@media(max-width:650px){
  .sdx-hero-panels-v15{
    aspect-ratio:auto;
    height:400px;
    grid-template-columns:repeat(5,42%);
    overflow:hidden;
  }
  .sdx-hero-panels-v15 figure{margin-left:-12%}
  .sdx-hero-panels-v15 figure:first-child{margin-left:0}
}

/* V16 — premium opportunity/story section */
.sdx-story-v16{display:grid!important;grid-template-columns:39% 61%!important;min-height:650px!important;background:#06111b!important;color:#fff!important;overflow:hidden!important;position:relative}
.sdx-story-v16 .sdx-story-copy{padding:70px 5vw 58px!important;background:radial-gradient(circle at 80% 35%,rgba(16,119,214,.15),transparent 34%),linear-gradient(135deg,#07131e 0%,#04090e 100%)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative;z-index:3}
.sdx-story-v16 .sdx-story-copy:after{content:"";position:absolute;right:-75px;top:-10%;width:150px;height:120%;background:linear-gradient(180deg,rgba(28,142,240,.5),rgba(16,75,133,.12));transform:skewX(-15deg);z-index:-1;opacity:.55}
.sdx-story-kicker{display:flex!important;align-items:center;gap:22px;font:700 10px Space Grotesk!important;letter-spacing:.28em!important;color:#aebbc6!important;margin-bottom:25px!important}.sdx-story-kicker i{width:70px;height:2px;background:#20a2ff;display:block}
.sdx-story-v16 h2{font:600 clamp(50px,4.2vw,78px)/.91 Space Grotesk!important;letter-spacing:-.055em!important;margin:0 0 26px!important;color:#fff!important}.sdx-story-v16 h2 em{font-style:normal;color:#53b9f4!important}
.sdx-story-v16 .sdx-story-copy>p{font-size:16px!important;line-height:1.7!important;color:#c2cbd2!important;max-width:570px!important;margin:0 0 34px!important}
.sdx-story-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 35px}
.sdx-story-points article{min-width:0}.sdx-story-points b{width:52px;height:52px;border:1px solid rgba(79,184,244,.25);background:rgba(10,35,54,.72);display:grid;place-items:center;border-radius:14px;color:#38adf2;font-size:23px;margin-bottom:10px}.sdx-story-points strong{display:block;font:700 10px Space Grotesk;letter-spacing:.04em;color:#fff}.sdx-story-points small{display:block;color:#8797a4;font-size:10px;margin-top:5px}
.sdx-story-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.sdx-story-primary{display:inline-flex!important;align-items:center;justify-content:space-between;gap:25px;min-width:255px;background:linear-gradient(90deg,#159df2,#62c9f4);color:#03111c!important;padding:17px 19px 17px 23px!important;border-radius:999px;text-decoration:none!important;font:800 10px Inter!important;box-shadow:0 12px 35px rgba(24,158,240,.22)}.sdx-story-primary b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#082033;color:#fff}
.sdx-story-video-link{display:flex!important;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}.sdx-story-video-link>b{width:52px;height:52px;border-radius:50%;border:2px solid #32adf6;display:grid;place-items:center;font-size:12px}.sdx-story-video-link span{font:700 10px Space Grotesk;letter-spacing:.04em}.sdx-story-video-link small{display:block;font:400 10px Inter;color:#9aa9b4;margin-top:5px}
.sdx-story-v16 .sdx-story-media{min-height:650px!important;position:relative!important;overflow:hidden!important;background:#0a1015!important}.sdx-story-v16 .sdx-story-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;filter:none!important;transform:scale(1.005)}.sdx-story-v16 .sdx-story-media:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(4,12,19,.3),transparent 25%,transparent 72%,rgba(4,12,19,.08));pointer-events:none}.sdx-story-v16 .sdx-story-media:after{content:""!important;display:block!important;position:absolute;left:-55px;top:-5%;width:100px;height:110%;z-index:3;background:rgba(20,134,224,.22);transform:skewX(-12deg);pointer-events:none}
.sdx-story-focus{position:absolute;z-index:5;right:4%;bottom:6%;display:flex;gap:15px;align-items:center;background:rgba(5,18,29,.82);border:1px solid rgba(87,187,245,.25);backdrop-filter:blur(12px);padding:17px 22px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.sdx-story-focus>b{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(35,157,232,.12);color:#52bdf7;font-size:24px}.sdx-story-focus strong{font:700 11px/1.35 Space Grotesk;letter-spacing:.12em;color:#fff}.sdx-story-focus small{display:block;margin-top:7px;color:#b8c3cb;font-size:10px}
@media(max-width:1100px){.sdx-story-v16{grid-template-columns:1fr!important}.sdx-story-v16 .sdx-story-media{min-height:500px!important}.sdx-story-v16 .sdx-story-copy:after{display:none}.sdx-story-points{max-width:650px}}
@media(max-width:650px){.sdx-story-v16 .sdx-story-copy{padding:58px 22px 48px!important}.sdx-story-v16 h2{font-size:47px!important}.sdx-story-points{grid-template-columns:repeat(2,1fr);gap:22px}.sdx-story-v16 .sdx-story-media{min-height:360px!important}.sdx-story-focus{right:14px;bottom:14px;left:14px}.sdx-story-actions{gap:20px}.sdx-story-primary{width:100%}}
\n/* V17 — approved Creamos Oportunidades artwork */
.sdx-story-v17{width:100%;background:#f5f4ef;overflow:hidden;line-height:0;padding:0!important;margin:0!important;display:block!important;min-height:0!important}
.sdx-story-v17-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;margin:0 auto}
@media(min-width:1940px){.sdx-story-v17-image{width:1940px;max-width:100%}}
@media(max-width:900px){.sdx-story-v17{overflow-x:hidden}.sdx-story-v17-image{width:145%;max-width:none;transform:translateX(-15.5%)}}
@media(max-width:600px){.sdx-story-v17-image{width:190%;transform:translateX(-27%)}}


/* StudioDigitalCR — Footer global premium */
.sd-global-footer{
  --footer-blue:#168cf5;
  --footer-ink:#eef5fb;
  --footer-muted:#8393a2;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#04080c 0%,#07121c 52%,#04080c 100%);
  color:var(--footer-ink);
  padding:76px 4.8vw 28px;
  border-top:1px solid rgba(75,171,231,.14);
  isolation:isolate;
}
.sd-global-footer:before{
  content:"STUDIO DIGITAL CR";
  position:absolute;
  right:-1.5vw;
  bottom:18px;
  z-index:-1;
  font:700 clamp(70px,10vw,180px)/.8 Space Grotesk;
  letter-spacing:-.07em;
  color:rgba(255,255,255,.018);
  white-space:nowrap;
}
.sd-footer-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.16;
  pointer-events:none;
  z-index:-1;
}
.sd-footer-glow-one{
  width:420px;height:420px;
  background:#168cf5;
  top:-260px;right:10%;
}
.sd-footer-glow-two{
  width:300px;height:300px;
  background:#23d0ff;
  left:-180px;bottom:-150px;
}
.sd-footer-top{
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr .65fr .8fr 1.25fr;
  gap:5vw;
  align-items:start;
}
.sd-footer-brand{max-width:360px}
.sd-footer-logo{
  display:inline-flex;
  margin-bottom:24px;
}
.sd-footer-logo img{
  width:180px;
  height:62px;
  object-fit:contain;
  object-position:left center;
}
.sd-footer-brand p,
.sd-footer-contact p{
  color:var(--footer-muted);
  font-size:12px;
  line-height:1.7;
  margin:0;
}
.sd-footer-signature{
  margin-top:26px;
  color:#41b8ff;
  font:600 10px Space Grotesk;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.sd-footer-label{
  display:block;
  color:#667787;
  font:700 9px Space Grotesk;
  letter-spacing:.22em;
  margin-bottom:24px;
}
.sd-footer-col nav{
  display:grid;
  gap:15px;
}
.sd-footer-col nav a{
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#d9e2e9;
  text-decoration:none;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding-bottom:11px;
  transition:.22s ease;
}
.sd-footer-col nav a b{
  color:#278ff4;
  font-weight:500;
  transition:transform .22s ease;
}
.sd-footer-col nav a:hover{
  color:#fff;
  border-color:rgba(39,143,244,.45);
}
.sd-footer-col nav a:hover b{transform:translate(3px,-3px)}
.sd-footer-services{
  display:grid;
  gap:13px;
}
.sd-footer-services span{
  color:#aab6c0;
  font-size:11px;
  padding-left:14px;
  position:relative;
}
.sd-footer-services span:before{
  content:"";
  width:4px;height:4px;
  border-radius:50%;
  background:#168cf5;
  position:absolute;
  left:0;top:6px;
}
.sd-footer-contact{
  padding:30px;
  border:1px solid rgba(75,171,231,.20);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(15,50,78,.54),rgba(5,15,24,.66));
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}
.sd-footer-contact .sd-footer-label{margin-bottom:15px}
.sd-footer-contact h2{
  margin:0 0 15px;
  font:600 clamp(30px,2.4vw,44px)/.98 Space Grotesk;
  letter-spacing:-.045em;
  color:#fff;
}
.sd-footer-contact h2 em{
  font-style:normal;
  color:#2ea8fb;
}
.sd-footer-contact p{
  max-width:420px;
  margin-bottom:24px;
}
.sd-footer-cta{
  width:100%;
  min-height:54px;
  padding:0 10px 0 21px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  text-decoration:none;
  font:700 10px Inter;
  letter-spacing:.06em;
  border-radius:999px;
  background:linear-gradient(90deg,#137ee8,#36b9f7);
  box-shadow:0 12px 32px rgba(18,132,232,.18);
}
.sd-footer-cta i{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#061a2a;
  font-style:normal;
  font-size:17px;
}
.sd-footer-divider{
  max-width:1600px;
  height:1px;
  margin:58px auto 25px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 10%,rgba(255,255,255,.12) 90%,transparent);
}
.sd-footer-middle,
.sd-footer-bottom{
  max-width:1600px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
}
.sd-footer-middle{
  padding-bottom:24px;
}
.sd-footer-socials{
  display:flex;
  gap:20px;
  align-items:center;
  flex-wrap:wrap;
}
.sd-footer-socials>span{
  color:#526273;
  font:700 8px Space Grotesk;
  letter-spacing:.20em;
  margin-right:6px;
}
.sd-footer-socials a,
.sd-footer-bottom a{
  color:#8695a3;
  text-decoration:none;
  font-size:9px;
  transition:.2s;
}
.sd-footer-socials a:hover,
.sd-footer-bottom a:hover{color:#fff}
.sd-footer-location{
  display:flex;
  align-items:center;
  gap:20px;
  color:#657686;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.sd-footer-status{
  display:flex;
  align-items:center;
  gap:8px;
}
.sd-footer-status i{
  width:7px;height:7px;
  border-radius:50%;
  background:#45e5a5;
  box-shadow:0 0 14px rgba(69,229,165,.6);
  animation:sdFooterPulse 1.8s infinite;
}
@keyframes sdFooterPulse{
  0%,100%{opacity:.55;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.15)}
}
.sd-footer-bottom{
  padding-top:21px;
  border-top:1px solid rgba(255,255,255,.06);
}
.sd-footer-bottom small{
  color:#52616e;
  font-size:8px;
}
.sd-footer-bottom>div{
  display:flex;
  gap:18px;
  align-items:center;
}
.sd-footer-private{
  width:22px;height:22px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  color:#5b6b78!important;
}
@media(max-width:1050px){
  .sd-footer-top{
    grid-template-columns:1fr 1fr;
    gap:50px 7vw;
  }
  .sd-footer-brand{max-width:430px}
}
@media(max-width:650px){
  .sd-global-footer{padding:58px 22px 24px}
  .sd-footer-top{grid-template-columns:1fr;gap:42px}
  .sd-footer-contact{padding:25px 22px}
  .sd-footer-divider{margin-top:45px}
  .sd-footer-middle,
  .sd-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .sd-footer-location{width:100%;justify-content:space-between}
  .sd-footer-bottom>div{flex-wrap:wrap}
}
.sd-social-icons{display:flex;gap:9px;flex-wrap:wrap}.sd-footer-socials .sd-social-icons a{width:42px;height:42px;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.04);position:relative;color:#dce6ed!important;transition:.25s!important}.sd-social-icons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.sd-social-icons a[aria-label="Facebook"] svg,.sd-social-icons a[aria-label="TikTok"] svg,.sd-social-icons a[aria-label="LinkedIn"] svg{fill:currentColor;stroke:none}.sd-footer-socials .sd-social-icons a:hover{transform:translateY(-4px);background:#168cf5!important;border-color:#168cf5!important;color:#fff!important;box-shadow:0 10px 28px rgba(22,140,245,.28)}.sd-social-icons a>span{position:absolute;bottom:52px;opacity:0;background:#fff;color:#111820;padding:6px 8px;border-radius:7px;font:700 8px Inter;white-space:nowrap}.sd-social-icons a:hover>span{opacity:1}
/* v57 - navegación activa + menú móvil */
.site-nav a,
.main-nav a,
.nav-link{
  position:relative;
}
.site-nav a::after,
.main-nav a::after,
.nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:0;
  height:2px;
  border-radius:99px;
  background:currentColor;
  transform:translateX(-50%);
  transition:width .28s ease;
}
.site-nav a:hover::after,
.main-nav a:hover::after,
.nav-link:hover::after,
.site-nav a.active::after,
.main-nav a.active::after,
.nav-link.active::after{
  width:28px;
}
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:transparent;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative;
  z-index:1002;
}
.menu-toggle span{
  position:absolute;
  width:18px;
  height:1.5px;
  background:currentColor;
  transition:.25s ease;
}
.menu-toggle span:nth-child(1){transform:translateY(-5px)}
.menu-toggle span:nth-child(3){transform:translateY(5px)}
.menu-toggle.is-open span:nth-child(1){transform:rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:rotate(-45deg)}

@media(max-width:900px){
  .menu-toggle{display:flex}
  .site-nav,.main-nav{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:10px!important;
    padding:90px 34px 40px!important;
    background:#071018!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .25s ease,transform .25s ease,visibility .25s;
  }
  .site-nav.is-open,.main-nav.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .site-nav a,.main-nav a{
    display:inline-block!important;
    width:auto!important;
    font-size:clamp(25px,7vw,42px)!important;
    line-height:1.15!important;
    padding:10px 0!important;
  }
  .site-nav a::after,.main-nav a::after{left:0;transform:none;bottom:3px}
  .site-nav a.active::after,.main-nav a.active::after{width:36px}
  body.menu-open{overflow:hidden}
}

/* v58 - menú real del header StudioDigitalCR */
.sdx-menu a{
  position:relative;
}
.sdx-menu a:after{
  content:"";
  position:absolute;
  left:50%;
  right:auto;
  bottom:-17px;
  width:0;
  height:2px;
  border-radius:999px;
  background:#168cf5;
  transform:translateX(-50%);
  transition:width .28s ease;
}
.sdx-menu a:hover:after,
.sdx-menu a.active:after{
  width:30px;
}
.sdx-lock{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  color:#fff;
  height:34px;
  align-items:center;
}
.sdx-lock span{
  display:block;
  transition:transform .28s ease,opacity .2s ease,width .28s ease;
}
.sdx-lock.is-open span{
  width:18px;
  height:1.5px;
  background:#fff;
  position:absolute;
}
.sdx-lock.is-open span:nth-child(1){transform:rotate(45deg)}
.sdx-lock.is-open span:nth-child(2){opacity:0}
.sdx-lock.is-open span:nth-child(3){transform:rotate(-45deg)}

@media(max-width:1050px){
  .sdx-header{z-index:1200}
  .sdx-lock{display:flex;position:relative;z-index:1202}
  .sdx-menu{
    display:flex!important;
    position:fixed;
    inset:0;
    z-index:1201;
    padding:110px 7vw 55px;
    background:
      radial-gradient(circle at 85% 12%,rgba(22,140,245,.18),transparent 30%),
      #050607;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:4px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .28s ease,transform .28s ease,visibility .28s;
  }
  .sdx-menu.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .sdx-menu a{
    width:auto;
    color:#fff!important;
    font-family:"Space Grotesk",sans-serif;
    font-size:clamp(32px,6vw,58px);
    font-weight:600;
    letter-spacing:-.04em;
    text-transform:none;
    padding:8px 0;
    line-height:1.05;
  }
  .sdx-menu a:after{
    left:0;
    transform:none;
    bottom:1px;
  }
  .sdx-menu a.active{color:#168cf5!important}
  .sdx-menu a.active:after{width:42px}
  body.sdx-menu-open{overflow:hidden}
}
@media(min-width:1051px){
  .sdx-lock{display:none!important}
}

/* v59 - acceso administrativo dentro del menú */
.sdx-menu .sdx-login-link{
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  gap:18px;
}
.sdx-menu .sdx-login-link b{font-weight:400}
@media(max-width:1050px){
  .sdx-menu .sdx-login-link{
    margin-top:24px;
    padding:15px 22px!important;
    border-color:rgba(255,255,255,.35);
    border-radius:999px;
    font-size:16px!important;
    letter-spacing:.04em;
    text-transform:uppercase;
    gap:30px;
  }
  .sdx-menu .sdx-login-link:after{display:none}
}

/* v60 — menú editorial premium, más compacto */
@media(max-width:1050px){
  .sdx-menu{
    width:min(88vw,520px)!important;
    left:auto!important;
    right:0!important;
    padding:110px 54px 44px!important;
    justify-content:flex-start!important;
    gap:0!important;
    border-left:1px solid rgba(255,255,255,.08);
    box-shadow:-30px 0 90px rgba(0,0,0,.42);
    background:
      radial-gradient(circle at 100% 0,rgba(22,140,245,.13),transparent 36%),
      linear-gradient(160deg,#08121b 0%,#05080b 56%,#030405 100%)!important;
  }
  .sdx-menu:before{
    content:"MENÚ";
    display:block;
    width:100%;
    margin:0 0 24px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(255,255,255,.10);
    color:#6f8190;
    font-size:10px;
    font-weight:700;
    letter-spacing:.28em;
  }
  .sdx-menu a:not(.sdx-login-link){
    width:100%!important;
    display:flex!important;
    align-items:center;
    min-height:57px;
    padding:0!important;
    border-bottom:1px solid rgba(255,255,255,.075);
    font-size:clamp(25px,5vw,34px)!important;
    font-weight:500!important;
    letter-spacing:-.035em!important;
    color:rgba(255,255,255,.78)!important;
    transition:color .2s ease,padding-left .2s ease;
  }
  .sdx-menu a:not(.sdx-login-link):hover{
    color:#fff!important;
    padding-left:8px!important;
  }
  .sdx-menu a:not(.sdx-login-link).active{
    color:#168cf5!important;
  }
  .sdx-menu a:not(.sdx-login-link):after{
    left:auto!important;
    right:0!important;
    bottom:auto!important;
    top:50%!important;
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    transform:translateY(-50%) scale(0)!important;
    transition:transform .2s ease!important;
  }
  .sdx-menu a:not(.sdx-login-link).active:after{
    transform:translateY(-50%) scale(1)!important;
  }
  .sdx-menu .sdx-login-link{
    width:100%!important;
    min-height:52px;
    margin-top:28px!important;
    padding:0 20px!important;
    justify-content:space-between!important;
    border:1px solid rgba(255,255,255,.17)!important;
    background:rgba(255,255,255,.045)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    border-radius:14px!important;
    backdrop-filter:blur(10px);
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
  }
  .sdx-menu .sdx-login-link:hover{
    border-color:rgba(22,140,245,.55)!important;
    background:rgba(22,140,245,.09)!important;
    transform:translateY(-2px);
  }
  .sdx-menu .sdx-login-link b{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#168cf5;
    font-size:15px;
  }
}
@media(max-width:600px){
  .sdx-menu{
    width:100vw!important;
    padding:96px 30px 34px!important;
  }
  .sdx-menu a:not(.sdx-login-link){
    min-height:53px;
    font-size:29px!important;
  }
}

/* v63 — corrección REAL del header usando las clases existentes */
@media(min-width:1051px){
  .sdx-header{
    height:88px!important;
    padding:0 clamp(34px,5vw,78px)!important;
    grid-template-columns:180px minmax(520px,1fr) 230px!important;
    column-gap:28px!important;
    background:#050607!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  .sdx-logo{display:flex;align-items:center;justify-self:start}
  .sdx-logo img{width:132px!important;height:55px!important;object-fit:contain!important}

  .sdx-menu{
    display:flex!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:clamp(20px,2vw,34px)!important;
    height:88px!important;
  }
  .sdx-menu a:not(.sdx-login-link){
    position:relative!important;
    height:88px!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    color:#aab3bc!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.09em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .sdx-menu a:not(.sdx-login-link):hover,
  .sdx-menu a:not(.sdx-login-link).active{color:#fff!important}
  .sdx-menu a:not(.sdx-login-link):after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:0!important;
    height:2px!important;
    border-radius:4px!important;
    background:#168cff!important;
    transform:translateX(-50%)!important;
    transition:width .22s ease!important;
  }
  .sdx-menu a:not(.sdx-login-link):hover:after{width:16px!important}
  .sdx-menu a:not(.sdx-login-link).active:after{width:30px!important}

  .sdx-header-right{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  .sdx-talk{
    height:44px!important;
    min-width:142px!important;
    padding:0 19px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:999px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:9px!important;
    font-weight:700!important;
    transition:.22s ease!important;
  }
  .sdx-talk:hover{
    border-color:#168cff!important;
    background:rgba(22,140,255,.08)!important;
  }
  .sdx-talk span{margin-left:18px!important;font-size:14px!important}

  .sdx-admin-dot{
    width:44px;height:44px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    text-decoration:none;
    transition:.22s ease;
  }
  .sdx-admin-dot i{
    width:3px;height:3px;border-radius:50%;background:#82909b;
    transition:.22s ease;
  }
  .sdx-admin-dot:hover{border-color:#168cff;background:rgba(22,140,255,.08)}
  .sdx-admin-dot:hover i{background:#fff}
  .sdx-lock{display:none!important}
}
@media(max-width:1050px){
  .sdx-admin-dot{display:none!important}
}

/* v65 — espacio para nuevo menú Planes */
@media(min-width:1051px){
  .sdx-header{grid-template-columns:165px minmax(650px,1fr) 220px!important;padding-left:clamp(24px,3.5vw,58px)!important;padding-right:clamp(24px,3.5vw,58px)!important;column-gap:18px!important}
  .sdx-menu{gap:clamp(15px,1.55vw,27px)!important}
  .sdx-menu a:not(.sdx-login-link){font-size:9.5px!important;letter-spacing:.065em!important}
}