/* Layout: página comercial oscura, una columna central de 1120px; secciones en el orden de la guía v1.
     Paleta y tipografía se conservan de la versión publicada; solo cambia la jerarquía. */
  :root{
    --ink:#070a0c;
    --panel:#10191b;
    --panel2:#152023;
    --line:rgba(219,255,239,.12);
    --line-strong:rgba(219,255,239,.22);
    --blue:#4fdc9f;
    --cyan:#8af0c3;
    --green:#3fe3a0;
    --mint:#70e6b2;
    --wine:#531d37;
    --wine2:#b35679;
    --text:#f0f5f2;
    --muted:#adbfba;
    --muted2:#8ea39c;
    --on-accent:#08251b;
    --radius:18px;
    --display:'Space Grotesk',system-ui,sans-serif;
    --body:'Manrope',system-ui,sans-serif;
    color-scheme:dark;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth; scroll-padding-top:76px;}
  body{background:var(--ink); color:var(--text); font-family:var(--body); line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  h1,h2,h3{font-family:var(--display); letter-spacing:-0.01em; text-wrap:balance;}
  a{color:inherit;}
  img{max-width:100%; height:auto; display:block;}
  :focus-visible{outline:2px solid var(--cyan); outline-offset:3px; border-radius:6px;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 20px;}
  .grad-text{background:linear-gradient(115deg,#ecfff5,#6de1b1 75%); -webkit-background-clip:text; background-clip:text; color:transparent;}

  /* ---------- NAV ---------- */
  nav{position:sticky; top:env(safe-area-inset-top,0px); z-index:50; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(7,10,12,.83); border-bottom:1px solid var(--line);}
  .nav-inner{max-width:1120px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
  .nav-logo{display:flex; align-items:center; gap:10px; text-decoration:none;}
  .nav-logo img{height:30px; width:auto; border-radius:6px;}
  .nav-logo span{font-family:var(--display); font-weight:700; font-size:1.15rem; letter-spacing:.04em;}
  .nav-links{display:flex; gap:22px; list-style:none;}
  .nav-links a{text-decoration:none; color:var(--muted); font-size:.9rem; font-weight:600; transition:color .2s;}
  .nav-links a:hover{color:var(--text);}
  .nav-cta{background:linear-gradient(120deg,var(--blue),var(--cyan)); color:var(--on-accent); font-weight:700; font-size:.9rem; padding:9px 18px; border-radius:999px; white-space:nowrap; text-decoration:none; transition:transform .2s, box-shadow .2s;}
  .nav-cta:hover{transform:translateY(-1px); box-shadow:0 8px 24px -8px rgba(112,230,178,.55);}

  /* ---------- HERO ---------- */
  .hero{padding:72px 0 56px; position:relative; overflow:hidden;}
  #net{position:absolute; inset:0; width:100%; height:100%; display:block; z-index:0; pointer-events:none; opacity:.77; -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 78%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 78%,transparent 100%);}
  .hero-glow{position:absolute; top:0; right:-10%; width:70%; height:100%; background:radial-gradient(closest-side at 62% 42%, rgba(55,181,138,.2), transparent), radial-gradient(closest-side at 32% 80%, rgba(83,29,55,.42), transparent); pointer-events:none; animation:glowShift 16s ease-in-out infinite alternate;}
  @keyframes glowShift{from{transform:translate(0,0); opacity:.85;} to{transform:translate(-60px,40px); opacity:1;}}
  .hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; position:relative; z-index:1;}
  .hero-grid > *{min-width:0;}
  .hero h1{font-size:clamp(2rem,4.2vw,3.2rem); font-weight:700; line-height:1.12; margin-bottom:20px;}
  .hero .lead{font-size:1.08rem; color:var(--muted); max-width:50ch; margin-bottom:22px;}
  .hero .diff{font-family:var(--display); font-size:1.15rem; font-weight:600; margin-bottom:32px; padding-left:16px; border-left:2px solid var(--cyan);}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .btn-primary{display:inline-block; background:linear-gradient(120deg,var(--blue),var(--cyan)); color:var(--on-accent); font-weight:700; padding:14px 26px; border-radius:999px; text-decoration:none; font-size:1rem; position:relative; overflow:hidden; transition:transform .2s, box-shadow .25s;}
  .btn-primary::after{content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%); transform:translateX(-120%); transition:transform .6s;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 30px -10px rgba(112,230,178,.6);}
  .btn-primary:hover::after{transform:translateX(120%);}
  .btn-ghost{display:inline-block; border:1px solid var(--line-strong); color:var(--text); padding:13px 24px; border-radius:999px; text-decoration:none; font-size:1rem; font-weight:600; transition:border-color .2s, background .2s;}
  .btn-ghost:hover{border-color:var(--cyan); background:rgba(112,230,178,.07);}
  .phone{position:relative; width:250px; max-width:100%; margin:0 auto; border-radius:34px; padding:9px; background:linear-gradient(160deg,#1a2740,#0b1220); border:1px solid var(--line); box-shadow:0 30px 70px -20px rgba(0,0,0,.65); transform:rotate(3deg);}
  .phone img{border-radius:26px; width:100%;}
  .phone-tag{position:absolute; bottom:-16px; left:50%; transform:translateX(-50%) rotate(-3deg); background:var(--panel2); border:1px solid var(--line); border-radius:999px; padding:7px 16px; font-size:.82rem; color:var(--cyan); font-weight:600; white-space:nowrap;}
  .identity{text-align:center; padding:26px 0; border-block:1px solid var(--line); position:relative;}
  .identity::before{content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--green),var(--cyan),var(--wine2),transparent);}
  .identity p{font-family:var(--display); font-size:clamp(1.05rem,2.2vw,1.35rem); font-weight:600; color:var(--muted);}

  /* ---------- SECCIONES ---------- */
  section{padding:76px 0;}
  .section-head{max-width:660px; margin-bottom:40px;}
  .section-head h2{font-size:clamp(1.55rem,3vw,2.15rem); font-weight:700; margin-bottom:12px;}
  .section-head p{color:var(--muted); font-size:1.04rem;}
  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .grid-3 > *, .grid-4 > *{min-width:0;}
  .card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:26px 24px;}
  .card h3{font-size:1.06rem; font-weight:600; margin-bottom:8px;}
  .card p{color:var(--muted); font-size:.94rem;}
  .dot{width:38px; height:38px; border-radius:10px; margin-bottom:16px; background:linear-gradient(120deg,rgba(63,227,160,.35),rgba(112,230,178,.35)); border:1px solid var(--line);}

  /* Problema */
  .problem{display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:stretch;}
  .problem > *{min-width:0;}
  .problem .txt p{color:var(--muted); font-size:1.04rem; max-width:58ch;}
  .problem .txt p + p{margin-top:14px;}
  .problem .txt strong{color:var(--text);}
  .example{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:28px 28px;}
  .example .lbl{font-size:.78rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--cyan); margin-bottom:12px; display:block;}
  .example p{color:var(--muted); font-size:.98rem;}
  .example p + p{margin-top:12px;}
  .example strong{color:var(--text);}

  /* Soluciones: hover */
  .sol{position:relative; overflow:hidden; transition:transform .25s, border-color .25s, box-shadow .25s;}
  .sol::after{content:""; position:absolute; left:24px; right:24px; bottom:0; height:2px; background:linear-gradient(90deg,var(--green),var(--cyan),var(--wine2)); transform:scaleX(0); transform-origin:left; transition:transform .35s;}
  .sol:hover{transform:translateY(-4px); border-color:rgba(112,230,178,.4); box-shadow:0 18px 40px -20px rgba(112,230,178,.35);}
  .sol:hover::after{transform:scaleX(1);}
  .sol .ico{width:44px; height:44px; border-radius:12px; margin-bottom:16px; display:grid; place-items:center; background:linear-gradient(120deg,rgba(63,227,160,.28),rgba(112,230,178,.28)); border:1px solid var(--line); transition:transform .25s;}
  .sol:hover .ico{transform:translate(3px,-3px);}
  .sol .ico svg{width:22px; height:22px; stroke:var(--cyan); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}

  /* Cómo trabajamos: línea de progreso */
  .how{display:grid; grid-template-columns:.8fr 1.2fr; gap:56px; align-items:start;}
  .how > *{min-width:0;}
  .how .section-head{position:sticky; top:96px; margin-bottom:0;}
  .tl{position:relative; padding-left:56px; display:grid; gap:34px;}
  .tl-rail{position:absolute; left:15px; top:8px; bottom:8px; width:2px; background:var(--line); border-radius:2px;}
  .tl-fill{position:absolute; left:0; top:0; width:100%; height:0; border-radius:2px; background:linear-gradient(180deg,#3fe3a0,#a1f4c8,#8a3b62); box-shadow:0 0 14px rgba(85,226,172,.4);}
  .tl-step{position:relative;}
  .tl-node{position:absolute; left:-56px; top:0; width:32px; height:32px; border-radius:50%; background:var(--ink); border:2px solid var(--line-strong); display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:.78rem; color:var(--muted2); transition:border-color .35s, color .35s, box-shadow .35s;}
  .tl-step.on .tl-node{border-color:var(--cyan); color:var(--cyan); box-shadow:0 0 0 5px rgba(112,230,178,.12);}
  .tl-step h3{font-size:1.1rem; font-weight:600; margin-bottom:6px; padding-top:3px;}
  .tl-step p{color:var(--muted); font-size:.95rem; max-width:54ch;}

  /* Proyectos */
  .tag-real{display:inline-block; font-size:.76rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--green); background:rgba(63,227,160,.13); border:1px solid rgba(63,227,160,.35); padding:5px 13px; border-radius:999px; margin-bottom:16px;}
  .tag-demo{display:inline-block; align-self:flex-start; font-size:.76rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); background:rgba(234,240,250,.06); border:1px solid var(--line); padding:4px 12px; border-radius:999px; margin-bottom:12px;}
  .case{display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:center; background:linear-gradient(160deg,var(--panel),var(--panel2)); border:1px solid var(--line); border-radius:24px; padding:40px; margin-bottom:28px;}
  .case > *{min-width:0;}
  .case.rev{grid-template-columns:1.15fr .85fr;}
  .case.rev .case-media{order:2;}
  .case-media{display:flex; gap:16px; justify-content:center;}
  .case-media .phone{width:170px; transform:none; margin:0; flex:0 1 170px;}
  .case h3{font-size:1.5rem; font-weight:700; margin-bottom:6px;}
  .case .sub{color:var(--cyan); font-size:.95rem; font-weight:600; margin-bottom:16px;}
  .case p.desc{color:var(--muted); font-size:1rem; margin-bottom:18px;}
  .case .highlight{border-left:2px solid var(--cyan); padding:10px 16px; font-size:.95rem; background:rgba(112,230,178,.06); border-radius:0 10px 10px 0; margin-bottom:22px;}
  .link-arrow{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.95rem; color:var(--cyan); text-decoration:none;}
  .link-arrow span{transition:transform .2s;}
  .link-arrow:hover span{transform:translateX(5px);}
  .case-wide{margin-bottom:56px;}
  .case-wide img{width:100%; border-radius:16px; border:1px solid var(--line);}

  /* Microanimación Te lo tengo */
  .mini-wrap{margin-top:24px; display:flex; flex-direction:column; gap:8px;}
  .mini{width:100%; max-width:300px; background:var(--ink); border:1px solid var(--line-strong); border-radius:20px; padding:14px; position:relative; overflow:hidden;}
  .mini-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; font-family:var(--display); font-weight:700; font-size:.95rem;}
  .mini-cart{position:relative; width:30px; height:30px; display:grid; place-items:center;}
  .mini-cart svg{width:20px; height:20px; stroke:var(--cyan); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  .mini-badge{position:absolute; top:-4px; right:-6px; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:var(--green); color:var(--on-accent); font-size:.68rem; font-weight:800; display:grid; place-items:center; transform:scale(0); transition:transform .25s cubic-bezier(.3,1.6,.5,1);}
  .mini-badge.show{transform:scale(1);}
  .mini-row{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; margin-bottom:8px; background:var(--panel); transition:border-color .3s, background .3s;}
  .mini-row.sel{border-color:var(--cyan); background:rgba(112,230,178,.08);}
  .mini-row .nm{font-size:.82rem; font-weight:600;}
  .mini-row .pr{font-size:.74rem; color:var(--muted);}
  .mini-add{width:28px; height:28px; border-radius:50%; border:0; background:linear-gradient(120deg,var(--blue),var(--cyan)); color:var(--on-accent); font-weight:800; font-size:1rem; line-height:1; display:grid; place-items:center; transition:transform .15s; flex-shrink:0;}
  .mini-add.press{transform:scale(.8);}
  .mini-order{margin-top:4px; border-radius:12px; padding:11px 12px; background:linear-gradient(120deg,rgba(63,227,160,.16),rgba(112,230,178,.14)); border:1px solid rgba(63,227,160,.4); font-size:.8rem; opacity:0; transform:translateY(12px); transition:opacity .35s, transform .35s;}
  .mini-order.show{opacity:1; transform:none;}
  .mini-order b{display:block; font-size:.84rem; margin-bottom:2px;}
  .mini-cap{font-size:.78rem; color:var(--muted2);}

  /* Demos */
  .demo-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .25s, border-color .25s, box-shadow .25s;}
  .demo-card:hover{transform:translateY(-4px); border-color:rgba(63,227,160,.55); box-shadow:0 20px 44px -22px rgba(63,227,160,.55);}
  .demo-card .shot{background:var(--panel2); padding:20px 20px 0; display:flex; justify-content:center; gap:10px; overflow:hidden; height:240px;}
  .demo-card .shot img{border-radius:12px 12px 0 0; width:auto; max-width:100%; max-height:100%; border:1px solid var(--line); border-bottom:none; transition:transform .5s; transform-origin:center bottom;}
  .demo-card:hover .shot img{transform:scale(1.04);}
  .demo-card .info{padding:22px 22px 24px; display:flex; flex-direction:column; flex:1;}
  .demo-card h3{font-size:1.1rem; font-weight:600; margin-bottom:6px;}
  .demo-card p{color:var(--muted); font-size:.92rem; margin-bottom:16px;}
  .demo-card .link-arrow{margin-top:auto;}
  .sub-head{margin:64px 0 24px;}
  .sub-head h3{font-size:1.35rem; font-weight:700; margin-bottom:8px;}
  .sub-head p{color:var(--muted); max-width:62ch;}
  .feat{padding:22px 22px;}
  .feat h3{font-size:1rem;}

  /* Accesibilidad */
  .access .card{padding:26px 24px;}

  /* Sobre */
  .about{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
  .about > *{min-width:0;}
  .about p{color:var(--muted); font-size:1.03rem; margin-bottom:14px; max-width:58ch;}
  .about strong{color:var(--text);}
  .about h2{font-size:clamp(1.55rem,3vw,2.15rem); font-weight:700; margin-bottom:18px;}
  .about-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:26px 28px;}
  .about-card .row{display:flex; gap:14px; padding:13px 0; border-bottom:1px solid var(--line);}
  .about-card .row:last-child{border-bottom:none;}
  .about-card .k{color:var(--muted2); font-size:.88rem; width:100px; flex-shrink:0;}
  .about-card .v{font-size:.95rem; min-width:0;}

  /* Contacto */
  .contact{background:linear-gradient(160deg,var(--panel),var(--panel2)); border:1px solid var(--line); border-radius:28px; padding:56px 40px; text-align:center; position:relative; overflow:hidden;}
  .contact::before{content:""; position:absolute; left:10%; right:10%; top:0; height:2px; background:linear-gradient(90deg,var(--green),var(--cyan),var(--wine2));}
  .contact h2{font-size:clamp(1.6rem,3.4vw,2.4rem); font-weight:700; margin-bottom:16px;}
  .contact .msg{color:var(--muted); font-size:1.05rem; margin:0 auto 30px; max-width:54ch;}
  .contact-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:28px;}
  .contact-data{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
  .clink{display:inline-flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:999px; padding:10px 18px; font-size:.92rem; font-weight:600; background:rgba(234,240,250,.04); color:var(--text); font-family:var(--body); max-width:100%; overflow-wrap:anywhere;}
  button.clink{cursor:pointer; transition:border-color .2s, background .2s;}
  button.clink:hover{border-color:var(--cyan); background:rgba(112,230,178,.07);}
  .clink small{color:var(--cyan); font-weight:700; font-size:.78rem;}

  /* Footer */
  footer{padding:36px 0 46px; border-top:1px solid var(--line); color:var(--muted2); font-size:.88rem;}
  footer .f-grid{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;}
  footer .f-grid > *{min-width:0;}
  footer strong{color:var(--text); font-family:var(--display);}
  footer ul{list-style:none; display:grid; gap:4px;}
  footer a{text-decoration:none;}
  footer a:hover{color:var(--text);}
  .f-legal{margin-top:24px; padding-top:18px; border-top:1px solid var(--line); display:flex; gap:10px 22px; flex-wrap:wrap; justify-content:space-between;}
  .f-legal div{display:flex; gap:20px; flex-wrap:wrap;}

  /* Entrada suave */
  .reveal{transition:opacity .6s ease, transform .6s ease;}
  .reveal.pre{opacity:0; transform:translateY(18px);}
  .reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .nav-links{display:none;}
    .hero{padding-top:48px;}
    .hero-grid{grid-template-columns:1fr; gap:44px;}
    .hero-grid > div:last-child{order:-1;}
    .grid-3{grid-template-columns:1fr;}
    .grid-4{grid-template-columns:repeat(2,1fr);}
    .problem,.how,.about{grid-template-columns:1fr; gap:32px;}
    .how .section-head{position:static;}
    .case,.case.rev{grid-template-columns:1fr; padding:26px; gap:28px;}
    .case.rev .case-media{order:0;}
    .contact{padding:40px 22px;}
    section{padding:60px 0;}
  }
  @media (max-width:520px){
    .grid-4{grid-template-columns:1fr;}
    .phone-tag{font-size:.76rem; padding:6px 12px;}
    .case-media .phone{width:44%; flex-basis:44%;}
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .hero-glow, .ambient, .ambient::after{animation:none;}
    .reveal, .reveal.pre{transition:none; opacity:1; transform:none;}
    .sol, .demo-card, .btn-primary, .nav-cta, .demo-card .shot img, .link-arrow span{transition:none;}
    .sol:hover, .demo-card:hover{transform:none;}
    .demo-card:hover .shot img{transform:none;}
  }

  /* ---- Dirección V4: fondo ambiental, control de movimiento, menú móvil ---- */
  .ambient{position:fixed; inset:-35%; z-index:-3; pointer-events:none; background:radial-gradient(ellipse 32% 26% at 76% 22%,#154a3b99 0%,transparent 75%),radial-gradient(ellipse 34% 30% at 15% 70%,#511c3890 0%,transparent 75%),radial-gradient(ellipse 30% 25% at 74% 88%,#0b3b3690 0%,transparent 75%); filter:blur(65px); animation:atmosphere 28s ease-in-out infinite alternate; will-change:transform;}
  .ambient::after{content:""; position:absolute; inset:8%; background:radial-gradient(ellipse 26% 32% at 30% 25%,#57213f73,transparent 75%),radial-gradient(ellipse 30% 24% at 70% 65%,#0c87604a,transparent 78%); filter:blur(50px); animation:ambientShift 36s ease-in-out infinite alternate; mix-blend-mode:screen;}
  .grain{position:fixed; inset:0; pointer-events:none; opacity:.025; z-index:-2; background-image:linear-gradient(0deg,transparent 49%,#fff 50%,transparent 51%); background-size:3px 3px;}
  @keyframes atmosphere{0%{transform:translate(-3%,2%) scale(1)} 50%{transform:translate(4%,-3%) scale(1.1) rotate(2deg)} 100%{transform:translate(-1%,3%) scale(1.06) rotate(-2deg)}}
  @keyframes ambientShift{0%{opacity:.27; transform:translate(-7%,4%) scale(.96)} 50%{opacity:.8; transform:translate(5%,-5%) scale(1.07)} 100%{opacity:.39; transform:translate(-3%,8%) scale(1.02)}}
  .nav-logo span b{color:var(--mint); font-weight:700;}
  .eyebrow{display:flex; gap:10px; align-items:center; font-size:.72rem; text-transform:uppercase; letter-spacing:.16em; font-weight:800; color:var(--mint); margin-bottom:22px;}
  .eyebrow i{display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 18px #50d69b; animation:dotGlow 4s ease-in-out infinite alternate;}
  @keyframes dotGlow{to{box-shadow:0 0 20px 5px #4eeeb070}}
  .menu-toggle{display:none; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--text); border-radius:9px; padding:9px 13px; font:inherit; font-size:.88rem; font-weight:600; cursor:pointer;}
  .drawer{display:none; position:absolute; left:0; right:0; top:100%; background:#0d1717; flex-direction:column; padding:14px 20px 18px; gap:4px; border-bottom:1px solid var(--line);}
  .drawer.open{display:flex;}
  .drawer a{padding:11px 0; text-decoration:none; color:var(--text); font-weight:600; border-bottom:1px solid var(--line);}
  .drawer a:last-child{border-bottom:none;}
  .motion-toggle{position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); z-index:60; border:1px solid #7ec7a27a; background:#13231fe8; color:#c9f7df; border-radius:30px; padding:10px 15px; font:inherit; font-size:.78rem; cursor:pointer; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
  .link-pending{display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:.85rem; color:var(--muted2);}
  .link-pending em{font-style:normal; color:var(--muted2); border:1px dashed var(--line-strong); border-radius:999px; padding:2px 10px; font-size:.74rem;}
  .sol::before{content:""; pointer-events:none; position:absolute; inset:0; opacity:0; background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(106,239,179,.12),transparent 57%); transition:opacity .35s;}
  .sol:hover::before{opacity:1;}
  .soft-bg{background:linear-gradient(120deg,rgba(16,40,30,.5),rgba(49,20,38,.4)); border-block:1px solid var(--line);}
  .contact{background:linear-gradient(125deg,rgba(18,47,38,.8),rgba(16,23,24,.85) 58%,rgba(62,24,48,.7)); border-color:rgba(118,215,161,.28);}
  .contact::after{content:""; position:absolute; width:70%; height:150%; right:-25%; top:-20%; pointer-events:none; background:radial-gradient(ellipse,#8a285b2a,transparent 65%);}
  .contact > *{position:relative; z-index:1;}
  .f-legal .soon{color:var(--muted2); cursor:default;}
  .motion-off .ambient, .motion-off .ambient::after, .motion-off .hero-glow, .motion-off .eyebrow i{animation:none !important;}
  .motion-off .reveal, .motion-off .reveal.pre{opacity:1; transform:none; transition:none;}
  @media (max-width:900px){
    .menu-toggle{display:inline-flex;}
    #net{opacity:.48; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 90%); mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 90%);}
  }
  @media (max-width:420px){ .nav-logo span{display:none;} }