/* === style-01.css === */
:root{
    --bg-void:#05060b;
    --bg-deep:#0a0e18;
    --glass-fill: rgba(8,10,18,0.5);
    --glass-fill-strong: rgba(10,13,22,0.68);
    --glass-border: rgba(255,255,255,0.1);
    --glass-border-soft: rgba(255,255,255,0.06);
    --ice:#eaf0ff;
    --ice-dim:#aab4cc;
    --ice-faint:#6b7590;
    --blue:#4c8dff;
    --blue-deep:#2f6fed;
    --emerald:#34d399;
    --violet:#8b6ff5;
    --cyan:#5fd6e8;
    --gold:#e8b95c;
    --mono: 'JetBrains Mono', monospace;
    --display: 'Space Grotesk', sans-serif;
    --body: 'Inter', sans-serif;
  }

  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; overflow-x:hidden; }
  body{ background: var(--bg-void); color: var(--ice); font-family: var(--body); overflow-x:hidden; position:relative; }

  /* ---------- BACKGROUND DEPTH LAYERS ---------- */
  .bg-photo{
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background-image:
      linear-gradient(180deg, rgba(5,6,11,0.82) 0%, rgba(5,6,11,0.52) 28%, rgba(5,6,11,0.68) 65%, rgba(5,6,11,0.94) 100%),
      url("../assets/images/image-001-f7b7ba643796164c.webp");
    background-size: cover;
    background-position: center 30%;
    filter: saturate(95%) brightness(0.95);
    opacity:0.85;
  }
  .ambient{
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(ellipse 900px 600px at 15% -5%, rgba(76,141,255,0.20), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 15%, rgba(139,111,245,0.16), transparent 55%),
      radial-gradient(ellipse 800px 700px at 50% 100%, rgba(52,211,153,0.09), transparent 60%),
      radial-gradient(ellipse 1000px 800px at 50% 50%, transparent 40%, rgba(5,6,11,0.5) 100%);
  }
  .grain{
    position:fixed; inset:0; z-index:1; pointer-events:none; opacity:0.025;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  section, header, footer{ position:relative; z-index:2; }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }

  /* ---------- NAV ---------- */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:50;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    background: rgba(6,8,14,0.55);
    border-bottom:1px solid var(--glass-border-soft);
  }
  .nav__row{ max-width:1180px; margin:0 auto; padding:18px 32px; display:flex; align-items:center; justify-content:space-between; }
  .nav__brand{ display:flex; align-items:center; gap:10px; }
  .nav__mark{
    width:36px; height:36px; position:relative; overflow:visible;
    display:flex; align-items:center; justify-content:center;
  }
  .nav__mark img{ width:100%; height:100%; object-fit:contain; position:relative; z-index:2; }
  .nav__word{ font-family:var(--display); font-weight:600; font-size:17px; letter-spacing:0.02em; }
  .nav__links{ display:flex; align-items:center; gap:34px; }
  .nav__links a{ color: var(--ice-dim); text-decoration:none; font-size:14px; font-weight:500; transition: color .2s ease; }
  .nav__links a:hover{ color: var(--ice); }
  .nav__cta{
    font-family:var(--body); font-weight:600; font-size:13.5px; color:var(--bg-void);
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    padding:10px 20px; border-radius:100px; text-decoration:none;
    box-shadow:0 4px 20px rgba(76,141,255,0.35);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .nav__cta:hover{ transform: translateY(-1px); box-shadow:0 6px 26px rgba(76,141,255,0.5); }
  @media (max-width: 860px){ .nav__links a:not(.nav__cta-wrap){ display:none; } }

  /* ---------- HERO ---------- */
  .hero{
    padding:190px 32px 120px;
    display:grid; grid-template-columns: 1.05fr 0.95fr; gap:40px; align-items:center;
    max-width:1180px; margin:0 auto;
  }
  .eyebrow{
    font-family:var(--mono); font-size:11.5px; letter-spacing:0.14em; text-transform:uppercase;
    color: var(--blue); display:flex; align-items:center; gap:10px; margin-bottom:22px;
  }
  .eyebrow::before{ content:''; width:16px; height:1px; background:var(--blue); }
  .hero h1{
    font-family:var(--display); font-weight:600; font-size:clamp(34px, 4.4vw, 54px);
    line-height:1.08; letter-spacing:-0.01em; color:var(--ice); margin-bottom:26px;
  }
  .hero h1 em{
    font-style:normal;
    background: linear-gradient(90deg, var(--blue), var(--cyan) 55%, var(--emerald));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero p.lead{ font-size:17px; line-height:1.65; color:var(--ice-dim); max-width:490px; margin-bottom:36px; }
  .hero__ctas{ display:flex; gap:14px; align-items:center; margin-bottom:44px; flex-wrap:wrap; }
  .btn-primary{
    font-family:var(--body); font-weight:600; font-size:14.5px; color:#05060b;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    padding:14px 26px; border-radius:100px; text-decoration:none; border:none; cursor:pointer;
    box-shadow:0 6px 30px rgba(76,141,255,0.4);
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .btn-primary:hover{ transform: translateY(-2px); box-shadow:0 10px 36px rgba(76,141,255,0.55); }
  .btn-ghost{
    font-family:var(--body); font-weight:600; font-size:14.5px; color:var(--ice);
    background: var(--glass-fill); border:1px solid var(--glass-border);
    padding:14px 24px; border-radius:100px; text-decoration:none;
    backdrop-filter: blur(10px); transition: background .2s ease, border-color .2s ease;
  }
  .btn-ghost:hover{ background: var(--glass-fill-strong); border-color: rgba(255,255,255,0.18); }

  .badges{ display:flex; gap:10px; flex-wrap:wrap; }
  .badge{
    font-family:var(--mono); font-size:11px; letter-spacing:0.03em; color:var(--ice-dim);
    background:var(--glass-fill); border:1px solid var(--glass-border-soft);
    padding:7px 12px; border-radius:8px; display:flex; align-items:center; gap:7px;
  }
  .badge__dot{ width:6px; height:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 8px var(--emerald); }

  /* ---------- ORBIT ---------- */
  .orbit{ position:relative; width:100%; aspect-ratio:1/1; max-width:480px; margin:0 auto; perspective:900px; }
  .orbit__core{
    position:absolute; top:50%; left:50%; width:132px; height:132px;
    margin:-66px 0 0 -66px; z-index:5; transform-style:preserve-3d;
    animation: coreFloat 6s ease-in-out infinite;
  }
  .orbit__core-inner{
    width:100%; height:100%; position:relative;
    transition: transform .12s ease-out;
    transform-style:preserve-3d;
  }
  @keyframes coreFloat{ 0%,100%{ transform:translateY(0px) rotateX(6deg) rotateY(-8deg);} 50%{ transform:translateY(-8px) rotateX(-4deg) rotateY(8deg);} }
  .nx-photo{
    position:relative; z-index:2; width:100%; height:100%; object-fit:contain; display:block;
    filter: drop-shadow(0 0 22px rgba(76,141,255,0.6)) drop-shadow(0 14px 26px rgba(0,0,0,0.5));
  }
  .nx-photo--sm{ filter: drop-shadow(0 0 5px rgba(76,141,255,0.75)); }

  /* light emanating from the core */
  .core-halo{
    position:absolute; inset:-32%; z-index:1; border-radius:50%; pointer-events:none;
    background: radial-gradient(circle, rgba(9,14,34,0.92), rgba(14,18,40,0.55) 45%, transparent 74%);
    filter: blur(14px);
    animation: nxGlowPulse 3.2s ease-in-out infinite;
  }
  .core-halo--sm{
    position:absolute; inset:-45%; z-index:1; border-radius:50%; pointer-events:none;
    background: radial-gradient(circle, rgba(120,170,255,0.6), rgba(139,111,245,0.3) 45%, transparent 72%);
    filter: blur(3.5px);
    animation: nxGlowPulse 3.2s ease-in-out infinite;
  }
  @keyframes nxGlowPulse{ 0%,100%{ opacity:.55; transform:scale(0.86);} 50%{ opacity:1; transform:scale(1.2);} }

  .nx-spark2{
    position:absolute; top:50%; left:50%; width:6px; height:6px; margin:-3px 0 0 -3px; z-index:3;
    border-radius:50%; background:#eaf6ff; box-shadow:0 0 10px 3px rgba(190,215,255,0.9);
    opacity:0; pointer-events:none;
  }
  .nx-spark2.n{ animation: nxSparkN 2.6s ease-in-out infinite; }
  .nx-spark2.s{ animation: nxSparkS 2.6s ease-in-out infinite; animation-delay:.65s; }
  .nx-spark2.e{ animation: nxSparkE 2.6s ease-in-out infinite; animation-delay:1.3s; }
  .nx-spark2.w{ animation: nxSparkW 2.6s ease-in-out infinite; animation-delay:1.95s; }
  @keyframes nxSparkN{ 0%{ transform:translate(0,0); opacity:0;} 20%{opacity:1;} 70%{opacity:.7;} 100%{ transform:translate(0,-54px); opacity:0;} }
  @keyframes nxSparkS{ 0%{ transform:translate(0,0); opacity:0;} 20%{opacity:1;} 70%{opacity:.7;} 100%{ transform:translate(0,54px); opacity:0;} }
  @keyframes nxSparkE{ 0%{ transform:translate(0,0); opacity:0;} 20%{opacity:1;} 70%{opacity:.7;} 100%{ transform:translate(54px,0); opacity:0;} }
  @keyframes nxSparkW{ 0%{ transform:translate(0,0); opacity:0;} 20%{opacity:1;} 70%{opacity:.7;} 100%{ transform:translate(-54px,0); opacity:0;} }

  @media (prefers-reduced-motion: reduce){
    .core-halo, .core-halo--sm, .nx-spark2{ animation:none !important; opacity:0; }
  }

  .ring{ position:absolute; top:50%; left:50%; border-radius:50%; border:1px dashed rgba(255,255,255,0.09); transform:translate(-50%,-50%); }
  .ring--1{ width:62%; height:62%; animation: spin 34s linear infinite; }
  .ring--2{ width:88%; height:88%; animation: spin 54s linear infinite reverse; }
  .ring--3{ width:112%; height:112%; animation: spin 74s linear infinite; }
  @keyframes spin{ from{ transform:translate(-50%,-50%) rotate(0deg);} to{ transform:translate(-50%,-50%) rotate(360deg);} }
  @keyframes orbitSpin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }

  .module-chip{
    position:absolute; top:50%; left:50%; width:58px; height:58px;
    margin:-29px 0 0 -29px;
    border-radius:16px; background:var(--glass-fill-strong); border:1px solid var(--glass-border);
    backdrop-filter: blur(8px); overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 18px rgba(0,0,0,0.4);
  }
  .module-chip img{ width:100%; height:100%; object-fit:cover; display:block; }
  .module-chip.cs-1{ animation: counterspin 34s linear infinite reverse; }
  .module-chip.cs-2{ animation: counterspin 54s linear infinite; }
  .module-chip.cs-3{ animation: counterspin 74s linear infinite reverse; }
  @keyframes counterspin{ from{ transform:rotate(360deg);} to{ transform:rotate(0deg);} }
  .chip-float{ width:100%; height:100%; animation: chipBob 3.6s ease-in-out infinite; }
  @keyframes chipBob{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-6px);} }
  @media (prefers-reduced-motion: reduce){ .chip-float{ animation:none !important; } }

  .orbit-anchor{ position:absolute; inset:0; }
  .orbit-anchor--1{ animation: orbitSpin 34s linear infinite; }
  .orbit-anchor--2{ animation: orbitSpin 54s linear infinite reverse; }
  .orbit-anchor--3{ animation: orbitSpin 74s linear infinite; }

  @media (max-width: 900px){
    .hero{ grid-template-columns:1fr; padding-top:150px; }
    .orbit{ order:-1; max-width:340px; }
  }

  /* ---------- SECTION HEADERS ---------- */
  .section-head{ max-width:640px; margin-bottom:56px; }
  .section-head h2{ font-family:var(--display); font-weight:600; font-size:clamp(26px,3vw,38px); line-height:1.18; color:var(--ice); letter-spacing:-0.01em; }
  .section-head p{ margin-top:16px; color:var(--ice-dim); font-size:15.5px; line-height:1.6; }
  section.pad{ padding:130px 0; }

  /* ---------- CONCEPT ---------- */
  .concept-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:1px; background:var(--glass-border-soft); border:1px solid var(--glass-border-soft); border-radius:18px; overflow:hidden; }
  .concept-cell{ background:var(--bg-deep); padding:32px 28px; }
  .concept-cell .num{ font-family:var(--mono); font-size:11px; color:var(--blue); letter-spacing:0.1em; }
  .concept-cell h3{ font-family:var(--display); font-size:18px; font-weight:600; margin:14px 0 10px; }
  .concept-cell p{ font-size:14px; color:var(--ice-dim); line-height:1.6; }
  @media (max-width:760px){ .concept-grid{ grid-template-columns:1fr; } }

  /* ---------- SECURITY ---------- */
  .security{ background: linear-gradient(180deg, transparent, rgba(76,141,255,0.03) 40%, transparent); }
  .security-stack{ display:flex; flex-direction:column; gap:14px; max-width:820px; margin:0 auto; }
  .slab{
    position:relative; display:grid; grid-template-columns:60px 1fr auto; align-items:center; gap:22px;
    padding:22px 26px; border-radius:16px;
    background: linear-gradient(135deg, rgba(10,13,22,0.62), rgba(8,10,18,0.42));
    border:1px solid var(--glass-border-soft);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
    cursor:default;
  }
  .slab:hover{ border-color: rgba(76,141,255,0.4); background: linear-gradient(135deg, rgba(76,141,255,0.16), rgba(139,111,245,0.08)); transform: translateX(6px); }
  .slab__idx{ font-family:var(--mono); font-size:12px; color:var(--ice-faint); display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; border:1px solid var(--glass-border-soft); }
  .slab__body h4{ font-family:var(--display); font-size:16.5px; font-weight:600; margin-bottom:5px; }
  .slab__body p{ font-size:13.5px; color:var(--ice-dim); line-height:1.55; max-width:520px; }
  .slab__status{ font-family:var(--mono); font-size:10.5px; color:var(--emerald); text-align:right; letter-spacing:0.05em; white-space:nowrap; }

  /* ---------- AI CONSENT FLOW ---------- */
  .flow{ display:flex; align-items:center; gap:0; overflow-x:auto; padding:10px 4px 20px; max-width:100%; }
  .flow__node{ flex:0 0 auto; text-align:center; width:150px; }
  .flow__node .dot{
    width:46px; height:46px; border-radius:50%; margin:0 auto 12px;
    background:var(--glass-fill-strong); border:1px solid var(--glass-border);
    display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:13px; color:var(--cyan);
  }
  .flow__node.is-final .dot{ border-color:rgba(52,211,153,0.5); color:var(--emerald); }
  .flow__node p{ font-size:12.5px; color:var(--ice-dim); line-height:1.4; }
  .flow__arrow{ flex:0 0 auto; width:36px; height:1px; background:linear-gradient(90deg, var(--glass-border), var(--glass-border)); position:relative; top:-20px; }
  .flow__arrow::after{ content:'›'; position:absolute; right:-6px; top:-9px; color:var(--ice-faint); font-size:14px; }

  .ai-rule{ margin-top:44px; max-width:720px; padding:22px 26px; border-radius:16px; background: var(--glass-fill); border:1px solid var(--glass-border-soft); font-family:var(--body); font-size:14.5px; color:var(--ice-dim); line-height:1.6; }
  .ai-rule strong{ color:var(--ice); font-weight:600; }

  /* ---------- MODULES ---------- */
  .modules-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width:920px){ .modules-grid{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:520px){ .modules-grid{ grid-template-columns:1fr;} }
  .mcard{
    padding:26px 22px; border-radius:16px; text-align:left; width:100%;
    background: var(--glass-fill); border:1px solid var(--glass-border-soft);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
    cursor:pointer; color:inherit; font:inherit; position:relative;
  }
  .mcard:hover{ transform: translateY(-4px); background:var(--glass-fill-strong); }
  .mcard:focus-visible{ outline:2px solid var(--blue); outline-offset:3px; }
  .mcard.g-blue:hover{ border-color:rgba(76,141,255,0.45); }
  .mcard.g-emerald:hover{ border-color:rgba(52,211,153,0.45); }
  .mcard.g-violet:hover{ border-color:rgba(139,111,245,0.45); }
  .mcard .icon{ font-size:22px; margin-bottom:14px; display:block; }
  .mcard .essence-icon{ width:38px; height:38px; margin-bottom:14px; display:block; }
  .mcard .essence-icon svg{ width:100%; height:100%; display:block; overflow:visible; }
  .mcard .icon-img{ width:38px; height:38px; border-radius:10px; object-fit:cover; margin-bottom:14px; display:block; box-shadow:0 4px 14px rgba(0,0,0,0.4); }
  .mcard h4{ font-family:var(--display); font-size:15.5px; font-weight:600; margin-bottom:8px; }
  .mcard p{ font-size:12.8px; color:var(--ice-dim); line-height:1.55; }
  .mcard .tap-hint{ position:absolute; top:22px; right:20px; font-family:var(--mono); font-size:10px; color:var(--ice-faint); letter-spacing:0.05em; opacity:0.7; }
  .modules-tail{ text-align:center; margin-top:30px; font-family:var(--mono); font-size:12px; color:var(--ice-faint); letter-spacing:0.05em; }


  /* ---------- FASE 2 · ECOSISTEMA CONECTADO ---------- */
  #modulos{
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(5,6,11,.18),rgba(5,6,11,.10)),
      radial-gradient(circle at 50% 18%, rgba(76,141,255,.08), transparent 36%),
      radial-gradient(circle at 82% 72%, rgba(232,185,92,.05), transparent 30%);
  }
  #modulos::before{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    opacity:.42;
    background:
      linear-gradient(180deg, rgba(5,6,11,.02), rgba(5,6,11,.18)),
      radial-gradient(circle at 50% 50%, transparent 0 34%, rgba(5,6,11,.08) 72%, rgba(5,6,11,.22) 100%);
  }
  #modulos .wrap{ position:relative; z-index:1; }

  .eco-intro{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:38px;
    align-items:end;
    margin-bottom:44px;
  }
  .eco-intro .section-head{ margin:0; }
  .eco-note{
    padding:22px 24px;
    border-radius:18px;
    border:1px solid rgba(232,185,92,.18);
    background:linear-gradient(145deg,rgba(11,14,24,.78),rgba(8,10,18,.48));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 18px 60px rgba(0,0,0,.22);
  }
  .eco-note__label{
    font-family:var(--mono);
    font-size:10px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:10px;
  }
  .eco-note p{
    font-size:14px;
    line-height:1.65;
    color:var(--ice-dim);
  }
  .eco-note strong{ color:var(--ice); font-weight:600; }

  .ecosystem-flow{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin:0 0 34px;
  }
  .ecosystem-flow::before{
    content:"";
    position:absolute;
    left:8%; right:8%; top:25px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(76,141,255,.55),rgba(232,185,92,.62),rgba(76,141,255,.55),transparent);
    box-shadow:0 0 18px rgba(76,141,255,.36);
  }
  .eco-step{
    position:relative;
    text-align:center;
    padding-top:2px;
  }
  .eco-step__node{
    position:relative;
    z-index:1;
    width:48px;height:48px;
    margin:0 auto 12px;
    border-radius:50%;
    display:grid;place-items:center;
    background:linear-gradient(145deg,rgba(16,21,35,.96),rgba(8,11,20,.94));
    border:1px solid rgba(76,141,255,.42);
    color:var(--cyan);
    font-family:var(--mono);
    font-size:11px;
    box-shadow:0 0 0 6px rgba(5,6,11,.7),0 0 26px rgba(76,141,255,.16);
  }
  .eco-step:nth-child(3) .eco-step__node,
  .eco-step:nth-child(4) .eco-step__node{
    border-color:rgba(232,185,92,.48);
    color:var(--gold);
  }
  .eco-step h4{
    font-family:var(--display);
    font-size:14px;
    margin-bottom:5px;
  }
  .eco-step p{
    font-size:11.8px;
    line-height:1.45;
    color:var(--ice-faint);
  }

  .modules-stage{
    position:relative;
    padding:20px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(145deg,rgba(8,10,18,.42),rgba(8,10,18,.2));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 24px 80px rgba(0,0,0,.2);
  }
  .modules-stage::before,
  .modules-stage::after{
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:50%;
    filter:blur(1px);
  }
  .modules-stage::before{
    width:260px;height:260px;
    left:8%;top:18%;
    background:radial-gradient(circle,rgba(76,141,255,.13),transparent 66%);
  }
  .modules-stage::after{
    width:250px;height:250px;
    right:7%;bottom:8%;
    background:radial-gradient(circle,rgba(232,185,92,.09),transparent 68%);
  }
  .modules-grid{
    position:relative;
    z-index:1;
  }
  .mcard{
    min-height:182px;
    overflow:hidden;
  }
  .mcard::after{
    content:"Conectado";
    position:absolute;
    left:22px; bottom:16px;
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(95,214,232,.7);
  }
  .mcard.g-emerald::after{ color:rgba(52,211,153,.78); }
  .mcard.g-violet::after{ color:rgba(139,111,245,.84); }
  .mcard p{ padding-bottom:20px; }
  .mcard::before{
    content:"";
    position:absolute;
    inset:auto -30% -54% -30%;
    height:100px;
    background:radial-gradient(ellipse at center,rgba(76,141,255,.16),transparent 70%);
    opacity:0;
    transition:opacity .25s ease;
  }
  .mcard:hover::before{ opacity:1; }

  .eco-trustbar{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:1px;
    margin-top:22px;
    border:1px solid var(--glass-border-soft);
    border-radius:18px;
    overflow:hidden;
    background:var(--glass-border-soft);
  }
  .eco-trust{
    min-height:86px;
    padding:16px 14px;
    background:rgba(8,10,18,.72);
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .eco-trust strong{
    display:block;
    font-family:var(--display);
    font-size:13px;
    margin-bottom:4px;
  }
  .eco-trust span{
    font-size:10.5px;
    color:var(--ice-faint);
  }
  @media (max-width:920px){
    .eco-intro{grid-template-columns:1fr;}
    .ecosystem-flow{grid-template-columns:repeat(5,140px);overflow-x:auto;padding-bottom:10px;}
    .ecosystem-flow::before{left:70px;right:auto;width:560px;}
    .eco-trustbar{grid-template-columns:repeat(2,1fr);}
    .eco-trust:last-child{grid-column:1/-1;}
  }
  @media (max-width:520px){
    .modules-stage{padding:12px;border-radius:18px;}
    .ecosystem-flow{
      grid-template-columns:1fr;
      gap:14px;
      overflow:visible;
      padding-left:42px;
    }
    .ecosystem-flow::before{
      left:22px;top:24px;bottom:24px;
      width:1px;height:auto;
      background:linear-gradient(180deg,transparent,rgba(76,141,255,.55),rgba(232,185,92,.55),transparent);
    }
    .eco-step{
      text-align:left;
      padding-left:20px;
      min-height:58px;
    }
    .eco-step__node{
      position:absolute;
      left:-42px;top:0;
      margin:0;
      width:44px;height:44px;
    }
    .eco-trustbar{grid-template-columns:1fr;}
    .eco-trust:last-child{grid-column:auto;}
  }
  @media (prefers-reduced-motion:reduce){
    .mcard,.mcard::before{transition:none!important;}
  }


  /* ---------- FASE 3 · CÓMO FUNCIONA ---------- */
  #funciones{
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(5,6,11,.20),rgba(5,6,11,.12)),
      radial-gradient(circle at 18% 28%, rgba(139,111,245,.07), transparent 30%),
      radial-gradient(circle at 82% 64%, rgba(76,141,255,.07), transparent 32%);
  }
  #funciones::before{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    opacity:.48;
    background:
      linear-gradient(115deg, transparent 0 40%, rgba(232,185,92,.022) 50%, transparent 60%),
      repeating-linear-gradient(90deg, transparent 0 119px, rgba(255,255,255,.010) 120px);
  }
  #funciones .wrap{position:relative;z-index:1;}

  .how-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
    gap:34px;
    align-items:end;
    margin-bottom:42px;
  }
  .how-head .section-head{margin:0;}
  .how-promise{
    padding:22px 24px;
    border-radius:18px;
    border:1px solid rgba(76,141,255,.2);
    background:linear-gradient(145deg,rgba(10,14,25,.82),rgba(7,10,18,.5));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 18px 60px rgba(0,0,0,.22);
  }
  .how-promise strong{
    display:block;
    font-family:var(--display);
    font-size:17px;
    margin-bottom:8px;
  }
  .how-promise p{
    color:var(--ice-dim);
    font-size:13.5px;
    line-height:1.65;
  }

  .how-layout{
    display:grid;
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
    gap:24px;
    align-items:stretch;
  }
  .how-steps{
    display:grid;
    gap:12px;
  }
  .how-step{
    position:relative;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:16px;
    align-items:start;
    padding:20px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(145deg,rgba(11,14,24,.72),rgba(8,10,18,.46));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  .how-step:hover{
    transform:translateY(-2px);
    border-color:rgba(76,141,255,.28);
    box-shadow:0 16px 42px rgba(0,0,0,.18),0 0 24px rgba(76,141,255,.08);
  }
  .how-step__num{
    width:54px;height:54px;
    display:grid;place-items:center;
    border-radius:15px;
    border:1px solid rgba(76,141,255,.32);
    background:linear-gradient(145deg,rgba(20,28,48,.9),rgba(8,12,22,.95));
    color:var(--cyan);
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:.08em;
  }
  .how-step:nth-child(2) .how-step__num,
  .how-step:nth-child(4) .how-step__num{
    border-color:rgba(232,185,92,.36);
    color:var(--gold);
  }
  .how-step h4{
    font-family:var(--display);
    font-size:16px;
    margin:2px 0 7px;
  }
  .how-step p{
    color:var(--ice-dim);
    font-size:12.5px;
    line-height:1.58;
  }

  .how-console{
    position:relative;
    min-height:100%;
    padding:18px;
    border-radius:24px;
    border:1px solid rgba(76,141,255,.24);
    background:
      linear-gradient(145deg,rgba(9,12,22,.88),rgba(5,8,15,.68)),
      radial-gradient(circle at 80% 20%,rgba(76,141,255,.14),transparent 35%);
    box-shadow:
      0 28px 80px rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 44px rgba(76,141,255,.08);
    overflow:hidden;
  }
  .how-console::after{
    content:"";
    position:absolute; inset:auto -20% -38% -20%;
    height:190px;
    background:radial-gradient(ellipse at center,rgba(139,111,245,.16),transparent 70%);
    pointer-events:none;
  }
  .how-console__top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:4px 4px 16px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .how-console__title{
    font-family:var(--display);
    font-size:14px;
    font-weight:600;
  }
  .how-console__status{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--emerald);
  }
  .how-console__status::before{
    content:"";
    width:7px;height:7px;border-radius:50%;
    background:var(--emerald);
    box-shadow:0 0 14px rgba(52,211,153,.8);
  }
  .how-scenario{
    position:relative;
    z-index:1;
    display:grid;
    gap:14px;
    padding-top:18px;
  }
  .how-event{
    display:grid;
    grid-template-columns:42px 1fr auto;
    gap:13px;
    align-items:center;
    padding:14px;
    border-radius:15px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(11,15,27,.62);
  }
  .how-event__icon{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:12px;
    border:1px solid rgba(76,141,255,.26);
    color:var(--cyan);
    font-family:var(--mono);
    font-size:10px;
    background:rgba(76,141,255,.08);
  }
  .how-event:nth-child(2) .how-event__icon,
  .how-event:nth-child(4) .how-event__icon{
    border-color:rgba(232,185,92,.3);
    color:var(--gold);
    background:rgba(232,185,92,.07);
  }
  .how-event h5{
    font-family:var(--display);
    font-size:13px;
    margin-bottom:4px;
  }
  .how-event p{
    font-size:11px;
    line-height:1.45;
    color:var(--ice-faint);
  }
  .how-event__badge{
    white-space:nowrap;
    padding:6px 8px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.09);
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ice-dim);
    background:rgba(255,255,255,.025);
  }
  .how-event__badge.approved{
    color:var(--emerald);
    border-color:rgba(52,211,153,.22);
    background:rgba(52,211,153,.06);
  }
  .how-consent{
    position:relative;
    z-index:1;
    margin-top:16px;
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    padding:16px;
    border-radius:16px;
    border:1px solid rgba(232,185,92,.22);
    background:linear-gradient(90deg,rgba(232,185,92,.07),rgba(76,141,255,.05));
  }
  .how-consent strong{
    display:block;
    font-family:var(--display);
    font-size:13px;
    margin-bottom:3px;
  }
  .how-consent span{
    color:var(--ice-faint);
    font-size:10.5px;
  }
  .how-consent__action{
    padding:9px 12px;
    border-radius:10px;
    background:linear-gradient(135deg,#d9a83f,#f3cc72);
    color:#111;
    font-family:var(--display);
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
    box-shadow:0 0 22px rgba(232,185,92,.16);
  }

  .how-principles{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:24px;
  }
  .how-principle{
    padding:17px 18px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(8,10,18,.58);
  }
  .how-principle strong{
    display:block;
    font-family:var(--display);
    font-size:13px;
    margin-bottom:6px;
  }
  .how-principle span{
    color:var(--ice-faint);
    font-size:10.8px;
    line-height:1.5;
  }

  @media(max-width:980px){
    .how-head,.how-layout{grid-template-columns:1fr;}
    .how-principles{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:600px){
    .how-step{grid-template-columns:46px 1fr;padding:16px;}
    .how-step__num{width:46px;height:46px;}
    .how-event{grid-template-columns:38px 1fr;}
    .how-event__badge{grid-column:2;justify-self:start;}
    .how-consent{align-items:flex-start;flex-direction:column;}
    .how-principles{grid-template-columns:1fr;}
  }
  @media(prefers-reduced-motion:reduce){
    .how-step{transition:none!important;}
  }


  /* ---------- FASE 4 · INTELIGENCIA ARTIFICIAL ---------- */
  #ia{
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(5,6,11,.34),rgba(5,6,11,.18)),
      radial-gradient(circle at 18% 24%,rgba(76,141,255,.10),transparent 30%),
      radial-gradient(circle at 82% 70%,rgba(232,185,92,.07),transparent 28%);
  }
  #ia::before{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    opacity:.62;
    background:
      linear-gradient(120deg,transparent 0 42%,rgba(95,214,232,.024) 50%,transparent 58%),
      repeating-linear-gradient(90deg,transparent 0 139px,rgba(255,255,255,.010) 140px),
      repeating-linear-gradient(0deg,transparent 0 139px,rgba(255,255,255,.008) 140px);
  }

  #ia::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:110px;
    pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(5,6,11,.22));
  }

  #ia .wrap{position:relative;z-index:1;}

  .ai-head{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:34px;
    align-items:end;
    margin-bottom:42px;
  }
  .ai-head .section-head{margin:0;}
  .ai-manifesto{
    position:relative;
    padding:22px 24px;
    border-radius:18px;
    border:1px solid rgba(232,185,92,.22);
    background:linear-gradient(145deg,rgba(12,14,24,.82),rgba(8,10,18,.54));
    box-shadow:0 18px 60px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .ai-manifesto::before{
    content:"";
    position:absolute;left:18px;top:18px;width:34px;height:1px;
    background:linear-gradient(90deg,var(--gold),transparent);
    box-shadow:0 0 14px rgba(232,185,92,.45);
  }
  .ai-manifesto strong{
    display:block;
    font-family:var(--display);
    font-size:18px;
    margin:10px 0 8px;
  }
  .ai-manifesto p{
    color:var(--ice-dim);
    font-size:13.5px;
    line-height:1.65;
  }

  .ai-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    gap:24px;
    align-items:stretch;
  }

  .ai-core{
    position:relative;
    min-height:620px;
    border-radius:26px;
    border:1px solid rgba(76,141,255,.26);
    background:
      linear-gradient(145deg,rgba(8,11,20,.90),rgba(5,8,15,.72)),
      radial-gradient(circle at 50% 42%,rgba(76,141,255,.10),transparent 34%);
    box-shadow:
      0 30px 90px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 46px rgba(76,141,255,.08);
    overflow:hidden;
    padding:20px;
  }
  .ai-core::before{
    content:"";
    position:absolute;inset:0;
    background:
      radial-gradient(circle at 50% 50%,transparent 0 25%,rgba(76,141,255,.035) 26%,transparent 27%),
      linear-gradient(90deg,transparent 49.8%,rgba(95,214,232,.05) 50%,transparent 50.2%),
      linear-gradient(0deg,transparent 49.8%,rgba(95,214,232,.04) 50%,transparent 50.2%);
    pointer-events:none;
  }
  .ai-core__top{
    position:relative;z-index:1;
    display:flex;justify-content:space-between;align-items:center;
    padding:4px 4px 16px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .ai-core__title{
    font-family:var(--display);
    font-size:14px;
    font-weight:600;
  }
  .ai-live{
    display:flex;align-items:center;gap:8px;
    color:var(--emerald);
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .ai-live::before{
    content:"";
    width:7px;height:7px;border-radius:50%;
    background:var(--emerald);
    box-shadow:0 0 16px rgba(52,211,153,.85);
    animation:aiPulse 2.8s ease-in-out infinite;
  }
  @keyframes aiPulse{
    0%,100%{transform:scale(1);opacity:.85}
    50%{transform:scale(1.35);opacity:1}
  }

  .ai-orbit{
    position:relative;
    z-index:1;
    min-height:470px;
    display:grid;
    place-items:center;
    margin-top:14px;
  }
  .ai-orbit::before,
  .ai-orbit::after{
    content:"";
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(76,141,255,.12);
  }
  .ai-orbit::before{width:390px;height:390px;}
  .ai-orbit::after{width:270px;height:270px;border-color:rgba(232,185,92,.10);}

  .ai-center{
    position:relative;
    z-index:4;
    width:156px;height:156px;
    border-radius:50%;
    display:grid;place-items:center;
    text-align:center;
    border:1px solid rgba(95,214,232,.42);
    background:
      radial-gradient(circle at 35% 30%,rgba(95,214,232,.16),transparent 34%),
      linear-gradient(145deg,rgba(15,24,39,.96),rgba(7,11,20,.96));
    box-shadow:
      0 0 0 12px rgba(76,141,255,.035),
      0 0 50px rgba(76,141,255,.18),
      inset 0 0 28px rgba(95,214,232,.05);
  }
  .ai-center strong{
    display:block;
    font-family:var(--display);
    font-size:20px;
    margin-bottom:6px;
  }
  .ai-center span{
    display:block;
    color:var(--ice-faint);
    font-size:10px;
    line-height:1.35;
    max-width:110px;
  }

  .ai-node{
    position:absolute;
    width:142px;
    padding:14px 13px;
    border-radius:15px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(145deg,rgba(12,16,28,.92),rgba(7,10,18,.86));
    box-shadow:0 14px 34px rgba(0,0,0,.24);
    text-align:center;
  }
  .ai-node::after{
    content:"";
    position:absolute;
    width:34px;height:1px;
    background:linear-gradient(90deg,rgba(76,141,255,.7),transparent);
    box-shadow:0 0 12px rgba(76,141,255,.35);
  }
  .ai-node h5{
    font-family:var(--display);
    font-size:12px;
    margin-bottom:4px;
  }
  .ai-node span{
    color:var(--ice-faint);
    font-size:9.5px;
    line-height:1.35;
  }
  .ai-node.n1{top:22px;left:50%;transform:translateX(-50%);}
  .ai-node.n2{top:120px;right:18px;}
  .ai-node.n3{bottom:86px;right:24px;}
  .ai-node.n4{bottom:20px;left:50%;transform:translateX(-50%);}
  .ai-node.n5{bottom:86px;left:24px;}
  .ai-node.n6{top:120px;left:18px;}
  .ai-node.n1::after{left:50%;bottom:-25px;transform:translateX(-50%) rotate(90deg);}
  .ai-node.n2::after{left:-28px;bottom:8px;transform:rotate(150deg);}
  .ai-node.n3::after{left:-28px;top:10px;transform:rotate(210deg);}
  .ai-node.n4::after{left:50%;top:-25px;transform:translateX(-50%) rotate(90deg);}
  .ai-node.n5::after{right:-28px;top:10px;transform:rotate(-30deg);}
  .ai-node.n6::after{right:-28px;bottom:8px;transform:rotate(30deg);}

  .ai-console{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:center;
    padding:16px;
    border-radius:16px;
    border:1px solid rgba(232,185,92,.20);
    background:linear-gradient(90deg,rgba(232,185,92,.06),rgba(76,141,255,.05));
  }
  .ai-console__checks{
    display:flex;flex-wrap:wrap;gap:8px 14px;
  }
  .ai-console__checks span{
    font-size:10px;
    color:var(--ice-dim);
  }
  .ai-console__checks span::before{
    content:"✓";
    color:var(--emerald);
    margin-right:6px;
  }
  .ai-console__actions{
    display:flex;gap:8px;
  }
  .ai-console__btn{
    padding:9px 12px;
    border-radius:10px;
    font-family:var(--display);
    font-size:10px;
    border:1px solid rgba(255,255,255,.10);
    color:var(--ice);
    background:rgba(255,255,255,.035);
    white-space:nowrap;
  }
  .ai-console__btn.primary{
    color:#111;
    border-color:rgba(232,185,92,.45);
    background:linear-gradient(135deg,#d9a83f,#f3cc72);
    box-shadow:0 0 22px rgba(232,185,92,.14);
  }

  .ai-capabilities{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .ai-card{
    position:relative;
    padding:18px 18px 18px 56px;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(145deg,rgba(11,14,24,.74),rgba(8,10,18,.48));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  .ai-card:hover{
    transform:translateY(-2px);
    border-color:rgba(76,141,255,.25);
    box-shadow:0 16px 40px rgba(0,0,0,.18),0 0 24px rgba(76,141,255,.07);
  }
  .ai-card__index{
    position:absolute;left:16px;top:17px;
    width:28px;height:28px;border-radius:9px;
    display:grid;place-items:center;
    font-family:var(--mono);
    font-size:9px;
    color:var(--cyan);
    border:1px solid rgba(76,141,255,.28);
    background:rgba(76,141,255,.07);
  }
  .ai-card:nth-child(2n) .ai-card__index{
    color:var(--gold);
    border-color:rgba(232,185,92,.28);
    background:rgba(232,185,92,.06);
  }
  .ai-card h4{
    font-family:var(--display);
    font-size:14px;
    margin-bottom:6px;
  }
  .ai-card p{
    color:var(--ice-dim);
    font-size:11.8px;
    line-height:1.55;
  }

  .ai-principle{
    margin-top:24px;
    padding:18px 20px;
    border-radius:17px;
    border:1px solid rgba(95,214,232,.18);
    background:rgba(8,10,18,.56);
    text-align:center;
  }
  .ai-principle strong{
    display:block;
    font-family:var(--display);
    font-size:16px;
    margin-bottom:5px;
  }
  .ai-principle span{
    color:var(--ice-faint);
    font-size:11px;
  }

  @media(max-width:1020px){
    .ai-head,.ai-grid{grid-template-columns:1fr;}
    .ai-capabilities{grid-template-columns:repeat(2,1fr);}
  }
  @media(max-width:720px){
    .ai-core{min-height:auto;}
    .ai-orbit{
      min-height:auto;
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      place-items:stretch;
      padding:8px 0;
    }
    .ai-orbit::before,.ai-orbit::after{display:none;}
    .ai-center{
      position:relative;
      width:auto;height:auto;border-radius:18px;
      padding:22px;margin-bottom:6px;
    }
    .ai-center span{max-width:none;}
    .ai-node{
      position:relative!important;
      inset:auto!important;
      width:auto;
      transform:none!important;
      text-align:left;
    }
    .ai-node::after{display:none;}
    .ai-console{grid-template-columns:1fr;}
    .ai-console__actions{justify-content:flex-start;}
    .ai-capabilities{grid-template-columns:1fr;}
  }
  @media(prefers-reduced-motion:reduce){
    .ai-live::before{animation:none!important;}
    .ai-card{transition:none!important;}
  }


  /* Corrección de visibilidad del background en Ecosistema y Cómo funciona */
  #modulos .eco-intro,
  #modulos .ecosystem-flow,
  #modulos .modules-stage,
  #modulos .eco-trustbar,
  #funciones .how-head,
  #funciones .how-layout,
  #funciones .how-principles{
    position:relative;
    z-index:1;
  }
  #modulos::after,
  #funciones::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:90px;
    pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(5,6,11,.14));
  }

  /* ---------- MODULE DETAIL MODAL ---------- */
  .modal-overlay{
    position:fixed; inset:0; z-index:100; background:rgba(4,5,9,0.72);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    display:flex; align-items:center; justify-content:center; padding:24px;
    opacity:0; pointer-events:none; transition:opacity .25s ease;
  }
  .modal-overlay.is-open{ opacity:1; pointer-events:auto; }
  .modal{
    max-width:560px; width:100%; max-height:86vh; overflow-y:auto;
    background: linear-gradient(160deg, rgba(20,24,38,0.96), rgba(10,12,20,0.98));
    border:1px solid var(--glass-border); border-radius:22px;
    padding:0; transform:translateY(18px) scale(0.98); transition:transform .3s ease;
    box-shadow:0 30px 90px rgba(0,0,0,0.6);
  }
  .modal-overlay.is-open .modal{ transform:translateY(0) scale(1); }
  .modal__media{ width:100%; height:180px; object-fit:cover; display:block; border-radius:22px 22px 0 0; }
  .modal__media-fallback{
    width:100%; height:140px; border-radius:22px 22px 0 0;
    background:linear-gradient(135deg, rgba(76,141,255,0.18), rgba(139,111,245,0.1));
    display:flex; align-items:center; justify-content:center; font-size:40px;
  }
  .modal__body{ padding:28px 30px 32px; }
  .modal__eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:0.1em; color:var(--blue); text-transform:uppercase; margin-bottom:10px; }
  .modal__body h3{ font-family:var(--display); font-size:22px; font-weight:600; margin-bottom:14px; }
  .modal__body p{ font-size:14px; line-height:1.65; color:var(--ice-dim); margin-bottom:14px; }
  .modal__body p strong{ color:var(--ice); }
  .modal__close{
    position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:50%;
    background:rgba(255,255,255,0.08); border:1px solid var(--glass-border); color:var(--ice);
    font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:background .2s ease;
  }
  .modal__close:hover{ background:rgba(255,255,255,0.16); }
  .modal__gallery{ display:flex; gap:10px; margin-top:6px; flex-wrap:wrap; }
  .modal__gallery img{ width:64px; height:64px; border-radius:12px; object-fit:cover; border:1px solid var(--glass-border-soft); }

  /* ---------- ILLUMINATION DEMO ---------- */
  .illum{ display:flex; gap:18px; flex-wrap:wrap; }
  .illum-card{ flex:1 1 220px; padding:24px; border-radius:16px; background:var(--glass-fill); border:1px solid var(--glass-border-soft); position:relative; overflow:hidden; }
  .illum-card::before{ content:''; position:absolute; top:-40%; right:-30%; width:180px; height:180px; border-radius:50%; filter:blur(50px); opacity:0.5; }
  .illum-card.normal::before{ background:var(--blue); }
  .illum-card.verified::before{ background:var(--emerald); }
  .illum-card .state-dot{ width:10px; height:10px; border-radius:50%; margin-bottom:14px; }
  .illum-card.normal .state-dot{ background:var(--blue); box-shadow:0 0 12px var(--blue); }
  .illum-card.verified .state-dot{ background:var(--emerald); box-shadow:0 0 12px var(--emerald); }
  .illum-card h5{ font-family:var(--display); font-size:15px; margin-bottom:6px; position:relative; }
  .illum-card p{ font-size:12.8px; color:var(--ice-dim); position:relative; }

  /* ---------- FINAL CTA ---------- */
  .final{ text-align:center; padding:150px 32px 100px; max-width:680px; margin:0 auto; }
  .final h2{ font-family:var(--display); font-weight:600; font-size:clamp(28px,4vw,44px); line-height:1.15; margin-bottom:20px; }
  .final p{ color:var(--ice-dim); font-size:16px; line-height:1.6; margin-bottom:36px; }
  .access-form{ display:flex; gap:10px; max-width:440px; margin:0 auto 20px; flex-wrap:wrap; justify-content:center; }
  .access-form input{ flex:1 1 240px; padding:14px 18px; border-radius:100px; border:1px solid var(--glass-border); background:var(--glass-fill); color:var(--ice); font-family:var(--body); font-size:14px; outline:none; }
  .access-form input::placeholder{ color:var(--ice-faint); }
  .access-form input:focus{ border-color: rgba(76,141,255,0.5); }
  /* honeypot anti-bot field: hidden from real users, invisible to screen readers */
  .hp-field{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
  .fine{ font-family:var(--mono); font-size:11px; color:var(--ice-faint); }

  /* ---------- FOOTER ---------- */
  footer{ border-top:1px solid var(--glass-border-soft); padding:40px 32px; }
  .footer-row{ max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
  .footer-row .left{ display:flex; align-items:center; gap:10px; color:var(--ice-faint); font-size:13px; }
  .footer-row .links{ display:flex; gap:22px; }
  .footer-row .links a{ color:var(--ice-faint); text-decoration:none; font-size:13px; }
  .footer-row .links a:hover{ color:var(--ice-dim); }

  :focus-visible{ outline:2px solid var(--blue); outline-offset:3px; }

  @media (prefers-reduced-motion: reduce){
    .orbit__core, .ring, .orbit-anchor, .bg-photo{ animation:none !important; }
  }


/* ===== BLAKZOL ENHANCED EXPERIENCE ===== */
:root{ --violet:#8c4dff; --gold:#d9ad58; }
body{ background:#05040d; }
.bg-photo{
  background-image:
    linear-gradient(180deg,rgba(4,5,15,.22) 0%,rgba(6,5,20,.10) 38%,rgba(5,4,16,.28) 72%,rgba(4,3,12,.72) 100%),
    url("../assets/images/image-001-f7b7ba643796164c.webp");
  background-size:cover; background-position:center 34%;
  filter:saturate(118%) contrast(108%) brightness(1.08);
  opacity:1; image-rendering:auto; transform:translateZ(0);
}
.ambient{background:radial-gradient(ellipse 900px 600px at 15% -5%,rgba(103,63,255,.17),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 15%,rgba(85,134,255,.15),transparent 55%),radial-gradient(ellipse 1000px 800px at 50% 50%,transparent 54%,rgba(3,3,12,.34) 100%)}
.nav{background:rgba(8,6,25,.34);backdrop-filter:blur(20px) saturate(155%)}
.nav__row{max-width:none;padding:18px clamp(24px,4vw,72px)}
.brand-lockup{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.2vw,34px);letter-spacing:.24em;font-weight:500;background:linear-gradient(180deg,#fff4c6 0%,#d6a84e 42%,#8e5d18 62%,#f2cd74 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(228,182,91,.18)}
.hero{max-width:1440px;min-height:94vh;padding:170px clamp(28px,5vw,78px) 90px;grid-template-columns:1.05fr .95fr;gap:7vw}
.hero h1{font-size:clamp(48px,6.4vw,92px);font-weight:700;line-height:.98;letter-spacing:-.05em;max-width:760px;text-shadow:0 8px 38px rgba(0,0,0,.42)}
.hero h1 em{display:block;margin-top:8px;background:linear-gradient(90deg,#f7f4ff 0%,#b995ff 55%,#7e50ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:720px;color:#d3c9ee;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.btn-primary{color:white;background:linear-gradient(135deg,#7b35ff,#4c36d8);box-shadow:0 0 0 1px rgba(217,190,255,.45) inset,0 9px 34px rgba(100,43,255,.48)}
.btn-ghost{background:rgba(12,8,35,.35);border-color:rgba(203,175,255,.28)}
.badge{background:rgba(8,6,26,.34);border-color:rgba(193,165,255,.18);color:#ede7ff}
.badge__dot{background:#a76dff;box-shadow:0 0 10px #8d4aff}
.ecosystem-visual{position:relative;padding:34px;border-radius:30px;background:linear-gradient(145deg,rgba(16,13,53,.52),rgba(4,7,28,.36));border:1px solid rgba(183,147,255,.3);box-shadow:0 30px 100px rgba(3,1,18,.55),0 0 60px rgba(91,45,255,.12) inset;backdrop-filter:blur(24px);overflow:hidden}
.ecosystem-visual:before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 70% 22%,rgba(91,162,255,.35),transparent 27%),radial-gradient(circle at 25% 80%,rgba(135,57,255,.28),transparent 30%);pointer-events:none}
.visual-kicker{position:relative;font:500 11px var(--mono);letter-spacing:.22em;color:#b99aff;margin-bottom:18px}
.ecosystem-visual h3{position:relative;font:600 clamp(28px,3vw,46px)/1.08 var(--display);max-width:480px;margin-bottom:16px}
.ecosystem-visual>p{position:relative;color:#bdb4d8;line-height:1.6;margin-bottom:28px}
.visual-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.visual-item{min-height:92px;border-radius:18px;border:1px solid rgba(188,155,255,.2);background:rgba(11,8,38,.42);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;gap:10px;transition:.25s ease}
.visual-item:hover{transform:translateY(-4px);border-color:rgba(170,117,255,.7);box-shadow:0 0 28px rgba(104,47,255,.22)}
.visual-item span{font-size:25px;color:#9b65ff}.visual-item b{font-size:13px}
.visual-foot{position:relative;margin-top:26px;text-align:center;font:500 9px var(--mono);letter-spacing:.28em;color:#a99dcc}
.capability-strip{position:relative;z-index:3;border-block:1px solid rgba(177,139,255,.18);background:rgba(7,5,25,.44);backdrop-filter:blur(18px)}
.capability-strip__inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);padding:28px clamp(24px,4vw,72px)}
.capability{display:flex;align-items:center;gap:13px;padding:10px 18px;border-right:1px solid rgba(255,255,255,.09)}.capability:last-child{border:0}
.capability__icon{font-size:26px;color:#9c63ff;text-shadow:0 0 18px rgba(132,66,255,.7)}
.capability b,.capability small{display:block}.capability b{font-size:14px}.capability small{margin-top:4px;color:#aaa0c4;font-size:11px}
.story-section{padding:110px 0;position:relative;z-index:2}.story-wrap{max-width:1440px}.story-intro{max-width:820px;margin-bottom:42px}.story-intro h2{font:600 clamp(36px,4vw,64px)/1.06 var(--display);letter-spacing:-.035em;margin-bottom:20px}.story-intro p{font-size:18px;line-height:1.7;color:#bcb3d3}
.story-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story-card{padding:28px;min-height:245px;border-radius:24px;background:linear-gradient(145deg,rgba(17,12,52,.58),rgba(8,7,28,.38));border:1px solid rgba(171,133,255,.22);backdrop-filter:blur(18px)}.story-card span{font:500 11px var(--mono);color:#9b64ff}.story-card h3{font:600 24px var(--display);margin:48px 0 12px}.story-card p{color:#aaa1c0;line-height:1.6;font-size:14px}
.pad,.final{background:rgba(4,3,15,.22)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.ecosystem-visual{max-width:760px}.capability-strip__inner{grid-template-columns:repeat(3,1fr)}.capability:nth-child(3){border-right:0}.story-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero{padding:135px 22px 60px}.hero h1{font-size:clamp(44px,15vw,66px)}.visual-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-visual{padding:24px}.capability-strip__inner{grid-template-columns:repeat(2,1fr);padding:18px 10px}.capability{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.story-section{padding:78px 0}.story-cards{grid-template-columns:1fr}.nav__row{padding:15px 20px}.nav__word{display:none}}

/* ==========================================================
   BLAKZOL LANDING 2.0 — FASE 1: HEADER + HERO
   ========================================================== */
:root{--blakzol-gold:#D4AF37;--blakzol-blue:#0A3DFF;--hero-ink:#eef4ff;--hero-muted:#c7d0e2}
.bg-photo{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(1,4,12,.82) 0%,rgba(2,5,16,.62) 43%,rgba(2,5,16,.30) 70%,rgba(1,3,10,.55) 100%),url("../assets/images/image-002-d5007c0d6e1c1699.webp");
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  filter:saturate(1.04) contrast(1.03);
}
.phase1-nav{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(180deg,rgba(1,4,12,.88),rgba(1,4,12,.54));border-bottom:1px solid rgba(212,175,55,.18);backdrop-filter:blur(18px) saturate(145%)}
.phase1-nav__inner{width:100%;min-height:92px;padding:11px clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.phase1-brand{display:flex;align-items:center;gap:12px;min-width:280px}
.phase1-symbol{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(10,61,255,.38)) drop-shadow(0 0 10px rgba(212,175,55,.24))}
.phase1-wordmark{width:clamp(190px,17vw,300px);height:62px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 13px rgba(0,0,0,.55))}
.phase1-links{display:flex;align-items:center;gap:clamp(18px,2vw,34px)}
.phase1-links a{font:500 13px var(--body);color:#e8ebf4;text-decoration:none;letter-spacing:.02em;transition:.2s ease}
.phase1-links a:hover{color:#fff3bf;text-shadow:0 0 14px rgba(212,175,55,.45)}
.phase1-links .phase1-cta{padding:12px 20px;border:1px solid rgba(212,175,55,.72);border-radius:999px;background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(10,61,255,.12));box-shadow:0 0 22px rgba(212,175,55,.12) inset,0 0 20px rgba(10,61,255,.12)}
.phase1-menu-btn{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(3,7,20,.55);color:white;font-size:21px}
.phase1-hero{position:relative;z-index:2;width:100%;max-width:none;min-height:100vh;padding:150px clamp(24px,4.5vw,76px) 76px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.92fr);align-items:center;gap:clamp(40px,5vw,84px)}
.phase1-copy{max-width:790px}
.phase1-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(10,61,255,.55);background:rgba(2,8,27,.52);backdrop-filter:blur(14px);font:600 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#eff4ff;box-shadow:0 0 24px rgba(10,61,255,.14)}
.phase1-eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:#0A3DFF;box-shadow:0 0 13px #0A3DFF}
.phase1-title{margin:28px 0 24px;font:700 clamp(54px,6.1vw,98px)/.96 var(--display);letter-spacing:-.055em;color:white;text-wrap:balance;text-shadow:0 12px 42px rgba(0,0,0,.52)}
.phase1-title .gold{background:linear-gradient(180deg,#fff3bb 0%,#e5bc4c 45%,#a86f14 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.phase1-lead{max-width:740px;font-size:clamp(17px,1.35vw,22px);line-height:1.65;color:var(--hero-muted);text-shadow:0 3px 20px rgba(0,0,0,.68)}
.phase1-actions{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0 28px}
.phase1-btn{min-height:54px;padding:0 25px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:700;font-size:14px;transition:.25s ease}
.phase1-btn--primary{color:#0b0a08;background:linear-gradient(135deg,#fff0a0,#D4AF37 54%,#a66f10);box-shadow:0 10px 36px rgba(212,175,55,.35),0 0 0 1px rgba(255,246,194,.55) inset}
.phase1-btn--primary:hover{transform:translateY(-3px);box-shadow:0 15px 44px rgba(212,175,55,.45)}
.phase1-btn--secondary{color:#f3f7ff;border:1px solid rgba(62,132,255,.72);background:rgba(3,9,28,.56);backdrop-filter:blur(12px);box-shadow:0 0 24px rgba(10,61,255,.14) inset}
.phase1-btn--secondary:hover{transform:translateY(-3px);border-color:#7fb0ff}
.phase1-trust{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:11px;max-width:790px}
.phase1-trust__item{min-height:106px;padding:14px 10px;border-radius:18px;border:1px solid rgba(212,175,55,.18);background:linear-gradient(145deg,rgba(3,8,23,.60),rgba(5,10,30,.28));backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.phase1-trust__item img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(10,61,255,.45))}
.phase1-trust__item b{font-size:11px;line-height:1.25;color:#f5e5a4;text-transform:uppercase;letter-spacing:.05em}
.phase1-trust__item small{font-size:10px;color:#aeb8cc}
.phase1-dashboard{position:relative;border-radius:30px;border:1px solid rgba(74,139,255,.54);background:linear-gradient(145deg,rgba(3,8,22,.80),rgba(3,8,25,.55));box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 55px rgba(10,61,255,.15) inset;backdrop-filter:blur(24px) saturate(135%);padding:20px;overflow:hidden}
.phase1-dashboard:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 82% 12%,rgba(10,61,255,.22),transparent 28%),radial-gradient(circle at 5% 95%,rgba(212,175,55,.14),transparent 24%);pointer-events:none}
.phase1-dash-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 4px 18px}
.phase1-dash-head h3{font:600 19px var(--display);margin:0} .phase1-dash-head p{font-size:11px;color:#9aa7bd;margin-top:5px}
.phase1-dash-actions{display:flex;gap:9px} .phase1-dash-actions span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(1,5,16,.48);color:#dce7ff}
.phase1-dash-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.phase1-card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(1,5,17,.50);padding:16px;min-height:160px;box-shadow:0 12px 32px rgba(0,0,0,.2) inset}
.phase1-card h4{font:600 12px var(--body);margin:0 0 14px;color:#f2e5b3}
.phase1-calendar__top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d7dfed;margin-bottom:12px}
.phase1-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-size:9px;text-align:center;color:#75839c}
.phase1-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:7px;font-size:9px;text-align:center;color:#d5ddea} .phase1-days span{padding:4px 0;border-radius:7px} .phase1-days .active{background:#0A3DFF;color:white;box-shadow:0 0 12px rgba(10,61,255,.8)}
.phase1-event{margin-top:12px;padding:9px;border-left:2px solid #D4AF37;background:rgba(212,175,55,.07);border-radius:8px;font-size:9px;color:#dce5f4}
.phase1-progress{height:5px;border-radius:99px;background:#162238;overflow:hidden;margin:11px 0 14px} .phase1-progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#0A3DFF,#52a7ff)}
.phase1-task{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px;color:#cbd4e4} .phase1-task:last-child{border:0} .phase1-task:before{content:'';width:9px;height:9px;border-radius:50%;border:1px solid #5275a8}
.phase1-wallet strong{display:block;font:600 27px var(--display);color:#fff;margin-bottom:5px} .phase1-wallet small{color:#5ee3a8;font-size:10px}
.phase1-chart{height:48px;margin-top:18px;background:linear-gradient(180deg,rgba(10,61,255,.23),transparent);clip-path:polygon(0 82%,12% 68%,25% 78%,38% 55%,52% 66%,67% 33%,81% 50%,100% 4%,100% 100%,0 100%);border-bottom:2px solid #3ea0ff}
.phase1-note p{font-size:10px;line-height:1.6;color:#bac4d5} .phase1-note mark{background:rgba(212,175,55,.16);color:#f4dea0;padding:2px 5px;border-radius:5px}
.phase1-quick{grid-column:1/-1;min-height:auto} .phase1-quick-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .phase1-quick-item{padding:11px 6px;border-radius:13px;border:1px solid rgba(255,255,255,.09);text-align:center;font-size:9px;color:#b9c4d8} .phase1-quick-item span{display:block;font-size:20px;color:#D4AF37;margin-bottom:6px}
.phase1-tagline{position:relative;margin-top:14px;text-align:center;font:500 9px var(--mono);letter-spacing:.26em;color:#8fa7d6}
@media(max-width:1120px){.phase1-links a:not(.phase1-cta){display:none}.phase1-hero{grid-template-columns:1fr;padding-top:145px}.phase1-copy{max-width:900px}.phase1-dashboard{max-width:820px;width:100%;margin:auto}}
@media(max-width:720px){.phase1-nav__inner{min-height:78px;padding:8px 16px}.phase1-brand{min-width:0;gap:6px}.phase1-symbol{width:46px;height:46px}.phase1-wordmark{width:155px;height:50px}.phase1-links{display:none}.phase1-menu-btn{display:block}.phase1-hero{padding:118px 18px 54px;gap:34px}.phase1-title{font-size:clamp(46px,14vw,68px)}.phase1-trust{grid-template-columns:repeat(2,1fr)}.phase1-trust__item:last-child{grid-column:1/-1}.phase1-dash-grid{grid-template-columns:1fr}.phase1-quick{grid-column:auto}.phase1-quick-row{grid-template-columns:repeat(3,1fr)}.phase1-card{min-height:145px}}
@media(max-width:430px){.phase1-wordmark{width:128px}.phase1-title{font-size:45px}.phase1-actions{flex-direction:column}.phase1-btn{width:100%}.phase1-quick-row{grid-template-columns:repeat(2,1fr)}}



  /* ---------- FASE 5 · INBOUND THREAT GUARDIAN ---------- */
  .guardian-section{position:relative;padding:120px 0 110px;isolation:isolate}
  .guardian-section::before{content:"";position:absolute;inset:4% 0 0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(76,141,255,.17),transparent 38%),radial-gradient(circle at 20% 70%,rgba(139,111,245,.12),transparent 34%),radial-gradient(circle at 82% 66%,rgba(52,211,153,.08),transparent 28%)}
  .guardian-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:44px;align-items:end;margin-bottom:42px}
  .guardian-head h2{max-width:850px}
  .guardian-manifesto{padding:24px;border:1px solid rgba(95,214,232,.2);border-radius:24px;background:rgba(7,11,21,.27);backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.2)}
  .guardian-manifesto strong{display:block;font:600 15px var(--display);letter-spacing:.03em;color:#dffbff;margin-bottom:9px}
  .guardian-manifesto p{font-size:14px;line-height:1.75;color:var(--ice-dim)}
  .guardian-stage{position:relative;overflow:hidden;min-height:620px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:linear-gradient(145deg,rgba(8,11,21,.34),rgba(10,14,29,.18));backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 34px 100px rgba(0,0,0,.32)}
  .guardian-stage::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(76,141,255,.08),transparent 28%,rgba(139,111,245,.09),transparent 62%,rgba(52,211,153,.06),transparent);animation:guardian-spin 24s linear infinite}
  @keyframes guardian-spin{to{transform:rotate(360deg)}}
  .guardian-radar{position:absolute;left:50%;top:50%;width:min(46vw,470px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center}
  .guardian-ring{position:absolute;border:1px solid rgba(95,214,232,.2);border-radius:50%;box-shadow:0 0 30px rgba(76,141,255,.06) inset}
  .guardian-ring.r1{inset:0}.guardian-ring.r2{inset:14%}.guardian-ring.r3{inset:28%}.guardian-ring.r4{inset:40%}
  .guardian-ring::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border-top:1px solid rgba(95,214,232,.7);border-right:1px solid transparent;animation:guardian-spin 8s linear infinite}
  .guardian-core{position:relative;z-index:3;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.18),rgba(76,141,255,.18) 32%,rgba(7,12,30,.74) 70%);border:1px solid rgba(151,221,255,.5);box-shadow:0 0 38px rgba(76,141,255,.35),0 0 100px rgba(139,111,245,.2),inset 0 0 30px rgba(95,214,232,.1)}
  .guardian-core strong{display:block;font:700 15px var(--display);letter-spacing:.12em}.guardian-core span{display:block;margin-top:6px;font:500 10px var(--mono);color:#8fe7f4}
  .guardian-channel{position:absolute;z-index:4;padding:11px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(9,12,24,.42);backdrop-filter:blur(14px);font:500 11px var(--mono);color:#e8f3ff;box-shadow:0 8px 30px rgba(0,0,0,.18);animation:guardian-float 5s ease-in-out infinite}
  .guardian-channel::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}
  .guardian-channel.c1{left:6%;top:14%}.guardian-channel.c2{right:8%;top:12%;animation-delay:-1s}.guardian-channel.c3{left:4%;bottom:18%;animation-delay:-2s}.guardian-channel.c4{right:6%;bottom:16%;animation-delay:-3s}.guardian-channel.c5{left:18%;top:47%;animation-delay:-4s}.guardian-channel.c6{right:17%;top:48%;animation-delay:-2.5s}
  @keyframes guardian-float{50%{transform:translateY(-8px)}}
  .guardian-feed{position:absolute;left:28px;right:28px;bottom:24px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .guardian-metric{padding:15px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(5,8,17,.34);backdrop-filter:blur(16px)}
  .guardian-metric b{display:block;font:600 16px var(--display);color:#fff}.guardian-metric small{display:block;margin-top:5px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#8593ad}
  .guardian-demo-card{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px;border:1px solid rgba(95,214,232,.22);border-radius:28px;background:linear-gradient(135deg,rgba(9,15,30,.34),rgba(18,12,35,.24));backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.07),0 22px 70px rgba(0,0,0,.24);text-decoration:none;color:inherit;transition:.28s ease}
  .guardian-demo-card:hover{transform:translateY(-4px);border-color:rgba(95,214,232,.52);box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 90px rgba(0,0,0,.3),0 0 34px rgba(76,141,255,.14)}
  .guardian-demo-card h3{font:600 clamp(23px,3vw,36px) var(--display);margin:8px 0 10px}.guardian-demo-card p{max-width:780px;color:var(--ice-dim);line-height:1.7}
  .guardian-demo-button{min-width:178px;padding:16px 20px;border-radius:999px;border:1px solid rgba(95,214,232,.45);background:linear-gradient(135deg,rgba(76,141,255,.2),rgba(139,111,245,.18));text-align:center;font:600 13px var(--display);box-shadow:0 0 26px rgba(76,141,255,.12) inset}
  .guardian-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
  .guardian-card{min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(8,11,21,.27);backdrop-filter:blur(16px);transition:.25s ease}
  .guardian-card:hover{transform:translateY(-4px);border-color:rgba(95,214,232,.3);background:rgba(10,15,29,.4)}
  .guardian-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(76,141,255,.12);border:1px solid rgba(95,214,232,.18);font-style:normal;margin-bottom:22px}.guardian-card h4{font:600 15px var(--display);margin-bottom:8px}.guardian-card p{font-size:13px;line-height:1.65;color:var(--ice-dim)}
  .guardian-closing{text-align:center;padding-top:76px}.guardian-closing h3{font:600 clamp(34px,5vw,66px) var(--display);letter-spacing:-.045em}.guardian-closing p{margin-top:12px;font-size:17px;color:#9ca8c0}
  @media(max-width:1050px){.guardian-head{grid-template-columns:1fr}.guardian-grid{grid-template-columns:repeat(2,1fr)}.guardian-stage{min-height:690px}.guardian-feed{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:680px){.guardian-section{padding:90px 0}.guardian-stage{min-height:720px}.guardian-radar{width:330px;top:42%}.guardian-channel{font-size:9px;padding:9px 10px}.guardian-channel.c5,.guardian-channel.c6{display:none}.guardian-feed{left:14px;right:14px;bottom:14px}.guardian-demo-card{grid-template-columns:1fr}.guardian-demo-button{width:100%}.guardian-grid{grid-template-columns:1fr}.guardian-core{width:128px;height:128px}}


  /* ---------- FASE 6 · FORMAT STUDIO ---------- */
  .format-section{position:relative;padding:138px 0 124px;overflow:hidden;isolation:isolate}
  .format-section:before{content:"";position:absolute;inset:4% -12% auto;height:78%;background:radial-gradient(circle at 50% 42%,rgba(139,111,245,.16),transparent 34%),radial-gradient(circle at 28% 58%,rgba(95,214,232,.12),transparent 26%),radial-gradient(circle at 75% 58%,rgba(76,141,255,.11),transparent 28%);filter:blur(18px);z-index:-1;pointer-events:none}
  .format-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:34px;align-items:end;margin-bottom:42px}
  .format-manifesto{padding:24px 25px;border:1px solid rgba(255,255,255,.12);background:rgba(8,10,18,.26);backdrop-filter:blur(18px);border-radius:24px;box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.22)}
  .format-manifesto strong{display:block;font:600 17px/1.35 var(--display);margin-bottom:9px}.format-manifesto p{color:var(--ice-dim);line-height:1.7}
  .format-workspace{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(145deg,rgba(13,16,29,.34),rgba(8,10,18,.17));backdrop-filter:blur(22px);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.08),0 46px 120px rgba(0,0,0,.30)}
  .format-workspace:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:none}
  .format-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,7,13,.24)}
  .format-dots{display:flex;gap:7px}.format-dots i{width:8px;height:8px;border-radius:50%;display:block;background:rgba(255,255,255,.25)}.format-dots i:nth-child(2){background:rgba(95,214,232,.55)}.format-dots i:nth-child(3){background:rgba(139,111,245,.65)}
  .format-project-name{font:500 12px/1 var(--mono);letter-spacing:.14em;color:#cbd6ef;text-transform:uppercase}.format-status{font:500 11px/1 var(--mono);color:var(--emerald);letter-spacing:.1em}
  .format-canvas{position:relative;z-index:2;min-height:560px;padding:44px}
  .format-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:34px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(19,24,45,.69),rgba(7,9,18,.46));backdrop-filter:blur(18px);display:grid;place-items:center;text-align:center;box-shadow:0 0 0 12px rgba(139,111,245,.035),0 0 0 24px rgba(95,214,232,.02),0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.12)}
  .format-core:before{content:"";position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(95,214,232,.16);box-shadow:0 0 34px rgba(95,214,232,.08)}
  .format-core b{font:700 25px/1.05 var(--display);letter-spacing:-.04em}.format-core span{display:block;margin-top:10px;color:var(--cyan);font:500 10px/1.3 var(--mono);letter-spacing:.15em;text-transform:uppercase}
  .format-core em{display:block;margin:12px auto 0;width:74px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 18px rgba(95,214,232,.6)}
  .format-output{position:absolute;width:170px;padding:16px 17px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(8,10,18,.34);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(0,0,0,.25);animation:formatFloat 6s ease-in-out infinite;z-index:2}
  .format-output:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,rgba(139,111,245,.35),transparent 38%,rgba(95,214,232,.25));z-index:-1;opacity:.42}
  .format-output small{display:block;font:500 9px/1 var(--mono);letter-spacing:.13em;color:var(--cyan);margin-bottom:8px}.format-output h4{font:600 14px/1.2 var(--display);margin-bottom:5px}.format-output p{font-size:11px;color:var(--ice-dim);line-height:1.45}
  .fo1{left:6%;top:16%}.fo2{right:6%;top:16%;animation-delay:-1s}.fo3{left:4%;bottom:12%;animation-delay:-2s}.fo4{right:4%;bottom:12%;animation-delay:-3s}.fo5{left:50%;top:7%;transform:translateX(-50%);animation-delay:-4s}.fo6{left:50%;bottom:4%;transform:translateX(-50%);animation-delay:-5s}
  .format-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(139,111,245,.05),rgba(95,214,232,.72),rgba(95,214,232,.04));filter:drop-shadow(0 0 6px rgba(95,214,232,.5));opacity:.72;z-index:1}.fl1{width:29%;left:20%;top:35%;transform:rotate(15deg)}.fl2{width:29%;left:51%;top:35%;transform:rotate(-15deg)}.fl3{width:30%;left:19%;top:67%;transform:rotate(-14deg)}.fl4{width:30%;left:51%;top:67%;transform:rotate(14deg)}.fl5{width:14%;left:50%;top:25%;transform:rotate(90deg)}.fl6{width:14%;left:50%;top:72%;transform:rotate(90deg)}
  @keyframes formatFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
  .format-demo-card{margin-top:28px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;text-decoration:none;color:inherit;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(139,111,245,.14),rgba(8,10,18,.26) 45%,rgba(95,214,232,.10));backdrop-filter:blur(20px);box-shadow:inset 0 1px rgba(255,255,255,.09),0 28px 76px rgba(0,0,0,.28);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
  .format-demo-card:hover{transform:translateY(-4px);border-color:rgba(95,214,232,.38);box-shadow:inset 0 1px rgba(255,255,255,.11),0 32px 90px rgba(0,0,0,.34),0 0 50px rgba(95,214,232,.08)}
  .format-demo-card h3{font:600 clamp(24px,3vw,39px)/1.08 var(--display);letter-spacing:-.04em;margin:8px 0 11px}.format-demo-card p{max-width:780px;color:var(--ice-dim);line-height:1.7}
  .format-demo-button{white-space:nowrap;padding:15px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);font:600 13px/1 var(--display);box-shadow:inset 0 1px rgba(255,255,255,.08)}
  .format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.format-card{min-height:180px;padding:23px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(8,10,18,.25);backdrop-filter:blur(15px);transition:.3s ease}.format-card:hover{transform:translateY(-5px);border-color:rgba(139,111,245,.36);background:rgba(14,17,30,.36)}
  .format-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:25px;background:linear-gradient(145deg,rgba(139,111,245,.18),rgba(95,214,232,.10));border:1px solid rgba(255,255,255,.11);font:600 11px/1 var(--mono);font-style:normal;color:#dce7ff}.format-card h4{font:600 16px/1.25 var(--display);margin-bottom:8px}.format-card p{font-size:13px;line-height:1.6;color:var(--ice-dim)}
  .format-closing{text-align:center;padding:84px 20px 10px}.format-closing h3{font:600 clamp(34px,5vw,68px)/1.02 var(--display);letter-spacing:-.055em;max-width:980px;margin:0 auto}.format-closing p{margin-top:17px;color:var(--cyan);font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
  @media(max-width:980px){.format-head{grid-template-columns:1fr}.format-grid{grid-template-columns:repeat(2,1fr)}.format-workspace{min-height:760px}.format-canvas{min-height:700px}.fo1{left:5%;top:10%}.fo2{right:5%;top:10%}.fo3{left:5%;bottom:10%}.fo4{right:5%;bottom:10%}.fo5{top:27%;left:12%;transform:none}.fo6{bottom:27%;left:auto;right:12%;transform:none}.format-line{display:none}}
  @media(max-width:680px){.format-section{padding:100px 0 90px}.format-workspace{min-height:980px}.format-canvas{min-height:920px;padding:24px}.format-core{top:50%;width:210px;height:210px}.format-output{width:calc(50% - 30px)}.fo1{left:20px;top:24px}.fo2{right:20px;top:24px}.fo5{left:20px;top:190px}.fo6{right:20px;top:190px;bottom:auto}.fo3{left:20px;bottom:24px}.fo4{right:20px;bottom:24px}.format-demo-card{grid-template-columns:1fr;padding:25px}.format-demo-button{justify-self:start}.format-grid{grid-template-columns:1fr}.format-card{min-height:0}}


/* ==================== FASE 7 · PRIVACIDAD Y CONTROL ==================== */
.privacy-phase{position:relative;padding:150px 0 130px;isolation:isolate;overflow:hidden}
.privacy-phase:before{content:"";position:absolute;inset:3% 2%;border-radius:42px;background:radial-gradient(circle at 18% 22%,rgba(95,214,232,.14),transparent 31%),radial-gradient(circle at 82% 28%,rgba(139,111,245,.16),transparent 34%),linear-gradient(135deg,rgba(7,10,20,.18),rgba(10,13,26,.05));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.06);z-index:-1;pointer-events:none}
.privacy-head{display:grid;grid-template-columns:1.28fr .72fr;gap:36px;align-items:end;margin-bottom:54px}
.privacy-manifesto,.privacy-command,.privacy-card,.privacy-demo-card,.privacy-audit,.privacy-owner{background:linear-gradient(145deg,rgba(12,16,30,.44),rgba(8,11,22,.22));border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.privacy-manifesto{padding:28px;border-radius:28px;color:var(--ice-dim)}
.privacy-manifesto strong{display:block;color:var(--ice);font-family:var(--display);font-size:1.22rem;margin-bottom:10px}
.privacy-command{border-radius:34px;overflow:hidden;margin-bottom:34px}
.privacy-commandbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--ice-dim)}
.privacy-status{color:var(--emerald);text-shadow:0 0 20px rgba(52,211,153,.6)}
.privacy-commandbody{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px}
.privacy-owner{border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}
.owner-orbit{width:min(330px,80%);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;border:1px solid rgba(95,214,232,.30);box-shadow:0 0 70px rgba(76,141,255,.18),inset 0 0 54px rgba(139,111,245,.12)}
.owner-orbit:before,.owner-orbit:after{content:"";position:absolute;border-radius:50%;inset:11%;border:1px solid rgba(139,111,245,.34);animation:privacySpin 18s linear infinite}
.owner-orbit:after{inset:24%;border-color:rgba(52,211,153,.42);animation-direction:reverse;animation-duration:11s}
.owner-core{width:42%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.22),rgba(76,141,255,.18) 30%,rgba(8,12,26,.82) 70%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 52px rgba(76,141,255,.36)}
.owner-core b{font-family:var(--display);font-size:1.05rem;letter-spacing:.08em}.owner-core span{display:block;font-family:var(--mono);font-size:.56rem;color:var(--ice-dim);margin-top:5px}
.privacy-pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.pp1{top:4%;left:48%}.pp2{right:7%;top:48%;background:var(--emerald);box-shadow:0 0 18px var(--emerald)}.pp3{bottom:7%;left:24%;background:var(--violet);box-shadow:0 0 18px var(--violet)}
.privacy-stack{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:center}
.privacy-control{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);transition:.3s ease;position:relative;overflow:hidden}
.privacy-control:hover{transform:translateY(-4px);border-color:rgba(95,214,232,.34);box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 30px rgba(76,141,255,.10)}
.privacy-control small{font-family:var(--mono);font-size:.63rem;letter-spacing:.11em;color:var(--cyan)}
.privacy-control h4{font-family:var(--display);margin:8px 0 7px;font-size:1.02rem}.privacy-control p{color:var(--ice-dim);font-size:.83rem;line-height:1.55}
.privacy-toggle{position:absolute;top:18px;right:18px;width:36px;height:19px;border-radius:20px;background:rgba(52,211,153,.18);border:1px solid rgba(52,211,153,.34)}
.privacy-toggle:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;right:2px;top:2px;background:var(--emerald);box-shadow:0 0 12px rgba(52,211,153,.8)}
.privacy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}
.privacy-card{padding:24px;border-radius:24px;min-height:196px;transition:.3s ease}.privacy-card:hover{transform:translateY(-5px);border-color:rgba(139,111,245,.34)}
.privacy-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-style:normal;font-family:var(--mono);font-size:.68rem;background:rgba(76,141,255,.11);border:1px solid rgba(95,214,232,.22);color:var(--cyan);margin-bottom:18px}
.privacy-card h4{font-family:var(--display);font-size:1.03rem;margin-bottom:9px}.privacy-card p{font-size:.84rem;line-height:1.6;color:var(--ice-dim)}
.privacy-audit{border-radius:30px;padding:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;margin-top:30px}
.audit-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audit-node{flex:1;min-width:110px;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);text-align:center}.audit-node b{font-family:var(--display);font-size:.9rem}.audit-node span{display:block;font-family:var(--mono);font-size:.56rem;color:var(--ice-faint);margin-top:5px}.audit-arrow{color:var(--cyan)}
.privacy-demo-card{margin-top:34px;border-radius:30px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;color:inherit;transition:.35s ease;position:relative;overflow:hidden}
.privacy-demo-card:after{content:"";position:absolute;inset:auto -10% -80% 35%;height:220px;background:radial-gradient(circle,rgba(139,111,245,.24),transparent 65%);pointer-events:none}.privacy-demo-card:hover{transform:translateY(-4px);border-color:rgba(95,214,232,.34);box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 50px rgba(76,141,255,.12)}
.privacy-demo-card h3{font-family:var(--display);font-size:clamp(1.5rem,2.8vw,2.35rem);margin:8px 0 10px}.privacy-demo-card p{color:var(--ice-dim);max-width:780px;line-height:1.65}.privacy-demo-button{white-space:nowrap;padding:15px 22px;border-radius:999px;border:1px solid rgba(95,214,232,.34);background:rgba(76,141,255,.10);font-family:var(--mono);font-size:.73rem;letter-spacing:.08em;color:var(--ice);box-shadow:0 0 24px rgba(76,141,255,.14)}
.privacy-closing{text-align:center;padding-top:58px}.privacy-closing h3{font-family:var(--display);font-size:clamp(2rem,4.5vw,4.3rem);letter-spacing:-.04em}.privacy-closing p{margin-top:14px;color:var(--ice-dim);font-size:1.05rem}
@keyframes privacySpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.privacy-head,.privacy-commandbody,.privacy-audit{grid-template-columns:1fr}.privacy-owner{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:44px}.privacy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.privacy-phase{padding:100px 0}.privacy-stack,.privacy-grid{grid-template-columns:1fr}.privacy-demo-card{align-items:flex-start;flex-direction:column}.privacy-commandbar{font-size:.58rem}.owner-orbit{width:260px}.privacy-phase:before{inset:1%;border-radius:28px}}


/* ==================== FASE 8 · ECOSISTEMA COMPLETO ==================== */
.ecosystem-phase{position:relative;padding:155px 0 135px;isolation:isolate;overflow:hidden}
.ecosystem-phase:before{content:"";position:absolute;inset:2% 1.5%;border-radius:46px;background:radial-gradient(circle at 50% 40%,rgba(76,141,255,.13),transparent 28%),radial-gradient(circle at 22% 26%,rgba(139,111,245,.15),transparent 32%),radial-gradient(circle at 78% 66%,rgba(95,214,232,.12),transparent 30%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.06);z-index:-1}
.ecosystem-head{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:end;margin-bottom:54px}
.ecosystem-manifesto,.ecosystem-map,.eco-card,.ecosystem-demo-card,.eco-flow{background:linear-gradient(145deg,rgba(12,16,30,.43),rgba(8,11,22,.20));border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 86px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(23px) saturate(140%);-webkit-backdrop-filter:blur(23px) saturate(140%)}
.ecosystem-manifesto{padding:28px;border-radius:28px}.ecosystem-manifesto strong{display:block;font:600 1.2rem/1.35 var(--display);margin-bottom:10px}.ecosystem-manifesto p{color:var(--ice-dim);line-height:1.7}
.ecosystem-map{position:relative;min-height:760px;border-radius:38px;overflow:hidden;margin-bottom:34px;background:radial-gradient(circle at center,rgba(15,26,54,.44),rgba(8,10,18,.15) 54%,rgba(5,7,13,.20));}
.ecosystem-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.4px);background-size:48px 48px;opacity:.13;mask-image:radial-gradient(circle at center,#000 20%,transparent 82%)}
.eco-rings{position:absolute;inset:50% auto auto 50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(95,214,232,.16);box-shadow:0 0 100px rgba(76,141,255,.13),inset 0 0 80px rgba(139,111,245,.08)}
.eco-rings:before,.eco-rings:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(139,111,245,.18);inset:14%;animation:ecoSpin 34s linear infinite}.eco-rings:after{inset:30%;border-color:rgba(52,211,153,.17);animation-direction:reverse;animation-duration:22s}
.eco-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),rgba(76,141,255,.22) 27%,rgba(10,14,30,.84) 68%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 65px rgba(76,141,255,.38),0 0 120px rgba(139,111,245,.16);z-index:5}
.eco-core:before{content:"";position:absolute;inset:-20px;border:1px solid rgba(95,214,232,.26);border-radius:50%;animation:ecoPulse 3.4s ease-in-out infinite}.eco-core b{font:700 1.65rem/1 var(--display);letter-spacing:-.04em}.eco-core span{display:block;margin-top:10px;color:var(--cyan);font:500 .62rem/1.4 var(--mono);letter-spacing:.16em}
.eco-node{position:absolute;width:142px;padding:14px 14px 13px;border-radius:19px;border:1px solid rgba(255,255,255,.12);background:rgba(9,12,23,.39);backdrop-filter:blur(14px);text-align:left;z-index:4;transition:.35s ease;box-shadow:0 16px 44px rgba(0,0,0,.26);animation:ecoFloat 7s ease-in-out infinite}
.eco-node:hover{transform:translateY(-6px) scale(1.03);border-color:rgba(95,214,232,.42);box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 32px rgba(76,141,255,.12)}
.eco-node i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,rgba(139,111,245,.21),rgba(95,214,232,.11));border:1px solid rgba(255,255,255,.10);font:600 .6rem/1 var(--mono);font-style:normal;color:#dbe7ff;margin-bottom:10px}.eco-node b{display:block;font:600 .86rem/1.15 var(--display)}.eco-node small{display:block;color:var(--ice-faint);font:500 .56rem/1.4 var(--mono);letter-spacing:.09em;margin-top:5px}
.en1{left:5%;top:11%}.en2{left:27%;top:5%;animation-delay:-1s}.en3{right:27%;top:5%;animation-delay:-2s}.en4{right:5%;top:11%;animation-delay:-3s}.en5{left:3%;top:40%;animation-delay:-4s}.en6{right:3%;top:40%;animation-delay:-5s}.en7{left:6%;bottom:10%;animation-delay:-2.5s}.en8{left:28%;bottom:4%;animation-delay:-4.5s}.en9{right:28%;bottom:4%;animation-delay:-1.5s}.en10{right:6%;bottom:10%;animation-delay:-3.5s}.en11{left:50%;top:12%;transform:translateX(-50%);animation-delay:-2s}.en12{left:50%;bottom:10%;transform:translateX(-50%);animation-delay:-5s}
.eco-connection{position:absolute;left:50%;top:50%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(95,214,232,.65),rgba(139,111,245,.12),transparent);filter:drop-shadow(0 0 6px rgba(95,214,232,.45));z-index:2;opacity:.48}.ec1{width:43%;transform:rotate(-148deg)}.ec2{width:40%;transform:rotate(-123deg)}.ec3{width:40%;transform:rotate(-57deg)}.ec4{width:43%;transform:rotate(-32deg)}.ec5{width:47%;transform:rotate(180deg)}.ec6{width:47%;transform:rotate(0deg)}.ec7{width:43%;transform:rotate(148deg)}.ec8{width:40%;transform:rotate(123deg)}.ec9{width:40%;transform:rotate(57deg)}.ec10{width:43%;transform:rotate(32deg)}.ec11{width:35%;transform:rotate(-90deg)}.ec12{width:35%;transform:rotate(90deg)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0}.eco-card{padding:24px;border-radius:24px;min-height:190px;transition:.3s ease}.eco-card:hover{transform:translateY(-5px);border-color:rgba(95,214,232,.34)}.eco-card i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;margin-bottom:23px;background:linear-gradient(145deg,rgba(76,141,255,.18),rgba(139,111,245,.14));border:1px solid rgba(255,255,255,.11);font:600 .61rem/1 var(--mono);font-style:normal}.eco-card h4{font:600 1rem/1.25 var(--display);margin-bottom:8px}.eco-card p{font-size:.82rem;line-height:1.62;color:var(--ice-dim)}
.eco-flow{padding:36px;border-radius:30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center}.eco-flow-track{display:flex;align-items:center;gap:9px;overflow:auto;padding:10px 2px}.eco-flow-node{min-width:112px;padding:16px 12px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.035);text-align:center}.eco-flow-node b{display:block;font:600 .78rem/1.2 var(--display)}.eco-flow-node span{display:block;margin-top:6px;color:var(--cyan);font:500 .52rem/1.3 var(--mono);letter-spacing:.08em}.eco-flow-arrow{color:var(--ice-faint)}
.ecosystem-demo-card{margin-top:30px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;border-radius:30px;text-decoration:none;color:inherit;transition:.35s ease;background:linear-gradient(120deg,rgba(76,141,255,.15),rgba(8,10,18,.25) 42%,rgba(139,111,245,.13))}.ecosystem-demo-card:hover{transform:translateY(-5px);border-color:rgba(95,214,232,.38);box-shadow:0 36px 96px rgba(0,0,0,.36),0 0 52px rgba(76,141,255,.10),inset 0 1px rgba(255,255,255,.10)}.ecosystem-demo-card h3{font:600 clamp(25px,3vw,40px)/1.08 var(--display);letter-spacing:-.04em;margin:9px 0 11px}.ecosystem-demo-card p{max-width:800px;color:var(--ice-dim);line-height:1.7}.ecosystem-demo-button{white-space:nowrap;padding:16px 21px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font:600 .82rem/1 var(--display)}
.ecosystem-closing{text-align:center;padding:88px 20px 10px}.ecosystem-closing h3{font:600 clamp(36px,5.4vw,72px)/1.01 var(--display);letter-spacing:-.058em;max-width:1050px;margin:0 auto}.ecosystem-closing p{margin-top:18px;color:var(--cyan);font:500 .72rem/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}
@keyframes ecoSpin{to{transform:rotate(360deg)}}@keyframes ecoPulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.08);opacity:1}}@keyframes ecoFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1000px){.ecosystem-head,.eco-flow{grid-template-columns:1fr}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-map{min-height:980px}.eco-rings{width:460px;height:460px}.en1{left:5%;top:5%}.en2{left:35%;top:3%}.en3{right:35%;top:3%}.en4{right:5%;top:5%}.en5{left:5%;top:27%}.en6{right:5%;top:27%}.en7{left:5%;bottom:5%}.en8{left:35%;bottom:3%}.en9{right:35%;bottom:3%}.en10{right:5%;bottom:5%}.en11{top:24%}.en12{bottom:24%}.eco-connection{display:none}}
@media(max-width:680px){.ecosystem-phase{padding:105px 0 95px}.ecosystem-map{min-height:1320px}.eco-rings{width:300px;height:300px}.eco-core{width:160px;height:160px}.eco-node{width:calc(50% - 28px)}.en1{left:18px;top:20px}.en2{right:18px;left:auto;top:20px}.en3{left:18px;top:150px}.en4{right:18px;top:150px}.en5{left:18px;top:280px}.en6{right:18px;top:280px}.en11{left:18px;top:410px;transform:none}.en12{right:18px;left:auto;top:410px;bottom:auto;transform:none}.en7{left:18px;bottom:280px}.en8{right:18px;left:auto;bottom:280px}.en9{left:18px;bottom:150px}.en10{right:18px;bottom:150px}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-demo-card{grid-template-columns:1fr;padding:25px}.ecosystem-demo-button{justify-self:start}.eco-flow{padding:25px}}



/* ---------- FASE 9 · UN DÍA CON BLAKZOL ---------- */
.day-phase{position:relative;padding:120px 0 110px;overflow:hidden;isolation:isolate}
.day-phase:before{content:"";position:absolute;inset:0;z-index:-2;background:
 radial-gradient(circle at 15% 20%,rgba(95,214,232,.12),transparent 28%),
 radial-gradient(circle at 84% 42%,rgba(139,111,245,.15),transparent 30%),
 radial-gradient(circle at 55% 90%,rgba(52,211,153,.08),transparent 32%)}
.day-phase:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,6,11,.06),rgba(5,6,11,.16));pointer-events:none}
.day-head{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;margin-bottom:38px}
.day-manifesto{padding:24px 26px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(8,10,18,.28);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.2)}
.day-manifesto strong{font-family:var(--display);font-size:1.15rem}.day-manifesto p{margin-top:10px;color:var(--ice-dim);line-height:1.7}
.day-stage{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:rgba(8,10,18,.24);backdrop-filter:blur(24px);padding:28px;box-shadow:0 34px 120px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)}
.day-clock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);margin-bottom:24px}
.day-clock strong{font-family:var(--mono);font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.06em}.day-clock span{color:var(--ice-dim);font-size:.86rem;text-transform:uppercase;letter-spacing:.14em}.day-progress{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.day-progress i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 24px rgba(95,214,232,.7);animation:dayPulse 5s ease-in-out infinite alternate}@keyframes dayPulse{to{width:92%}}
.day-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative}
.day-card{position:relative;min-height:210px;padding:19px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.35s ease;overflow:hidden}
.day-card:before{content:"";position:absolute;inset:auto -25% -45% auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(76,141,255,.2),transparent 68%)}
.day-card:hover{transform:translateY(-7px);border-color:rgba(95,214,232,.32);box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 35px rgba(76,141,255,.08)}
.day-card time{font:500 .72rem var(--mono);color:var(--cyan);letter-spacing:.12em}.day-card h4{font:600 1.06rem var(--display);margin:14px 0 9px}.day-card p{color:var(--ice-dim);line-height:1.58;font-size:.88rem}.day-card b{display:inline-flex;margin-top:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;font:500 .67rem var(--mono);color:#dce7ff;background:rgba(255,255,255,.035)}
.day-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:22px}
.day-story-copy,.day-story-panel{border:1px solid rgba(255,255,255,.09);border-radius:26px;background:rgba(8,10,18,.25);backdrop-filter:blur(18px);padding:28px}
.day-story-copy h3{font:600 clamp(1.55rem,2.8vw,2.5rem) var(--display);margin:10px 0 14px}.day-story-copy p{color:var(--ice-dim);line-height:1.75}.day-story-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.day-moment{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.day-moment i{font-style:normal;font:500 .68rem var(--mono);color:var(--emerald)}.day-moment b{display:block;margin:10px 0 7px;font-family:var(--display)}.day-moment span{color:var(--ice-dim);font-size:.82rem;line-height:1.5}
.day-demo-card{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;margin-top:24px;padding:28px 30px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(95,214,232,.08),rgba(139,111,245,.08));backdrop-filter:blur(22px);text-decoration:none;color:inherit;transition:.35s ease;box-shadow:0 25px 80px rgba(0,0,0,.23)}
.day-demo-card:hover{transform:translateY(-5px);border-color:rgba(95,214,232,.38);box-shadow:0 34px 100px rgba(0,0,0,.32),0 0 40px rgba(76,141,255,.1)}.day-demo-card h3{font:600 clamp(1.4rem,2.5vw,2.1rem) var(--display);margin:8px 0}.day-demo-card p{color:var(--ice-dim);line-height:1.65}.day-demo-button{white-space:nowrap;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font:600 .82rem var(--display)}
.day-closing{text-align:center;padding:80px 20px 6px}.day-closing h3{font:600 clamp(2rem,5vw,4.5rem) var(--display);letter-spacing:-.055em;line-height:1.04}.day-closing p{margin-top:16px;color:var(--ice-dim);font-family:var(--mono);letter-spacing:.12em;font-size:.76rem;text-transform:uppercase}
@media(max-width:1100px){.day-timeline{grid-template-columns:repeat(3,1fr)}.day-head,.day-story{grid-template-columns:1fr}}
@media(max-width:700px){.day-phase{padding:88px 0}.day-stage{padding:16px}.day-timeline{grid-template-columns:1fr}.day-story-panel{grid-template-columns:1fr}.day-demo-card{grid-template-columns:1fr}.day-demo-button{justify-self:start}.day-clock{align-items:flex-start;flex-direction:column}.day-progress{width:100%}}


/* ---------- FASE 10 · ACCESO GLOBAL ---------- */
.launch-phase{position:relative;padding:128px 0 118px;overflow:hidden}
.launch-phase:before{content:"";position:absolute;inset:4% -12% auto;height:680px;background:radial-gradient(circle at 50% 42%,rgba(76,141,255,.18),transparent 34%),radial-gradient(circle at 30% 55%,rgba(139,111,245,.12),transparent 28%),radial-gradient(circle at 72% 55%,rgba(52,211,153,.08),transparent 24%);pointer-events:none}
.launch-head{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:end;margin-bottom:46px;position:relative;z-index:1}
.launch-head h2{font:600 clamp(2.65rem,6vw,6rem)/.96 var(--display);letter-spacing:-.065em;max-width:900px}
.launch-head p{max-width:740px;color:var(--ice-dim);font-size:1.04rem;line-height:1.75;margin-top:22px}
.launch-manifesto{padding:25px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.launch-manifesto strong{font:600 1.1rem var(--display)}.launch-manifesto p{font-size:.9rem;margin-top:9px;line-height:1.65}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}
.plan-card{position:relative;min-height:420px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(155deg,rgba(10,16,28,.64),rgba(9,12,22,.34));backdrop-filter:blur(22px);overflow:hidden;transition:.35s ease;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.plan-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 12%,rgba(76,141,255,.18),transparent 52%);opacity:0;transition:.35s}.plan-card:hover{transform:translateY(-7px);border-color:rgba(95,214,232,.32)}.plan-card:hover:before{opacity:1}
.plan-card.featured{border-color:rgba(95,214,232,.28);box-shadow:0 30px 110px rgba(47,111,237,.16)}
.plan-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);font:500 .67rem var(--mono);letter-spacing:.11em;color:#b9c8e6;text-transform:uppercase}
.plan-card h3{font:600 1.65rem var(--display);margin:22px 0 8px}.plan-card .plan-for{color:var(--ice-dim);font-size:.91rem;line-height:1.55;min-height:58px}.plan-card .plan-status{font:600 1.15rem var(--display);margin:20px 0 18px;color:#fff}.plan-card ul{list-style:none;display:grid;gap:11px;margin-bottom:25px}.plan-card li{color:#b6c2d8;font-size:.88rem;line-height:1.45;padding-left:19px;position:relative}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--emerald)}
.plan-action{position:absolute;left:28px;right:28px;bottom:27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#eef4ff;font:500 .83rem var(--mono);letter-spacing:.04em}.plan-action i{font-style:normal;color:var(--cyan)}
.launch-hub{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;position:relative;z-index:1}
.launch-panel{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(22px);min-height:320px;box-shadow:0 25px 80px rgba(0,0,0,.24)}
.launch-panel h3{font:600 1.7rem var(--display);margin:11px 0 12px}.launch-panel p{color:var(--ice-dim);line-height:1.7}.launch-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:23px}.launch-chip{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}.launch-chip b{display:block;font-size:.88rem}.launch-chip span{display:block;margin-top:4px;color:#8796ae;font-size:.75rem}
.launch-panel.investor{background:linear-gradient(145deg,rgba(232,185,92,.075),rgba(255,255,255,.025))}.launch-panel.investor .launch-chip b{color:#f0d08c}
.launch-entry{display:grid;grid-template-columns:1.2fr auto;gap:24px;align-items:center;margin-top:22px;padding:34px;border:1px solid rgba(95,214,232,.2);border-radius:30px;background:linear-gradient(115deg,rgba(76,141,255,.12),rgba(139,111,245,.07) 48%,rgba(52,211,153,.06));backdrop-filter:blur(24px);text-decoration:none;color:inherit;position:relative;overflow:hidden;z-index:1;box-shadow:0 30px 100px rgba(31,85,180,.14)}
.launch-entry:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(95,214,232,.2);border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 70px rgba(76,141,255,.2);transition:.45s}.launch-entry:hover:after{transform:scale(1.18)}
.launch-entry h3{font:600 clamp(1.55rem,3vw,2.7rem) var(--display);letter-spacing:-.035em;margin:10px 0}.launch-entry p{max-width:760px;color:var(--ice-dim);line-height:1.68}.launch-entry-button{position:relative;z-index:2;white-space:nowrap;padding:15px 20px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);font:500 .8rem var(--mono);letter-spacing:.04em}
.global-cta{text-align:center;padding:110px 20px 10px;position:relative;z-index:1}.global-cta h3{font:600 clamp(2.2rem,6vw,5.8rem)/.98 var(--display);letter-spacing:-.065em}.global-cta p{max-width:740px;margin:20px auto 0;color:var(--ice-dim);font-size:1rem;line-height:1.7}.global-cta .cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.global-cta a{padding:14px 19px;border-radius:15px;text-decoration:none;font:500 .8rem var(--mono)}.global-cta .primary{color:#07101f;background:linear-gradient(135deg,#eaf0ff,#8fc7ff)}.global-cta .secondary{color:#eaf0ff;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}
@media(max-width:1050px){.launch-head,.launch-hub{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:390px}}
@media(max-width:700px){.launch-phase{padding:88px 0}.launch-panel-grid{grid-template-columns:1fr}.launch-entry{grid-template-columns:1fr;padding:25px}.launch-entry-button{justify-self:start}.global-cta{padding-top:78px}}


  /* ---------- v5.1 · VISIBILITY, SPACING & MASTER SYMBOL POLISH ---------- */
  /* Slightly stronger typography only where the photographic background reduced legibility. */
  #modulos .eco-step p{
    color:rgba(225,232,248,.78);
    font-weight:500;
  }
  #modulos .modules-tail{
    color:rgba(225,232,248,.78);
    font-weight:500;
  }
  #modulos .ecosystem-flow{
    margin-bottom:58px;
  }
  #modulos .trust-item span,
  #modulos .trust-item small,
  #modulos .eco-note p{
    color:rgba(225,232,248,.80);
    font-weight:500;
  }
  #funciones .how-step p,
  #funciones .how-event p,
  #funciones .how-consent span,
  #funciones .how-principle span{
    color:rgba(225,232,248,.80);
    font-weight:500;
  }
  @media(max-width:700px){
    #modulos .ecosystem-flow{margin-bottom:44px;}
  }


/* === style-02.css === */
/* ===== BLAKZOL ENTERPRISE EDITION v3.0 ===== */
:root{--enterprise-line:rgba(255,255,255,.11);--enterprise-glass:rgba(7,10,20,.54);--enterprise-cyan:#6fe7ff;--enterprise-blue:#4c8dff;--enterprise-violet:#9b7cff;--enterprise-green:#42dca4}
body.enterprise-mode{scroll-padding-top:92px}
.phase1-nav{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.phase1-nav.enterprise-scrolled{background:rgba(4,7,14,.82)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 60px rgba(0,0,0,.32);backdrop-filter:blur(28px) saturate(140%)}
.phase1-links a{position:relative}
.phase1-links a:not(.phase1-nav-cta):after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,var(--enterprise-cyan),transparent);transform:scaleX(0);transition:transform .25s ease}
.phase1-links a.active:not(.phase1-nav-cta){color:white;background:rgba(255,255,255,.065)}
.phase1-links a.active:not(.phase1-nav-cta):after{transform:scaleX(1)}
.enterprise-section{position:relative;padding:120px 24px;isolation:isolate;overflow:hidden}
.enterprise-wrap{width:min(1240px,100%);margin:auto}
.enterprise-eyebrow{font:600 .68rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--enterprise-cyan)}
.enterprise-title{font:600 clamp(3rem,7vw,7.2rem)/.92 var(--display);letter-spacing:-.07em;margin:18px 0 22px;max-width:1080px}
.enterprise-copy{max-width:780px;color:var(--ice-dim);font-size:1.02rem;line-height:1.75}
.engine-section{background:radial-gradient(circle at 50% 44%,rgba(76,141,255,.18),transparent 34%),linear-gradient(180deg,rgba(5,7,14,.28),rgba(5,7,14,.7))}
.engine-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:24px;margin-top:54px;align-items:stretch}
.engine-stage{position:relative;min-height:690px;border:1px solid var(--enterprise-line);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));backdrop-filter:blur(26px) saturate(135%);box-shadow:0 42px 130px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);overflow:hidden}
#engineCanvas{position:absolute;inset:0;width:100%;height:100%}
.engine-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.38),rgba(76,141,255,.25) 24%,rgba(8,12,28,.94) 68%);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 75px rgba(76,141,255,.5),0 0 170px rgba(139,111,245,.25);z-index:3}
.engine-core strong{font:700 1.55rem/1 var(--display);letter-spacing:.08em}.engine-core span{display:block;margin-top:9px;color:var(--enterprise-cyan);font:600 .56rem/1.4 var(--mono);letter-spacing:.16em}
.engine-node{position:absolute;z-index:4;min-width:118px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(6,10,21,.68);backdrop-filter:blur(15px);font:600 .72rem var(--display);text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.25);transition:.3s ease}
.engine-node.live{border-color:rgba(111,231,255,.7);box-shadow:0 0 38px rgba(76,141,255,.25);transform:translateY(-4px)}
.en1{left:7%;top:12%}.en2{left:38%;top:5%}.en3{right:7%;top:12%}.en4{right:4%;top:44%}.en5{right:9%;bottom:10%}.en6{left:38%;bottom:5%}.en7{left:7%;bottom:10%}.en8{left:3%;top:44%}
.engine-panel{border:1px solid var(--enterprise-line);border-radius:34px;background:rgba(7,10,20,.52);backdrop-filter:blur(24px);padding:28px;display:flex;flex-direction:column;box-shadow:0 35px 100px rgba(0,0,0,.32)}
.engine-status{display:flex;align-items:center;gap:9px;color:var(--enterprise-green);font:600 .65rem var(--mono);letter-spacing:.12em}.engine-status i{width:9px;height:9px;border-radius:50%;background:var(--enterprise-green);box-shadow:0 0 18px var(--enterprise-green)}
.engine-panel h3{font:600 2rem/1.05 var(--display);letter-spacing:-.04em;margin:24px 0 12px}.engine-panel p{color:var(--ice-dim);line-height:1.7}
.engine-flow{display:grid;gap:10px;margin-top:24px}.engine-flow-step{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03);opacity:.45;transition:.35s}.engine-flow-step.live{opacity:1;border-color:rgba(111,231,255,.35);transform:translateX(5px)}.engine-flow-step b{font-size:.84rem}.engine-flow-step small{display:block;color:#8290a9;margin-top:5px}.engine-controls{display:flex;gap:10px;margin-top:auto;padding-top:22px}.engine-btn{flex:1;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px;background:rgba(255,255,255,.05);color:white;cursor:pointer;font:600 .69rem var(--mono)}.engine-btn.primary{background:linear-gradient(135deg,var(--enterprise-blue),var(--enterprise-violet));border:0}
.experience-hub{background:radial-gradient(circle at 15% 20%,rgba(139,111,245,.14),transparent 30%),radial-gradient(circle at 85% 70%,rgba(95,214,232,.12),transparent 28%)}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.experience-card{position:relative;min-height:270px;padding:25px;border:1px solid var(--enterprise-line);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.022));backdrop-filter:blur(24px);overflow:hidden;cursor:pointer;transition:.35s ease;color:white;text-align:left}.experience-card:hover{transform:translateY(-7px);border-color:rgba(111,231,255,.36);box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 42px rgba(76,141,255,.1)}.experience-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-130px;background:radial-gradient(circle,rgba(76,141,255,.25),transparent 68%)}.experience-index{font:600 .62rem var(--mono);letter-spacing:.15em;color:var(--enterprise-cyan)}.experience-card h3{font:600 1.55rem/1.08 var(--display);letter-spacing:-.035em;margin:48px 0 10px;max-width:260px}.experience-card p{color:var(--ice-dim);font-size:.84rem;line-height:1.6;max-width:320px}.experience-open{position:absolute;left:25px;bottom:22px;font:600 .66rem var(--mono);color:#dce8ff}
.enterprise-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,4,10,.86);backdrop-filter:blur(24px);display:none;align-items:center;justify-content:center;padding:18px}.enterprise-overlay.open{display:flex;animation:enterpriseFade .28s ease}.enterprise-shell{width:min(1500px,100%);height:min(920px,96vh);border:1px solid rgba(255,255,255,.15);border-radius:30px;background:#050812;box-shadow:0 45px 180px rgba(0,0,0,.72);overflow:hidden;display:flex;flex-direction:column}.enterprise-shellbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,10,20,.95)}.enterprise-shelltitle{font:600 .68rem var(--mono);letter-spacing:.14em;color:#b9c7df}.enterprise-close{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:white;border-radius:11px;padding:9px 12px;cursor:pointer}.enterprise-frame{width:100%;height:100%;border:0;background:#050812}
.enterprise-security-chip{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(66,220,164,.24);border-radius:999px;background:rgba(5,10,18,.72);backdrop-filter:blur(18px);font:600 .59rem var(--mono);letter-spacing:.1em;color:#bdf5dd;box-shadow:0 15px 40px rgba(0,0,0,.3)}.enterprise-security-chip i{width:8px;height:8px;border-radius:50%;background:var(--enterprise-green);box-shadow:0 0 14px var(--enterprise-green)}
@keyframes enterpriseFade{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.engine-grid{grid-template-columns:1fr}.engine-stage{min-height:640px}.experience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.enterprise-section{padding:90px 16px}.experience-grid{grid-template-columns:1fr}.engine-stage{min-height:720px}.engine-core{width:155px;height:155px}.engine-node{min-width:94px;padding:10px;font-size:.62rem}.en1{left:4%;top:8%}.en2{left:50%;top:3%;transform:translateX(-50%)}.en3{right:4%;top:8%}.en4{right:2%;top:42%}.en5{right:4%;bottom:8%}.en6{left:50%;bottom:3%;transform:translateX(-50%)}.en7{left:4%;bottom:8%}.en8{left:2%;top:42%}.enterprise-security-chip{display:none}}


/* === style-03.css === */
/* v3.1 — Native experiences, stable layout, no iframes */
.engine-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:stretch}
.engine-stage{min-height:700px;isolation:isolate}
.engine-stage:after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(95,214,232,.08),transparent 64%);pointer-events:none}
.engine-core{width:190px;height:190px;z-index:8}
.engine-node{width:128px;min-width:0;white-space:normal;line-height:1.2;z-index:7}
.en1{left:7%;top:13%}.en2{left:50%;top:7%;transform:translateX(-50%)}.en3{right:7%;top:13%}.en4{right:5%;top:50%;transform:translateY(-50%)}.en5{right:9%;bottom:10%}.en6{left:50%;bottom:7%;transform:translateX(-50%)}.en7{left:9%;bottom:10%}.en8{left:5%;top:50%;transform:translateY(-50%)}
.engine-node.live{transform:translateY(-5px) scale(1.03)}
.en2.live,.en6.live{transform:translateX(-50%) translateY(-5px) scale(1.03)}
.en4.live,.en8.live{transform:translateY(-50%) translateX(0) scale(1.03)}
.engine-panel{min-width:0;overflow:hidden}.engine-flow-step{transform:none}.engine-flow-step.live{transform:translateX(4px)}
.enterprise-overlay{display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;padding:20px}
.enterprise-overlay.open{opacity:1;visibility:visible;pointer-events:auto;display:flex}
.enterprise-shell{height:min(900px,94vh);transform:translateY(18px) scale(.985);opacity:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease;background:linear-gradient(145deg,rgba(8,12,24,.98),rgba(4,7,15,.99))}
.enterprise-overlay.open .enterprise-shell{transform:none;opacity:1}
.enterprise-shellbar{height:68px;flex:0 0 auto}.enterprise-shelltitle{font-size:.74rem;max-width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enterprise-close{transition:.25s ease}.enterprise-close:hover{border-color:rgba(95,214,232,.45);box-shadow:0 0 28px rgba(76,141,255,.15);transform:translateY(-1px)}
.enterprise-native{flex:1;overflow:auto;position:relative;background:radial-gradient(circle at 20% 0,rgba(76,141,255,.16),transparent 34%),radial-gradient(circle at 85% 20%,rgba(139,111,245,.14),transparent 28%),#050812}
.native-view{display:none;min-height:100%;padding:34px}.native-view.active{display:block;animation:nativeIn .35s ease}
.native-hero{text-align:center;max-width:900px;margin:10px auto 34px}.native-ey{font:600 .66rem var(--mono);letter-spacing:.15em;color:var(--enterprise-cyan);text-transform:uppercase}.native-hero h2{font:600 clamp(2.2rem,5vw,5rem)/.96 var(--display);letter-spacing:-.055em;margin:14px 0}.native-hero p{color:var(--ice-dim);line-height:1.7}
.native-grid{display:grid;grid-template-columns:280px 1fr;gap:18px;max-width:1180px;margin:auto}.native-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.035);backdrop-filter:blur(20px);padding:22px}.native-menu{display:grid;gap:9px}.native-menu button,.native-action{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:white;border-radius:14px;padding:13px;text-align:left;cursor:pointer;transition:.25s}.native-menu button:hover,.native-menu button.active,.native-action:hover{border-color:rgba(95,214,232,.4);background:rgba(76,141,255,.1);transform:translateY(-1px)}
.native-main h3{font:600 2rem var(--display);margin:0 0 12px}.native-main p{color:var(--ice-dim);line-height:1.65}.native-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:22px}.native-step{min-height:120px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.03);padding:16px;opacity:.45;transition:.35s}.native-step.live{opacity:1;border-color:rgba(95,214,232,.38);box-shadow:0 0 30px rgba(76,141,255,.1);transform:translateY(-3px)}.native-step small{display:block;color:var(--enterprise-cyan);font:600 .62rem var(--mono);margin-bottom:10px}.native-step b{display:block;margin-bottom:7px}.native-step span{color:var(--ice-dim);font-size:.8rem;line-height:1.45}
.native-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.native-primary{border:0;background:linear-gradient(135deg,var(--enterprise-blue),var(--enterprise-violet));color:white;border-radius:13px;padding:12px 16px;font-weight:700;cursor:pointer}.native-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:white;border-radius:13px;padding:12px 16px;cursor:pointer}.native-log{margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:15px;background:#050913;color:#aef3d4;font:500 .72rem/1.7 var(--mono);min-height:105px;white-space:pre-wrap}.native-output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.native-output{border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:17px;background:rgba(255,255,255,.03)}.native-output.ready{border-color:rgba(52,211,153,.35)}.native-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.native-tabs button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:white;padding:10px 13px;border-radius:12px;cursor:pointer}.native-tabs button.active{border-color:rgba(95,214,232,.45);background:rgba(76,141,255,.12)}
.native-form{display:grid;gap:12px}.native-form input,.native-form textarea,.native-form select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:white;padding:12px}.native-success{display:none;margin-top:12px;color:#baf5d9}.native-success.show{display:block}
@keyframes nativeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.engine-grid{grid-template-columns:1fr}.engine-panel{min-height:470px}.native-grid{grid-template-columns:1fr}.native-flow{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.engine-stage{min-height:660px}.engine-node{width:102px;font-size:.62rem}.engine-core{width:145px;height:145px}.native-view{padding:22px 14px}.native-flow,.native-output-grid{grid-template-columns:1fr}.enterprise-shell{height:96vh}.enterprise-shelltitle{max-width:calc(100% - 105px)}.enterprise-close{padding:8px 10px}.en1{left:3%;top:10%}.en2{top:3%}.en3{right:3%;top:10%}.en4{right:1%}.en5{right:3%;bottom:8%}.en6{bottom:3%}.en7{left:3%;bottom:8%}.en8{left:1%}}


/* === style-04.css === */
/* BLAKZOL Enterprise Edition v5.3.1 — exact same blue for line and text */
:root { --section-heading-blue: #4c8dff; }

/* Force every section eyebrow label to use the exact same solid blue as its leading line. */
.eyebrow,
.eyebrow *,
section .eyebrow,
.enterprise-mode .eyebrow {
  color: #4c8dff !important;
  -webkit-text-fill-color: #4c8dff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 0 12px rgba(76,141,255,.34), 0 1px 8px rgba(0,0,0,.55) !important;
}
.eyebrow::before,
section .eyebrow::before,
.enterprise-mode .eyebrow::before {
  background-color: #4c8dff !important;
  background-image: none !important;
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(76,141,255,.46) !important;
}


/* === style-05.css === */
.enterprise-original-frame{scrollbar-width:none!important;-ms-overflow-style:none!important;background:transparent!important}
.enterprise-original-frame::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}
.enterprise-shell,.enterprise-native{scrollbar-width:none!important;-ms-overflow-style:none!important}
.enterprise-shell::-webkit-scrollbar,.enterprise-native::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}


/* === style-06.css === */
/* BLAKZOL Enterprise Edition v5.6 — Living Ecosystem Correction */
:root{--v56-cyan:#5fd6e8;--v56-blue:#4c8dff;--v56-violet:#8b6ff5;--v56-emerald:#34d399}

/* 1. Navigation: isolate CTA arrow and prevent the active underline from crossing its label. */
.phase1-nav-cta{position:relative!important;display:inline-flex!important;align-items:center!important;gap:.42rem!important;overflow:hidden!important;text-decoration:none!important;padding-right:16px!important}
.phase1-nav-cta::after{content:"→"!important;position:static!important;display:inline-block!important;width:auto!important;height:auto!important;background:none!important;transform:none!important;transition:transform .25s ease!important;line-height:1!important}
.phase1-nav-cta:hover::after,.phase1-nav-cta.is-active::after{transform:translateX(3px)!important}
.phase1-nav-cta::before{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,var(--v56-cyan),transparent);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;pointer-events:none}
.phase1-nav-cta:hover::before,.phase1-nav-cta.is-active::before{transform:scaleX(1)}
.phase1-links a.is-active:not(.phase1-nav-cta){color:#fff;background:rgba(255,255,255,.065)}
.phase1-links a.is-active:not(.phase1-nav-cta)::after{transform:scaleX(1)}

/* 2. Timeline: preserve alignment at desktop and tablet widths. */
.day-clock{display:grid!important;grid-template-columns:minmax(290px,auto) minmax(180px,1fr) auto!important;align-items:center!important;column-gap:22px!important}
.day-clock>div:first-child{display:flex;align-items:baseline;gap:18px;white-space:nowrap}
.day-clock>div:first-child span{flex:0 0 auto}
.day-clock strong{display:block;white-space:nowrap;line-height:1!important}
.day-progress{width:100%;min-width:0;position:relative;overflow:hidden}
.day-progress::after{content:"";position:absolute;top:50%;left:-12%;width:14%;height:12px;transform:translateY(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.92),rgba(95,214,232,.58) 35%,transparent 70%);filter:blur(2px);animation:v56TimelinePulse 4.2s linear infinite}
@keyframes v56TimelinePulse{to{left:102%}}
@media(max-width:900px){.day-clock{grid-template-columns:1fr!important}.day-clock>div:first-child{justify-content:space-between;width:100%}.day-clock>span:last-child{justify-self:start}}
@media(max-width:560px){.day-clock>div:first-child{display:block}.day-clock strong{margin-top:8px}}

/* 3. Ecosystem flow: no native horizontal scrollbar on desktop; graceful wrap on narrow screens. */
.eco-flow{overflow:hidden}
.eco-flow-track{overflow:visible!important;display:grid!important;grid-template-columns:repeat(9,max-content)!important;justify-content:center!important;max-width:100%!important;scrollbar-width:none}
.eco-flow-track::-webkit-scrollbar{display:none}
.eco-flow-node{min-width:102px!important}
@media(max-width:980px){.eco-flow-track{display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:14px}.eco-flow-node{scroll-snap-align:start}}

/* 4. Format Studio: stable composition without card collisions. */
.format-canvas{min-height:590px!important}
.format-core{top:50%!important;width:220px!important;height:220px!important}
.format-output{width:158px!important;min-height:128px;animation:v56FormatFloat 7s ease-in-out infinite!important;will-change:transform}
.fo1{left:6%!important;top:18%!important}.fo2{right:6%!important;top:18%!important}
.fo3{left:4%!important;bottom:10%!important}.fo4{right:4%!important;bottom:10%!important}
.fo5{left:50%!important;top:6%!important;bottom:auto!important;transform:translateX(-50%)!important}
.fo6{left:50%!important;bottom:3%!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}
@keyframes v56FormatFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1100px) and (min-width:681px){.format-workspace{min-height:760px}.format-canvas{min-height:700px!important}.format-line{display:none}.format-core{top:50%!important}.fo1{left:5%!important;top:8%!important}.fo2{right:5%!important;top:8%!important}.fo3{left:5%!important;bottom:8%!important}.fo4{right:5%!important;bottom:8%!important}.fo5{left:10%!important;top:32%!important;transform:none!important}.fo6{right:10%!important;left:auto!important;top:32%!important;bottom:auto!important;transform:none!important}}
@media(max-width:680px){.format-output{width:calc(50% - 30px)!important;min-height:150px}.format-core{width:190px!important;height:190px!important}.fo1{left:20px!important;top:24px!important}.fo2{right:20px!important;top:24px!important}.fo5{left:20px!important;top:205px!important;transform:none!important}.fo6{right:20px!important;left:auto!important;top:205px!important;bottom:auto!important;transform:none!important}.fo3{left:20px!important;bottom:24px!important}.fo4{right:20px!important;bottom:24px!important}}

/* 5. Wallet: clearer live market graph with premium depth. */
.phase1-wallet{overflow:hidden;position:relative}
.phase1-wallet::before{content:"";position:absolute;inset:auto -15% -45% 25%;height:72%;background:radial-gradient(circle,rgba(76,141,255,.22),transparent 66%);filter:blur(18px);pointer-events:none}
.phase1-wallet small{color:var(--v56-emerald)!important;font-weight:700}
.phase1-chart{position:relative!important;height:86px!important;margin-top:12px!important;background:none!important;clip-path:none!important;border:0!important;overflow:hidden!important}
.phase1-chart svg{width:100%;height:100%;display:block;overflow:visible}
.phase1-chart .wallet-area{filter:drop-shadow(0 8px 18px rgba(76,141,255,.25))}
.phase1-chart .wallet-line{filter:drop-shadow(0 0 7px rgba(95,214,232,.75));stroke-dasharray:700;stroke-dashoffset:700;animation:v56DrawChart 2.1s cubic-bezier(.22,.8,.24,1) forwards}
.phase1-chart .wallet-dot{filter:drop-shadow(0 0 7px rgba(95,214,232,.9));animation:v56DotPulse 2s ease-in-out infinite}
@keyframes v56DrawChart{to{stroke-dashoffset:0}}@keyframes v56DotPulse{50%{r:4.7;opacity:.65}}

/* 6. Premium card illumination: light must enter the card, not only its border. */
.mcard,.module-card,.feature-card,.privacy-control,.format-card,.experience-card,.guardian-card,.eco-card{position:relative;overflow:hidden;isolation:isolate}
.mcard::after,.module-card::after,.feature-card::after,.privacy-control::after,.format-card::after,.experience-card::after,.guardian-card::after,.eco-card::after{content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(95,214,232,.20),rgba(139,111,245,.10) 24%,transparent 54%);opacity:.18;transform:scale(.82);transition:opacity .35s ease,transform .45s ease}
.mcard:hover::after,.mcard:focus-visible::after,.mcard.v56-lit::after,.module-card:hover::after,.feature-card:hover::after,.privacy-control:hover::after,.format-card:hover::after,.experience-card:hover::after,.guardian-card:hover::after,.eco-card:hover::after{opacity:.92;transform:scale(1)}

/* 7. Interactive premium switches. */
.privacy-control{cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.privacy-control:hover{transform:translateY(-3px);border-color:rgba(95,214,232,.34);box-shadow:0 22px 55px rgba(0,0,0,.25),0 0 34px rgba(95,214,232,.08),inset 0 1px rgba(255,255,255,.10)}
.privacy-toggle{width:40px!important;height:22px!important;background:rgba(44,57,78,.9)!important;border-color:rgba(154,169,198,.32)!important;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.privacy-toggle::after{width:16px!important;height:16px!important;left:2px!important;right:auto!important;top:2px!important;background:#8d9ab0!important;box-shadow:0 1px 5px rgba(0,0,0,.45)!important;transition:transform .32s cubic-bezier(.2,.9,.2,1),background .3s ease,box-shadow .3s ease!important}
.privacy-control.is-on .privacy-toggle{background:linear-gradient(90deg,rgba(52,211,153,.42),rgba(95,214,232,.33))!important;border-color:rgba(52,211,153,.62)!important;box-shadow:0 0 18px rgba(52,211,153,.26),inset 0 0 12px rgba(52,211,153,.20)!important}
.privacy-control.is-on .privacy-toggle::after{transform:translateX(18px);background:#59f0bc!important;box-shadow:0 0 13px rgba(52,211,153,.95)!important}
.privacy-control.is-on{background:linear-gradient(145deg,rgba(18,49,52,.30),rgba(12,16,30,.40))!important}
.privacy-control.v56-wave::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 16%,rgba(52,211,153,.42),transparent 38%);animation:v56SwitchWave .7s ease-out forwards;pointer-events:none}
@keyframes v56SwitchWave{from{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.4)}}

/* 8. Intelligence Engine: breathing core, orbital particles and energy path. */
.engine-stage{isolation:isolate;overflow:hidden}
.engine-core{animation:v56CoreBreath 4.4s ease-in-out infinite!important;box-shadow:0 0 0 1px rgba(95,214,232,.24),0 0 48px rgba(76,141,255,.32),0 24px 65px rgba(0,0,0,.42),inset 0 0 34px rgba(95,214,232,.10)!important}
.engine-core::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(95,214,232,.30);opacity:.45;animation:v56CoreRing 3.2s ease-out infinite}
@keyframes v56CoreBreath{0%,100%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.16)}}
@keyframes v56CoreRing{0%{transform:scale(.82);opacity:.58}100%{transform:scale(1.35);opacity:0}}
.v56-orbit-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--v56-cyan);box-shadow:0 0 12px var(--v56-cyan);left:50%;top:50%;z-index:4;pointer-events:none;animation:v56Orbit var(--dur,8s) linear infinite;transform-origin:0 0}
.v56-orbit-particle:nth-of-type(2){background:var(--v56-violet);box-shadow:0 0 12px var(--v56-violet)}
.v56-orbit-particle:nth-of-type(3){background:var(--v56-emerald);box-shadow:0 0 12px var(--v56-emerald)}
@keyframes v56Orbit{from{transform:rotate(var(--start,0deg)) translateX(var(--radius,170px)) rotate(calc(-1 * var(--start,0deg)))}to{transform:rotate(calc(var(--start,0deg) + 360deg)) translateX(var(--radius,170px)) rotate(calc(-1 * (var(--start,0deg) + 360deg)))}}
.engine-node{transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease!important}
.engine-node.v56-active{transform:translateY(-4px) scale(1.04)!important;border-color:rgba(95,214,232,.62)!important;background:rgba(20,38,60,.72)!important;box-shadow:0 0 28px rgba(95,214,232,.24),inset 0 0 22px rgba(95,214,232,.08)!important}

/* 9. Buttons: controlled light sweep. */
.phase1-primary,.phase1-secondary,.engine-btn,.format-demo-button,.guardian-demo-button,.day-demo-button{position:relative;overflow:hidden;isolation:isolate}
.phase1-primary::after,.phase1-secondary::after,.engine-btn::after,.format-demo-button::after,.guardian-demo-button::after,.day-demo-button::after{content:"";position:absolute;inset:-40% auto -40% -55%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .58s ease;pointer-events:none}
.phase1-primary:hover::after,.phase1-secondary:hover::after,.engine-btn:hover::after,.format-demo-button:hover::after,.guardian-demo-button:hover::after,.day-demo-button:hover::after{left:120%}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){.day-progress::after,.engine-core,.engine-core::after,.v56-orbit-particle,.phase1-chart .wallet-line,.phase1-chart .wallet-dot{animation:none!important}.format-output{animation:none!important}}


/* === style-07.css === */
/* BLAKZOL v5.7 — consolidated corrections from mobile + desktop review */
/* 1) Clock: normal zero, balanced alignment, no dotted/slashed-zero artifact. */
.day-clock>div:first-child{display:flex;align-items:center;gap:28px;min-width:0}
.day-clock strong{font-family:Inter,Arial,sans-serif!important;font-feature-settings:"zero" 0,"ss01" 0!important;font-variant-numeric:tabular-nums lining-nums!important;letter-spacing:.015em!important;white-space:nowrap}
.day-clock>span:last-child{font-weight:700!important;letter-spacing:.12em}

/* 2) Privacy nucleus: visible living point inside the core. */
.owner-core{position:relative;overflow:visible}
.owner-core:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:19%;right:18%;background:#6fe7ff;box-shadow:0 0 8px #6fe7ff,0 0 22px rgba(111,231,255,.95),0 0 42px rgba(76,141,255,.65);animation:v57CorePoint 2.2s ease-in-out infinite;z-index:4}
.owner-core:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(111,231,255,.18);animation:v57CoreBreath 3.5s ease-in-out infinite;pointer-events:none}
@keyframes v57CorePoint{0%,100%{transform:scale(.8);opacity:.68}50%{transform:scale(1.35);opacity:1}}
@keyframes v57CoreBreath{0%,100%{transform:scale(.96);opacity:.25}50%{transform:scale(1.08);opacity:.72}}

/* 3) Intelligence Engine: geometrically centered nucleus + internal live point. */
.engine-core{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;position:absolute!important}
.engine-core:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;top:22%;right:22%;background:#6fe7ff;box-shadow:0 0 9px #6fe7ff,0 0 25px rgba(111,231,255,.9);animation:v57CorePoint 2s ease-in-out infinite;z-index:5}

/* 4) Format Studio: stable desktop and mobile composition, no overlaps. */
.format-output{font-size:.94rem!important}
.format-output h4{font-size:13px!important;font-weight:750!important;line-height:1.18!important}
.format-output p{font-size:10.5px!important;font-weight:560!important;line-height:1.38!important}
@media(min-width:681px){
 .format-canvas{min-height:590px!important}
 .format-core{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
 .fo1{left:6%!important;top:18%!important}.fo2{right:6%!important;top:18%!important}
 .fo3{left:4%!important;bottom:12%!important}.fo4{right:4%!important;bottom:12%!important}
 .fo5{left:50%!important;top:7%!important;transform:translateX(-50%)!important}
 .fo6{left:50%!important;bottom:5%!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}
}
@media(max-width:680px){
 .format-workspace{min-height:0!important;overflow:hidden!important}
 .format-canvas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;min-height:0!important;padding:22px 16px 28px!important;align-items:stretch!important}
 .format-line{display:none!important}
 .format-core,.format-output{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;animation:none!important}
 .format-core{grid-column:1/-1!important;grid-row:1!important;width:min(210px,64vw)!important;height:min(210px,64vw)!important;margin:4px auto 12px!important}
 .format-output{width:auto!important;min-height:0!important;padding:15px!important;display:flex!important;flex-direction:column!important}
 .format-output small{font-size:8px!important}.format-output h4{font-size:13px!important}.format-output p{font-size:11px!important;line-height:1.42!important}
 .fo1{grid-column:1;grid-row:2}.fo2{grid-column:2;grid-row:2}.fo3{grid-column:1;grid-row:3}.fo4{grid-column:2;grid-row:3}.fo5{grid-column:1;grid-row:4}.fo6{grid-column:2;grid-row:4}
 .format-topbar{padding-inline:14px!important}.format-project-name,.format-status{font-size:8px!important;letter-spacing:.1em!important}
}

/* 5) AI section: remove dead vertical void and make the closing principle substantial. */
.ai-grid{align-items:start!important}
.ai-core{min-height:0!important;height:auto!important;padding-bottom:22px!important}
.ai-orbit{min-height:470px!important}
.ai-principle{min-height:96px!important;padding:24px 30px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(90deg,rgba(8,12,27,.82),rgba(17,20,42,.72),rgba(8,12,27,.82))!important}
.ai-principle strong{font-size:1.18rem!important;font-weight:800!important;letter-spacing:-.015em!important;color:#f4f7ff!important}
.ai-principle span{font-size:.92rem!important;font-weight:650!important;color:#aebbd2!important}
@media(max-width:980px){.ai-orbit{min-height:430px!important}}
@media(max-width:640px){.ai-orbit{min-height:400px!important}.ai-principle strong{font-size:1.02rem!important}.ai-principle span{font-size:.82rem!important}}

/* 6) Footer/access microcopy: larger and more legible. */
.footer-meta,.footer-version,.mono-line,.launch-phase .fine,.launch-phase [class*="meta"]{font-size:.76rem!important;font-weight:750!important;letter-spacing:.09em!important;color:#bdc8dc!important;text-shadow:0 2px 12px rgba(0,0,0,.75)!important}

/* 7) Wallet: green, market-like area chart. */
.phase1-chart{height:112px!important;margin-top:10px!important;border-bottom:2px solid rgba(53,224,143,.8)!important}
.phase1-chart svg{filter:drop-shadow(0 8px 16px rgba(30,210,120,.16))}
.phase1-chart .wallet-line{stroke:#29d17f!important;stroke-width:3.2!important;filter:drop-shadow(0 0 5px rgba(41,209,127,.7))}
.phase1-chart .wallet-dot{fill:#78f0b4!important;filter:drop-shadow(0 0 6px #29d17f)}

@media(prefers-reduced-motion:reduce){.owner-core:before,.owner-core:after,.engine-core:before{animation:none!important}}


/* === style-08.css === */
/* BLAKZOL v5.8 — desktop overlap, hierarchy and navigation polish */
@media (min-width: 681px){
  /* One Project: preserve a clear central safety zone on desktop. */
  .format-canvas{
    min-height:620px!important;
    overflow:hidden!important;
  }
  .format-core{
    left:50%!important;
    top:52%!important;
    width:205px!important;
    height:205px!important;
    transform:translate(-50%,-50%)!important;
    z-index:3!important;
  }
  .format-output{
    width:150px!important;
    min-height:0!important;
    padding:14px 15px!important;
    z-index:4!important;
  }
  .format-output h4{
    font-size:15px!important;
    line-height:1.22!important;
    font-weight:700!important;
    margin:0 0 7px!important;
  }
  .format-output p{
    font-size:12px!important;
    line-height:1.46!important;
    font-weight:500!important;
    color:rgba(218,226,243,.76)!important;
    margin:0!important;
  }
  .format-output small{
    font-size:8px!important;
    margin-bottom:7px!important;
  }
  .fo1{left:6%!important;top:17%!important}
  .fo2{right:6%!important;top:17%!important}
  .fo3{left:4%!important;bottom:10%!important}
  .fo4{right:4%!important;bottom:10%!important}
  .fo5{left:50%!important;top:4%!important;bottom:auto!important;transform:translateX(-50%)!important}
  .fo6{left:50%!important;bottom:2%!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}

  /* Navigation glow must sit below the label, never through its glyphs. */
  .phase1-links a{
    position:relative!important;
    padding-top:12px!important;
    padding-bottom:13px!important;
    line-height:1.15!important;
    overflow:visible!important;
  }
  .phase1-links a:not(.phase1-nav-cta)::after{
    bottom:3px!important;
    height:1px!important;
    transform-origin:center!important;
  }
  .phase1-nav-cta::before{
    bottom:3px!important;
    height:1px!important;
  }
}

/* Final access and footer microcopy: visibly stronger without becoming headline-sized. */
.final .fine{
  font-size:clamp(.76rem,1vw,.9rem)!important;
  line-height:1.5!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  color:rgba(225,232,248,.88)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.5)!important;
}
footer > div > p:first-child{
  font-size:clamp(.92rem,1.2vw,1.08rem)!important;
  line-height:1.45!important;
  font-weight:700!important;
  color:rgba(225,232,248,.9)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.48)!important;
}
footer .enterprise-footer-nav + p,
footer p:last-child{
  font-size:.76rem!important;
  line-height:1.5!important;
  font-weight:700!important;
  color:rgba(201,214,239,.78)!important;
  letter-spacing:.05em!important;
}


/* === style-09.css === */
/* v5.9 — final consistency, responsive and Wallet corrections */
.ui-icon{display:inline-grid;place-items:center;line-height:0}
.phase1-menu-btn svg,.ui-icon svg,.phase1-dash-actions svg{display:block}
.phase1-dash-actions span{color:#dce7ff;transition:.25s ease}
.phase1-dash-actions span:hover{color:#69e4ff;border-color:rgba(105,228,255,.48);background:rgba(76,141,255,.12)}

/* Consistent capability icon system — no OS emoji rendering. */
.capability__icon{position:relative;display:grid;place-items:center;width:42px;height:42px;color:#9a77ff}
.capability__icon::before,.capability__icon::after{content:"";display:block;box-sizing:border-box}
.capability__icon[data-icon="modules"]::before{width:24px;height:14px;border:2px solid currentColor;transform:skewX(-18deg);border-radius:2px}
.capability__icon[data-icon="ai"]::before{width:18px;height:18px;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.capability__icon[data-icon="privacy"]::before{width:22px;height:22px;border:2px solid currentColor;box-shadow:inset 0 0 0 4px rgba(154,119,255,.18)}
.capability__icon[data-icon="sync"]::before{width:22px;height:22px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%}
.capability__icon[data-icon="sync"]::after{position:absolute;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(15deg);top:8px;right:7px}
.capability__icon[data-icon="focus"]::before{width:22px;height:22px;border:2px solid currentColor;border-radius:6px}
.capability__icon[data-icon="focus"]::after{position:absolute;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.capability__icon[data-icon="evolution"]::before{width:21px;height:21px;border:2px solid currentColor;transform:rotate(45deg)}

/* Desktop nav underline stays below text and never crosses glyphs. */
@media (min-width:721px){
  .phase1-links a{overflow:visible!important}
  .phase1-links a::after{bottom:-9px!important;height:2px!important;left:10px!important;right:10px!important;top:auto!important;transform-origin:center!important}
  .phase1-nav-cta::before{bottom:-9px!important;top:auto!important;height:2px!important}
}

/* Format Studio — collision-free desktop constellation. */
@media (min-width:1101px){
  .format-workspace{min-height:820px!important}
  .format-canvas{min-height:760px!important;padding:42px!important}
  .format-core{top:50%!important;width:192px!important;height:192px!important;z-index:5!important}
  .format-core b{font-size:23px!important}
  .format-output{width:145px!important;min-height:118px!important;padding:16px!important;z-index:6!important;animation:none!important}
  .format-output h4{font-size:13px!important;line-height:1.16!important;margin:7px 0!important}
  .format-output p{font-size:15px!important;line-height:1.42!important;color:#aeb8cc!important;font-weight:500!important}
  .fo1{left:6%!important;top:18%!important}.fo2{right:6%!important;top:18%!important}
  .fo3{left:4%!important;bottom:10%!important}.fo4{right:4%!important;bottom:10%!important}
  .fo5{left:50%!important;top:4%!important;bottom:auto!important;transform:translateX(-50%)!important}
  .fo6{left:50%!important;bottom:3%!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}
}

/* Mobile day header: all content remains inside the card. */
@media (max-width:700px){
  .day-stage{padding:14px!important}
  .day-clock{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:22px 18px!important;overflow:hidden!important}
  .day-clock>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;width:100%!important;white-space:normal!important}
  .day-clock strong{font-size:clamp(2rem,10.5vw,3rem)!important;letter-spacing:-.045em!important;max-width:100%!important;white-space:nowrap!important}
  .day-clock>span:last-child{font-size:.86rem!important;letter-spacing:.12em!important;white-space:normal!important}
  .day-progress{width:100%!important}
}

/* Wallet: premium market-style green chart. */
.phase1-wallet{overflow:hidden!important}
.phase1-chart{height:178px!important;margin-top:12px!important;background:none!important;clip-path:none!important;border:0!important;position:relative!important}
.phase1-chart svg{display:block;width:100%;height:100%;overflow:visible}
.wallet-market-line{stroke-dasharray:1500;stroke-dashoffset:1500;animation:v59WalletDraw 2.6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes v59WalletDraw{to{stroke-dashoffset:0}}
.phase1-wallet-ranges{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:12px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,7,18,.46)}
.phase1-wallet-ranges button{border:0;border-radius:10px;background:transparent;color:#dfe7f7;font:600 11px var(--display);padding:8px 4px;cursor:pointer}
.phase1-wallet-ranges button.is-active{color:#45e5a0;background:rgba(52,211,153,.14);box-shadow:inset 0 0 0 1px rgba(52,211,153,.28)}
@media(max-width:720px){.phase1-chart{height:154px!important}.phase1-wallet-ranges button{font-size:10px;padding:7px 2px}}

/* Stronger small footer/access copy previously marked by user. */
.launch-micro,.phase1-tagline,.footer-meta,.footer-tagline{font-weight:700!important;color:#c6d1e8!important;text-shadow:0 1px 12px rgba(0,0,0,.7)}

@media(prefers-reduced-motion:reduce){.wallet-market-line{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}}


/* === style-10.css === */
.phase1-chart{
  min-height:clamp(175px,24vw,245px)!important;
  overflow:visible!important;
}
.phase1-chart svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.phase1-chart .wallet-line{
  shape-rendering:geometricPrecision;
}
.phase1-quick-item .v59-line-icon svg{
  width:30px!important;
  height:30px!important;
  overflow:visible;
}
.phase1-quick-item:has(.v59-line-icon) .v59-line-icon{
  display:grid!important;
  place-items:center!important;
}
@media(max-width:720px){
  .phase1-chart{
    min-height:190px!important;
    margin-top:8px!important;
  }
  .phase1-chart svg{
    height:190px!important;
  }
}


/* === style-11.css === */
/* Wallet: the same SVG and proportions on every viewport. */
.phase1-wallet{
  min-width:0!important;
}
.phase1-chart{
  display:block!important;
  width:100%!important;
  height:clamp(190px,24vw,280px)!important;
  min-height:190px!important;
  margin-top:12px!important;
  overflow:hidden!important;
  background:none!important;
  clip-path:none!important;
  border:0!important;
}
.phase1-chart svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  overflow:hidden!important;
}
.phase1-chart .wallet-line{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:none!important;
}

/* Equal six-column time selector with true centering. */
.phase1-wallet-ranges{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;
  width:100%!important;
  gap:4px!important;
  padding:5px!important;
}
.phase1-wallet-ranges button{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Security icon: force the shield/check in the static document and after JS enhancement. */
.phase1-quick-item .v61-security-icon,
.phase1-quick-item .v59-line-icon{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  margin:0 auto 8px!important;
  color:#d7ad49!important;
}
.phase1-quick-item .v61-security-icon svg,
.phase1-quick-item .v59-line-icon svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
}

/* Notes card: fill the desktop column with useful, structured content. */
.phase1-note{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  min-height:100%!important;
}
.v61-note-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.v61-note-head h4{margin:0!important}
.v61-note-head span{
  color:#d9b75a;
  font:600 9px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid rgba(217,183,90,.24);
  background:rgba(217,183,90,.08);
  border-radius:999px;
  padding:5px 8px;
}
.v61-note-list{
  display:grid;
  gap:9px;
  flex:1;
}
.v61-note-item{
  position:relative;
  display:grid;
  gap:4px;
  padding:12px 13px 12px 16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  overflow:hidden;
}
.v61-note-item::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,#d9b75a,#8b6ff5);
  opacity:.78;
}
.v61-note-item small{
  color:#d9b75a!important;
  font:600 8px var(--mono)!important;
  letter-spacing:.1em;
}
.v61-note-item b{
  color:#eef3ff;
  font:600 13px var(--display);
}
.v61-note-item span{
  color:#9eabc1;
  font:500 10px/1.45 var(--body);
}
.v61-note-item.is-priority{
  background:linear-gradient(135deg,rgba(217,183,90,.1),rgba(139,111,245,.035));
}

/* Prevent mobile timeline header clipping. */
@media(max-width:720px){
  .phase1-chart{
    height:220px!important;
    min-height:220px!important;
  }
  .phase1-wallet-ranges{
    gap:2px!important;
    padding:4px!important;
  }
  .phase1-wallet-ranges button{
    font-size:10px!important;
    padding:8px 1px!important;
  }
  .phase1-quick-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .phase1-quick-item:last-child{
    grid-column:auto!important;
  }
  .v61-note-item{
    padding:11px 12px 11px 15px;
  }
  .day-progress,
  .day-progress__inner,
  .day-progress-bar{
    min-width:0!important;
    max-width:100%!important;
  }
  .day-progress__inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .day-progress-time{
    font-size:clamp(36px,11vw,58px)!important;
    white-space:nowrap!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}


/* === style-12.css === */
/* -------- Mobile day timeline: guaranteed fit -------- */
.day-clock__main{
  min-width:0;
}
.day-clock__time{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:clamp(8px,1.8vw,22px)!important;
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.day-clock__time b{
  min-width:0;
  font:inherit;
  font-weight:700;
  text-align:center;
}
.day-clock__time em{
  font-style:normal;
  font-weight:500;
  line-height:1;
  text-align:center;
}
.day-clock__status{
  white-space:nowrap;
}

/* -------- AI telemetry: fills the former dead area with useful information -------- */
.ai-telemetry{
  position:relative;
  z-index:2;
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(95,214,232,.16);
  border-radius:17px;
  background:
    radial-gradient(circle at 15% 50%,rgba(76,141,255,.11),transparent 32%),
    linear-gradient(135deg,rgba(12,17,31,.76),rgba(7,10,20,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.045);
}
.ai-telemetry__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.ai-telemetry__head small{
  display:block;
  color:var(--cyan);
  font:500 8px var(--mono);
  letter-spacing:.13em;
  margin-bottom:5px;
}
.ai-telemetry__head strong{
  display:block;
  color:#edf3ff;
  font:600 14px var(--display);
}
.ai-telemetry__head>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--emerald);
  font:600 8px var(--mono);
  letter-spacing:.1em;
  white-space:nowrap;
}
.ai-telemetry__head>span i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--emerald);
  box-shadow:0 0 13px rgba(52,211,153,.85);
}
.ai-telemetry__flow{
  display:grid;
  grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;
  align-items:center;
  gap:7px;
}
.ai-telemetry__flow>div{
  min-width:0;
  padding:12px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background:rgba(255,255,255,.026);
}
.ai-telemetry__flow>div b{
  display:block;
  color:var(--gold);
  font:600 8px var(--mono);
  margin-bottom:6px;
}
.ai-telemetry__flow>div span{
  display:block;
  color:#edf3ff;
  font:600 11px var(--display);
  margin-bottom:4px;
}
.ai-telemetry__flow>div small{
  display:block;
  color:var(--ice-faint);
  font:500 8px/1.35 var(--body);
}
.ai-telemetry__flow>i{
  height:1px;
  position:relative;
  background:linear-gradient(90deg,rgba(95,214,232,.2),rgba(95,214,232,.8));
  box-shadow:0 0 9px rgba(95,214,232,.25);
}
.ai-telemetry__flow>i::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:5px;
  height:5px;
  border-top:1px solid var(--cyan);
  border-right:1px solid var(--cyan);
  transform:translateY(-50%) rotate(45deg);
}

/* Keep both AI columns visually balanced. */
@media(min-width:1021px){
  .ai-core{
    display:flex!important;
    flex-direction:column!important;
  }
  .ai-telemetry{
    margin-top:auto!important;
  }
}

@media(max-width:700px){
  .day-clock{
    padding:20px 14px!important;
    gap:15px!important;
  }
  .day-clock__main{
    width:100%!important;
  }
  .day-clock__main>span{
    display:block!important;
    font-size:clamp(.72rem,3.2vw,.92rem)!important;
    letter-spacing:.15em!important;
    margin-bottom:14px!important;
  }
  .day-clock__time{
    font-size:clamp(2rem,8.7vw,2.65rem)!important;
    letter-spacing:-.055em!important;
    column-gap:clamp(7px,2.5vw,14px)!important;
  }
  .day-clock__time b:first-child{text-align:right}
  .day-clock__time b:last-child{text-align:left}
  .day-clock__time em{
    font-size:.72em!important;
    transform:translateY(-1px);
  }
  .day-clock__status{
    display:block!important;
    font-size:clamp(.72rem,3vw,.88rem)!important;
    letter-spacing:.13em!important;
    white-space:normal!important;
  }
  .ai-telemetry{
    padding:15px;
  }
  .ai-telemetry__head{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .ai-telemetry__flow{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .ai-telemetry__flow>i{
    width:1px;
    height:14px;
    justify-self:center;
    background:linear-gradient(180deg,rgba(95,214,232,.2),rgba(95,214,232,.8));
  }
  .ai-telemetry__flow>i::after{
    right:auto;
    left:50%;
    top:auto;
    bottom:-1px;
    transform:translateX(-50%) rotate(135deg);
  }
}

@media(max-width:390px){
  .day-clock__time{
    font-size:clamp(1.82rem,8.35vw,2.25rem)!important;
    column-gap:6px!important;
  }
}

/* -------- Tablet day-clock spacing correction (v1.1.3) --------
   Keeps the outer clock bar and navigation unchanged. Only the time group
   is made slightly smaller and laid out as intrinsic-width columns so the
   arrow cannot overlap either time value on portrait tablets. */
@media (min-width:701px) and (max-width:1180px){
  .day-clock__time{
    grid-template-columns:max-content max-content max-content!important;
    justify-content:center!important;
    width:auto!important;
    font-size:clamp(1.9rem,3.55vw,2.5rem)!important;
    letter-spacing:-.045em!important;
    column-gap:clamp(10px,1.35vw,16px)!important;
  }
  .day-clock__time b{
    text-align:center!important;
  }
  .day-clock__time em{
    display:inline-block!important;
    font-size:.72em!important;
    margin-inline:2px!important;
    transform:translateY(-1px)!important;
  }
}


/* === style-13.css === */
@media (min-width:1021px){
  .ai-telemetry{
    margin-top:24px !important;
  }
}
@media (max-width:1020px){
  .ai-telemetry{
    margin-top:16px !important;
  }
}


/* === style-14.css === */
/* v6.3.0 — Premium icon normalization, AI-flow alignment, transparent scrollbar */
:root{scrollbar-color:rgba(95,214,232,.34) transparent}
html,body{scrollbar-color:rgba(95,214,232,.34) transparent}
::-webkit-scrollbar{width:10px;height:10px;background:transparent}
::-webkit-scrollbar-track{background:transparent!important}
::-webkit-scrollbar-corner{background:transparent!important}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(95,214,232,.30),rgba(76,141,255,.24));
  border:3px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(95,214,232,.48),rgba(76,141,255,.40));
  border:2px solid transparent;
  background-clip:padding-box;
}

.bz-icon-slot{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  line-height:0!important;
}
.bz-premium-icon{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.24)) drop-shadow(0 0 8px rgba(76,141,255,.12));
  transform:translateZ(0);
}

/* Accesso rápido: one optical box for all five icons */
.phase1-quick-item .bz-icon-slot{
  width:48px!important;
  height:48px!important;
  margin:0 auto 8px!important;
  color:inherit!important;
}
.phase1-quick-item .bz-premium-icon{width:46px!important;height:46px!important}
.phase1-quick-item{
  display:flex!important;
  min-height:112px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Capability strip: consistent visual mass despite different silhouettes */
.capability__icon.bz-icon-slot{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  color:inherit!important;
  text-shadow:none!important;
}
.capability__icon.bz-icon-slot::before,
.capability__icon.bz-icon-slot::after{display:none!important}
.capability__icon .bz-premium-icon{width:52px!important;height:52px!important}

/* Security cards */
.guardian-card .bz-guardian-icon{
  display:grid!important;
  place-items:center!important;
  width:62px!important;
  height:62px!important;
  margin:0 0 18px!important;
  padding:0!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 36% 28%,rgba(95,214,232,.13),rgba(76,141,255,.055) 55%,transparent 76%)!important;
  border:1px solid rgba(95,214,232,.18)!important;
  overflow:visible!important;
}
.guardian-card .bz-guardian-icon .bz-premium-icon{
  width:58px!important;
  height:58px!important;
}

/* Desktop AI authorization flow: equal columns, centered endpoints and connectors */
@media (min-width:901px){
  #ia .flow{
    display:grid!important;
    grid-template-columns:minmax(118px,1fr) 36px minmax(118px,1fr) 36px minmax(118px,1fr) 36px minmax(118px,1fr) 36px minmax(118px,1fr) 36px minmax(150px,1.12fr)!important;
    align-items:start!important;
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:10px 0 20px!important;
    overflow:visible!important;
    column-gap:0!important;
  }
  #ia .flow__node{
    width:auto!important;
    min-width:0!important;
    text-align:center!important;
  }
  #ia .flow__arrow{
    width:100%!important;
    top:20px!important;
    align-self:start!important;
  }
  #ia .flow__node p{
    max-width:150px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:900px){
  #ia .flow{
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  #ia .flow::-webkit-scrollbar{display:none}
}
@media (max-width:720px){
  .phase1-quick-item .bz-icon-slot{width:44px!important;height:44px!important}
  .phase1-quick-item .bz-premium-icon{width:42px!important;height:42px!important}
  .capability__icon.bz-icon-slot{width:48px!important;height:48px!important;flex-basis:48px!important}
  .capability__icon .bz-premium-icon{width:46px!important;height:46px!important}
  .guardian-card .bz-guardian-icon{width:56px!important;height:56px!important}
  .guardian-card .bz-guardian-icon .bz-premium-icon{width:52px!important;height:52px!important}
}


/* === style-15.css === */
/* Keep premium Quick Access imagery visible; legacy line-icon script must not override it. */
.phase1-quick-item .bz-icon-slot{
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  margin:0 auto 10px!important;
}
.phase1-quick-item .bz-icon-slot .bz-premium-icon{
  display:block!important;
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
}
.phase1-quick-item .bz-icon-slot.v59-line-icon svg,
.phase1-quick-item .bz-icon-slot.v61-security-icon svg{display:none!important}

/* Eight-card security system: identical vertical rhythm and optical icon boxes. */
.guardian-grid{align-items:stretch!important}
.guardian-card.bz-guardian-equalized{
  display:flex!important;
  flex-direction:column!important;
  min-height:250px!important;
  height:100%!important;
}
.guardian-card.bz-guardian-equalized .bz-guardian-icon{
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  margin-bottom:18px!important;
}
.guardian-card.bz-guardian-equalized h4{
  min-height:38px!important;
  display:flex!important;
  align-items:flex-start!important;
  margin-bottom:8px!important;
}
.guardian-card.bz-guardian-equalized p{
  flex:1 1 auto!important;
  margin:0!important;
}
@media(min-width:1051px){
  .guardian-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1050px) and (min-width:681px){
  .guardian-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .guardian-card.bz-guardian-equalized{
    min-height:0!important;
    padding:26px 24px!important;
  }
  .guardian-card.bz-guardian-equalized h4{min-height:0!important}
}

/* Mobile AI authorization timeline: all six steps remain centered and visible. */
@media(max-width:900px){
  #ia .flow{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 18px!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:12px 4px 22px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #ia .flow__node{
    width:auto!important;
    min-width:0!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  #ia .flow__arrow{display:none!important}
  #ia .flow__node .dot{margin:0 auto 10px!important}
  #ia .flow__node p{
    width:100%!important;
    max-width:160px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
}
@media(max-width:430px){
  #ia .flow{gap:20px 10px!important}
  #ia .flow__node p{font-size:12px!important;max-width:135px!important}
  .phase1-quick-item .bz-icon-slot{width:50px!important;height:50px!important}
  .phase1-quick-item .bz-icon-slot .bz-premium-icon{width:48px!important;height:48px!important}
}


/* === style-16.css === */
/* Quick Access: improve text hierarchy without changing the approved icon scale. */
.phase1-quick-title,
.phase1-quick h3,
.phase1-quick-access h3{
  font-size:clamp(16px,1.18vw,20px)!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
  font-weight:650!important;
}
.phase1-quick-item{
  font-size:clamp(12px,.88vw,14px)!important;
  line-height:1.3!important;
  font-weight:500!important;
}
.phase1-quick-item .bz-icon-slot{
  margin-bottom:12px!important;
}

/* Security cards: one clean 4 × 2 grid on desktop. */
@media(min-width:1051px){
  .guardian-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
.guardian-grid > .guardian-card{
  min-width:0!important;
}

/* Experiences 01–06: lighter opening/closing response. */
.experience-card{
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease!important;
}
.enterprise-overlay{
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  will-change:opacity!important;
}
.enterprise-overlay.open{
  animation:enterpriseFade .16s ease-out!important;
}
.enterprise-shell{
  will-change:transform,opacity!important;
  transform:translateZ(0)!important;
}
.enterprise-close{
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}

@media(max-width:680px){
  .phase1-quick-title,
  .phase1-quick h3,
  .phase1-quick-access h3{
    font-size:18px!important;
  }
  .phase1-quick-item{
    font-size:13px!important;
  }
}


/* === style-17.css === */
/* v6.4.1: bilingual UI isolated from the original typography/layout */
.bz-language{
  position:relative;display:inline-flex;align-items:center;flex:0 0 auto;
  margin-left:12px;z-index:2147483000;font-family:var(--body,inherit);
}
.bz-language__button{
  height:38px;min-width:76px;padding:0 12px;display:flex;align-items:center;
  justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.13);
  border-radius:12px;color:#eaf0ff;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(76,141,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.18);
  font:600 12px/1 var(--body,inherit);letter-spacing:.06em;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:.18s ease;
}
.bz-language__button:hover,.bz-language.is-open .bz-language__button{
  border-color:rgba(95,214,232,.38);
  background:linear-gradient(145deg,rgba(95,214,232,.11),rgba(76,141,255,.08));
}
.bz-language__globe{font-size:17px;color:#5fd6e8;line-height:1}
.bz-language__chevron{opacity:.7;font-size:13px;transition:transform .18s ease}
.bz-language.is-open .bz-language__chevron{transform:rotate(180deg)}
.bz-language__menu{
  position:absolute;right:0;top:calc(100% + 9px);width:164px;padding:7px;
  border-radius:14px;border:1px solid rgba(255,255,255,.13);
  background:rgba(7,10,19,.98);backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-5px) scale(.98);transform-origin:top right;transition:.16s ease;
}
.bz-language.is-open .bz-language__menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);
}
.bz-language__menu button{
  width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:0;
  border-radius:10px;color:#aab4cc;background:transparent;
  font:500 13px/1.2 var(--body,inherit);cursor:pointer;text-align:left;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.bz-language__menu button span{
  display:grid;place-items:center;width:30px;height:24px;border-radius:7px;
  border:1px solid rgba(255,255,255,.11);color:#5fd6e8;
  font:600 10px/1 var(--mono,monospace);
}
.bz-language__menu button:hover,.bz-language__menu button[aria-selected="true"]{
  color:#fff;background:rgba(76,141,255,.12);
}
@media(max-width:1050px){
  .bz-language{position:absolute;right:68px;top:50%;transform:translateY(-50%);margin:0}
  .bz-language__button{height:40px;min-width:68px;padding:0 10px}
}
@media(max-width:620px){
  .bz-language{right:58px}
  .bz-language__button{height:38px;min-width:62px;padding:0 9px}
  .bz-language__globe{display:none}
  .bz-language__menu{position:fixed;top:74px;right:14px;width:156px;z-index:2147483647}
}
/* Guarantee that language helper nodes never alter inherited design metrics. */
.bz-language, .bz-language *{box-sizing:border-box}


/* === style-18.css === */
@media (max-width: 620px){
  .bz-language__menu{
    max-height:180px;
    overflow:auto;
    overscroll-behavior:contain;
  }
}


/* === style-19.css === */
/* 1. AI container: fill the marked vertical space and align both columns. */
#ia-integrada .ai-grid{align-items:stretch!important}
#ia-integrada .ai-core{height:100%!important;min-height:620px!important;padding-bottom:34px!important}
#ia-integrada .ai-orbit{min-height:455px!important}
@media(max-width:980px){
  #ia-integrada .ai-core{min-height:auto!important}
  #ia-integrada .ai-orbit{min-height:430px!important}
}

/* 2. Eight module buttons: stronger luminous hover, without the dark drop shadow. */
#modulesGrid .mcard{
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065)!important;
  transition:background .24s cubic-bezier(.22,.75,.18,1),border-color .24s ease,filter .24s ease!important;
}
#modulesGrid .mcard::before{
  content:""!important;position:absolute!important;inset:-35% -55%!important;height:auto!important;
  background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.06) 43%,rgba(95,214,232,.28) 50%,rgba(255,255,255,.08) 57%,transparent 66%)!important;
  opacity:0!important;transform:translateX(-42%)!important;transition:opacity .22s ease,transform .55s cubic-bezier(.22,.75,.18,1)!important;
  pointer-events:none!important;z-index:0!important;
}
#modulesGrid .mcard:hover::before,#modulesGrid .mcard:focus-visible::before{
  opacity:1!important;transform:translateX(38%)!important;
}
#modulesGrid .mcard:hover,#modulesGrid .mcard:focus-visible{
  transform:none!important;
  filter:brightness(1.13) saturate(1.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 34px rgba(95,214,232,.11),0 0 22px rgba(95,214,232,.13)!important;
}
#modulesGrid .mcard.g-emerald:hover{border-color:rgba(52,211,153,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 34px rgba(52,211,153,.12),0 0 22px rgba(52,211,153,.14)!important}
#modulesGrid .mcard.g-violet:hover{border-color:rgba(139,111,245,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 34px rgba(139,111,245,.13),0 0 22px rgba(139,111,245,.14)!important}
#modulesGrid .mcard>*{position:relative;z-index:1}

/* 3. Simulation access cards: unified radius and premium mirror sweep. */
.experience-card{
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065)!important;
  transition:background .24s cubic-bezier(.22,.75,.18,1),border-color .24s ease,filter .24s ease!important;
}
.experience-card::before{
  content:""!important;position:absolute!important;inset:-45% -70%!important;width:auto!important;height:auto!important;border-radius:inherit!important;
  right:auto!important;bottom:auto!important;
  background:linear-gradient(112deg,transparent 36%,rgba(255,255,255,.07) 44%,rgba(95,214,232,.31) 50%,rgba(255,255,255,.10) 56%,transparent 64%)!important;
  opacity:0!important;transform:translateX(-42%)!important;transition:opacity .20s ease,transform .58s cubic-bezier(.22,.75,.18,1)!important;
  pointer-events:none!important;z-index:0!important;
}
.experience-card:hover::before,.experience-card:focus-visible::before{opacity:1!important;transform:translateX(42%)!important}
.experience-card:hover,.experience-card:focus-visible{
  transform:none!important;filter:brightness(1.12) saturate(1.1)!important;
  border-color:rgba(95,214,232,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 0 38px rgba(95,214,232,.10),0 0 24px rgba(95,214,232,.13)!important;
}
.experience-card>*{position:relative;z-index:1}

/* Keep opening/closing fluid. */
.enterprise-overlay,.enterprise-shell,.enterprise-original-frame{will-change:opacity,transform}
.enterprise-overlay{transition:opacity .18s ease!important}
.enterprise-shell{transition:transform .20s cubic-bezier(.22,.75,.18,1),opacity .18s ease!important}


/* === style-20.css === */
/* Hide development-style interaction labels while preserving click behavior. */
#modulesGrid .mcard > span:last-child,
#modulesGrid .mcard .tap,
#modulesGrid .mcard [class*="tap"]{
  display:none!important;
}

/* Keep only the moving light line in the header: no active box or dark shadow. */
.phase1-links a.active,
.phase1-links a.is-active,
.phase1-links a[aria-current="page"]{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.phase1-links a.active::before,
.phase1-links a.is-active::before,
.phase1-links a[aria-current="page"]::before{
  background:transparent!important;
  box-shadow:none!important;
}
.phase1-links a::after{
  box-shadow:0 0 10px rgba(95,214,232,.50)!important;
}

/* Simulation shell actions: stable, aligned and never overlapping iframe controls. */
.enterprise-shellbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.enterprise-shell-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.enterprise-sim-lang{
  display:flex;
  gap:3px;
  padding:4px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:rgba(7,11,23,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.enterprise-sim-lang button{
  min-width:42px;
  height:32px;
  border:0;
  border-radius:8px;
  color:#8f9bb3;
  background:transparent;
  font:700 11px/1 var(--body,system-ui);
  letter-spacing:.08em;
  cursor:pointer;
}
.enterprise-sim-lang button[aria-pressed="true"]{
  color:#fff;
  background:linear-gradient(135deg,rgba(76,141,255,.28),rgba(95,214,232,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 16px rgba(95,214,232,.12);
}

/* Extra room for the two simulation layouts marked by the user. */
.enterprise-original-frame{
  min-height:calc(100vh - 112px)!important;
}
@media(max-width:720px){
  .enterprise-shell-actions{gap:6px}
  .enterprise-sim-lang button{min-width:36px;height:30px}
  .enterprise-close{padding-inline:12px!important}
}


/* === style-21.css === */
.bz-language__menu .bz-language__option{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer}.bz-language__menu .bz-language__option span{font-weight:800}.bz-language__menu .bz-language__option[aria-selected="true"]{opacity:.72}


/* === style-22.css === */
/* Final candidate: horizontal process readability and touch-device performance */
.eco-flow-track,.native-flow{scrollbar-width:thin;scrollbar-color:rgba(95,214,232,.55) rgba(255,255,255,.05);}
.eco-flow-track{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;cursor:grab;padding-bottom:16px;}
.eco-flow-track:active{cursor:grabbing}.eco-flow-node{scroll-snap-align:start;flex:0 0 auto}.eco-flow-arrow{flex:0 0 auto}
@media (max-width:1100px){.native-flow{display:flex;overflow-x:auto;gap:12px;padding:4px 2px 16px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.native-step{min-width:min(260px,72vw);scroll-snap-align:start;flex:0 0 auto}}
@media (hover:none) and (pointer:coarse){
  .glass,.native-card,.module-card,.feature-card,.experience-card,.privacy-control,.format-card,.guardian-card,.eco-card{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 14px 38px rgba(0,0,0,.20)!important}
  *{animation-duration:.45s!important;animation-iteration-count:1!important}
}


/* === style-23.css === */
.bz-language__menu{display:none!important}
.bz-language__button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}


/* === style-24.css === */
/* v3.2 — scoped positioning, brighter backgrounds, exact original simulations */

/* Preserve the photographic background instead of covering it with a dark veil. */
.engine-section{
  background:
    radial-gradient(circle at 50% 44%,rgba(76,141,255,.075),transparent 38%),
    linear-gradient(180deg,rgba(5,7,14,.035),rgba(5,7,14,.12)) !important;
}
.engine-stage{
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)) !important;
  backdrop-filter:blur(11px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(11px) saturate(112%) !important;
}
.engine-panel{
  background:linear-gradient(145deg,rgba(7,10,20,.40),rgba(7,10,20,.26)) !important;
}
.ecosystem-phase:before{background:transparent !important;box-shadow:none !important}
.ecosystem-map{
  background:
    radial-gradient(circle at center,rgba(18,33,74,.23),rgba(8,10,18,.035) 58%,rgba(5,7,13,.02)) !important;
  backdrop-filter:blur(9px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(9px) saturate(112%) !important;
}

/* Scope all coordinates so the Ecosystem Universe and Intelligence Engine cannot overwrite each other. */
.ecosystem-map .eco-node{
  inset:auto;
  width:112px;
  height:112px;
  padding:11px;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ecosystem-map .eco-node i{width:27px;height:27px;margin-bottom:8px}
.ecosystem-map .en1{left:5%;top:10%}
.ecosystem-map .en2{left:27%;top:5%}
.ecosystem-map .en3{right:27%;top:5%}
.ecosystem-map .en4{right:5%;top:10%}
.ecosystem-map .en5{left:4%;top:42%}
.ecosystem-map .en6{right:4%;top:42%}
.ecosystem-map .en7{left:7%;bottom:9%}
.ecosystem-map .en8{left:29%;bottom:5%}
.ecosystem-map .en9{right:29%;bottom:5%}
.ecosystem-map .en10{right:7%;bottom:9%}
.ecosystem-map .en11{left:50%;top:11%;transform:translateX(-50%)}
.ecosystem-map .en12{left:50%;bottom:9%;transform:translateX(-50%)}

.engine-stage .engine-node{
  inset:auto;
  width:110px;
  height:72px;
  min-width:0;
  padding:10px;
  border-radius:18px;
  display:grid;
  place-items:center;
  line-height:1.15;
}
.engine-stage .en1{left:6%;top:13%}
.engine-stage .en2{left:50%;top:7%;transform:translateX(-50%)}
.engine-stage .en3{right:6%;top:13%}
.engine-stage .en4{right:4%;top:50%;transform:translateY(-50%)}
.engine-stage .en5{right:8%;bottom:10%}
.engine-stage .en6{left:50%;bottom:7%;transform:translateX(-50%)}
.engine-stage .en7{left:8%;bottom:10%}
.engine-stage .en8{left:4%;top:50%;transform:translateY(-50%)}
.engine-stage .en2.live,.engine-stage .en6.live{transform:translateX(-50%) translateY(-5px) scale(1.03)}
.engine-stage .en4.live,.engine-stage .en8.live{transform:translateY(-50%) scale(1.03)}

/* The original uploaded demonstrations are rendered intact inside the integrated shell. */
.enterprise-native{padding:0 !important;overflow:hidden !important;background:#030611}
.enterprise-original-frame{
  width:100%;
  height:100%;
  display:block;
  border:0;
  background:#030611;
}
.enterprise-shell{height:min(940px,96vh) !important}
.enterprise-shellbar{
  background:rgba(5,8,17,.88) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.enterprise-overlay{background:rgba(1,3,8,.42) !important;backdrop-filter:blur(8px) !important}

/* Keep section headings visible below the sticky header. */
#intelligence-engine,#ecosistema-completo,#experiencias{scroll-margin-top:105px}
.engine-section .enterprise-wrap{padding-top:18px}

@media(max-width:1000px){
  .ecosystem-map .eco-node{width:104px;height:104px}
  .ecosystem-map .en1{left:4%;top:5%}.ecosystem-map .en2{left:34%;top:3%}
  .ecosystem-map .en3{right:34%;top:3%}.ecosystem-map .en4{right:4%;top:5%}
  .ecosystem-map .en5{left:4%;top:27%}.ecosystem-map .en6{right:4%;top:27%}
  .ecosystem-map .en7{left:4%;bottom:5%}.ecosystem-map .en8{left:34%;bottom:3%}
  .ecosystem-map .en9{right:34%;bottom:3%}.ecosystem-map .en10{right:4%;bottom:5%}
  .ecosystem-map .en11{top:24%}.ecosystem-map .en12{bottom:24%}
}
@media(max-width:720px){
  .engine-stage .engine-node{width:92px;height:64px;font-size:.6rem}
  .enterprise-overlay{padding:6px !important}
  .enterprise-shell{height:98vh !important;border-radius:20px !important}
}


/* === style-25.css === */
:root{
  --motion-fast:160ms;
  --motion-normal:230ms;
  --motion-slow:320ms;
  --motion-ease:cubic-bezier(.22,.75,.18,1);
}

/* Lighter motion throughout the public experience. */
.phase1-links a,
.phase1-menu-btn,
.phase1-btn,
.experience-card,
.guardian-card,
.format-card,
.privacy-card,
.eco-card,
.day-card,
.plan-card,
.enterprise-close,
.engine-btn{
  transition-duration:var(--motion-normal)!important;
  transition-timing-function:var(--motion-ease)!important;
}
.enterprise-overlay,
.enterprise-shell{
  transition-duration:var(--motion-slow)!important;
  transition-timing-function:var(--motion-ease)!important;
}
.reveal{
  transition-duration:420ms!important;
}

/* Preserve and reveal the photographic background. */
.bg-photo{
  background-image:
    linear-gradient(180deg,
      rgba(5,6,11,.46) 0%,
      rgba(5,6,11,.18) 26%,
      rgba(5,6,11,.28) 67%,
      rgba(5,6,11,.58) 100%),
    url("../assets/images/image-001-f7b7ba643796164c.webp")!important;
}
.guardian-section::before,
.format-section::before,
.privacy-phase::before,
.ecosystem-phase::before,
.day-phase::after,
.launch-phase::before{
  opacity:.62!important;
}
.guardian-stage,
.format-workspace,
.privacy-manifesto,
.privacy-command,
.privacy-card,
.privacy-demo-card,
.privacy-audit,
.privacy-owner,
.ecosystem-manifesto,
.ecosystem-map,
.eco-card,
.ecosystem-demo-card,
.eco-flow,
.day-manifesto,
.day-stage,
.plan-card,
.launch-manifesto{
  backdrop-filter:blur(12px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%)!important;
}

/* Whole-card luminous response, preserving each family color. */
.experience-card,
.guardian-card,
.format-card,
.privacy-card,
.eco-card,
.day-card,
.plan-card{
  isolation:isolate;
  overflow:hidden;
}
.experience-card::after,
.guardian-card::after,
.format-card::after,
.privacy-card::after,
.eco-card::after,
.day-card::after,
.plan-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  opacity:0;
  pointer-events:none;
  transition:opacity var(--motion-normal) var(--motion-ease);
}
.experience-card:nth-child(6n+1)::after,
.guardian-card:nth-child(4n+1)::after,
.eco-card:nth-child(4n+1)::after{
  background:radial-gradient(circle at 70% 25%,rgba(95,214,232,.26),transparent 58%);
}
.experience-card:nth-child(6n+2)::after,
.format-card:nth-child(4n+1)::after,
.plan-card:nth-child(3n+1)::after{
  background:radial-gradient(circle at 70% 25%,rgba(139,111,245,.27),transparent 58%);
}
.experience-card:nth-child(6n+3)::after,
.privacy-card:nth-child(4n+1)::after,
.plan-card:nth-child(3n+2)::after{
  background:radial-gradient(circle at 70% 25%,rgba(76,141,255,.26),transparent 58%);
}
.experience-card:nth-child(6n+4)::after,
.eco-card:nth-child(4n+2)::after,
.day-card:nth-child(4n+1)::after{
  background:radial-gradient(circle at 70% 25%,rgba(52,211,153,.23),transparent 58%);
}
.experience-card:nth-child(6n+5)::after,
.guardian-card:nth-child(4n+2)::after,
.day-card:nth-child(4n+2)::after{
  background:radial-gradient(circle at 70% 25%,rgba(232,185,92,.23),transparent 58%);
}
.experience-card:nth-child(6n+6)::after,
.format-card:nth-child(4n+2)::after,
.plan-card:nth-child(3n+3)::after{
  background:radial-gradient(circle at 70% 25%,rgba(95,214,232,.23),transparent 58%);
}
.experience-card:hover::after,
.experience-card:focus-visible::after,
.guardian-card:hover::after,
.guardian-card:focus-within::after,
.format-card:hover::after,
.format-card:focus-within::after,
.privacy-card:hover::after,
.privacy-card:focus-within::after,
.eco-card:hover::after,
.eco-card:focus-within::after,
.day-card:hover::after,
.day-card:focus-within::after,
.plan-card:hover::after,
.plan-card:focus-within::after{
  opacity:1;
}
@media (hover:none){
  .experience-card:active::after,
  .guardian-card:active::after,
  .format-card:active::after,
  .privacy-card:active::after,
  .eco-card:active::after,
  .day-card:active::after,
  .plan-card:active::after{opacity:1}
}

/* Reliable touch targets. */
button,[role="button"],a{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
[data-experience]{
  pointer-events:auto!important;
  cursor:pointer;
}

/* Mobile navigation drawer. */
@media(max-width:720px){
  .phase1-nav{z-index:10020!important}
  .phase1-menu-btn{
    display:grid!important;
    place-items:center;
    position:relative;
    z-index:10022;
    cursor:pointer;
    touch-action:manipulation;
  }
  .phase1-links{
    display:flex!important;
    position:fixed;
    top:78px;
    left:12px;
    right:12px;
    z-index:10021;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:14px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(5,8,18,.96),rgba(12,14,28,.91));
    box-shadow:0 28px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(22px) saturate(130%);
    -webkit-backdrop-filter:blur(22px) saturate(130%);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px) scale(.985);
    pointer-events:none;
    transition:
      opacity var(--motion-normal) var(--motion-ease),
      transform var(--motion-normal) var(--motion-ease),
      visibility 0s linear var(--motion-normal)!important;
  }
  .phase1-links.is-open{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    transition-delay:0s!important;
  }
  .phase1-links a,
  .phase1-links a:not(.phase1-cta){
    display:block!important;
    width:100%;
    padding:13px 15px;
    border-radius:13px;
    font-size:.85rem;
  }
  .phase1-links a:hover,
  .phase1-links a:focus-visible{
    background:rgba(255,255,255,.065);
  }
  body.menu-open::after{
    content:"";
    position:fixed;
    inset:78px 0 0;
    z-index:10019;
    background:rgba(1,3,9,.30);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
}

/* Mobile: remove absolute-position collisions from the Ecosystem Universe. */
@media(max-width:720px){
  .ecosystem-map{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(106px,auto);
    gap:12px;
    min-height:0!important;
    padding:350px 14px 18px!important;
    overflow:visible!important;
  }
  .ecosystem-map .eco-rings,
  .ecosystem-map .eco-core{
    position:absolute!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .ecosystem-map .eco-rings{top:28px!important}
  .ecosystem-map .eco-core{top:98px!important}
  .ecosystem-map .eco-node{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    min-height:106px!important;
    margin:0!important;
  }
  .ecosystem-map .eco-connection{display:none!important}
}

/* Mobile: stack the Intelligence Engine instead of compressing orbital nodes. */
@media(max-width:720px){
  .engine-grid{grid-template-columns:1fr!important}
  .engine-stage{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(70px,auto);
    gap:10px;
    min-height:0!important;
    padding:315px 12px 14px!important;
    overflow:hidden;
  }
  .engine-stage canvas{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:300px!important;
  }
  .engine-stage .engine-core{
    position:absolute!important;
    left:50%!important;
    top:78px!important;
    transform:translateX(-50%)!important;
  }
  .engine-stage .engine-node{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    min-height:70px!important;
  }
  .engine-stage .engine-node.live{transform:translateY(-3px) scale(1.015)!important}
  .engine-panel{margin-top:14px}
}

/* Faster, app-like integrated simulation shell. */
.enterprise-overlay{
  background:rgba(1,3,8,.28)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.enterprise-overlay.open .enterprise-shell{
  animation:blakzolShellIn var(--motion-slow) var(--motion-ease) both!important;
}
@keyframes blakzolShellIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:none}
}
.enterprise-shellbar{
  min-height:56px;
}
.enterprise-original-frame{
  touch-action:auto;
}
@media(max-width:720px){
  .enterprise-overlay{
    padding:0!important;
    align-items:stretch!important;
  }
  .enterprise-shell{
    width:100%!important;
    height:100dvh!important;
    max-height:none!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .enterprise-shellbar{
    position:sticky!important;
    top:0;
    z-index:4;
    padding:10px 12px!important;
  }
  .enterprise-shelltitle{
    max-width:68%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .enterprise-close{
    min-width:92px;
    min-height:42px;
  }
  .enterprise-native{height:calc(100dvh - 62px)!important}
  .enterprise-original-frame{height:100%!important}
}

/* Typographic and spacing polish. */
.section-head h2,
.enterprise-title{
  text-wrap:balance;
}
.section-head p,
.enterprise-copy{
  text-wrap:pretty;
}
@media(max-width:720px){
  .guardian-section,
  .format-section,
  .privacy-phase,
  .ecosystem-phase,
  .day-phase,
  .launch-phase{
    padding-top:88px!important;
    padding-bottom:82px!important;
  }
  .guardian-head,
  .format-head,
  .privacy-head,
  .ecosystem-head,
  .day-head,
  .launch-head{
    gap:20px!important;
    margin-bottom:28px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


/* === style-26.css === */
/* Exact approved background supplied by the owner. */
.bg-photo{
  background-image:
    linear-gradient(180deg,
      rgba(5,6,11,.28) 0%,
      rgba(5,6,11,.08) 25%,
      rgba(5,6,11,.14) 66%,
      rgba(5,6,11,.38) 100%),
    url("../assets/images/image-039-34810f78c2b20bc2.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Correct full-surface glow: place the light inside the card, not behind it. */
.experience-card,
.guardian-card,
.format-card,
.privacy-card,
.eco-card,
.day-card,
.plan-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

.experience-card::after,
.guardian-card::after,
.format-card::after,
.privacy-card::after,
.eco-card::after,
.day-card::after,
.plan-card::after{
  z-index:0!important;
  opacity:0!important;
  mix-blend-mode:screen;
  filter:blur(0);
  transform:scale(.98);
  transition:
    opacity 210ms cubic-bezier(.22,.75,.18,1),
    transform 240ms cubic-bezier(.22,.75,.18,1)!important;
}

.experience-card > *,
.guardian-card > *,
.format-card > *,
.privacy-card > *,
.eco-card > *,
.day-card > *,
.plan-card > *{
  position:relative;
  z-index:1;
}

.experience-card:hover::after,
.experience-card:focus-visible::after,
.guardian-card:hover::after,
.guardian-card:focus-within::after,
.format-card:hover::after,
.format-card:focus-within::after,
.privacy-card:hover::after,
.privacy-card:focus-within::after,
.eco-card:hover::after,
.eco-card:focus-within::after,
.day-card:hover::after,
.day-card:focus-within::after,
.plan-card:hover::after,
.plan-card:focus-within::after{
  opacity:1!important;
  transform:scale(1)!important;
}

/* Stronger visible whole-card illumination and glass response. */
.experience-card:hover,
.guardian-card:hover,
.format-card:hover,
.privacy-card:hover,
.eco-card:hover,
.day-card:hover,
.plan-card:hover{
  background-color:rgba(15,20,38,.54)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
  transform:translateY(-4px) scale(1.01);
}

@media (hover:none){
  .experience-card:active::after,
  .guardian-card:active::after,
  .format-card:active::after,
  .privacy-card:active::after,
  .eco-card:active::after,
  .day-card:active::after,
  .plan-card:active::after{
    opacity:1!important;
    transform:scale(1)!important;
  }
  .experience-card:active,
  .guardian-card:active,
  .format-card:active,
  .privacy-card:active,
  .eco-card:active,
  .day-card:active,
  .plan-card:active{
    background-color:rgba(15,20,38,.54)!important;
  }
}


/* === style-27.css === */
/* 1. Remove the visible rectangular dark boundary around the final access block. */
.pad,
.final{
  background:transparent!important;
}
.final{
  max-width:760px!important;
  position:relative;
}
.final::before{
  content:"";
  position:absolute;
  inset:-40px -90px -30px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(
    ellipse at center,
    rgba(7,10,24,.24) 0%,
    rgba(7,10,24,.12) 38%,
    rgba(7,10,24,.035) 66%,
    transparent 82%
  );
  filter:blur(16px);
}
.final .fine{
  color:#8f9bb2!important;
  font-weight:600!important;
  letter-spacing:.07em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.72);
}
footer > div > div:last-child{
  color:#8794aa!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.72);
}

/* 2. Experience cards: prevent text/button overlap at every width. */
.experience-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:270px!important;
  padding:25px!important;
}
.experience-card h3{
  margin:44px 0 10px!important;
}
.experience-card p{
  margin:0 0 24px!important;
  max-width:100%!important;
}
.experience-open{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center;
  min-height:26px;
  padding-top:8px;
  line-height:1.25!important;
  z-index:3!important;
}
@media(max-width:900px){
  .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .experience-grid{grid-template-columns:1fr!important}
  .experience-card{min-height:245px!important}
}

/* 3. Make the light visibly live on the translucent card surface itself. */
.experience-card::after,
.guardian-card::after,
.format-card::after,
.privacy-card::after,
.eco-card::after,
.day-card::after,
.plan-card::after{
  display:none!important;
}

/* Direct layered backgrounds guarantee that the glow is above the photo,
   inside the glass material, rather than hidden behind it. */
.experience-card:nth-child(6n+1):hover,
.experience-card:nth-child(6n+1):focus-visible,
.guardian-card:nth-child(4n+1):hover,
.eco-card:nth-child(4n+1):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(95,214,232,.42),transparent 55%),
    radial-gradient(circle at 18% 88%,rgba(76,141,255,.23),transparent 60%),
    linear-gradient(145deg,rgba(18,29,55,.68),rgba(8,12,25,.50))!important;
}
.experience-card:nth-child(6n+2):hover,
.experience-card:nth-child(6n+2):focus-visible,
.format-card:nth-child(4n+1):hover,
.plan-card:nth-child(3n+1):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(139,111,245,.44),transparent 56%),
    radial-gradient(circle at 16% 90%,rgba(95,214,232,.18),transparent 58%),
    linear-gradient(145deg,rgba(30,22,58,.68),rgba(10,10,25,.50))!important;
}
.experience-card:nth-child(6n+3):hover,
.experience-card:nth-child(6n+3):focus-visible,
.privacy-card:nth-child(4n+1):hover,
.plan-card:nth-child(3n+2):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(76,141,255,.44),transparent 56%),
    radial-gradient(circle at 16% 90%,rgba(139,111,245,.20),transparent 58%),
    linear-gradient(145deg,rgba(18,31,61,.68),rgba(9,12,26,.50))!important;
}
.experience-card:nth-child(6n+4):hover,
.experience-card:nth-child(6n+4):focus-visible,
.eco-card:nth-child(4n+2):hover,
.day-card:nth-child(4n+1):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(52,211,153,.38),transparent 56%),
    radial-gradient(circle at 16% 90%,rgba(95,214,232,.18),transparent 58%),
    linear-gradient(145deg,rgba(15,43,42,.66),rgba(8,14,24,.50))!important;
}
.experience-card:nth-child(6n+5):hover,
.experience-card:nth-child(6n+5):focus-visible,
.guardian-card:nth-child(4n+2):hover,
.day-card:nth-child(4n+2):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(232,185,92,.40),transparent 56%),
    radial-gradient(circle at 16% 90%,rgba(139,111,245,.16),transparent 58%),
    linear-gradient(145deg,rgba(52,38,21,.65),rgba(12,12,24,.50))!important;
}
.experience-card:nth-child(6n+6):hover,
.experience-card:nth-child(6n+6):focus-visible,
.format-card:nth-child(4n+2):hover,
.plan-card:nth-child(3n+3):hover{
  background:
    radial-gradient(circle at 72% 26%,rgba(95,214,232,.40),transparent 56%),
    radial-gradient(circle at 16% 90%,rgba(76,141,255,.20),transparent 58%),
    linear-gradient(145deg,rgba(17,38,55,.66),rgba(8,12,25,.50))!important;
}
.experience-card:hover,
.guardian-card:hover,
.format-card:hover,
.privacy-card:hover,
.eco-card:hover,
.day-card:hover,
.plan-card:hover{
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:
    0 20px 58px rgba(0,0,0,.30),
    0 0 34px rgba(95,214,232,.11),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 34px rgba(255,255,255,.045)!important;
}

/* Mobile has no persistent hover: show a restrained permanent internal glow. */
@media(hover:none){
  .experience-card,
  .guardian-card,
  .format-card,
  .privacy-card,
  .eco-card,
  .day-card,
  .plan-card{
    background:
      radial-gradient(circle at 78% 22%,rgba(95,214,232,.12),transparent 55%),
      linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  }
  .experience-card:active,
  .guardian-card:active,
  .format-card:active,
  .privacy-card:active,
  .eco-card:active,
  .day-card:active,
  .plan-card:active{
    background:
      radial-gradient(circle at 72% 26%,rgba(95,214,232,.34),transparent 56%),
      linear-gradient(145deg,rgba(22,34,58,.68),rgba(8,12,25,.52))!important;
  }
}

/* 4. Mobile Intelligence Engine: eliminate canvas/ring collision through the core. */
@media(max-width:720px){
  .engine-stage canvas{
    display:none!important;
  }
  .engine-stage::before,
  .engine-stage::after{
    content:"";
    position:absolute;
    left:50%;
    top:34px;
    transform:translateX(-50%);
    border-radius:50%;
    pointer-events:none;
    z-index:0;
  }
  .engine-stage::before{
    width:250px;
    height:250px;
    border:1px solid rgba(95,214,232,.28);
    box-shadow:
      0 0 0 38px rgba(76,141,255,.07),
      0 0 0 76px rgba(139,111,245,.05);
  }
  .engine-stage::after{
    width:300px;
    height:300px;
    background:
      radial-gradient(circle,transparent 47%,rgba(95,214,232,.09) 48%,transparent 49%);
  }
  .engine-stage .engine-core{
    z-index:4!important;
    background:
      radial-gradient(circle at 48% 36%,rgba(40,70,125,.72),rgba(5,9,21,.97) 65%)!important;
    box-shadow:
      0 24px 70px rgba(0,0,0,.48),
      0 0 42px rgba(76,141,255,.25),
      inset 0 1px rgba(255,255,255,.16)!important;
    overflow:hidden;
  }
  .engine-stage .engine-node{
    z-index:3!important;
  }
}

/* Keep section titles safely below the sticky header. */
#experiencias{
  scroll-margin-top:120px!important;
}
.experience-hub{
  padding-top:145px!important;
}
@media(max-width:720px){
  .experience-hub{padding-top:105px!important}
}

/* Correct visible version label. */


/* === style-28.css === */
:root{--v50-fast:150ms;--v50-normal:220ms;--v50-slow:310ms;--v50-ease:cubic-bezier(.22,.78,.18,1)}
.phase2,.phase3,.phase4,.guardian-section,.format-section,.privacy-phase,.ecosystem-phase,.day-phase,.launch-phase,.engine-section,.experience-hub{background:transparent!important}
.phase2::before,.phase2::after,.phase3::before,.phase3::after,.phase4::before,.phase4::after,.guardian-section::before,.guardian-section::after,.format-section::before,.format-section::after,.privacy-phase::before,.privacy-phase::after,.ecosystem-phase::before,.ecosystem-phase::after,.day-phase::before,.day-phase::after,.launch-phase::before,.launch-phase::after,.engine-section::before,.engine-section::after,.experience-hub::before,.experience-hub::after{border:0!important;box-shadow:none!important}
.blakzol-soft-contrast{position:relative}.blakzol-soft-contrast::before{content:"";position:absolute;inset:-70px -12vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(4,7,17,.20) 0%,rgba(4,7,17,.10) 40%,rgba(4,7,17,.025) 66%,transparent 84%);filter:blur(18px)}
.fine,.micro,.mono-line,.section-kicker,.eyebrow,.ecosystem-more,.footer-meta,.footer-version,[class*="fine"],[class*="meta"],[class*="micro"]{color:#98a5bc!important;font-weight:600!important;text-shadow:0 1px 10px rgba(0,0,0,.70)}.ecosystem-more{font-size:.78rem!important;line-height:1.55!important;letter-spacing:.08em!important}
.experience-card,.guardian-card,.format-card,.privacy-card,.eco-card,.day-card,.plan-card,.phase2-card,.phase3-card,.phase4-card,.feature-card,.module-card{--card-glow:95,214,232;position:relative!important;isolation:isolate!important;overflow:hidden!important;background:radial-gradient(circle at 78% 18%,rgba(var(--card-glow),.10),transparent 52%),linear-gradient(145deg,rgba(14,18,34,.60),rgba(7,10,20,.43))!important;transition:transform var(--v50-normal) var(--v50-ease),border-color var(--v50-normal) var(--v50-ease),box-shadow var(--v50-normal) var(--v50-ease),background var(--v50-normal) var(--v50-ease)!important}
.experience-card:nth-child(6n+2),.format-card,.phase3-card:nth-child(3n+2){--card-glow:139,111,245}.experience-card:nth-child(6n+3),.privacy-card,.phase4-card:nth-child(3n+1){--card-glow:76,141,255}.experience-card:nth-child(6n+4),.eco-card:nth-child(4n+2){--card-glow:52,211,153}.experience-card:nth-child(6n+5),.guardian-card:nth-child(4n+2),.plan-card:nth-child(3n+2){--card-glow:232,185,92}.experience-card:nth-child(6n+6),.day-card:nth-child(4n+2){--card-glow:95,214,232}
.experience-card::before,.guardian-card::before,.format-card::before,.privacy-card::before,.eco-card::before,.day-card::before,.plan-card::before,.phase2-card::before,.phase3-card::before,.phase4-card::before,.feature-card::before,.module-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:.20;background:radial-gradient(circle at 72% 22%,rgba(var(--card-glow),.78),transparent 42%),linear-gradient(115deg,transparent 25%,rgba(255,255,255,.11) 47%,transparent 67%);transform:translateX(-18%) scale(1.08);transition:opacity var(--v50-normal) var(--v50-ease),transform 520ms var(--v50-ease)}
.experience-card>* ,.guardian-card>* ,.format-card>* ,.privacy-card>* ,.eco-card>* ,.day-card>* ,.plan-card>* ,.phase2-card>* ,.phase3-card>* ,.phase4-card>* ,.feature-card>* ,.module-card>*{position:relative;z-index:1}
.experience-card:hover,.guardian-card:hover,.format-card:hover,.privacy-card:hover,.eco-card:hover,.day-card:hover,.plan-card:hover,.phase2-card:hover,.phase3-card:hover,.phase4-card:hover,.feature-card:hover,.module-card:hover{transform:translateY(-4px) scale(1.008)!important;border-color:rgba(var(--card-glow),.65)!important;background:radial-gradient(circle at 76% 22%,rgba(var(--card-glow),.30),transparent 55%),linear-gradient(145deg,rgba(18,24,44,.70),rgba(8,11,23,.50))!important;box-shadow:0 22px 60px rgba(0,0,0,.31),0 0 32px rgba(var(--card-glow),.20),inset 0 1px 0 rgba(255,255,255,.19),inset 0 0 40px rgba(var(--card-glow),.12)!important}
.experience-card:hover::before,.guardian-card:hover::before,.format-card:hover::before,.privacy-card:hover::before,.eco-card:hover::before,.day-card:hover::before,.plan-card:hover::before,.phase2-card:hover::before,.phase3-card:hover::before,.phase4-card:hover::before,.feature-card:hover::before,.module-card:hover::before{opacity:.68;transform:translateX(18%) scale(1.08)}
@media(max-width:720px){.engine-stage{position:relative!important}.engine-stage canvas{display:none!important}.engine-mobile-particles{position:absolute;left:50%;top:26px;width:320px;height:320px;transform:translateX(-50%);z-index:2;pointer-events:none}.engine-mobile-particles span{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#8be8ff;box-shadow:0 0 12px rgba(95,214,232,.92);transform:rotate(var(--a)) translateX(var(--r));animation:blakzolOrbit var(--d) linear infinite;animation-delay:var(--delay)}.engine-mobile-particles span:nth-child(3n+2){width:4px;height:4px;background:#8b6ff5;box-shadow:0 0 11px rgba(139,111,245,.90)}.engine-mobile-particles span:nth-child(3n+3){width:3px;height:3px;background:#4c8dff;box-shadow:0 0 10px rgba(76,141,255,.92)}@keyframes blakzolOrbit{to{transform:rotate(calc(var(--a) + 360deg)) translateX(var(--r))}}.engine-stage .engine-core{z-index:5!important}.engine-stage .engine-node{z-index:4!important}}
.engine-stage .engine-node{animation:engineNodeBreath 5.8s ease-in-out infinite;animation-delay:var(--breath-delay,0s);will-change:transform,box-shadow}.engine-stage .engine-node:nth-of-type(2){--breath-delay:-.7s}.engine-stage .engine-node:nth-of-type(3){--breath-delay:-1.4s}.engine-stage .engine-node:nth-of-type(4){--breath-delay:-2.1s}.engine-stage .engine-node:nth-of-type(5){--breath-delay:-2.8s}.engine-stage .engine-node:nth-of-type(6){--breath-delay:-3.5s}.engine-stage .engine-node:nth-of-type(7){--breath-delay:-4.2s}.engine-stage .engine-node:nth-of-type(8){--breath-delay:-4.9s}@keyframes engineNodeBreath{0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 28px rgba(0,0,0,.20)}50%{box-shadow:inset 0 1px rgba(255,255,255,.15),0 10px 34px rgba(76,141,255,.13)}}
.enterprise-overlay,.enterprise-shell,.enterprise-native{transition-duration:var(--v50-slow)!important;transition-timing-function:var(--v50-ease)!important}.enterprise-overlay{background:rgba(1,3,8,.20)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.enterprise-overlay.open .enterprise-shell{animation:v50ShellIn var(--v50-slow) var(--v50-ease) both!important}@keyframes v50ShellIn{from{opacity:0;transform:translateY(10px) scale(.988)}to{opacity:1;transform:none}}
@media(max-width:720px){.phase2,.phase3,.phase4,.guardian-section,.format-section,.privacy-phase,.ecosystem-phase,.day-phase,.launch-phase,.engine-section,.experience-hub{padding-left:18px!important;padding-right:18px!important}.section-head h2,.enterprise-title{line-height:1.08!important}.experience-card,.guardian-card,.format-card,.privacy-card,.eco-card,.day-card,.plan-card,.phase2-card,.phase3-card,.phase4-card,.feature-card,.module-card{background:radial-gradient(circle at 78% 18%,rgba(var(--card-glow),.16),transparent 54%),linear-gradient(145deg,rgba(14,18,34,.66),rgba(7,10,20,.48))!important}.experience-card:active,.guardian-card:active,.format-card:active,.privacy-card:active,.eco-card:active,.day-card:active,.plan-card:active,.phase2-card:active,.phase3-card:active,.phase4-card:active,.feature-card:active,.module-card:active{transform:scale(.992)!important;background:radial-gradient(circle at 72% 24%,rgba(var(--card-glow),.36),transparent 56%),linear-gradient(145deg,rgba(18,24,44,.72),rgba(8,11,23,.54))!important}}
@media(prefers-reduced-motion:reduce){.engine-stage .engine-node,.engine-mobile-particles span{animation:none!important}}


/* === style-29.css === */
/* v5.2 — Mobile Compatibility & Interaction Update */
button, a, [role="button"], [data-experience], [data-module], [data-flow], [data-action]{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.phase1-menu-btn,
.experience-card,
.enterprise-close{
  -webkit-user-select:none;
  user-select:none;
}
@media (hover:none) and (pointer:coarse){
  .experience-card:hover,
  .phase1-btn:hover,
  .phase1-links a:hover,
  .mcard:hover,
  .guardian-card:hover,
  .format-card:hover{
    transform:none!important;
  }
  .experience-card:active,
  .phase1-btn:active,
  .phase1-menu-btn:active,
  .phase1-links a:active{
    transform:scale(.985)!important;
    filter:brightness(1.08);
  }
}
@media(max-width:720px){
  .phase1-menu-btn{min-width:44px;min-height:44px;pointer-events:auto!important}
  .phase1-links{overscroll-behavior:contain}
  .phase1-links.is-open{display:flex!important}
  body.menu-open{overflow:hidden}
}


/* === style-30.css === */
:root{
  --v55-text:#e8eefc;
  --v55-text-soft:#c5d0e6;
  --v55-text-muted:#aebbd4;
  --v55-blue:#4c8dff;
  --v55-cyan:#69dcff;
  --v55-glass:rgba(8,12,24,.48);
  --v55-glass-strong:rgba(8,12,24,.64);
  --v55-border:rgba(255,255,255,.12);
  --v55-shadow:0 22px 70px rgba(0,0,0,.22);
  --v55-ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-padding-top:92px}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.enterprise-mode{line-height:1.65}

/* One coherent reading standard across the complete experience. */
body.enterprise-mode p,
body.enterprise-mode li,
body.enterprise-mode .phase1-sub,
body.enterprise-mode .phase1-card p,
body.enterprise-mode .concept-cell p,
body.enterprise-mode .slab__body p,
body.enterprise-mode .module-card p,
body.enterprise-mode .feature-card p,
body.enterprise-mode .guardian-card p,
body.enterprise-mode .format-card p,
body.enterprise-mode .privacy-card p,
body.enterprise-mode .eco-card p,
body.enterprise-mode .day-card p,
body.enterprise-mode .plan-card p,
body.enterprise-mode .experience-card p{
  color:var(--v55-text-soft)!important;
  font-size:clamp(15px,1.12vw,17px)!important;
  line-height:1.72!important;
  font-weight:450!important;
  letter-spacing:.002em;
  text-wrap:pretty;
  text-shadow:0 1px 2px rgba(0,0,0,.38),0 0 18px rgba(1,5,15,.26);
}
body.enterprise-mode small{color:var(--v55-text-muted)}
.section-head{max-width:720px!important;margin-bottom:clamp(34px,5vw,62px)!important}
.section-head p{max-width:68ch;margin-top:18px!important}
.section-head h2,.enterprise-title{
  font-weight:650!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
.eyebrow{
  color:var(--v55-blue)!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-shadow:0 0 18px rgba(76,141,255,.28)!important;
}
.eyebrow:before,.eyebrow::before{background:var(--v55-blue)!important;box-shadow:0 0 12px rgba(76,141,255,.52)!important}

/* Preserve the approved photography; improve readability optically, not with veils. */
.bg-photo{filter:saturate(1.04) contrast(1.02)}
.engine-section,.ecosystem-phase,.day-phase,.launch-phase,.guardian-section,.format-section,.privacy-phase{isolation:isolate}
.section-head,.day-story-copy,.launch-manifesto{position:relative;z-index:1}

/* Unified premium glass language and removal of heavy card edges. */
:is(.concept-cell,.module-card,.feature-card,.guardian-card,.format-card,.privacy-card,.eco-card,.day-card,.plan-card,.experience-card,.phase1-card,.day-story-panel,.launch-manifesto){
  border-color:var(--v55-border)!important;
  box-shadow:var(--v55-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(15px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(120%)!important;
  transition:transform .34s var(--v55-ease),border-color .34s ease,box-shadow .34s ease,background .34s ease!important;
}
@media(hover:hover) and (pointer:fine){
  :is(.concept-cell,.module-card,.feature-card,.guardian-card,.format-card,.privacy-card,.eco-card,.day-card,.plan-card,.experience-card):hover{
    transform:translateY(-6px)!important;
    border-color:rgba(105,220,255,.28)!important;
    box-shadow:0 26px 76px rgba(0,0,0,.28),0 0 34px rgba(76,141,255,.10),inset 0 1px 0 rgba(255,255,255,.075)!important;
  }
}

/* One button system, reliable touch targets and consistent state feedback. */
:is(.phase1-btn,.primary,.secondary,.day-demo-button,.launch-entry,.guardian-demo-card,.format-demo-card,.privacy-demo-card,.ecosystem-demo-card,.enterprise-experience-link,button){
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
:is(.phase1-btn,.cta-row a,.day-demo-button,.enterprise-close,.native-tabs button){
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px!important;
  font-weight:650!important;
  transition:transform .22s var(--v55-ease),filter .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
:is(.phase1-btn,.cta-row a,.day-demo-button,.enterprise-close,.native-tabs button):active{transform:scale(.975)!important}
:is(a,button,[role="button"]):focus-visible{outline:2px solid var(--v55-cyan)!important;outline-offset:4px!important}

/* Navigation: clean active state and mobile panel. */
.phase1-nav{backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.phase1-links a{position:relative}
.phase1-links a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--v55-blue),var(--v55-cyan));
  transform:scaleX(0);opacity:0;transition:.25s var(--v55-ease)
}
.phase1-links a:is(:hover,:focus-visible,.is-active)::after{transform:scaleX(1);opacity:1}
.phase1-menu-btn{z-index:1002;cursor:pointer}

/* Subtle living system motion. */
.engine-core{animation:v55-core-breathe 4.8s ease-in-out infinite!important}
.engine-stage::after{
  content:"";position:absolute;inset:8%;border-radius:50%;pointer-events:none;
  border:1px solid rgba(105,220,255,.12);animation:v55-orbit 18s linear infinite;
}
.ecosystem-map::after{
  content:"";position:absolute;inset:11%;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(76,141,255,.11),transparent 28%);
  animation:v55-orbit 24s linear infinite;
}
@keyframes v55-core-breathe{0%,100%{filter:drop-shadow(0 0 14px rgba(76,141,255,.28));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(105,220,255,.48));transform:scale(1.025)}}
@keyframes v55-orbit{to{transform:rotate(360deg)}}

/* Reveal motion uses a class added by the v5.5 controller. */
.v55-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--v55-ease),transform .75s var(--v55-ease)}
.v55-reveal.v55-visible{opacity:1;transform:none}

/* Correct accidental invalid opacity-style decimal values in visible layers. */
.enterprise-overlay{background:rgba(1,3,8,.42)!important}

@media(max-width:900px){
  .section-head{max-width:100%!important}
  .phase1-links{gap:5px}
}
@media(max-width:720px){
  html{scroll-padding-top:76px}
  body.enterprise-mode p,body.enterprise-mode li{font-size:15.5px!important;line-height:1.68!important}
  .phase1-nav__inner{min-height:68px}
  .phase1-links{
    position:fixed!important;top:68px!important;left:12px!important;right:12px!important;
    width:auto!important;max-height:calc(100dvh - 84px)!important;overflow:auto!important;
    padding:14px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;
    background:rgba(5,8,18,.94)!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(24px) saturate(135%)!important;-webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  }
  .phase1-links a{min-height:48px!important;padding:13px 15px!important;border-radius:13px!important}
  .phase1-links a::after{left:15px;right:auto;width:30px;bottom:8px}
  .section-head h2,.enterprise-title{font-size:clamp(28px,8.2vw,40px)!important;line-height:1.08!important}
  :is(.concept-cell,.module-card,.feature-card,.guardian-card,.format-card,.privacy-card,.eco-card,.day-card,.plan-card,.experience-card,.phase1-card){box-shadow:0 16px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important}
  .engine-stage::after,.ecosystem-map::after{opacity:.62}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .v55-reveal{opacity:1!important;transform:none!important}
}


/* === style-31.css === */
.bz-process-rail-wrap{position:relative;min-width:0;width:100%}
.bz-process-rail-nav{display:flex;justify-content:flex-end;gap:8px;margin:4px 0 8px}
.bz-process-rail-nav button{display:grid;place-items:center;width:40px;height:36px;border-radius:12px;border:1px solid rgba(95,214,232,.35);background:rgba(7,14,28,.88);color:#e6fbff;font:800 20px/1 system-ui;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.2s ease}
.bz-process-rail-nav button:hover{border-color:rgba(95,214,232,.8);transform:translateY(-1px)}
.bz-process-rail-nav button:disabled{opacity:.3;cursor:default;transform:none}
.eco-flow-track,#ecoFlow{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:10px 4px 16px!important;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(95,214,232,.62) rgba(255,255,255,.06)}
.eco-flow-track.is-dragging,#ecoFlow.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.eco-flow-track::-webkit-scrollbar,#ecoFlow::-webkit-scrollbar{height:8px;display:block}
.eco-flow-track::-webkit-scrollbar-track,#ecoFlow::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.eco-flow-track::-webkit-scrollbar-thumb,#ecoFlow::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(76,141,255,.78),rgba(95,214,232,.78));border-radius:999px}
.eco-flow-track>*{flex:0 0 auto!important;scroll-snap-align:start}
#ecoFlow .native-step{flex:0 0 clamp(210px,27vw,270px)!important;min-width:210px!important;scroll-snap-align:start}
@media(max-width:760px){.bz-process-rail-nav{display:none}.eco-flow-track,#ecoFlow{scrollbar-width:none}.eco-flow-track::-webkit-scrollbar,#ecoFlow::-webkit-scrollbar{display:none}#ecoFlow .native-step{flex-basis:min(78vw,260px)!important}}


/* === style-32.css === */
@media(max-width:720px){
  .engine-mobile-particles{display:block!important;visibility:visible!important;opacity:1!important;}
  .engine-mobile-particles span{display:block!important;visibility:visible!important;opacity:1!important;}
}


/* === style-33.css === */
/* BLAKZOL v1.1.2 — tablet / compact desktop navigation correction
   Activates the existing drawer whenever the full navigation no longer fits.
   This intentionally uses viewport width instead of orientation because iPad
   portrait previews can report a landscape-like CSS viewport inside viewers. */
@media (min-width:721px) and (max-width:1180px){
  .phase1-nav{z-index:10020!important}
  .phase1-nav__inner{
    min-height:84px;
    padding:9px 22px;
    gap:14px;
  }
  .phase1-brand{
    min-width:0;
    gap:8px;
    max-width:calc(100% - 170px);
  }
  .phase1-symbol{width:52px;height:52px}
  .phase1-wordmark{width:clamp(170px,25vw,245px);height:54px}
  .phase1-menu-btn{
    display:grid!important;
    place-items:center;
    position:relative;
    z-index:10022;
    flex:0 0 46px;
    width:46px;
    height:46px;
    cursor:pointer;
    touch-action:manipulation;
  }
  .bz-language{
    position:absolute;
    right:82px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
  }
  .phase1-links{
    display:flex!important;
    position:fixed!important;
    top:84px!important;
    left:16px!important;
    right:16px!important;
    width:auto!important;
    max-height:calc(100dvh - 104px)!important;
    overflow:auto!important;
    z-index:10021;
    flex-direction:column;
    align-items:stretch;
    gap:4px!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(5,8,18,.97),rgba(12,14,28,.94))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px) scale(.985);
    pointer-events:none;
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s!important;
  }
  .phase1-links.is-open{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    transition-delay:0s!important;
  }
  .phase1-links a,
  .phase1-links a:not(.phase1-cta){
    display:block!important;
    width:100%;
    min-height:48px!important;
    padding:13px 15px!important;
    border-radius:13px!important;
    font-size:.88rem;
  }
  .phase1-links a:hover,
  .phase1-links a:focus-visible{background:rgba(255,255,255,.065)}
  body.menu-open::after{
    content:"";
    position:fixed;
    inset:84px 0 0;
    z-index:10019;
    background:rgba(1,3,9,.30);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
}



/* === v1.1.4 iPad / touch-tablet compositor optimization === */
@media (hover:none) and (pointer:coarse) and (min-width:700px) and (max-width:1180px){
  .phase1-dashboard,.engine-stage,.engine-panel,.experience-card,.guardian-stage,.guardian-card,
  .format-workspace,.format-card,.privacy-manifesto,.privacy-command,.privacy-card,.privacy-demo-card,.privacy-audit,.privacy-owner,
  .ecosystem-manifesto,.ecosystem-map,.eco-card,.ecosystem-demo-card,.eco-flow,.day-manifesto,.day-stage,.day-story-copy,.day-story-panel,
  .plan-card,.launch-manifesto,.launch-panel,.launch-entry,.story-card,.capability-strip{
    backdrop-filter:blur(7px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(7px) saturate(112%)!important;
  }
  .phase1-nav{backdrop-filter:blur(10px) saturate(118%)!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important}
  .enterprise-overlay{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
  .grain{display:none!important}
}

/* === v1.1.4 tablet day-clock regression fix ===
   Restores the proven v1.1.3 tablet fit after performance consolidation.
   Scope: tablet only. Desktop and phone layouts are untouched. */
@media (min-width:901px) and (max-width:1180px){
  .day-clock{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(120px,.68fr) max-content!important;
    align-items:center!important;
    column-gap:clamp(12px,1.45vw,18px)!important;
  }
  .day-clock__main{
    display:grid!important;
    grid-template-columns:minmax(145px,1fr) max-content!important;
    align-items:center!important;
    gap:clamp(10px,1.2vw,16px)!important;
    width:100%!important;
    min-width:0!important;
  }
  .day-clock__main>span{
    min-width:0!important;
    font-size:clamp(.68rem,1.05vw,.80rem)!important;
    letter-spacing:.115em!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .day-clock__time{
    grid-template-columns:max-content max-content max-content!important;
    justify-content:end!important;
    width:auto!important;
    min-width:0!important;
    font-size:clamp(1.55rem,2.45vw,1.95rem)!important;
    letter-spacing:-.035em!important;
    column-gap:clamp(7px,.85vw,11px)!important;
    line-height:1!important;
  }
  .day-clock__time b{font-size:1em!important;text-align:center!important}
  .day-clock__time em{font-size:.64em!important;margin-inline:0!important;transform:translateY(-1px)!important}
  .day-clock__status{
    font-size:clamp(.66rem,.96vw,.78rem)!important;
    letter-spacing:.105em!important;
    white-space:nowrap!important;
  }
}

@media (min-width:701px) and (max-width:900px){
  .day-clock__main{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  .day-clock__main>span{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:clamp(.68rem,1.45vw,.78rem)!important;
    letter-spacing:.11em!important;
    white-space:normal!important;
  }
  .day-clock__time{
    flex:0 0 auto!important;
    grid-template-columns:max-content max-content max-content!important;
    width:auto!important;
    font-size:clamp(1.5rem,3.5vw,1.85rem)!important;
    letter-spacing:-.035em!important;
    column-gap:7px!important;
  }
  .day-clock__time em{font-size:.64em!important;margin-inline:0!important}
  .day-clock__status{
    font-size:.72rem!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
  }
}