.neon-root [data-revealed="1"]{opacity:1 !important;transform:none !important}
  .sp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;
    padding:140px 0 60px;position:relative}
  @media (max-width:900px){.sp-hero{grid-template-columns:1fr;gap:32px;padding-top:120px}}
  /* Brand watermark behind the hero — consistent DSMAX presence on every subpage */
  .sp-hero-wm{position:absolute;top:48px;left:-70px;width:min(380px,32vw);z-index:0;
    pointer-events:none;opacity:.08;mix-blend-mode:screen;
    filter:drop-shadow(0 0 50px color-mix(in oklch, var(--cyan), transparent 50%))}
  .sp-hero-wm img{width:100%;height:auto;display:block}
  @media (prefers-reduced-motion: no-preference){
    .sp-hero-wm{animation:sp-wm-breathe 9s ease-in-out infinite}
  }
  @keyframes sp-wm-breathe{0%,100%{opacity:.06}50%{opacity:.11}}
  .neon-root.fx-off .sp-hero-wm{animation:none;opacity:.08}
  @media (max-width:900px){.sp-hero-wm{left:auto;right:-14vw;top:64px;width:62vw;opacity:.06}}
  .sp-hero > *:not(.sp-hero-wm){position:relative;z-index:1}
  .sp-kicker{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:10px}
  .sp-kicker::before{content:"";width:24px;height:1px;background:var(--cyan)}
  .sp-title{font-size:clamp(52px,8vw,108px);line-height:.92;letter-spacing:-.04em;
    font-weight:500;margin:20px 0 0;
    background:linear-gradient(180deg, var(--fg) 40%, color-mix(in oklch, var(--fg), transparent 55%));
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .sp-title em{font-style:normal;color:var(--cyan);-webkit-text-fill-color:var(--cyan)}
  .sp-intro{font-size:18px;line-height:1.65;color:color-mix(in oklch, var(--fg), transparent 12%);
    max-width:54ch;margin-top:24px;font-weight:450;white-space:pre-line}
  .sp-highlight{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px 20px;
    border:1px solid color-mix(in oklch, var(--cyan), transparent 60%);border-radius:14px;
    background:color-mix(in oklch, var(--cyan), transparent 92%);font-size:15px;line-height:1.45;
    color:var(--fg);font-weight:500;max-width:46ch}
  .sp-hl-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);flex-shrink:0;margin-top:6px;
    box-shadow:0 0 12px var(--cyan)}
  .sp-hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;align-items:center}
  .sp-ghost{display:inline-flex;align-items:center;padding:21px 30px;border:1px solid var(--line);
    border-radius:999px;color:var(--fg);font-weight:500;font-size:17px;transition:border-color .2s, background .2s}
  .sp-ghost:hover{border-color:var(--cyan);background:color-mix(in oklch, var(--cyan), transparent 92%)}

  .sp-hero-media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;
    border:1px solid var(--line)}
  .sp-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;
    filter:saturate(1.05)}
  .sp-hero-video{width:100%;height:100%;object-fit:cover;display:block}
  .sp-hero-vidph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    text-align:center;padding:24px;
    background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--accent, #c6ff3a), transparent 92%) 0 14px, transparent 14px 28px), #0a0a10}
  .sp-hero-vidph .sp-hero-vidtag{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:10px;
    font-weight:400;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--accent, #c6ff3a);
    padding:6px 13px;border-radius:999px;white-space:nowrap;border:1px solid color-mix(in oklch, var(--accent, #c6ff3a), transparent 55%)}
  .sp-hero-vidph .sp-hero-vidtitle{font-family:"Space Grotesk",sans-serif;font-size:30px;font-weight:600;
    line-height:1;letter-spacing:-.02em;color:var(--fg-dim)}
  .sp-hero-vidph .sp-hero-vidhint{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:400;
    line-height:1.2;letter-spacing:.04em;color:var(--fg-dim)}
  .sp-hero-empty{display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(135deg, rgba(0,240,255,.05) 0 14px, transparent 14px 28px), #0a0a10}
  .sp-hero-empty span{font-family:"Space Grotesk",sans-serif;font-size:32px;font-weight:600;
    letter-spacing:-.02em;color:var(--fg-dim)}
  .sp-hero-badge{position:absolute;bottom:16px;left:16px;font-family:"JetBrains Mono",monospace;
    font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;
    padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.55);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}

  .sp-sec{padding-top:90px}
  .sp-sec-head{margin-bottom:36px}
  .sp-sec-head .label{font-family:"JetBrains Mono",monospace;font-size:11px;
    text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);
    display:flex;align-items:center;gap:8px;margin-bottom:14px}
  .sp-sec-head .label::before{content:"";width:24px;height:1px;background:var(--cyan)}
  .sp-sec-head h2{font-size:clamp(32px,4.5vw,56px);line-height:1;letter-spacing:-.03em;
    font-weight:500;margin:0;max-width:18ch}

  .sp-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media (max-width:900px){.sp-bullets{grid-template-columns:1fr}}
  .sp-bullet{padding:28px;border:1px solid var(--line);border-radius:18px;position:relative;
    background:linear-gradient(180deg, var(--card), transparent);
    transition:border-color .25s, transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s}
  .sp-bullet:hover{border-color:color-mix(in oklch, var(--cyan), transparent 40%);
    transform:translateY(-6px);box-shadow:0 20px 50px color-mix(in oklch, var(--cyan), transparent 80%)}
  .sp-bullet-t{transition:color .25s}
  .sp-bullet:hover .sp-bullet-t{color:var(--cyan)}
  .sp-bullet:hover .sp-bullet-d{color:var(--fg)}
  .sp-bullet-d{transition:color .25s}
  .sp-bullet-n{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--cyan);
    letter-spacing:.1em;margin-bottom:18px}
  .sp-bullet-t{font-size:20px;letter-spacing:-.015em;font-weight:500;margin-bottom:10px}
  .sp-bullet-d{color:var(--fg-dim);font-size:15px;line-height:1.6}
  /* Feature image inside bullet */
  .sp-bullet.has-img{padding-top:0;overflow:hidden}
  .sp-bullet-img{margin:0 -28px 20px;height:210px;background-size:cover;background-position:center;
    border-bottom:1px solid var(--line);
    transition:transform .5s cubic-bezier(.16,1,.3,1)}
  .sp-bullet.has-img:hover .sp-bullet-img{transform:scale(1.04)}
  .neon-root.fx-off .sp-bullet.has-img:hover .sp-bullet-img{transform:none}
  @media (max-width:900px){.sp-bullet-img{height:240px}}
  /* Show the full framed shot instead of cropping (e-paper, vidriera/exterior, VXT) */
  .sp-bullet[data-slug="epaper"] .sp-bullet-img,
  .sp-bullet[data-slug="outdoor"] .sp-bullet-img,
  .sp-bullet[data-slug="vxt"] .sp-bullet-img{height:260px;background-size:contain;
    background-repeat:no-repeat;background-color:#0b0b07}
  .sp-bullet[data-slug="epaper"] .sp-bullet-img.sp-bullet-ph,
  .sp-bullet[data-slug="outdoor"] .sp-bullet-img.sp-bullet-ph,
  .sp-bullet[data-slug="vxt"] .sp-bullet-img.sp-bullet-ph{background-color:transparent}
  /* Reference-image placeholder (drag an official product shot onto it) */
  .sp-bullet-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;text-align:center;padding:18px;
    background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--cyan), transparent 92%) 0 12px, transparent 12px 24px), rgba(255,255,255,.015);
    transition:none}
  .sp-bullet-ph .sp-ph-tag{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.16em;
    text-transform:uppercase;color:var(--cyan);padding:4px 9px;border-radius:999px;
    border:1px solid color-mix(in oklch, var(--cyan), transparent 55%)}
  .sp-bullet-ph .sp-ph-lbl{font-size:13px;line-height:1.35;color:var(--fg-dim);font-weight:500;max-width:24ch}
  .sp-bullet:hover .photo-swap{opacity:1;transform:translateY(0);pointer-events:auto}

  .sp-modelos{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:14px}
  .sp-modelo{padding:24px;border:1px solid var(--line);border-radius:18px;
    background:rgba(255,255,255,.02);transition:border-color .25s, background .25s}
  .sp-modelo:hover{border-color:color-mix(in oklch, var(--cyan), transparent 50%);
    background:color-mix(in oklch, var(--cyan), transparent 94%)}
  .sp-modelo-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
  .sp-modelo-size{font-size:32px;letter-spacing:-.03em;font-weight:600;color:var(--fg)}
  .sp-modelo-m{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--cyan);
    letter-spacing:.04em}
  .sp-modelo-specs{display:flex;flex-direction:column;gap:8px}
  .sp-spec{display:flex;justify-content:space-between;gap:12px;font-size:13px}
  .sp-spec-k{color:var(--fg-dim);font-family:"JetBrains Mono",monospace;font-size:10px;
    letter-spacing:.06em;text-transform:uppercase}
  .sp-spec-v{color:var(--fg);font-weight:500;text-align:right}

  .sp-usos{display:flex;flex-wrap:wrap;gap:10px}
  .sp-uso{padding:12px 20px;border:1px solid var(--line);border-radius:999px;font-size:15px;
    color:var(--fg);transition:border-color .25s, color .25s, background .25s;cursor:default}
  .sp-uso:hover{border-color:var(--cyan);color:var(--cyan);
    background:color-mix(in oklch, var(--cyan), transparent 92%)}

  .sp-cta-final{margin-top:120px;padding:64px 48px;border:1px solid var(--line);border-radius:24px;
    background:radial-gradient(120% 100% at 50% 0%, color-mix(in oklch, var(--cyan), transparent 88%), transparent 60%), var(--card);
    text-align:center}
  @media (max-width:720px){.sp-cta-final{padding:40px 24px}}
  .sp-cta-final h3{font-size:clamp(32px,4.5vw,56px);line-height:1;letter-spacing:-.03em;
    font-weight:500;margin:0 0 16px;max-width:18ch;margin-left:auto;margin-right:auto}
  .sp-cta-final h3 em{font-style:normal;color:var(--cyan)}
  .sp-cta-final p{color:var(--fg-dim);font-size:16px;margin:0 0 32px}
  .sp-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
  .sp-wa{display:inline-flex;align-items:center;gap:10px;padding:18px 24px;background:#25d366;
    color:#000;font-weight:600;border-radius:999px;font-size:15px;
    transition:transform .2s, box-shadow .2s, background .2s}
  .sp-wa:hover{background:#1faa54;transform:translateY(-1px);box-shadow:0 0 30px rgba(37,211,102,.4)}
  .sp-wa svg{width:18px;height:18px}
  .sp-back{display:inline-block;color:var(--fg-dim);font-family:"JetBrains Mono",monospace;
    font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}
  .sp-back:hover{color:var(--cyan)}

  .sp-note{color:color-mix(in oklch, var(--fg), transparent 18%);font-size:15.5px;line-height:1.6;max-width:62ch;margin:14px 0 0}

  /* Section anchor nav */
  .sp-secnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:14px 0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:20;background:color-mix(in oklch, var(--bg), transparent 8%);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .sp-secnav-a{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.04em;
    text-transform:uppercase;color:color-mix(in oklch, var(--fg), transparent 35%);
    padding:8px 14px;border:1px solid var(--line);border-radius:999px;
    transition:color .2s, border-color .2s, background .2s;white-space:nowrap}
  .sp-secnav-a:hover{color:var(--cyan);border-color:color-mix(in oklch, var(--cyan), transparent 50%);
    background:color-mix(in oklch, var(--cyan), transparent 92%)}
  .sp-sec[id]{scroll-margin-top:72px}

  /* 3 formas de implementar */
  .sp-deploy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media (max-width:820px){.sp-deploy{grid-template-columns:1fr}}
  .sp-deploy-card{border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;
    background:linear-gradient(180deg, var(--card), transparent);
    transition:border-color .25s, transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s}
  .sp-deploy-card:hover{border-color:color-mix(in oklch, var(--cyan), transparent 40%);
    transform:translateY(-6px);box-shadow:0 20px 50px color-mix(in oklch, var(--cyan), transparent 80%)}
  .sp-deploy-img{height:220px;background-size:cover;background-repeat:no-repeat;background-position:center;
    background-color:#090910;border-bottom:1px solid var(--line);transition:transform .5s cubic-bezier(.16,1,.3,1)}
  .sp-deploy-card:hover .sp-deploy-img{transform:scale(1.04)}
  .neon-root.fx-off .sp-deploy-card:hover .sp-deploy-img{transform:none}
  .sp-deploy-ph{display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--cyan), transparent 92%) 0 12px, transparent 12px 24px), rgba(255,255,255,.015)}
  .sp-deploy-ph span{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--cyan);padding:6px 12px;border-radius:999px;
    border:1px solid color-mix(in oklch, var(--cyan), transparent 55%)}
  .sp-deploy-body{padding:26px}
  .sp-deploy-n{font-family:"Space Grotesk",sans-serif;font-size:30px;font-weight:700;
    letter-spacing:-.03em;color:color-mix(in oklch, var(--cyan), transparent 25%);line-height:1;margin-bottom:14px}
  .sp-deploy-tag{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
  .sp-deploy-t{font-size:22px;letter-spacing:-.02em;font-weight:500;margin-bottom:10px}
  .sp-deploy-d{color:color-mix(in oklch, var(--fg), transparent 18%);font-size:15.5px;line-height:1.6;transition:color .25s}
  .sp-deploy-card:hover .sp-deploy-d{color:var(--fg)}
  .sp-deploy-card:hover .photo-swap{opacity:1;transform:translateY(0);pointer-events:auto}

  /* Plataformas */
  .sp-plat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media (max-width:820px){.sp-plat{grid-template-columns:1fr}}
  .sp-plat-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;
    background:rgba(255,255,255,.02);transition:border-color .25s, transform .25s, box-shadow .25s}
  .sp-plat-card:hover{border-color:color-mix(in oklch, var(--cyan), transparent 45%);
    transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in oklch, var(--cyan), transparent 84%)}
  .sp-plat-img{height:381px;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
  .sp-plat-ph{display:flex;align-items:center;justify-content:center;gap:12px;
    background:repeating-linear-gradient(135deg, color-mix(in oklch, var(--cyan), transparent 93%) 0 12px, transparent 12px 24px), rgba(255,255,255,.015)}
  .sp-plat-ph b{font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--fg)}
  .sp-plat-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
  .sp-plat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}
  .sp-plat-name{font-size:16px;font-weight:500}
  .sp-plat-cert{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em;
    text-transform:uppercase;color:color-mix(in oklch, var(--fg), transparent 45%);
    padding:4px 8px;border:1px solid var(--line);border-radius:999px}
  .sp-plat-card:hover .photo-swap{opacity:1;transform:translateY(0);pointer-events:auto}

  /* Encontrá tu sala */
  .sp-salas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  @media (max-width:900px){.sp-salas{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.sp-salas{grid-template-columns:1fr}}
  .sp-sala-card{padding:22px;border:1px solid var(--line);border-radius:18px;position:relative;
    background:linear-gradient(180deg, var(--card), transparent);display:flex;flex-direction:column;
    transition:border-color .25s, transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s}
  .sp-sala-card:hover{border-color:color-mix(in oklch, var(--cyan), transparent 40%);
    transform:translateY(-6px);box-shadow:0 20px 50px color-mix(in oklch, var(--cyan), transparent 82%)}
  .sp-sala-img{position:relative;aspect-ratio:3/4;border-radius:12px;background:#090910;
    border:1px solid var(--line);display:grid;place-items:center;padding:10px;margin-bottom:16px;overflow:hidden}
  .sp-sala-img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
  /* User-dropped room photos crop to fill (hides on-image text; the caption below
     already states the model and room type) */
  .sp-sala-img.is-photo{padding:0}
  .sp-sala-img.is-photo img{width:100%;height:100%;max-width:none;max-height:none;
    object-fit:cover;object-position:center}
  .sp-sala-ph{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--cyan)}
  .sp-sala-card:hover .photo-swap{opacity:1;transform:translateY(0);pointer-events:auto}
  .sp-sala-cap{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
  .sp-sala-modelo{font-size:19px;letter-spacing:-.015em;font-weight:600;margin-bottom:4px}
  .sp-sala-sala{font-size:14.5px;line-height:1.5;color:color-mix(in oklch, var(--fg), transparent 20%);transition:color .25s}
  .sp-sala-card:hover .sp-sala-sala{color:var(--fg)}

  /* Completá tu solución (accesorios) */
  .sp-acc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media (max-width:820px){.sp-acc{grid-template-columns:1fr}}
  .sp-acc-card{padding:26px;border:1px solid var(--line);border-radius:18px;
    background:rgba(255,255,255,.02);transition:border-color .25s, transform .25s}
  .sp-acc-card:hover{border-color:color-mix(in oklch, var(--cyan), transparent 45%);transform:translateY(-3px)}
  .sp-acc-t{font-size:19px;letter-spacing:-.015em;font-weight:600;margin-bottom:10px}
  .sp-acc-t::before{content:"+ ";color:var(--cyan)}
  .sp-acc-d{color:color-mix(in oklch, var(--fg), transparent 30%);font-size:14px;line-height:1.55}

  /* Gallery carousel */
  .sp-gal{display:flex;flex-direction:column;gap:12px}
  .sp-gal-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;
    border:1px solid var(--line);background:#0a0a10}
  @media (max-width:700px){.sp-gal-stage{aspect-ratio:4/3}}
  .sp-gal-slide{position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);transform:scale(1.02)}
  .sp-gal-slide.on{opacity:1;transform:scale(1)}
  .sp-gal-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 18px;z-index:2;
    background:linear-gradient(180deg, transparent, rgba(5,5,7,.9));
    font-size:14px;color:#fff;font-weight:500;letter-spacing:-.01em;line-height:1.4}
  .sp-gal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
    width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
    background:rgba(5,5,7,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s, border-color .2s}
  .sp-gal-arrow:hover{background:var(--cyan);color:#000;border-color:var(--cyan)}
  .sp-gal-arrow.left{left:16px}
  .sp-gal-arrow.right{right:16px}
  .sp-gal-resume{position:absolute;bottom:16px;right:16px;z-index:4;display:inline-flex;
    align-items:center;gap:7px;padding:8px 14px;border-radius:999px;cursor:pointer;
    font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
    color:#000;background:var(--cyan);border:0;font-weight:700}
  .sp-gal-resume:hover{filter:brightness(1.1)}
  .sp-gal-counter{position:absolute;top:16px;right:16px;z-index:3;
    font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;color:#fff;
    padding:6px 12px;border-radius:999px;background:rgba(5,5,7,.55);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}
  .sp-gal-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
  @media (max-width:700px){.sp-gal-thumbs{grid-template-columns:repeat(4,1fr)}}
  .sp-gal-thumb{aspect-ratio:16/10;border-radius:8px;border:1px solid var(--line);
    background-size:cover;background-position:center;cursor:pointer;
    opacity:.5;transition:opacity .25s, border-color .25s, transform .2s}
  .sp-gal-thumb:hover{opacity:.85;transform:translateY(-2px)}
  .sp-gal-thumb.on{opacity:1;border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}

  /* Soluciones explorer (tabbed) */
  .sp-explorer{display:flex;flex-direction:column;gap:20px}
  .sp-tabs-sel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  @media (max-width:700px){.sp-tabs-sel{grid-template-columns:1fr}}
  .sp-tab{display:flex;flex-direction:column;align-items:flex-start;gap:8px;
    padding:22px 24px;border:1px solid var(--line);border-radius:16px;cursor:pointer;
    background:rgba(255,255,255,.02);text-align:left;font-family:inherit;
    transition:border-color .25s, background .25s, transform .2s}
  .sp-tab:hover{transform:translateY(-2px);border-color:color-mix(in oklch, var(--cyan), transparent 55%)}
  .sp-tab.on{border-color:var(--cyan);background:color-mix(in oklch, var(--cyan), transparent 92%);
    box-shadow:0 0 0 1px var(--cyan), 0 12px 36px color-mix(in oklch, var(--cyan), transparent 82%)}
  .sp-tab-logo{font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:700;
    letter-spacing:-.02em;color:var(--fg)}
  .sp-tab-tag{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--fg-dim)}
  .sp-tab.on .sp-tab-tag{color:var(--cyan)}

  .sp-panel{padding:32px;border:1px solid var(--line);border-radius:18px;
    background:linear-gradient(180deg, var(--card), transparent);
    display:flex;flex-direction:column;gap:28px;
    animation:sp-fade .4s cubic-bezier(.16,1,.3,1)}
  @keyframes sp-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .sp-sol-desc{color:var(--fg-dim);font-size:16px;line-height:1.55;margin:0;max-width:70ch}

  /* Flow diagram */
  .sp-flow{padding:24px;border:1px solid var(--line);border-radius:16px;
    background:rgba(255,255,255,.015)}
  .sp-flow-title{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--cyan);margin-bottom:20px}
  .sp-flow-stages{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding-bottom:6px}
  .sp-stage{flex:1;min-width:170px;padding:18px;border:1px solid var(--line);border-radius:12px;
    background:var(--bg);display:flex;flex-direction:column;gap:10px;
    transition:border-color .25s, transform .25s}
  .sp-stage:hover{border-color:color-mix(in oklch, var(--cyan), transparent 50%);transform:translateY(-3px)}
  .sp-stage-n{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;
    color:#050507;background:var(--cyan);width:26px;height:26px;border-radius:8px;
    display:grid;place-items:center;font-weight:700}
  .sp-stage-label{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--fg);line-height:1.15}
  .sp-stage-items{display:flex;flex-direction:column;gap:6px}
  .sp-stage-items span{font-size:12px;line-height:1.35;color:var(--fg-dim);padding-left:12px;position:relative}
  .sp-stage-items span::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;
    border-radius:50%;background:var(--cyan);opacity:.6}
  .sp-flow-arrow{display:flex;align-items:center;color:var(--cyan);flex-shrink:0;opacity:.7}
  @media (max-width:700px){
    .sp-flow-arrow{transform:rotate(90deg)}
    .sp-flow-stages{flex-direction:column}
  }
  /* Architecture diagram image */
  .sp-diagram{margin:22px 0 0;padding:0;border-radius:12px;overflow:hidden;
    border:1px solid var(--line);background:#fff}
  .sp-diagram img{display:block;width:100%;height:auto}
  .sp-diagram figcaption{font-family:"JetBrains Mono",monospace;font-size:10px;
    letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);
    padding:12px 16px;background:var(--bg);border-top:1px solid var(--line)}

  /* Numbered features */
  .sp-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media (max-width:760px){.sp-feat-grid{grid-template-columns:1fr}}
  .sp-feat-card{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:14px;
    background:rgba(255,255,255,.02);transition:border-color .25s, transform .25s}
  .sp-feat-card:hover{border-color:color-mix(in oklch, var(--cyan), transparent 50%);transform:translateY(-2px)}
  .sp-feat-num{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:600;
    color:var(--cyan);line-height:1;flex-shrink:0;width:36px}
  .sp-feat-t{font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--fg);margin-bottom:6px}
  .sp-feat-d{font-size:15px;line-height:1.55;color:var(--fg-dim);transition:color .25s}
  .sp-feat-card:hover .sp-feat-d{color:var(--fg)}

  /* Nested concentric displays */
  .sp-nest-wrap{padding:32px;border:1px solid var(--line);border-radius:18px;
    background:radial-gradient(120% 100% at 0% 100%, rgba(255,255,255,.03), transparent 60%), rgba(255,255,255,.01)}
  .sp-nest{position:relative;width:100%;max-width:920px;margin:0 auto;min-height:420px}
  .sp-nest-screen{position:absolute;left:0;bottom:0;
    border:2px solid;border-radius:4px;
    background:linear-gradient(135deg, rgba(255,255,255,.03), transparent 60%);
    transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .3s;
    box-shadow:0 0 0 0 transparent}
  .sp-nest-screen{cursor:pointer}
  .sp-nest-screen.on{background:color-mix(in oklch, var(--cyan), transparent 86%);
    box-shadow:0 0 40px color-mix(in oklch, var(--cyan), transparent 55%),
      inset 0 0 30px color-mix(in oklch, var(--cyan), transparent 80%)}
  .sp-nest-screen.dim{opacity:.32;filter:saturate(.5)}
  .sp-nest-label{position:absolute;top:7px;right:9px;display:flex;flex-direction:column;
    align-items:flex-end;line-height:1.05;text-shadow:0 1px 8px rgba(0,0,0,.92),0 0 4px rgba(0,0,0,.9);
    transition:transform .25s cubic-bezier(.16,1,.3,1)}
  .sp-nest-screen.on .sp-nest-label{transform:scale(1.35);transform-origin:top right}
  .sp-nest-label b{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}
  .sp-nest-label i{font-family:"JetBrains Mono",monospace;font-size:11px;font-style:normal;
    letter-spacing:.04em;opacity:.85;color:var(--fg)}
  .sp-nest-floor{position:absolute;left:0;bottom:-1px;width:100%;height:1px;
    background:linear-gradient(90deg, var(--cyan), transparent)}
  @media (max-width:600px){
    .sp-nest-label b{font-size:13px}
    .sp-nest-label i{display:none}
  }
  .sp-nest-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;
    padding-top:20px;border-top:1px solid var(--line)}
  .sp-nest-chip{display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:12px 18px;border-radius:12px;border:1px solid color-mix(in oklch, var(--c), transparent 55%);
    color:var(--c);background:color-mix(in oklch, var(--c), transparent 90%);min-width:90px;
    cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s, background .2s}
  .sp-nest-chip:hover,.sp-nest-chip.on{transform:translateY(-3px);
    background:color-mix(in oklch, var(--c), transparent 78%);
    box-shadow:0 8px 24px color-mix(in oklch, var(--c), transparent 70%),0 0 0 1px var(--c)}
  .sp-nest-chip b{font-family:"Space Grotesk",sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em}
  .sp-nest-chip i{font-family:"JetBrains Mono",monospace;font-size:11px;font-style:normal;
    letter-spacing:.03em;color:var(--fg-dim)}
  .sp-nest-chip.on i{color:var(--c)}

  /* Common specs box */
  .sp-comunes{margin-top:14px;padding:28px;border:1px solid var(--line);border-radius:18px;
    background:linear-gradient(180deg, var(--card), transparent)}
  .sp-comunes-h{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
  .sp-comunes-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1px;
    background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .sp-comun{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--bg)}
  .sp-comun-k{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--fg-dim)}
  .sp-comun-v{font-size:16px;font-weight:500;color:var(--fg);letter-spacing:-.01em}

  /* Comparison table */
  .sp-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .sp-table-wrap.scroll{overflow-x:auto}
  .sp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
  .sp-table th,.sp-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);
    border-right:1px solid var(--line)}
  .sp-table th:last-child,.sp-table td:last-child{border-right:0}
  .sp-table tr:last-child td{border-bottom:0}
  .sp-table thead th{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:600;
    color:var(--fg);background:rgba(255,255,255,.03);letter-spacing:-.01em;vertical-align:bottom}
  .sp-th-img{display:block;height:64px;margin-bottom:10px;position:relative;cursor:zoom-in}
  .sp-th-img img{height:100%;width:auto;max-width:120px;object-fit:contain;display:block}
  .sp-th-zoomhint{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;
    background:var(--cyan);color:#000;font-size:11px;display:grid;place-items:center;
    opacity:0;transition:opacity .2s;font-weight:700}
  .sp-th-img:hover .sp-th-zoomhint{opacity:1}
  .sp-th-name{display:block}
  /* Floating zoom popover */
  .sp-zoom-pop{position:fixed;transform:translate(-50%,-100%) translateY(-14px);z-index:100;
    pointer-events:none;background:#fff;border-radius:14px;padding:14px;
    box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(0,240,255,.4);
    animation:sp-zoom-in .18s cubic-bezier(.16,1,.3,1)}
  @keyframes sp-zoom-in{from{opacity:0;transform:translate(-50%,-100%) translateY(-4px) scale(.92)}to{opacity:1;transform:translate(-50%,-100%) translateY(-14px) scale(1)}}
  .sp-zoom-pop img{width:230px;height:auto;display:block}
  .sp-zoom-name{text-align:center;margin-top:8px;font-family:"Space Grotesk",sans-serif;
    font-size:13px;font-weight:600;color:#111;letter-spacing:-.01em}
  .sp-zoom-pop::after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%) rotate(45deg);
    width:14px;height:14px;background:#fff}
  .sp-table thead th.accent{color:var(--cyan)}
  .sp-table .sp-table-k{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--fg-dim);white-space:nowrap}
  /* Funciones table: row labels styled like the column headers */
  .sp-table--funcs .sp-table-k{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:600;
    letter-spacing:-.01em;text-transform:none;color:var(--fg);white-space:normal}
  .sp-table--funcs .sp-th-rowhead .sp-th-name{color:var(--fg-dim)}
  .sp-table td{color:var(--fg-dim)}
  .sp-table td.accent{color:var(--fg);font-weight:500;
    background:color-mix(in oklch, var(--cyan), transparent 95%)}
  .sp-table tbody tr:hover td{background:rgba(255,255,255,.02)}
  .sp-table tbody tr:hover td.accent{background:color-mix(in oklch, var(--cyan), transparent 90%)}