.rnh-page .rnh-hero.rnh-explorer { position:relative; isolation:isolate; overflow:hidden; padding:52px 0 32px; color:#f5f8ff; background:radial-gradient(ellipse at 66% -12%,#0860dc 0,#053477 24%,transparent 58%),radial-gradient(ellipse at 78% 65%,#063778 0,transparent 52%),#020d1b; }
.rnh-explorer-ambient { position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 15% 70%,#000914 0,transparent 53%),linear-gradient(0deg,#010b17aa,transparent 55%); }
.rnh-explorer-shell { position:relative; width:min(1600px,calc(100% - 64px)); margin-inline:auto; }
.rnh-explorer-stage { position:relative; min-height:465px; }
.rnh-explorer-copy { position:relative; z-index:2; padding:16px 0 0 32px; width:59%; }
.rnh-explorer .rnh-explorer-copy h1 { color:#f8faff; font-size:clamp(76px,8.2vw,136px); font-weight:700; letter-spacing:-.058em; line-height:.99; text-shadow:0 3px 20px #00000015; }
.rnh-explorer .rnh-explorer-copy p { color:#dae5f2; font-size:clamp(22px,2.5vw,37px); font-weight:400; line-height:1.43; letter-spacing:-.65px; margin:25px 0 0; }
.rnh-explorer-visual { position:absolute; width:43%; height:100%; right:0; top:0; pointer-events:none; }
.rnh-explorer .floating-server.rnh-nerd { top:2px; right:18px; left:auto; width:clamp(320px,26vw,432px); height:auto; aspect-ratio:447 / 501; opacity:1; mix-blend-mode:normal; background-repeat:no-repeat; background-size:contain; animation:floatingServer 3s ease-in-out alternate infinite; filter:brightness(1.1) saturate(1.08) drop-shadow(0 12px 22px #007bff44); z-index:1; }
.rnh-nerd-floor { position:absolute; width:116%; height:43%; bottom:10px; left:-4%; transform:rotate(-9deg); background:radial-gradient(ellipse at 57% 48%,#00a7ff66 0,#0068ff38 30%,transparent 67%); filter:blur(13px); animation:rnh-floor-glow 6s ease-in-out alternate infinite; }
.rnh-nerd-floor::before, .rnh-nerd-floor::after { content:""; display:block; position:absolute; inset:18% 7%; border:1px solid #138fff; border-radius:50%; box-shadow:0 0 36px 10px #007aff70,inset 0 0 30px #0088ff70; transform:scaleY(.35); opacity:.5; }
.rnh-nerd-floor::after { inset:2% -5%; opacity:.18; transform:scaleY(.5); }
.rnh-service-feature { position:absolute; z-index:3; top:314px; left:55.5%; width:360px; padding:7px 0 8px 24px; }
.rnh-explorer .rnh-service-panel[hidden] { display:none; }
.rnh-service-panel:not([hidden]) { animation:rnh-service-reveal .3s ease-out both; }
.rnh-explorer .rnh-service-panel h2 { font-size:28px; line-height:1.22; letter-spacing:-.65px; color:#f3f7ff; font-weight:700; }
.rnh-explorer .rnh-service-panel p { margin:8px 0 16px; color:#b9d3f0; font-size:18px; line-height:1.4; letter-spacing:-.35px; }
.rnh-page .rnh-service-cta { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:49px; padding:12px 21px; color:#f4f9ff; border:1px solid #25c9ff; border-radius:7px; background:linear-gradient(135deg,#04386a99,#031d3e99); box-shadow:inset 0 0 0 1px #2acaff25,0 0 18px #008cff1a; font-size:15px; line-height:1.35; font-weight:700; white-space:nowrap; transition:background .2s,box-shadow .2s,border-color .2s; }
.rnh-service-cta .rnh-icon { width:21px; height:21px; stroke-width:1.6; transition:transform .2s; }
.rnh-page .rnh-service-cta:hover { color:#fff; background:#075ca29c; border-color:#88ecff; box-shadow:0 0 24px #008cff38; }
.rnh-service-cta:hover .rnh-icon { transform:translateX(4px); }
.rnh-explorer .rnh-explorer-hint { position:relative; z-index:2; display:flex; align-items:center; gap:15px; color:#afc6e4; font-size:12px; line-height:1.5; font-weight:500; letter-spacing:2px; margin:20px 0 11px; padding-left:24px; }
.rnh-explorer-hint i { width:76px; height:1px; background:linear-gradient(90deg,#08b9ec,transparent); }
.rnh-hint-tap { display:none; }
.rnh-service-tabs { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #2385aa; border-radius:18px; background:#010f21b8; overflow:hidden; isolation:isolate; scroll-margin-top:170px; }
.rnh-explorer .rnh-service-tab { position:relative; z-index:1; appearance:none; display:flex; align-items:center; gap:16px; min-width:0; min-height:122px; padding:22px 20px; color:#b6cee9; font:inherit; text-align:left; cursor:pointer; border:0; border-radius:0; background:transparent; -webkit-tap-highlight-color:transparent; }
.rnh-service-tab + .rnh-service-tab::before { content:""; display:block; position:absolute; top:19px; bottom:19px; left:0; width:1px; background:#0868a85c; }
.rnh-service-tab > .rnh-icon { width:44px; height:56px; color:#accee9; stroke-width:1.05; transition:color .3s,filter .3s; }
.rnh-tab-copy { display:block; min-width:0; }
.rnh-tab-copy strong { display:block; color:#edf4ff; font-size:clamp(17px,1.55vw,25px); line-height:1.22; letter-spacing:-.65px; font-weight:700; }
.rnh-tab-copy > span { display:block; color:#adc8e7; font-size:clamp(12px,1.1vw,16px); line-height:1.4; margin-top:8px; letter-spacing:-.25px; }
.rnh-explorer .rnh-service-tab[aria-selected="true"] > .rnh-icon { color:#e4faff; filter:drop-shadow(0 0 5px #23c9ff88); }
.rnh-service-tab[aria-selected="true"] .rnh-tab-copy > span { color:#c9e2ff; }
.rnh-explorer .rnh-service-tab:focus-visible { outline:2px solid #b4efff; outline-offset:-7px; border-radius:12px; }
.rnh-service-highlight { position:absolute; z-index:0; top:0; left:0; width:var(--rnh-highlight-w,25%); height:var(--rnh-highlight-h,100%); transform:translate3d(var(--rnh-highlight-x,100%),var(--rnh-highlight-y,0px),0); border-inline:1px solid #12bcffaa; background:linear-gradient(165deg,#087affaa,#0755b67d 58%,#02367380); box-shadow:inset 0 0 40px #087cff18; transition:transform .48s cubic-bezier(.22,1,.36,1),width .35s,height .35s; pointer-events:none; }
.rnh-service-highlight::before { content:""; display:block; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,#03cfff,#b9ffff 50%,#00cdff); box-shadow:0 0 22px 5px #00bcff66; }
.rnh-explorer-connector { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:1; opacity:0; transition:opacity .3s; }
.rnh-explorer-ready .rnh-explorer-connector { opacity:1; }
.rnh-connector-path { stroke:#00c8ff; stroke-width:1.5; filter:drop-shadow(0 0 5px #009dff) drop-shadow(0 0 13px #006eff); transition:d .48s cubic-bezier(.22,1,.36,1); }
.rnh-connector-dot { fill:#d8ffff; filter:drop-shadow(0 0 6px #00c9ff); transition:cx .48s cubic-bezier(.22,1,.36,1),cy .48s cubic-bezier(.22,1,.36,1); }
.rnh-explorer-fallback { display:flex; flex-wrap:wrap; gap:20px; margin-top:24px; }
.rnh-explorer-fallback a { display:inline-flex; gap:10px; color:#b7ecff; }
.rnh-explorer.is-motion-paused .rnh-nerd, .rnh-explorer.is-motion-paused .rnh-nerd-floor { animation-play-state:paused; }
@keyframes rnh-floor-glow { from { opacity:.5; transform:rotate(-9deg) scale(.93); } to { opacity:.9; transform:rotate(-9deg) scale(1.04); } }
@keyframes rnh-service-reveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1600px) {
    .rnh-page .rnh-hero.rnh-explorer { padding-top:58px; }
    .rnh-explorer-stage { min-height:492px; }
    .rnh-service-feature { top:344px; width:400px; }
    .rnh-explorer .rnh-service-panel h2 { font-size:32px; }
    .rnh-explorer .rnh-service-panel p { font-size:20px; }
    .rnh-page .rnh-service-cta { min-height:54px; font-size:17px; }
    .rnh-explorer .rnh-service-tab { min-height:133px; padding-inline:30px; }
}
@media (max-width:1200px) {
    .rnh-explorer-shell { width:calc(100% - 48px); }
    .rnh-explorer-copy { padding-left:14px; width:60%; }
    .rnh-explorer .rnh-explorer-copy h1 { font-size:8.3vw; }
    .rnh-explorer .rnh-explorer-copy p { font-size:2.35vw; }
    .rnh-explorer .floating-server.rnh-nerd { right:0; top:-8px; width:31vw; }
    .rnh-explorer-stage { min-height:442px; }
    .rnh-service-feature { left:55%; top:291px; width:340px; }
    .rnh-explorer .rnh-service-tab { gap:13px; padding:21px 15px; }
    .rnh-service-tab > .rnh-icon { width:35px; height:47px; }
    .rnh-tab-copy strong { font-size:17px; letter-spacing:-.4px; }
    .rnh-tab-copy > span { font-size:12px; }
}
@media (max-width:1000px) {
    .rnh-page .rnh-hero.rnh-explorer { padding-top:40px; }
    .rnh-explorer-stage { min-height:426px; }
    .rnh-explorer-copy { padding-top:28px; }
    .rnh-explorer .rnh-explorer-copy h1 { font-size:8.5vw; }
    .rnh-explorer .rnh-explorer-copy p { font-size:22px; max-width:450px; }
    .rnh-explorer-break { display:none; }
    .rnh-explorer .floating-server.rnh-nerd { top:0; width:31vw; }
    .rnh-service-feature { top:285px; left:54%; width:330px; padding-left:14px; }
    .rnh-explorer .rnh-service-panel h2 { font-size:25px; }
    .rnh-explorer .rnh-service-panel p { font-size:16px; }
    .rnh-page .rnh-service-cta { font-size:14px; padding-inline:16px; }
    .rnh-explorer-connector { display:none; }
    .rnh-service-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rnh-service-highlight { width:var(--rnh-highlight-w,50%); height:var(--rnh-highlight-h,50%); }
    .rnh-explorer .rnh-service-tab { min-height:105px; gap:20px; padding:20px 25px; }
    .rnh-service-tab:nth-of-type(2n+1)::before { display:none; }
    .rnh-service-tab:nth-of-type(n+3) { border-top:1px solid #0868a85c; }
    .rnh-service-tab > .rnh-icon { width:40px; height:48px; }
    .rnh-tab-copy strong { font-size:20px; }
    .rnh-tab-copy > span { font-size:14px; }
}
@media (max-width:760px) {
    .rnh-page .rnh-hero.rnh-explorer { padding:35px 0 25px; }
    .rnh-explorer-shell { width:calc(100% - 40px); }
    .rnh-explorer-stage { min-height:0; }
    .rnh-explorer-copy { width:100%; padding:0 4px; }
    .rnh-explorer .rnh-explorer-copy h1 { font-size:clamp(55px,11.8vw,86px); letter-spacing:-.055em; }
    .rnh-explorer .rnh-explorer-copy p { font-size:19px; max-width:480px; line-height:1.5; margin-top:20px; letter-spacing:-.3px; }
    .rnh-explorer-visual { position:relative; width:100%; height:310px; margin-top:30px; }
    .rnh-explorer .floating-server.rnh-nerd { width:245px; top:3px; right:calc(50% - 122.5px); }
    .rnh-nerd-floor { width:100%; left:0; bottom:-5px; height:120px; }
    .rnh-explorer .rnh-explorer-hint { padding-left:4px; margin-top:5px; font-size:11px; letter-spacing:1.5px; }
    .rnh-service-tabs { border-radius:13px; scroll-margin-top:175px; }
    .rnh-explorer .rnh-service-tab { min-height:114px; padding:17px 14px; gap:12px; }
    .rnh-tab-copy strong { font-size:17px; line-height:1.25; letter-spacing:-.35px; }
    .rnh-tab-copy > span { font-size:12px; margin-top:5px; }
    .rnh-service-tab > .rnh-icon { width:32px; height:42px; }
    .rnh-service-feature { position:relative; top:auto; left:auto; width:100%; padding:26px 12px 7px; background:none; min-height:167px; }
    .rnh-explorer .rnh-service-panel h2 { font-size:25px; }
    .rnh-explorer .rnh-service-panel p { font-size:16px; margin-bottom:16px; }
    .rnh-page .rnh-service-cta { min-height:48px; font-size:14px; }
}
@media (max-width:420px) {
    .rnh-explorer-shell { width:calc(100% - 32px); }
    .rnh-explorer .rnh-explorer-copy h1 { font-size:clamp(50px,13.5vw,57px); }
    .rnh-explorer .rnh-explorer-copy p { font-size:17px; }
    .rnh-explorer .rnh-service-tab { gap:9px; padding:16px 10px; min-height:119px; }
    .rnh-service-tab > .rnh-icon { width:26px; height:36px; }
    .rnh-tab-copy strong { font-size:15px; }
    .rnh-tab-copy > span { font-size:11px; }
}
@media (hover:none) {
    .rnh-hint-hover { display:none; }
    .rnh-hint-tap { display:inline; }
}
@media (prefers-reduced-motion:reduce) {
    .rnh-explorer .floating-server.rnh-nerd, .rnh-nerd-floor { animation:none !important; }
    .rnh-service-panel:not([hidden]) { animation:none; }
}