/* ARX V300.401 — Level & Rank landing section. All selectors are scoped. */
body.arx-public-home-space-page .arx-level-showcase{padding:10px 0 clamp(60px,6vw,100px);color:#f6f7fa}
body.arx-public-home-space-page .arx-level-container{max-width:1200px}
body.arx-public-home-space-page .arx-level-surface{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid rgba(255,202,83,.36);border-radius:30px;padding:clamp(18px,3vw,36px);background:radial-gradient(ellipse at 87% 13%,rgba(213,149,40,.12),transparent 48%),radial-gradient(ellipse at 10% 85%,rgba(35,96,148,.13),transparent 48%),linear-gradient(125deg,#0d121d,#0b101a 61%,#10151b);box-shadow:0 26px 65px rgba(0,0,0,.22)}
body.arx-public-home-space-page .arx-level-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(10px,3vw,36px);align-items:center}
body.arx-public-home-space-page .arx-level-hero-copy,body.arx-public-home-space-page .arx-level-hero-image{min-width:0}
body.arx-public-home-space-page .arx-level-eyebrow{display:flex;align-items:center;gap:11px;color:#e9dac0;font-weight:900;font-size:12px;letter-spacing:.075em;line-height:1.45}
body.arx-public-home-space-page .arx-level-index{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,196,65,.5);border-radius:50%;color:#ffe5a3;background:rgba(253,191,55,.09);letter-spacing:0}
body.arx-public-home-space-page .arx-level-hero h2{display:flex;flex-direction:column;gap:10px;margin:18px 0 14px;font-size:clamp(30px,3.1vw,43px);line-height:1.13;font-weight:900;letter-spacing:-.034em;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-hero h2 span{color:#ffd052}
body.arx-public-home-space-page .arx-level-hero h2 small{color:#f4f6fb;font:inherit;font-size:.77em;line-height:1.23}
body.arx-public-home-space-page .arx-level-intro{color:#c4cfdb;line-height:1.66;font-size:15px;margin:0 0 14px;max-width:66ch;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-note{display:flex;gap:10px;align-items:flex-start;border-inline-start:2px solid #ffc543;border-radius:10px;padding:12px;background:rgba(240,177,47,.065);font-size:14px;line-height:1.55;color:#e5d7b1;margin:0}
body.arx-public-home-space-page .arx-level-note span{color:#ffd763;flex:none}
body.arx-public-home-space-page .arx-level-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
body.arx-public-home-space-page .arx-level-metrics span{display:inline-flex;gap:5px;align-items:center;max-width:100%;padding:8px 11px;border-radius:11px;border:1px solid rgba(149,163,183,.31);background:rgba(12,19,30,.75);font-size:12px;color:#ced9e8;font-weight:700;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-metrics strong{color:#ffd464;font-weight:950}
body.arx-public-home-space-page .arx-level-hero-image{display:flex;justify-content:center;align-items:center;min-height:0}
body.arx-public-home-space-page .arx-level-hero-image img{display:block;width:100%;max-width:580px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 27px rgba(0,0,0,.34));user-select:none;-webkit-user-drag:none}
body.arx-public-home-space-page .arx-level-feature-area{margin-top:17px}
body.arx-public-home-space-page .arx-level-feature-area h3,body.arx-public-home-space-page .arx-level-tour h3,body.arx-public-home-space-page .arx-level-compare-area h3{margin:0 0 13px;font-size:clamp(19px,2vw,24px);color:#f6f6fa;font-weight:900;line-height:1.3}
body.arx-public-home-space-page .arx-level-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.arx-public-home-space-page .arx-level-feature{min-width:0;display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(122,145,170,.31);border-radius:14px;padding:16px;background:linear-gradient(135deg,rgba(26,32,43,.84),rgba(13,20,31,.83))}
body.arx-public-home-space-page .arx-level-feature:nth-child(3n+1){border-color:rgba(234,176,64,.33)}
body.arx-public-home-space-page .arx-level-feature-index{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(224,174,70,.14);font-size:12px;font-weight:950;color:#ffd66e}
body.arx-public-home-space-page .arx-level-feature h4{margin:0 0 6px;color:#f0f4fa;font-size:14px;line-height:1.42;font-weight:900;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-feature p{margin:0;color:#b8c7d8;line-height:1.55;font-size:13px;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-tour{margin-top:30px;padding-top:24px;border-top:1px solid rgba(142,160,185,.19)}
body.arx-public-home-space-page .arx-level-tour-header p{margin:0 0 16px;color:#b8c7d6;font-size:14px;line-height:1.5}
body.arx-public-home-space-page .arx-level-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}
body.arx-public-home-space-page .arx-level-tab{appearance:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:40px;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:12.5px;font-weight:800;padding:10px 9px;border:1px solid rgba(128,147,173,.33);border-radius:10px;color:#bfccdb;background:rgba(17,24,36,.94);transition:color .2s,border-color .2s,background .2s}
body.arx-public-home-space-page .arx-level-tab.is-active,body.arx-public-home-space-page .arx-level-tab[aria-selected=true]{color:#ffdf8b;border-color:#dbad4f;background:rgba(181,134,42,.16)}
body.arx-public-home-space-page .arx-level-tab:hover{border-color:rgba(255,207,104,.7);color:#fff}
body.arx-public-home-space-page .arx-level-tab:focus-visible,body.arx-public-home-space-page .arx-level-zoom:focus-visible,body.arx-public-home-space-page .arx-level-cta:focus-visible{outline:2px solid #ffcb54;outline-offset:3px}
body.arx-public-home-space-page .arx-level-screen{min-width:0;width:100%;margin:0;background:#080d15;border:1px solid rgba(235,184,76,.42);border-radius:15px;overflow:hidden;box-shadow:0 16px 35px rgba(0,0,0,.21)}
body.arx-public-home-space-page .arx-level-screen-header{min-height:44px;display:flex;gap:10px;align-items:center;padding:8px 13px;background:rgba(24,29,43,.94);color:#c4d3e5;font-size:12px;line-height:1.35}
body.arx-public-home-space-page .arx-level-screen-header strong{min-width:0;overflow-wrap:anywhere;font-weight:900}
body.arx-public-home-space-page .arx-level-dots{display:inline-flex;gap:5px;flex:none}
body.arx-public-home-space-page .arx-level-dots i{width:6px;height:6px;background:#68758a;border-radius:50%}
body.arx-public-home-space-page .arx-level-zoom{appearance:none;margin-inline-start:auto;display:inline-flex;gap:7px;align-items:center;justify-content:center;flex:none;padding:8px 11px;border-radius:9px;border:1px solid rgba(242,197,100,.55);color:#ffda7b;background:#171c24;cursor:pointer;font-size:12px;font-weight:800}
body.arx-public-home-space-page .arx-level-zoom:hover{background:#292318}
body.arx-public-home-space-page .arx-level-screen-image{display:flex;justify-content:center;align-items:center;padding:10px;min-width:0}
body.arx-public-home-space-page .arx-level-screen-image img{display:block;max-width:100%;width:auto;height:auto;max-height:730px;object-fit:contain;border-radius:8px;user-select:none;-webkit-user-drag:none}
body.arx-public-home-space-page .arx-level-compare-area{margin-top:27px}
body.arx-public-home-space-page .arx-level-compare-table{border:1px solid rgba(124,147,174,.3);border-radius:14px;overflow:hidden}
body.arx-public-home-space-page .arx-level-compare-row{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:11px 17px;border-bottom:1px solid rgba(124,147,174,.17);font-size:13px;line-height:1.55;color:#d3dfec}
body.arx-public-home-space-page .arx-level-compare-row:last-child{border-bottom:0}
body.arx-public-home-space-page .arx-level-compare-head{background:rgba(46,52,64,.54);font-size:13px;color:#ffc85c;font-weight:900}
body.arx-public-home-space-page .arx-level-compare-row:not(.arx-level-compare-head)>div:nth-child(2){color:#d3f0e1}
body.arx-public-home-space-page .arx-level-compare-row strong{display:block;color:#ffdb7e;font-weight:900;margin-bottom:3px}
body.arx-public-home-space-page .arx-level-compare-row small{display:block;color:#a9b8ca;font-size:12px}
body.arx-public-home-space-page .arx-level-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(243,185,65,.35);border-radius:15px;padding:17px 19px;margin-top:24px;background:linear-gradient(95deg,rgba(241,176,44,.09),rgba(18,29,41,.7))}
body.arx-public-home-space-page .arx-level-footer strong{display:block;color:#ffe1a0;font-size:17px;line-height:1.4;font-weight:900}
body.arx-public-home-space-page .arx-level-footer p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#b9c5d3}
body.arx-public-home-space-page .arx-level-cta{white-space:normal;min-width:150px;flex:none;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 15px;border-radius:11px;background:linear-gradient(100deg,#ffd94e,#ffb72b);color:#111316;text-align:center;font-size:13px;font-weight:950;text-decoration:none;transition:transform .2s,filter .2s}
body.arx-public-home-space-page .arx-level-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.arx-public-home-space-page .arx-level-dialog{box-sizing:border-box;max-height:94vh;max-width:min(96vw,1540px);min-width:min(94vw,450px);width:min(96vw,1540px);padding:0;margin:auto;border:1px solid #e7b34d;border-radius:17px;overflow:hidden;background:#090e17;color:#e7edf6;box-shadow:0 36px 110px rgba(0,0,0,.75)}
body.arx-public-home-space-page .arx-level-dialog::backdrop{background:rgba(0,0,0,.87)}
body.arx-public-home-space-page .arx-level-dialog-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 17px;background:#192131;font-size:13px}
body.arx-public-home-space-page .arx-level-dialog-toolbar strong{min-width:0;overflow-wrap:anywhere}
body.arx-public-home-space-page .arx-level-dialog-toolbar button{cursor:pointer;display:grid;place-items:center;border-radius:8px;background:#293247;border:1px solid #56647b;color:white;padding:7px 10px}
body.arx-public-home-space-page .arx-level-dialog-scroller{max-height:calc(94vh - 49px);overflow:auto;padding:12px;overscroll-behavior:contain}
body.arx-public-home-space-page .arx-level-dialog-scroller img{display:block;width:auto;height:auto;max-width:none;min-width:0;margin:auto;border-radius:7px;user-select:none;-webkit-user-drag:none}
body.arx-public-home-space-page .arx-level-showcase img{user-select:none;-webkit-user-drag:none}
@media(max-width:850px){body.arx-public-home-space-page .arx-level-hero{grid-template-columns:1fr 1fr;gap:6px}body.arx-public-home-space-page .arx-level-features{grid-template-columns:repeat(2,minmax(0,1fr))}body.arx-public-home-space-page .arx-level-hero-image img{max-width:480px}}
@media(max-width:660px){body.arx-public-home-space-page .arx-level-hero{grid-template-columns:minmax(0,1fr)}body.arx-public-home-space-page .arx-level-hero-image img{max-width:430px;width:92%}body.arx-public-home-space-page .arx-level-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body.arx-public-home-space-page .arx-level-zoom{padding:7px;font-size:11px}body.arx-public-home-space-page .arx-level-footer{flex-direction:column;align-items:stretch}body.arx-public-home-space-page .arx-level-cta{width:100%;min-width:0}}
@media(max-width:450px){body.arx-public-home-space-page .arx-level-surface{border-radius:21px;padding:15px}body.arx-public-home-space-page .arx-level-features{grid-template-columns:minmax(0,1fr)}body.arx-public-home-space-page .arx-level-metrics{gap:6px}body.arx-public-home-space-page .arx-level-screen-header{flex-wrap:wrap}body.arx-public-home-space-page .arx-level-compare-row{padding:10px;gap:10px}body.arx-public-home-space-page .arx-level-dialog{width:98vw;max-width:98vw}}
@media(prefers-reduced-motion:reduce){body.arx-public-home-space-page .arx-level-tab,body.arx-public-home-space-page .arx-level-cta{transition:none}}
