/* UPLINK V7 / spatial clarity and product experience */
:root{--v7-mint:#8df5d6;--v7-ink:#082f30;--v7-violet:#a995ff;--v7-blue:#76c8ff}

/* Home hero — make the three public offers understandable in the first view */
.uplink-v4 .hero-v4{--lens-x:72%;--lens-y:42%}
.uplink-v4 .hero-v4 .hero-toyama{filter:saturate(1.12) contrast(1.03) brightness(.92)!important}
.uplink-v4 .hero-v4::before{z-index:1!important;opacity:1!important;background:linear-gradient(90deg,rgba(1,13,18,.82) 0%,rgba(2,17,22,.62) 37%,rgba(2,19,24,.26) 68%,rgba(1,14,19,.2) 100%),linear-gradient(0deg,rgba(1,13,18,.56),transparent 48%,rgba(1,13,18,.08))!important;background-size:auto!important;mask-image:none!important;transform:none!important}
.uplink-v4 .hero-v4::after{content:""!important;display:block!important;position:absolute!important;z-index:2!important;inset:0!important;pointer-events:none!important;background:radial-gradient(32rem circle at var(--lens-x) var(--lens-y),rgba(199,255,240,.16),transparent 58%),linear-gradient(115deg,transparent 36%,rgba(165,255,229,.08) 50%,transparent 65%)!important;mix-blend-mode:screen!important}
.hero-master-grid{grid-template-columns:minmax(0,44rem) minmax(24rem,1fr)!important;gap:clamp(2rem,5vw,6rem)!important}
.hero-v4-copy{filter:drop-shadow(0 1.5rem 3.5rem rgba(0,10,16,.22))}
.hero-offer-key{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}
.hero-offer-key span{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .7rem;border:1px solid rgba(219,255,247,.26);border-radius:999px;color:#eafff9;background:rgba(2,27,33,.36);backdrop-filter:blur(12px);font:750 .68rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em}
.hero-offer-key i{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--key-color,#8df5d6);box-shadow:0 0 1.1rem var(--key-color,#8df5d6)}
.hero-offer-key .key-free{--key-color:#b19aff}.hero-offer-key .key-paid{--key-color:#77caff}.hero-offer-key .key-stock{--key-color:#84f4c9}
.hero-now{position:relative;width:min(100%,40rem);grid-template-columns:repeat(2,minmax(0,1fr));transform-style:preserve-3d}
.hero-now-head,.hero-now-aqua{grid-column:1/-1}
.hero-now-aqua{min-height:7rem}
.hero-now::after{content:"PUBLIC OFFER MAP";position:absolute;right:1rem;bottom:-1.55rem;color:rgba(225,255,248,.55);font:700 .55rem ui-monospace,monospace;letter-spacing:.16em}
.hero-now-card{transform:translateZ(0);will-change:transform}
.hero-now-card:nth-of-type(2){transform:translateZ(12px)}
.hero-now-card:nth-of-type(3){transform:translateZ(24px)}
.hero-now-aqua::before{background:radial-gradient(circle,rgba(86,255,209,.38),rgba(44,157,186,.16) 48%,transparent 70%)}
.hero-now-aqua .hero-now-label{color:#8ff4d8}
.hero-now-aqua b{position:absolute;right:1rem;bottom:1rem;z-index:2;color:#b9fff0;font:800 .62rem ui-monospace,monospace;letter-spacing:.1em}
@media(min-width:1281px){.uplink-v4 .hero-now{margin-right:2.8rem}}

/* Home conversion area — depth follows intent, not decoration */
.live-card{transform-style:preserve-3d;isolation:isolate}
.live-card::after{content:"";position:absolute;z-index:0;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(28rem circle at var(--card-x,72%) var(--card-y,18%),rgba(255,255,255,.34),transparent 52%);opacity:.72;transition:opacity .3s}
.live-card-aqua::after{z-index:0;background:radial-gradient(28rem circle at var(--card-x,72%) var(--card-y,18%),rgba(129,255,222,.18),transparent 52%),linear-gradient(180deg,rgba(5,62,70,.06),rgba(2,28,43,.76))}
.live-card:hover>*{transform:translateZ(10px)}
.live-card>*{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.live-price strong{font-variant-numeric:tabular-nums}
.offer-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1.3rem;overflow:hidden;border:1px solid rgba(35,93,89,.14);border-radius:1.1rem;background:rgba(31,93,88,.12)}
.offer-legend div{padding:1rem 1.1rem;background:rgba(255,255,255,.65)}
.offer-legend span{display:block;margin-bottom:.25rem;color:#31706a;font:800 .62rem ui-monospace,monospace;letter-spacing:.12em}
.offer-legend strong{font-size:.88rem}

/* Route tool — interactive sales demonstration */
.route-lab{position:relative;overflow:hidden;padding:clamp(6rem,10vw,10rem) 0;color:#eafff9;background:radial-gradient(circle at 78% 12%,rgba(80,214,184,.2),transparent 28%),radial-gradient(circle at 16% 86%,rgba(92,125,255,.18),transparent 32%),#041d22}
.route-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(129,246,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(129,246,216,.045) 1px,transparent 1px);background-size:4.5rem 4.5rem;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.route-lab .shell{position:relative}
.route-lab-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.route-lab-head .eyebrow{color:#82efcf}
.route-lab-head h2{max-width:11ch;margin:.45rem 0 0;color:#fff;font-size:clamp(3rem,6vw,6.6rem);font-weight:480;line-height:.92;letter-spacing:-.065em}
.route-lab-head>p{color:#bad5cf;line-height:1.9}
.route-lab-shell{display:grid;grid-template-columns:minmax(17rem,.55fr) minmax(22rem,.8fr) minmax(18rem,.55fr);gap:1rem;align-items:stretch;padding:1rem;border:1px solid rgba(171,255,234,.18);border-radius:2.2rem;background:rgba(6,41,47,.72);box-shadow:0 3rem 8rem rgba(0,9,14,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px)}
.route-lab-nav,.route-lab-context{padding:clamp(1.4rem,2.5vw,2.2rem);border-radius:1.5rem;background:rgba(4,25,31,.7)}
.route-lab-nav>span,.route-lab-context>span{color:#7feacb;font:800 .64rem ui-monospace,monospace;letter-spacing:.14em}
.route-lab-nav h3,.route-lab-context h3{margin:.65rem 0 1.5rem;color:#fff;font-size:1.5rem;line-height:1.18}
.route-lab-tabs{display:grid;gap:.6rem}
.route-lab-tabs button{display:grid;grid-template-columns:2rem 1fr;align-items:center;min-height:3.7rem;padding:.75rem 1rem;border:1px solid rgba(178,255,235,.12);border-radius:1rem;color:#bcd6d0;background:rgba(255,255,255,.025);text-align:left;font-weight:800;cursor:pointer;transition:.25s}
.route-lab-tabs button span{color:#69d9bc;font:800 .68rem ui-monospace,monospace}
.route-lab-tabs button.is-active{color:#092e2b;border-color:#87f1d2;background:#9bffdf;box-shadow:0 1rem 2.5rem rgba(69,220,183,.18)}
.route-lab-tabs button.is-active span{color:#116b5d}
.route-lab-note{margin-top:1.5rem;color:#8faaa4;font-size:.75rem;line-height:1.7}
.route-lab-device{position:relative;min-height:39rem;overflow:hidden;padding:1rem;border:1px solid rgba(208,255,244,.14);border-radius:1.7rem;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015))}
.route-lab-device::before{content:"DEMO MODE / FICTIONAL DATA";position:absolute;right:1.2rem;top:1rem;color:#75928c;font:700 .55rem ui-monospace,monospace;letter-spacing:.13em}
.route-demo-screen{display:none;height:100%;padding-top:2.4rem}.route-demo-screen.is-active{display:flex;flex-direction:column;animation:route-screen-in .45s cubic-bezier(.16,1,.3,1)}
@keyframes route-screen-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.route-demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.9rem 1rem;border-radius:1rem;color:#0b3934;background:#eafff8}
.route-demo-top b{font-size:1rem}.route-demo-top span{color:#34736c;font:800 .65rem ui-monospace,monospace;letter-spacing:.08em}
.route-demo-stops{display:grid;gap:.65rem}
.route-demo-stop{display:grid;grid-template-columns:2.3rem 1fr 2rem;align-items:center;gap:.65rem;width:100%;padding:.9rem;border:1px solid rgba(190,255,238,.13);border-radius:1rem;color:#eafff9;background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:.25s}
.route-demo-stop>span:first-child{display:grid;place-items:center;width:2.15rem;aspect-ratio:1;border-radius:.7rem;color:#7de8ca;background:rgba(112,231,199,.1);font:800 .66rem ui-monospace,monospace}
.route-demo-stop strong{display:block;font-size:.92rem}.route-demo-stop small{display:block;margin-top:.22rem;color:#8fa9a4;font-size:.7rem}.route-demo-stop i{display:grid;place-items:center;width:1.9rem;aspect-ratio:1;border:1px solid rgba(165,255,232,.2);border-radius:50%;font-style:normal}
.route-demo-stop.is-selected{border-color:#82efd0;background:rgba(105,231,197,.11)}.route-demo-stop.is-selected i{color:#073c34;background:#8cf3d5}
.route-demo-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4rem;margin-top:auto;padding:.9rem 1.15rem;border:0;border-radius:1.15rem;color:#07332e;background:linear-gradient(100deg,#a6ffe4,#73d7ff);font-weight:900;cursor:pointer;box-shadow:0 1.2rem 2.8rem rgba(70,210,183,.18)}
.route-demo-action[disabled]{opacity:.45;cursor:not-allowed}
.route-plan-list{display:grid;gap:.75rem;counter-reset:route-plan}
.route-plan-item{counter-increment:route-plan;display:grid;grid-template-columns:2.3rem 1fr;align-items:center;gap:.8rem;padding:1rem;border-left:2px solid #78e6c8;border-radius:0 1rem 1rem 0;color:#eafff8;background:rgba(255,255,255,.04)}
.route-plan-item::before{content:counter(route-plan);display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:50%;color:#073a33;background:#8ff4d7;font:900 .72rem ui-monospace,monospace}
.route-plan-item small{display:block;color:#8fa9a4}
.route-next-card{display:grid;place-items:center;min-height:20rem;padding:2rem;border:1px solid rgba(153,245,220,.17);border-radius:1.4rem;text-align:center;background:radial-gradient(circle,rgba(108,226,195,.13),transparent 60%)}
.route-next-card span{color:#77dfc2;font:800 .66rem ui-monospace,monospace;letter-spacing:.15em}.route-next-card strong{display:block;margin:.8rem 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.route-next-card small{color:#9bb3ae}
.route-lab-context dl{margin:0}.route-lab-context div{padding:1rem 0;border-top:1px solid rgba(181,255,237,.1)}.route-lab-context div:first-child{border-top:0}.route-lab-context dt{color:#75918b;font:800 .6rem ui-monospace,monospace;letter-spacing:.12em}.route-lab-context dd{margin:.35rem 0 0;color:#effffb;font-weight:800;line-height:1.55}.route-lab-context .route-demo-reset{width:100%;margin-top:1rem;padding:.9rem;border:1px solid rgba(169,255,235,.2);border-radius:999px;color:#c5ded8;background:transparent;font-weight:800;cursor:pointer}
.route-demo-live{margin-top:1rem;color:#83e8cc;font-size:.78rem;line-height:1.7}
.route-case .section-compass{width:3.15rem;padding:.5rem;overflow:hidden;opacity:.8;transition:width .35s cubic-bezier(.16,1,.3,1)}
.route-case .section-compass::before{content:"INDEX";display:block;width:2rem;overflow:hidden;padding:.25rem .25rem .45rem;white-space:nowrap}
.route-case .section-compass a{width:11.5rem;grid-template-columns:1.45rem 9.2rem;padding:.36rem .35rem}
.route-case .section-compass a span:last-child{opacity:0;transition:opacity .2s}
.route-case .section-compass:hover,.route-case .section-compass:focus-within{width:13rem;opacity:1}
.route-case .section-compass:hover a span:last-child,.route-case .section-compass:focus-within a span:last-child{opacity:1}

/* Clear focus, reduced motion, and responsive behavior */
.route-lab button:focus-visible,.hero-now-card:focus-visible,.live-card a:focus-visible{outline:3px solid #ffe697;outline-offset:4px}
@media(max-width:1100px){.hero-master-grid{grid-template-columns:1fr!important}.hero-now{width:min(100%,46rem)}.route-lab-shell{grid-template-columns:minmax(15rem,.52fr) minmax(20rem,1fr)}.route-lab-context{grid-column:1/-1}.route-lab-context dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.route-lab-context div{border-top:0;border-left:1px solid rgba(181,255,237,.1);padding:0 1rem}.route-lab-context div:first-child{border-left:0}}
@media(max-width:760px){.hero-offer-key{gap:.4rem}.hero-offer-key span{font-size:.61rem}.offer-legend{grid-template-columns:1fr}.hero-now{grid-template-columns:1fr}.hero-now-aqua{grid-column:auto}.hero-now::after{display:none}.route-lab-head{grid-template-columns:1fr}.route-lab-head h2{font-size:clamp(2.7rem,13vw,4.8rem)}.route-lab-shell{display:block;padding:.6rem;border-radius:1.5rem}.route-lab-nav,.route-lab-context,.route-lab-device{border-radius:1.15rem}.route-lab-device{min-height:37rem;margin:.6rem 0}.route-lab-tabs{grid-template-columns:repeat(3,1fr)}.route-lab-tabs button{grid-template-columns:1fr;place-items:center;padding:.6rem .3rem;text-align:center;font-size:max(.78rem,12px)}.route-lab-context dl{grid-template-columns:1fr}.route-lab-context div{padding:.8rem 0;border-left:0;border-top:1px solid rgba(181,255,237,.1)}.route-lab-context div:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){.route-demo-screen.is-active{animation:none}.live-card:hover>*{transform:none}.uplink-v4 .hero-v4::after{background:linear-gradient(115deg,transparent 36%,rgba(165,255,229,.07) 50%,transparent 65%)!important}}