/* Shared RAMVU design: quiet navy surface, restrained azure highlights, one visual hierarchy. */
:root{--ramvu-navy:#050a16;--ramvu-surface:#0d1729;--ramvu-border:#253653;--ramvu-azure:#2991ff;--ramvu-radius:17px}
.ramvu-lang{max-width:172px;width:auto;padding:9px 30px 9px 10px;background:#0d1729;color:#f3f8ff;border:1px solid #324867;border-radius:12px;font:600 13px/1.3 system-ui;cursor:pointer}
.ramvu-lang:focus-visible,.ramvu-quiet a:focus-visible,.mobile-nav button:focus-visible{outline:2px solid #83ccff;outline-offset:3px}
.shell{max-width:1540px;grid-template-columns:218px minmax(0,1fr)}
.shell .sidebar{background:#07101e;border-color:var(--ramvu-border)}
.shell .main{max-width:1250px;width:100%;margin-inline:auto}
.shell .topbar{background:rgba(7,16,30,.74);border:1px solid var(--line);border-radius:18px;padding:12px 15px;gap:12px}
.shell .topbar-left{cursor:pointer}
.shell .topbar .eyebrow{font-size:10px;color:#79b2ff}
.shell .product-card{min-height:170px;padding:21px;border-radius:19px;box-shadow:none;transition:transform .15s}
.shell .product-card:hover{transform:translateY(-2px)}
.shell .product-card:after{display:none}
.shell .product-card h3{font-size:20px;margin:15px 0 4px}
.shell .product-card p{font-size:12px;line-height:1.6}
.shell .prod-icon{width:44px;height:44px;border-radius:12px}
.shell .prod-icon .ico{width:23px;height:23px}
.shell .hero{min-height:225px;border-color:#2d4a72;background:radial-gradient(ellipse 50% 100% at 89% 5%,#1b407a88,transparent 85%),linear-gradient(120deg,#0d203c,#071326 75%);padding:30px clamp(20px,4vw,40px);box-shadow:none}
.shell .hero:before{opacity:.35;box-shadow:0 0 32px #3273bb2b;transform:none;inset:auto 0 -75% 35%}
.shell .hero h2{font-size:clamp(26px,3vw,38px)}
.shell .hero-inner{max-width:650px}
.shell .section{margin-top:25px}
.shell .panel,.shell .stat-card{box-shadow:none;background:#0d192c}
.shell .side-bottom{padding:12px}
.shell .side-bottom p{font-size:11px}
.shell .foot{opacity:.72}
.shell .workspace-head{align-items:center}
.shell .workspace-head h2{font-size:clamp(19px,2.5vw,25px)}
.shell .workspace-head p{max-width:690px}
.shell .home-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shell .home-quick{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#0d1729;padding:12px 16px}
.shell .home-quick summary{cursor:pointer;font-weight:750;color:#b8d7ff}
.shell .home-quick .stack{margin-top:14px}
.shell button,.shell a,.ramvu-page button,.ramvu-page a{touch-action:manipulation}
.shell .settingsrow{gap:14px}
.ramvu-page{background:radial-gradient(ellipse 60% 26% at 50% -6%,#12315b,transparent 88%),linear-gradient(180deg,#050a16,#07101e 70%,#050a16)!important}
.ramvu-page .hero{border-color:#2a4568;box-shadow:none;background:radial-gradient(ellipse 65% 80% at 90% 0%,#1a42708e,transparent 82%),#0b1930}
.ramvu-page .brand,.ramvu-page .brand b{color:#eaf4ff}
.ramvu-page .brand span{color:#2991ff}
.ramvu-page .top{background:#07101ecf;border-bottom:1px solid #253653;min-height:68px}
.ramvu-page .card,.ramvu-page .preset,.ramvu-page .job,.ramvu-page .pipeline article{border-color:#2a4362;background:#0d192b}
.ramvu-page .topnav{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ramvu-page .topnav a{color:#a8c9ea;text-decoration:none;padding:8px;border-radius:9px}
.ramvu-page .topnav a:hover{background:#102542;color:#fff}
.ramvu-page .ramvu-lang{margin-inline-start:auto;max-width:170px}
.ramvu-page .studio-disclosure{border:1px solid #28476a;border-radius:15px;margin-top:16px;padding:16px;color:#adc6dd;background:#0b1a30}
.ramvu-page .preset[open] summary{margin-bottom:12px}
.ramvu-page .preset summary{cursor:pointer}
.ramvu-page .process summary{cursor:pointer;font-weight:750;color:#b1cfff}
.ramvu-page .process details .pipeline{margin-top:20px}
.ramvu-page .process details:not([open]) .pipeline{display:none}
[dir=rtl] .shell .topbar,[dir=rtl] .ramvu-page .top{direction:rtl}
@media(max-width:900px){.shell{grid-template-columns:200px minmax(0,1fr)}.shell .sidebar{padding-inline:10px}.shell .main{padding:20px 16px 42px}}
@media(max-width:720px){
 .shell{display:block}.shell .main{padding:12px 12px 98px}
 .shell .sidebar{display:none}.shell .topbar{padding:9px 11px;border-radius:15px;margin-bottom:12px}
 .shell .topbar .badge-local{display:none}
 .shell .hero{padding:22px 19px;min-height:0}
 .shell .hero:before{display:none}
 .shell .hero h2{font-size:27px}
 .shell .hero p{font-size:13px}
 .shell .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .shell .product-card{min-height:165px;padding:13px}
 .shell .product-card h3{font-size:16px;margin-top:10px}
 .shell .product-card p{font-size:11px}
 .shell .prod-icon{width:39px;height:39px}
 .shell .prod-bottom{font-size:10px}
 .shell .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;bottom:0;z-index:55;padding:7px max(7px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-right));background:#061122f7;border-top:1px solid #284162;box-shadow:0 -8px 24px #030a1580}
 .mobile-nav button{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:6px 1px;font-size:clamp(9px,2.4vw,11px);border:0;border-radius:11px;color:#92a7c2}
 .mobile-nav button.active{background:#1a467843;color:#8acbff}
 .mobile-nav .ico{width:21px;height:21px}
 .ramvu-page .top{flex-wrap:wrap}
 .ramvu-page .topnav{gap:5px}
 .ramvu-page .topnav a{padding:6px;font-size:12px}
 .ramvu-page .ramvu-lang{max-width:138px}
}
@media(max-width:365px){.mobile-nav .ico{width:19px;height:19px}.mobile-nav button{font-size:9px}.shell .topbar .top-actions{gap:3px}.shell .topbar .ramvu-lang{max-width:112px}}
@media(prefers-reduced-motion:reduce){.shell .product-card{transition:none}}

/* Shared topic-specific bottom bar on subsidiary Media / Connection screens. */
.ramvu-subnav{display:none}
.ramvu-page .topnav .ramvu-lang{align-self:center}
.ramvu-page .topnav select{min-width:125px}
.ramvu-page .hero h1{letter-spacing:-.035em}
@media(max-width:720px){
.ramvu-page{padding-bottom:78px}
.ramvu-subnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;inset-inline:0;z-index:70;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:#061122f7;border-top:1px solid #284162;box-shadow:0 -8px 24px #030a1580}
.ramvu-subnav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-width:0;font-size:clamp(9px,2.4vw,11px);padding:5px 2px;border-radius:10px;color:#94b1ce;text-decoration:none}
.ramvu-subnav a.active{background:#1a467843;color:#9cd0ff}
.ramvu-subnav a .ramvu-icon{font-size:21px;line-height:22px}
}

/* Light mode remains readable while preserving the navy-and-blue brand palette. */
.shell .home-logo{background:none;border:0;text-align:start;color:#f4f8ff;cursor:pointer;padding:0;font-family:inherit}
.shell .home-logo:focus-visible{outline:2px solid #9bcfff;border-radius:5px;outline-offset:5px}
body.light .shell .sidebar,body.light .shell .topbar{background:#fff}
body.light .shell .panel,body.light .shell .stat-card,body.light .shell .home-quick{background:#fff}
body.light .shell .hero{color:#f5f9ff;background:radial-gradient(ellipse 70% 80% at 90% 0%,#1c4b8a,transparent 88%),#102949}
body.light .shell .hero p{color:#d8e9ff}
body.light .shell .hero h2{color:#fff}
body.light .shell .product-card{color:#f5faff;background:linear-gradient(130deg,var(--card-bg,#142a43),#0b1425 85%)}
body.light .shell .product-card h3{color:#fff}
body.light .shell .product-card p{color:#d6e6fa}
body.light .shell .home-logo{color:#102747}
body.light .mobile-nav{background:#fff}
body.light .mobile-nav button{color:#445a77}
body.light .mobile-nav button.active{background:#dbeeff;color:#12559a}
body.light .shell .ramvu-lang{background:#f5f8ff;color:#102747}

/* UX v2: home is the presenter; inner pages are focused workspaces. */
.shell .main{max-width:1160px}
.shell .topbar{border-color:#243b5b;background:#081528}
.shell .nav-item{min-height:44px}
.shell .panel,.shell .stat-card,.shell .home-quick{border-radius:16px}
.shell .workspace-head{padding-block:8px}
.shell .home-products{margin-top:29px}
.shell .product-card{border:1px solid #294766;min-height:158px}
.shell .product-card:focus-visible,.shell button:focus-visible{outline:2px solid #80c5ff;outline-offset:3px}
.shell .main .section-head h2{letter-spacing:-.02em}
.shell .home-quick:not([open]){padding-block:12px}
@media(max-width:720px){
 .shell .main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 .shell .topbar{position:relative;z-index:2}
 .shell .top-actions .tiny-btn{display:none}
 .shell .hero{border-radius:20px}
 .shell .product-card{min-height:146px}
 .shell .home-products .product-grid{margin-top:10px}
 .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));}
 .mobile-nav:has(button:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
 .mobile-nav button{min-height:48px}
}