/* ===== BacklinkYard — modo escenas (mismo motor de transición que aboutbyme.com) =====
   Solo se activa cuando /scenes.js añade html.bys-on. Sin JS, la página se ve normal. */
:root{--bys-acc:#42e8ff;--bys-accs:66 232 255;--bys-head:82px;--bys-bot:28px}
html.bys-wait body{opacity:0}
html.bys-on,html.bys-on body{height:100%;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}

/* header fijo arriba, por encima de las escenas */
html.bys-on body>header{position:fixed;top:0;left:0;right:0;max-width:none;z-index:200;
 padding-inline:max(28px,calc((100vw - 1240px)/2 + 28px));
 background:rgba(5,7,13,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.bys-stage{position:fixed;inset:0;z-index:1;overflow:hidden;background:#05070d}
.bys-scene{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;visibility:hidden;
 padding:var(--bys-head) 0 var(--bys-bot);will-change:transform,clip-path,opacity;transform-origin:50% 50%;
 background:linear-gradient(#42e8ff08 1px,transparent 1px) 0 0/52px 52px,linear-gradient(90deg,#42e8ff08 1px,transparent 1px) 0 0/52px 52px,#05070d}
.bys-scene.on{pointer-events:auto}.bys-scene:not(.on){pointer-events:none}
.bys-inner{display:flow-root;width:100%;margin:auto 0;flex:0 0 auto}

/* espacios compactos: cada página debe caber en una pantalla */
html.bys-on .bys-inner .hero{min-height:0;padding-block:24px}
html.bys-on .bys-inner .method{padding-block:12px}
html.bys-on .bys-inner .intel{padding-block:12px}
html.bys-on .bys-inner .rules{padding-block:12px}
html.bys-on .bys-inner .pricing{padding-block:22px 12px}
html.bys-on .bys-inner .team{padding-block:12px}
html.bys-on .bys-inner .contact{margin-block:16px 22px}
html.bys-on .bys-inner .center{margin-bottom:36px}
html.bys-on .bys-inner .steps,html.bys-on .bys-inner .crew{margin-top:38px}
html.bys-on .bys-inner .rules-table{margin-top:30px}
html.bys-on .bys-inner .rt-row{padding-block:13px}
html.bys-on .bys-inner .rules-foot{margin:16px 0 0}
html.bys-on .bys-inner footer{border-top:1px solid var(--line)}
/* piezas que continúan en una página siguiente */
html.bys-on .bys-inner .bys-cont.steps,html.bys-on .bys-inner .bys-cont.crew,
html.bys-on .bys-inner .bys-cont.rules-table{margin-top:0}
html.bys-on .bys-inner .bys-cont.plans{margin-top:18px}

/* efectos */
.bys-beam{position:fixed;left:0;right:0;top:0;height:2px;z-index:90;pointer-events:none;opacity:0;will-change:transform,opacity;
 background:linear-gradient(90deg,transparent,var(--bys-acc) 20%,#fff 50%,var(--bys-acc) 80%,transparent);
 box-shadow:0 0 18px 3px var(--bys-acc),0 0 60px 8px rgb(var(--bys-accs)/.35)}
.bys-corner{position:fixed;width:26px;height:26px;border:2px solid var(--bys-acc);z-index:95;pointer-events:none;opacity:.8;
 filter:drop-shadow(0 0 5px var(--bys-acc))}
.bys-c1{left:14px;top:calc(var(--bys-head) + 10px);border-right:0;border-bottom:0}
.bys-c2{right:14px;top:calc(var(--bys-head) + 10px);border-left:0;border-bottom:0}
.bys-c3{left:14px;bottom:14px;border-right:0;border-top:0}
.bys-c4{right:14px;bottom:14px;border-left:0;border-top:0}
.bys-ticks{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:95;display:flex;flex-direction:column;gap:9px;
 padding:10px 7px;border-radius:999px;background:rgba(5,7,13,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bys-ticks button{display:block;width:14px;height:3px;border:0;padding:0;margin-left:auto;border-radius:0;cursor:pointer;
 background:rgba(170,182,204,.45);letter-spacing:0;transition:width .3s,background .3s,box-shadow .3s}
.bys-ticks button.on{width:24px;background:var(--bys-acc);box-shadow:0 0 10px var(--bys-acc)}
.bys-sector{position:fixed;right:48px;bottom:26px;z-index:95;text-align:right;pointer-events:none;
 font:600 11px/1.3 'Space Grotesk',ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#b2bdd0;text-transform:uppercase;
 background:rgba(5,7,13,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 12px;border-radius:10px;border:1px solid #222b40}
.bys-sector .n{color:var(--bys-acc);font-size:13px}
.bys-sector .b{position:relative;width:140px;height:2px;margin:7px 0 0 auto;background:rgba(255,255,255,.14)}
.bys-sector .b i{position:absolute;inset:0;background:var(--bys-acc);transform-origin:0 50%;transform:scaleX(0)}

@media (max-width:760px){
 :root{--bys-head:70px;--bys-bot:58px}
 html.bys-on body>header{padding-inline:18px}
 html.bys-on .bys-inner .hero{padding-block:14px}
 html.bys-on .bys-inner .contact{margin:10px 12px}
 html.bys-on .bys-inner .center{margin-bottom:24px}
 html.bys-on .bys-inner .steps,html.bys-on .bys-inner .crew{margin-top:24px}
 .bys-sector{right:12px;bottom:12px;padding:7px 9px;font-size:9px}.bys-sector .n{font-size:11px}.bys-sector .b{width:90px}
 .bys-ticks{display:none}
 /* tarjetas más compactas en el teléfono (no se quita nada): caben más por página */
 html.bys-on .bys-inner .steps article{min-height:0;padding:22px 22px 46px}
 html.bys-on .bys-inner .step-icon{margin:14px 0 12px}
 html.bys-on .bys-inner .intel article{min-height:0;padding:22px}
 html.bys-on .bys-inner .plan{padding:22px}
 html.bys-on .bys-inner .plan.hot{padding-block:30px}
 html.bys-on .bys-inner .price{margin:14px 0 10px}
 html.bys-on .bys-inner .plan ul{margin:0 0 8px;padding:6px 0}
 html.bys-on .bys-inner .plan li{padding:2px 4px}
 html.bys-on .bys-inner .op{padding:22px 20px}
 html.bys-on .bys-inner .mono{margin-bottom:12px}
 html.bys-on .bys-inner .rt-row{padding-block:12px}
 .bys-corner{display:none}
}
@media (prefers-reduced-motion:reduce){.bys-beam{display:none}}