/* CANCHA.NET TOP V7 — reference-faithful landing, scoped to page 569 */
body.page-id-569{background:#020705!important;color:#f7faf8!important;overflow-x:hidden}
body.page-id-569 .content-page,body.page-id-569 .article-full,body.page-id-569 .the-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
body.page-id-569 .article-full>h1,body.page-id-569 .article-full>.breadcrumb-trail,body.page-id-569 .nx-buscador,body.page-id-569 .footer-breadcrumb,body.page-id-569 .go-top,body.page-id-569 .cn-footer-premium{display:none!important}
body.page-id-569 .site-header{background:rgba(1,8,6,.96)!important;border-bottom:1px solid rgba(198,255,0,.18);backdrop-filter:blur(14px)}
body.page-id-569 .site-header-content{width:min(1160px,calc(100% - 24px))!important;max-width:1160px!important;min-height:58px!important}
body.page-id-569 .cn-brand-svg{width:190px!important;max-height:39px!important}
body.page-id-569 .header-menu>li>a{min-height:58px!important;padding-inline:10px!important;font-size:10px!important;font-weight:700!important}
body.page-id-569 .cn-header-join{min-height:38px!important;padding:0 16px!important;border-radius:10px!important;background:#c6ff00!important;color:#041009!important;font-size:9px!important;font-weight:900!important;box-shadow:0 0 22px rgba(198,255,0,.18)}

.cnx-top{--lime:#c6ff00;--lime2:#a8f000;--gold:#ffd34d;--gold2:#a96c05;--silver:#dfe8ec;--bronze:#d47a38;--ink:#020806;--panel:#06130e;--panel2:#081b14;--line:rgba(198,255,0,.33);--muted:#a7b8af;--stadium:url('https://cancha.net/wp-content/uploads/2026/09/cancha-net-top-estadio-podio-premium.webp');--fan:url('https://cancha.net/wp-content/uploads/2026/09/hincha-solitario-en-la-grada-vacia-de-un-estadio-de-futbol-de-noche-scaled.webp');--ball:url('https://cancha.net/wp-content/uploads/2026/09/balon-de-futbol-sobre-el-cesped-2.jpg');--player:url('https://cancha.net/wp-content/uploads/2026/09/prueba-faceless-motor-adm-borrar.jpg');width:min(1160px,calc(100% - 24px));margin:0 auto;padding:12px 0 34px;font-family:Poppins,Inter,Arial,sans-serif;color:#f7faf8;position:relative;isolation:isolate}
.cnx-top,.cnx-top *{box-sizing:border-box}.cnx-top a{text-decoration:none}.cnx-top button,.cnx-top input,.cnx-top textarea,.cnx-top select{font:inherit}.cnx-top h1,.cnx-top h2,.cnx-top h3,.cnx-top h4,.cnx-top p,.cnx-top span,.cnx-top small,.cnx-top li,.cnx-top label,.cnx-top summary{color:inherit}.cnx-top h1,.cnx-top h2,.cnx-top h3{font-weight:900!important}.cnx-top p{line-height:1.45}.cnx-top section,.cnx-top article,.cnx-top aside{opacity:1!important;visibility:visible!important}
.cnx-kicker,.cnx-section-head span,.cnx-value>span,.cnx-profile>span,.cnx-global article>span,.cnx-join>div>span,.cnx-final>div>span{color:var(--lime)!important;font-size:13px!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase}

/* HERO: one cinematic scene */
.cnx-hero{position:relative;min-height:620px;border:1px solid rgba(198,255,0,.40);border-radius:22px;overflow:hidden;background-image:linear-gradient(90deg,rgba(1,8,6,.92) 0%,rgba(1,8,6,.66) 24%,rgba(1,8,6,.08) 47%,rgba(1,8,6,.08) 70%,rgba(1,8,6,.82) 100%),linear-gradient(180deg,rgba(0,0,0,.03) 55%,rgba(0,0,0,.32) 100%),var(--stadium);background-size:cover;background-position:center;box-shadow:0 26px 85px rgba(0,0,0,.48),inset 0 0 90px rgba(0,0,0,.18)}
.cnx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 51% 10%,rgba(255,222,92,.19),transparent 24%),linear-gradient(110deg,transparent 50%,rgba(255,216,58,.06) 52%,transparent 56%);pointer-events:none}
.cnx-hero:after{content:"";position:absolute;left:31%;right:21%;bottom:20px;height:76px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,205,48,.24),transparent 68%);filter:blur(7px);pointer-events:none}
.cnx-hero-copy{position:absolute;z-index:6;left:28px;top:34px;width:30%;max-width:335px}
.cnx-hero-copy .cnx-kicker{display:inline-flex;align-items:center;gap:6px;text-shadow:0 1px 10px #000}
.cnx-hero h1{margin:10px 0 12px!important;color:#fff!important;font-size:clamp(44px,4.45vw,62px)!important;line-height:.88!important;letter-spacing:-.055em!important;text-transform:none;text-shadow:0 4px 22px rgba(0,0,0,.55)}
.cnx-hero h1 em{display:block;color:var(--lime)!important;font-style:normal;text-shadow:0 0 24px rgba(198,255,0,.16)}
.cnx-hero-copy>p{margin:0 0 12px!important;color:#e9f0ec!important;font-size:15px!important;line-height:1.5!important;text-shadow:0 2px 9px rgba(0,0,0,.82)}
.cnx-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 14px}
.cnx-hero-proof span{min-height:62px;padding:8px 7px;border:1px solid rgba(198,255,0,.16);border-left:3px solid var(--lime);border-radius:8px;background:rgba(3,14,10,.84);font-size:12px!important;box-shadow:0 9px 24px rgba(0,0,0,.25)}
.cnx-hero-proof b{display:block;color:#fff!important;font-size:17px!important;line-height:1.1}.cnx-hero-proof small{display:block;margin-top:3px;color:#a7b8af!important;font-size:11px!important;line-height:1.25}
.cnx-btn,.cnx-hero-cta a,.cnx-side-promo a,.cnx-final a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:linear-gradient(180deg,#d9ff31,var(--lime));color:#041009!important;font-size:13px!important;font-weight:950!important;box-shadow:0 0 24px rgba(198,255,0,.23);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.cnx-btn:hover,.cnx-hero-cta a:hover,.cnx-side-promo a:hover,.cnx-final a:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 0 36px rgba(198,255,0,.34)}

/* podium plaques sit over real trophy image */
.cnx-podium{position:absolute;z-index:5;left:33%;right:22%;bottom:46px;display:grid;grid-template-columns:.9fr 1.15fr .9fr;align-items:end;gap:8px;height:440px;pointer-events:auto}
.cnx-podium:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-25px;height:74px;border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,rgba(90,64,12,.88),rgba(22,15,4,.96) 57%,rgba(2,7,5,.98));border:1px solid rgba(255,211,70,.52);box-shadow:0 0 28px rgba(255,205,51,.19),inset 0 1px 0 rgba(255,242,173,.28)}
.cnx-podium:after{content:"CANCHA.NET  ·  EL TRONO SE GANA";position:absolute;left:-3%;right:-3%;bottom:-2px;text-align:center;color:#d5b34a!important;font-size:7px;font-weight:900;letter-spacing:.19em;text-shadow:0 0 9px #000}
.cnx-podium-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:15px 9px 60px;border-radius:15px 15px 8px 8px;text-align:center;overflow:visible;backdrop-filter:blur(5px);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.cnx-podium-card:before{content:"";position:absolute;left:9%;right:9%;bottom:42px;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.65}
.cnx-podium-card:after{content:"";position:absolute;left:-8px;right:-8px;bottom:25px;height:28px;border:1px solid currentColor;border-radius:6px 6px 10px 10px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(0,0,0,.45));box-shadow:0 6px 16px rgba(0,0,0,.32),0 0 18px currentColor;opacity:.75}
.cnx-rank-1{order:2;min-height:390px;color:var(--gold);border:1px solid rgba(255,216,73,.85);background:linear-gradient(180deg,rgba(31,24,7,.60),rgba(5,9,6,.90));box-shadow:0 0 54px rgba(255,205,51,.25),inset 0 0 30px rgba(255,221,89,.07)}
.cnx-rank-2{order:1;min-height:305px;color:var(--silver);border:1px solid rgba(224,235,239,.86);background:linear-gradient(180deg,rgba(35,45,48,.58),rgba(5,11,10,.91));box-shadow:0 0 34px rgba(225,238,243,.15)}
.cnx-rank-3{order:3;min-height:305px;color:var(--bronze);border:1px solid rgba(218,126,61,.92);background:linear-gradient(180deg,rgba(46,24,13,.60),rgba(10,8,6,.91));box-shadow:0 0 32px rgba(218,112,49,.16)}
.cnx-podium-card:hover{transform:translateY(-4px);filter:brightness(1.06)}.cnx-rank-1:hover{transform:translateY(-5px)}
.cnx-crown{position:absolute;top:-67px;left:50%;transform:translateX(-50%);font-size:50px;line-height:1;color:currentColor!important;filter:drop-shadow(0 0 15px currentColor);text-shadow:0 0 24px currentColor}.cnx-rank-1 .cnx-crown{font-size:68px;top:-86px}.cnx-rank-1 .cnx-crown:before,.cnx-rank-1 .cnx-crown:after{content:"❧";position:absolute;top:29px;color:#e6be3e!important;font-size:50px;opacity:.75}.cnx-rank-1 .cnx-crown:before{right:46px;transform:rotate(-58deg)}.cnx-rank-1 .cnx-crown:after{left:46px;transform:scaleX(-1) rotate(-58deg)}
.cnx-rank-label{position:absolute;left:10px;top:10px;color:#fff!important;font-size:15px;font-weight:950;text-shadow:0 2px 8px #000}
.cnx-brand-mark{position:relative;width:58px;height:58px;display:grid;place-items:center;margin:0 0 8px;border-radius:50%;border:2px solid currentColor;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 18%),linear-gradient(145deg,#1b2a22,#030806 72%);color:currentColor!important;font-size:13px;font-weight:950;overflow:hidden;box-shadow:0 0 20px currentColor,inset 0 0 18px rgba(255,255,255,.05)}
.cnx-brand-mark:before{content:"";position:absolute;inset:7px;border:1px solid currentColor;border-radius:8px;transform:rotate(45deg);opacity:.40}.cnx-brand-mark--image:before{display:none}.cnx-brand-mark--image img{position:relative;z-index:2;width:74%;height:74%;object-fit:contain}
.cnx-rank-1 .cnx-brand-mark{width:72px;height:72px;background:radial-gradient(circle at 35% 30%,#fff0a3 0 5%,#8c5d05 28%,#0b0b06 67%)}
.cnx-podium-card h2{margin:5px 0 3px!important;color:#fff!important;font-size:19px!important;line-height:1.1!important;text-shadow:0 2px 7px #000}.cnx-podium-card>span,.cnx-podium-card>small{color:#d0d9d4!important;font-size:12px!important;line-height:1.35}.cnx-podium-card p{max-width:180px;margin:7px 0!important;color:#c6d0cb!important;font-size:12px!important;line-height:1.4!important}.cnx-podium-card>strong{position:relative;z-index:3;margin-top:7px;color:var(--lime)!important;font-size:30px!important;line-height:1!important;text-shadow:0 0 16px rgba(198,255,0,.25)}.cnx-rank-1>strong{color:#ffe05d!important;font-size:40px!important;text-shadow:0 0 24px rgba(255,214,67,.42)}.cnx-podium-card>a{color:#fff!important;font-size:11px!important;margin-top:5px}

/* hero flyer */
.cnx-hero-cta{position:absolute;z-index:7;right:18px;top:46px;width:21%;max-width:244px;min-height:205px;padding:15px 15px 14px;border:1px solid rgba(198,255,0,.45);border-radius:15px;overflow:hidden;background:linear-gradient(180deg,rgba(3,13,9,.74),rgba(3,13,9,.94)),var(--fan) center/cover no-repeat;box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 24px rgba(198,255,0,.09)}
.cnx-hero-cta:before{content:"";position:absolute;right:-28px;bottom:-22px;width:115px;height:115px;transform:rotate(-18deg);background:linear-gradient(135deg,transparent 0 18%,rgba(198,255,0,.95) 19% 44%,#07130e 45% 54%,rgba(198,255,0,.90) 55% 82%,transparent 83%);clip-path:polygon(12% 6%,92% 20%,82% 91%,5% 72%);opacity:.78;filter:drop-shadow(0 0 9px rgba(198,255,0,.28));pointer-events:none}
.cnx-hero-cta>span{position:relative;z-index:2;color:#f6dc6a!important;font-size:11px!important;font-weight:950;letter-spacing:.08em}.cnx-hero-cta h3{position:relative;z-index:2;margin:8px 0!important;color:#fff!important;font-size:23px!important;line-height:1.08!important;text-shadow:0 2px 8px #000}.cnx-hero-cta p{position:relative;z-index:2;max-width:175px;margin:0 0 13px!important;color:#d7e1dc!important;font-size:12px!important;line-height:1.5!important}.cnx-hero-cta a{position:relative;z-index:2;width:100%;min-height:42px;font-size:12px!important}
.cnx-demo-note{margin:7px 0;padding:6px 10px;border:1px solid rgba(255,213,68,.25);border-radius:8px;background:linear-gradient(90deg,#0e1107,#171205,#0e1107);color:#e7d365!important;font-size:11px!important;text-align:center;letter-spacing:.055em}

/* shared surfaces */
.cnx-table-card,.cnx-side-promo,.cnx-how,.cnx-moves,.cnx-value,.cnx-profile,.cnx-global,.cnx-faq,.cnx-join,.cnx-final{position:relative;overflow:hidden;border:1px solid rgba(198,255,0,.27);border-radius:15px;background:linear-gradient(180deg,rgba(5,20,14,.97),rgba(2,10,7,.98));box-shadow:0 14px 42px rgba(0,0,0,.28)}
.cnx-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.cnx-section-head h2{margin:3px 0 0!important;color:#fff!important;font-size:20px!important;line-height:1!important;letter-spacing:-.02em!important}.cnx-live{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(198,255,0,.25);border-radius:999px;background:rgba(198,255,0,.07);color:var(--lime)!important;font-size:11px;font-weight:900;white-space:nowrap}

/* ranking board + designed flyer */
.cnx-rank-zone{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr);gap:10px;margin:10px 0}.cnx-table-card{padding:13px 14px}.cnx-table-head,.cnx-table-row{display:grid;grid-template-columns:35px minmax(150px,1.15fr) minmax(90px,.63fr) minmax(118px,.78fr) 62px 50px;gap:7px;align-items:center}.cnx-table-head{padding:0 4px 6px;color:#7f9388!important;font-size:11px}.cnx-table-row{min-height:54px;padding:5px 4px;border-top:1px solid rgba(217,240,228,.10);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.cnx-table-row:hover{background:rgba(14,38,27,.78);transform:translateX(2px);box-shadow:inset 3px 0 var(--lime)}.cnx-table-row>b{color:#f2de66!important;font-size:14px}.cnx-brand-cell{display:flex;align-items:center;gap:8px;min-width:0}.cnx-brand-cell .cnx-brand-mark{flex:0 0 auto;width:30px;height:30px;margin:0;font-size:10px;box-shadow:none}.cnx-brand-cell strong{overflow:hidden;color:#fff!important;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.cnx-table-row>span{overflow:hidden;color:#c1cec7!important;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.cnx-table-row em{color:var(--lime)!important;font-size:15px;font-style:normal;font-weight:950}.cnx-table-row i{font-size:12px;font-style:normal;color:#8ea097!important}.cnx-up{color:var(--lime)!important}.cnx-down{color:#ff5a5a!important}
.cnx-side-promo{min-height:100%;padding:17px;background:linear-gradient(180deg,rgba(3,13,9,.47),rgba(3,12,8,.91)),var(--fan) center/cover no-repeat}.cnx-side-promo:before{content:"";position:absolute;inset:auto -28px -30px auto;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#d9ff31 0 3%,#456000 4% 13%,#09120d 14% 55%,transparent 56%);opacity:.35;filter:blur(.2px)}.cnx-side-promo:after{content:"⚑";position:absolute;right:18px;bottom:19px;color:var(--lime)!important;font-size:56px;transform:rotate(-12deg);opacity:.45;text-shadow:0 0 22px var(--lime)}.cnx-side-promo>*{position:relative;z-index:2}.cnx-side-promo>span{color:#f1d66b!important;font-size:12px!important;font-weight:950;letter-spacing:.08em}.cnx-side-promo h2{margin:8px 0!important;color:#fff!important;font-size:24px!important;line-height:1.08!important;text-shadow:0 2px 8px #000}.cnx-side-lead{color:#d8e2dc!important;font-size:13px!important}.cnx-side-promo ul{margin:10px 0 14px;padding:0;list-style:none}.cnx-side-promo li{position:relative;margin:7px 0;padding-left:21px;color:#eef4f1!important;font-size:13px;line-height:1.3}.cnx-side-promo li:before{content:"✓";position:absolute;left:0;top:-1px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#06100b;font-size:9px;font-weight:950}.cnx-side-promo a{width:100%;min-height:44px;font-size:12px!important}

/* How it works */
.cnx-how{padding:15px;margin:10px 0;background:linear-gradient(180deg,rgba(6,22,16,.98),rgba(3,13,9,.98))}.cnx-how-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.cnx-how-title>span{color:#f4d95d!important;font-size:14px;font-weight:950;letter-spacing:.05em}.cnx-how-title h2{margin:0!important;color:#fff!important;font-size:22px!important;line-height:1.1}.cnx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.cnx-steps article{position:relative;min-height:112px;padding:11px 10px 10px 49px;border:1px solid rgba(198,255,0,.18);border-radius:11px;background:linear-gradient(145deg,#0a2118,#05110d);box-shadow:inset 0 1px rgba(255,255,255,.03)}.cnx-steps article:not(:last-child):after{content:"›";position:absolute;right:-12px;top:31px;z-index:4;color:var(--lime)!important;font-size:30px;font-weight:900;text-shadow:0 0 12px rgba(198,255,0,.25)}.cnx-steps b{position:absolute;left:10px;top:11px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#06100c!important;font-size:12px}.cnx-steps strong{display:block;margin:2px 0 5px;color:#fff!important;font-size:14px}.cnx-steps p{margin:0!important;color:#aebeb6!important;font-size:12px!important;line-height:1.4!important}.cnx-example{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px;border:1px solid rgba(255,212,67,.34);border-radius:10px;background:linear-gradient(90deg,#121006,#070e0a,#121006)}.cnx-example span,.cnx-example strong{padding:7px 10px;border:1px solid rgba(198,255,0,.12);border-radius:8px;background:#06110d;color:#e9efeb!important;font-size:12px}.cnx-example b{color:var(--lime)!important}.cnx-example i{color:#efd158!important;font-size:17px;font-style:normal}.cnx-example em{margin-left:auto;color:#f0d55d!important;font-size:12px;font-style:normal;font-weight:950}
.cnx-sim{display:grid;grid-template-columns:minmax(150px,1fr) 128px auto auto minmax(180px,1.15fr);gap:7px;align-items:end;margin-top:8px;padding:8px;border:1px solid rgba(198,255,0,.14);border-radius:10px;background:#04100c}.cnx-sim label{color:#a6b7ae!important;font-size:12px}.cnx-sim select,.cnx-sim input{width:100%;min-height:42px;margin-top:4px;padding:7px 9px;border:1px solid rgba(198,255,0,.20);border-radius:8px;background:#081711;color:#fff!important;font-size:13px}.cnx-sim button{min-height:42px;padding:0 12px;border:0;border-radius:9px;background:var(--lime);color:#06100b!important;font-size:12px;font-weight:950;cursor:pointer}.cnx-sim button[data-cnx-sim-reset]{border:1px solid rgba(198,255,0,.17);background:#102019;color:#dce6e1!important}.cnx-sim-status{align-self:center;color:#d6e0db!important;font-size:12px;line-height:1.35}.cnx-tie-note{margin:6px 0 0!important;color:#82958b!important;font-size:11px!important;text-align:right}

/* movement */
.cnx-moves{padding:13px;margin:10px 0}.cnx-move-track{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cnx-move-track article{position:relative;min-height:82px;padding:10px 10px 9px 45px;border:1px solid rgba(198,255,0,.15);border-radius:11px;background:linear-gradient(145deg,#091c14,#04100c);transition:transform .2s ease,box-shadow .2s ease}.cnx-move-track article:before{content:"↑";position:absolute;left:9px;top:11px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--lime);background:#10250f;color:var(--lime)!important;font-size:17px;font-weight:950;box-shadow:0 0 12px rgba(198,255,0,.14)}.cnx-move-track article:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(0,0,0,.24)}.cnx-move-track strong,.cnx-move-track span,.cnx-move-track b{display:block}.cnx-move-track strong{color:#fff!important;font-size:13px}.cnx-move-track span{margin:3px 0;color:#a0b0a8!important;font-size:12px}.cnx-move-track b{color:var(--lime)!important;font-size:16px}.cnx-demo-bid{display:none!important}

/* benefits + profile */
.cnx-value-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:10px;margin:10px 0}.cnx-value,.cnx-profile{padding:14px}.cnx-value-cards{display:grid;grid-template-columns:repeat(5,1fr)!important;gap:6px;margin-top:9px}.cnx-value-cards article{min-height:118px;padding:11px 9px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(145deg,#0a1c14,#06110d);text-align:center}.cnx-value-cards b{display:grid;place-items:center;width:39px;height:39px;margin:0 auto;border-radius:10px;background:rgba(198,255,0,.08);color:var(--lime)!important;font-size:21px}.cnx-value-cards strong{display:block;margin:7px 0 4px;color:#fff!important;font-size:13px;line-height:1.15}.cnx-value-cards p{margin:0!important;color:#a5b5ad!important;font-size:12px!important;line-height:1.4!important}.cnx-profile{background:radial-gradient(circle at 70% 12%,rgba(198,255,0,.08),transparent 32%),linear-gradient(180deg,#071810,#04100c)}.cnx-profile-card{display:grid;grid-template-columns:65px 1fr;gap:10px;align-items:center;margin:9px 0;padding:10px;border:1px solid rgba(198,255,0,.12);border-radius:11px;background:#07130f}.cnx-profile-logo{width:62px;height:62px;display:grid;place-items:center;border:2px solid rgba(255,216,72,.55);border-radius:50%;background:radial-gradient(circle,#6e570a 0 7%,#0f1710 40%,#030806 70%);color:#f2d35b!important;font-size:11px;font-weight:950;text-align:center;box-shadow:0 0 18px rgba(255,208,53,.12)}.cnx-profile-card strong,.cnx-profile-card small{display:block}.cnx-profile-card strong{color:#fff!important;font-size:16px}.cnx-profile-card small{margin-top:2px;color:#a4b4ac!important;font-size:12px}.cnx-profile ul{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;padding-left:16px}.cnx-profile li{color:#c9d4ce!important;font-size:12px}

/* panoramic global section */
.cnx-global{display:grid;grid-template-columns:1.05fr .95fr;min-height:245px;margin:10px 0;padding:0!important;background:linear-gradient(90deg,rgba(3,12,9,.96) 0%,rgba(3,12,9,.78) 42%,rgba(3,12,9,.22) 70%,rgba(3,12,9,.78) 100%),var(--stadium) center 57%/cover no-repeat!important}
.cnx-global:before{content:"";position:absolute;z-index:1;right:4%;top:50%;width:230px;height:230px;transform:translate(35%,-50%);border-radius:50%;opacity:.55;border:2px solid rgba(255,210,59,.5);background:radial-gradient(circle at 37% 30%,rgba(255,255,255,.75) 0 1.3%,transparent 2%),radial-gradient(circle at 39% 34%,#2a89b5 0 8%,#0d4c6a 18%,#082c39 40%,#031016 67%);box-shadow:inset -24px -20px 35px rgba(0,0,0,.55),inset 8px 6px 25px rgba(86,194,255,.28),0 0 34px rgba(255,207,53,.18),0 0 80px rgba(40,151,214,.12)}
.cnx-global:after{content:"";position:absolute;z-index:1;right:4%;top:50%;width:280px;height:165px;opacity:.5;transform:translate(35%,-50%) rotate(18deg);border:2px solid rgba(255,211,65,.38);border-radius:50%;box-shadow:0 0 15px rgba(255,210,60,.15)}
.cnx-global article{position:relative;z-index:3;padding:26px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.cnx-global article:first-child{padding-right:70px}.cnx-global article:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-left:70px;padding-right:30px}.cnx-global h2{margin:6px 0!important;color:#fff!important;font-size:29px!important;line-height:1.05!important;letter-spacing:-.03em}.cnx-global article:first-child h2{max-width:360px}.cnx-global article:nth-child(2) h2{max-width:300px;color:var(--lime)!important;text-shadow:0 2px 14px rgba(0,0,0,.9)}.cnx-global p{max-width:340px;margin:0 0 12px!important;color:#e7ede9!important;font-size:14px!important;line-height:1.5!important;text-shadow:0 2px 10px rgba(0,0,0,.85)}.cnx-global article>div{display:flex;gap:7px;flex-wrap:wrap}.cnx-lang-btn{min-width:58px;min-height:40px;padding:0 10px;border:1px solid rgba(198,255,0,.22);border-radius:9px;background:#06110d;color:#fff!important;font-size:12px;font-weight:900;cursor:pointer}.cnx-lang-btn.is-active{border-color:var(--lime);background:#18220e;color:var(--lime)!important;box-shadow:0 0 14px rgba(198,255,0,.16)}

/* FAQ */
.cnx-faq{padding:13px;margin:10px 0}.cnx-faq-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cnx-faq details{min-height:75px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#07130f}.cnx-faq summary{position:relative;padding-left:26px;color:#fff!important;font-size:13px!important;font-weight:900;line-height:1.3;cursor:pointer;list-style:none}.cnx-faq summary::-webkit-details-marker{display:none}.cnx-faq summary:before{content:"+";position:absolute;left:0;top:-3px;width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(198,255,0,.25);border-radius:50%;color:var(--lime)!important;font-size:13px}.cnx-faq details[open] summary:before{content:"–"}.cnx-faq p{margin:8px 0 0!important;color:#a9b9b1!important;font-size:12px!important;line-height:1.45!important}

/* form becomes a real visual split scene */
.cnx-join{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:0;min-height:420px;margin:10px 0;padding:0!important;background:linear-gradient(90deg,rgba(3,12,9,.34),rgba(3,12,9,.85) 45%,#06130e 58%),var(--ball) 15% center/58% auto no-repeat!important}
.cnx-join:before{content:"♛";position:absolute;left:17%;bottom:54px;color:#f2cc43!important;font-size:70px;text-shadow:0 0 28px rgba(255,207,50,.35);opacity:.88}.cnx-join>div{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 18px 28px 24px}.cnx-join h2{max-width:360px;margin:7px 0!important;color:#fff!important;font-size:30px!important;line-height:.97!important;letter-spacing:-.035em}.cnx-join>div p{max-width:360px;margin:0!important;color:#e1e9e5!important;font-size:14px!important;line-height:1.55!important;text-shadow:0 2px 8px #000}.cnx-join form{position:relative;z-index:3;margin:15px;padding:16px;border:1px solid rgba(198,255,0,.21);border-radius:13px;background:rgba(4,16,11,.95);box-shadow:0 22px 54px rgba(0,0,0,.34)}.cnx-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cnx-join label{display:block;margin-bottom:8px;color:#f1f5f3!important;font-size:12px;font-weight:800}.cnx-join label small{color:#899b91!important;font-size:11px}.cnx-join input,.cnx-join textarea{width:100%;min-height:42px;margin-top:4px;padding:8px 9px;border:1px solid rgba(198,255,0,.18);border-radius:8px;background:#03100b;color:#fff!important;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.cnx-join textarea{min-height:67px;resize:vertical}.cnx-join input:focus,.cnx-join textarea:focus,.cnx-sim input:focus,.cnx-sim select:focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 2px rgba(198,255,0,.12)}.cnx-join button[type=submit]{width:100%;min-height:46px;border:0;border-radius:9px;background:linear-gradient(180deg,#dbff2e,var(--lime));color:#06100c!important;font-size:13px;font-weight:950;cursor:pointer;box-shadow:0 0 20px rgba(198,255,0,.16)}.cnx-join button[disabled]{opacity:.55;cursor:wait}.cnx-join [data-cnc-response]{min-height:17px;margin:7px 0 0!important;color:#d5e1db!important;font-size:12px!important}.cnx-form-ok{color:var(--lime)!important}.cnx-form-error{color:#ff7b7b!important}

/* final cinematic strip */
.cnx-final{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:165px;margin-top:10px;padding:20px 24px;background:linear-gradient(90deg,rgba(2,9,6,.92),rgba(2,9,6,.48) 54%,rgba(2,9,6,.82)),var(--player) center 36%/cover no-repeat!important}.cnx-final:before{content:"♛";position:absolute;left:47%;top:18px;color:#f2ca42!important;font-size:77px;text-shadow:0 0 28px rgba(255,210,58,.42);opacity:.72}.cnx-final:after{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,215,66,.33);pointer-events:none}.cnx-final>*{position:relative;z-index:2}.cnx-final h2{margin:6px 0!important;color:#fff!important;font-size:36px!important;line-height:1!important;letter-spacing:-.035em}.cnx-final h2 em{display:block;color:var(--lime)!important;font-style:normal}.cnx-final p{margin:0!important;color:#d1dcd6!important;font-size:14px!important}.cnx-final a{min-width:230px;min-height:48px;font-size:13px!important}

/* motion: visible by default; enhancements only */
.cnx-top.cnx-motion-ready .cnx-hero-copy{animation:cnxHeroIn .55s cubic-bezier(.2,.75,.2,1) both}.cnx-top.cnx-motion-ready .cnx-rank-2{animation:cnxPodiumIn .52s .08s cubic-bezier(.2,.75,.2,1) both}.cnx-top.cnx-motion-ready .cnx-rank-1{animation:cnxPodiumIn .58s .14s cubic-bezier(.2,.75,.2,1) both}.cnx-top.cnx-motion-ready .cnx-rank-3{animation:cnxPodiumIn .52s .2s cubic-bezier(.2,.75,.2,1) both}.cnx-top.cnx-motion-ready .cnx-hero-cta{animation:cnxHeroIn .52s .24s cubic-bezier(.2,.75,.2,1) both}.cnx-rank-1 .cnx-brand-mark:after{content:"";position:absolute;inset:-40% auto -40% -65%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,245,182,.62),transparent);opacity:0}.cnx-top.cnx-motion-ready .cnx-rank-1 .cnx-brand-mark:after{animation:cnxMetal 8s 2.6s ease-in-out infinite}.cnx-flash{animation:cnxFlash .55s ease both!important}.cnx-shift{animation:cnxShift .5s cubic-bezier(.2,.72,.2,1) both!important}
@keyframes cnxHeroIn{from{opacity:.01;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cnxPodiumIn{from{opacity:.01;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes cnxMetal{0%,74%,100%{left:-65%;opacity:0}79%{opacity:.72}88%{left:130%;opacity:0}}@keyframes cnxFlash{0%{filter:brightness(.82)}48%{filter:brightness(1.25);box-shadow:0 0 28px rgba(198,255,0,.20)}100%{filter:none}}@keyframes cnxShift{0%{opacity:.72;transform:translateY(var(--cnx-dy,8px))}100%{opacity:1;transform:none}}

/* Laptop */
@media(max-width:1100px){.cnx-top{width:min(970px,calc(100% - 18px))}.cnx-hero{min-height:650px}.cnx-hero-copy{left:20px;width:31%}.cnx-hero h1{font-size:46px!important}.cnx-podium{left:31%;right:20%;bottom:47px}.cnx-hero-cta{right:12px;width:21%}.cnx-rank-zone{grid-template-columns:minmax(0,1.55fr) minmax(225px,.45fr)}.cnx-value-grid{grid-template-columns:1fr}.cnx-global{grid-template-columns:1fr 1fr}.cnx-join{grid-template-columns:.72fr 1.28fr}.cnx-faq-grid{grid-template-columns:repeat(3,1fr)}.cnx-sim{grid-template-columns:1fr 120px auto auto}.cnx-sim-status{grid-column:1/-1}}

/* Tablet */
@media(max-width:820px){.cnx-top{width:calc(100% - 14px)}.cnx-hero{min-height:830px;padding:18px;background-position:center top}.cnx-hero-copy{left:18px;top:20px;width:45%;max-width:360px}.cnx-hero h1{font-size:43px!important}.cnx-hero-cta{right:14px;top:22px;width:40%;max-width:280px}.cnx-podium{left:14%;right:14%;bottom:45px;height:420px}.cnx-rank-zone{grid-template-columns:1fr}.cnx-side-promo{min-height:230px;padding-right:45%}.cnx-side-promo h2{max-width:380px}.cnx-value-grid{grid-template-columns:1fr}.cnx-value-cards{grid-template-columns:repeat(5,1fr)!important}.cnx-global{grid-template-columns:1fr}.cnx-global article:nth-child(2){display:none}.cnx-global article:first-child{padding-right:42%}.cnx-global:before,.cnx-global:after{right:20%}.cnx-join{grid-template-columns:1fr 1.2fr;background-position:left center!important}.cnx-faq-grid{grid-template-columns:repeat(2,1fr)}}

/* Mobile composition, not scaled desktop */
@media(max-width:620px){
body.page-id-569 .site-header-content{width:calc(100% - 14px)!important;min-height:56px!important}body.page-id-569 .cn-brand-svg{width:154px!important}body.page-id-569 .cn-header-join{display:none!important}
.cnx-top{width:calc(100% - 10px);padding-top:6px}.cnx-hero{display:flex;flex-direction:column;min-height:0;padding:13px;background-image:linear-gradient(180deg,rgba(1,8,6,.38),rgba(1,8,6,.86) 44%,rgba(1,8,6,.96) 100%),var(--stadium);background-position:center top;background-size:auto 390px,auto 390px;border-radius:16px}.cnx-hero:after{display:none}.cnx-hero-copy,.cnx-podium,.cnx-hero-cta{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none}.cnx-hero-copy{order:1;padding:4px 2px 0}.cnx-hero h1{font-size:clamp(34px,11vw,46px)!important;max-width:100%;margin:7px 0 8px!important}.cnx-hero-copy>p{font-size:11px!important}.cnx-hero-proof{grid-template-columns:repeat(3,1fr);margin:11px 0}.cnx-hero-proof span{min-height:51px;padding:7px 6px}.cnx-btn{width:100%;min-height:46px}.cnx-podium{order:2;display:grid;grid-template-columns:1fr 1fr;height:auto;margin-top:105px;gap:7px}.cnx-podium:before,.cnx-podium:after{display:none}.cnx-rank-1{grid-column:1/-1;order:1;min-height:280px;padding-bottom:35px}.cnx-rank-2,.cnx-rank-3{min-height:220px;padding-bottom:34px}.cnx-rank-2{order:2}.cnx-rank-3{order:3}.cnx-rank-1 .cnx-crown{top:-58px;font-size:50px}.cnx-crown{top:-40px;font-size:35px}.cnx-podium-card:after{bottom:12px}.cnx-podium-card:before{bottom:29px}.cnx-podium-card h2{font-size:14px!important}.cnx-podium-card>strong{font-size:25px!important}.cnx-rank-1>strong{font-size:34px!important}.cnx-hero-cta{order:3;min-height:170px;margin-top:9px;padding:13px 45% 13px 13px;background-position:center}.cnx-hero-cta h3{font-size:18px!important}.cnx-hero-cta p{font-size:8px!important}.cnx-hero-cta a{min-height:44px}.cnx-demo-note{font-size:7px!important}
.cnx-rank-zone,.cnx-value-grid,.cnx-join{grid-template-columns:1fr;gap:8px}.cnx-table-card{padding:10px}.cnx-table-head{display:none}.cnx-table-row{grid-template-columns:28px 1fr 52px;min-height:49px}.cnx-table-row>span,.cnx-table-row i{display:none}.cnx-brand-cell{grid-column:2}.cnx-table-row em{grid-column:3}.cnx-side-promo{min-height:230px;padding:15px 45% 15px 15px}.cnx-side-promo h2{font-size:18px!important}.cnx-side-promo ul{display:none}.cnx-side-promo a{min-height:44px}.cnx-how{padding:11px}.cnx-how-title{display:block}.cnx-how-title h2{margin-top:4px!important;font-size:17px!important}.cnx-steps{grid-template-columns:1fr 1fr}.cnx-steps article{min-height:100px}.cnx-steps article:not(:last-child):after{display:none}.cnx-example{flex-wrap:wrap}.cnx-example em{width:100%;margin-left:0;text-align:center}.cnx-sim{grid-template-columns:1fr 1fr}.cnx-sim button{min-height:44px}.cnx-sim-status{grid-column:1/-1}.cnx-move-track{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x mandatory;scrollbar-width:none}.cnx-move-track::-webkit-scrollbar{display:none}.cnx-move-track article{flex:0 0 155px;scroll-snap-align:start}.cnx-value-cards{grid-template-columns:1fr 1fr!important}.cnx-value-cards article:last-child{grid-column:1/-1}.cnx-profile ul{grid-template-columns:1fr 1fr}.cnx-global{display:block;min-height:330px;padding-bottom:150px!important;background-position:center!important}.cnx-global article:first-child{padding:16px!important}.cnx-global article:nth-child(2){display:none}.cnx-global h2{font-size:25px!important}.cnx-global:before{right:50%;top:auto;bottom:10px;width:190px;height:190px;transform:translateX(50%)}.cnx-global:after{right:50%;top:auto;bottom:25px;width:235px;height:135px;transform:translateX(50%) rotate(18deg)}.cnx-lang-btn{min-height:44px}.cnx-faq-grid{grid-template-columns:1fr}.cnx-faq details{min-height:48px}.cnx-join{display:block;min-height:0;padding-top:205px!important;background-image:linear-gradient(180deg,rgba(3,12,9,.18),rgba(3,12,9,.86) 35%,#06130e 48%),var(--ball)!important;background-position:center top!important;background-size:auto 270px!important}.cnx-join:before{left:20px;bottom:auto;top:132px;font-size:46px}.cnx-join>div{padding:12px 14px 4px}.cnx-join h2{font-size:27px!important}.cnx-join form{margin:9px 10px 12px;padding:11px}.cnx-fields{grid-template-columns:1fr}.cnx-join input,.cnx-join textarea{min-height:44px;font-size:14px}.cnx-join button[type=submit]{min-height:48px}.cnx-final{flex-direction:column;align-items:flex-start;min-height:240px;padding:17px;background-position:62% center!important}.cnx-final:before{left:auto;right:23px;top:16px;font-size:56px}.cnx-final h2{font-size:30px!important}.cnx-final a{width:100%;min-height:48px}
}
@media(max-width:390px){.cnx-hero-proof{grid-template-columns:1fr}.cnx-podium{grid-template-columns:1fr;margin-top:90px}.cnx-rank-1,.cnx-rank-2,.cnx-rank-3{grid-column:auto}.cnx-steps,.cnx-value-cards,.cnx-sim{grid-template-columns:1fr!important}.cnx-value-cards article:last-child{grid-column:auto}.cnx-profile ul{grid-template-columns:1fr}.cnx-hero-cta,.cnx-side-promo{padding-right:34%}}
@media(prefers-reduced-motion:reduce){.cnx-top *{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}