/* VORTEXA UNIVERSE 2026 — clean-room futuristic interface, responsive and accessible */
:root{color-scheme:dark;--ink:#f8faff;--muted:#cee0f8;--blue:#24c7ff;--cyan:#59e4ff;--violet:#b55bff;--deep:#03071d;--line:rgba(102,195,255,.50);--card:#0b1638;--ease:cubic-bezier(.22,.8,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:#03061a;overflow-x:hidden;line-height:1.4}
button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}button:disabled{cursor:not-allowed;opacity:.45}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:5px}
.skip{position:fixed;top:-100px;left:16px;z-index:300;background:#fff;color:#091432;border-radius:12px;padding:12px}.skip:focus{top:12px}
#galaxy{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden;background:radial-gradient(ellipse 48% 38% at 51% 22%,rgba(70,14,130,.40),transparent 82%),radial-gradient(ellipse 36% 50% at 100% 33%,rgba(1,78,159,.24),transparent 85%),radial-gradient(ellipse 33% 48% at 0% 65%,rgba(18,13,89,.40),transparent 87%),linear-gradient(120deg,#020615 8%,#030b26 55%,#020b22 90%)}
#galaxy:before,#galaxy:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 8%,#8aeeff 96%,transparent),radial-gradient(1px 1px at 36% 41%,#e0eaff 96%,transparent),radial-gradient(1px 1px at 64% 18%,#79cfff 96%,transparent),radial-gradient(2px 2px at 85% 32%,#57b3ff 95%,transparent),radial-gradient(1px 1px at 7% 78%,#a8d6ff 96%,transparent),radial-gradient(1px 1px at 50% 86%,#bc7dff 96%,transparent);background-size:460px 340px;opacity:.5}
#galaxy:after{background-image:radial-gradient(ellipse 55% 15% at 51% 53%,#653cff2b,transparent 85%),linear-gradient(145deg,transparent 23%,#1259e819 38%,transparent 48%,#6520dc15 65%,transparent 76%);opacity:1}
.page{width:min(1536px,calc(100% - 32px));margin-inline:auto;padding-bottom:34px}
.header{position:relative;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:115px;padding:14px clamp(10px,3.5vw,54px) 8px}
.brand{display:flex;gap:15px;align-items:center;min-width:0}
.brand-logo{height:clamp(60px,6vw,90px);width:clamp(60px,6vw,90px);filter:drop-shadow(0 0 13px #286bff90)}
.brand-copy{min-width:0}.brand-name{font-weight:740;letter-spacing:.065em;line-height:1;font-size:clamp(30px,4.3vw,60px);white-space:nowrap;text-shadow:0 0 20px #5e54b766}.registered{font-size:.24em;vertical-align:super;margin-left:5px}
.brand-tag{font-size:clamp(11px,1.36vw,19px);color:#c7e8ff;margin:7px 0 0;letter-spacing:.01em}
.header-tools{display:flex;align-items:center;gap:10px}
.language-pill{display:flex;align-items:center;gap:11px;border:1px solid #4875d1;background:linear-gradient(118deg,#07132a,#0a173fdd);height:57px;padding:0 18px;border-radius:37px;box-shadow:0 0 16px #1444df45,inset 0 0 12px #153b9044}
.language-pill .i{height:27px;width:27px;color:#b9ebff}.language-pill select{appearance:none;border:none;background:transparent;color:white;min-width:42px;max-width:67px;font-size:15px;font-weight:700;padding:9px 2px}.language-pill select option{background:#081637}
.tool-circle{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid #123668;background:linear-gradient(140deg,#092348,#07112de0);color:#88dfff;box-shadow:inset 0 0 15px #135bbd66,0 0 17px #0f5dcf40;transition:transform .2s var(--ease),box-shadow .2s}
.tool-circle svg{height:29px;width:29px}.tool-circle:hover{transform:translateY(-2px);box-shadow:0 0 20px #3297ff83,inset 0 0 13px #1a4fa1}
.tool-circle.home-globe{background:radial-gradient(circle at 35% 30%,#41cfff,#1332c9 39%,#31167a 71%,#06102b 82%);border:2px solid #65c7ff;box-shadow:0 0 16px #197cffb0,inset 0 0 18px #7626d2c9}
.tool-circle.home-globe svg{width:29px;height:29px}
.login-short{display:flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid #4669b4;border-radius:30px;background:#0b1b42;color:#e4f9ff;font-weight:720;min-height:45px}
.login-short:hover{background:#143d72}
.stage{position:relative;isolation:isolate;min-height:375px;display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,420px) minmax(0,1fr);gap:0;align-items:center;padding:0 2.4% 8px}
.stage:before{content:"";pointer-events:none;position:absolute;z-index:-1;left:13%;right:13%;top:48%;height:5px;background:linear-gradient(90deg,transparent,#1f77eeaa 13%,#da59ffaa 42%,#40dcffcc 51%,#9e43ffff 65%,#29bfff88 87%,transparent);filter:blur(13px)}
.ribbons{display:flex;flex-direction:column;gap:12px;z-index:3}.ribbons.left{padding-right:4px}.ribbons.right{padding-left:4px}
.ribbon{position:relative;display:flex;align-items:center;gap:20px;width:100%;min-height:98px;padding:16px clamp(18px,2.6vw,46px);border:1.8px solid var(--ribbon-edge,#42bfff);border-radius:66px 138px 65px 68px;color:white;background:radial-gradient(ellipse 75% 85% at 8% 30%,#1741787a,transparent 75%),linear-gradient(112deg,#071635f5,#091843f0 65%,#261454bc);box-shadow:inset 0 0 16px #276fe65c,0 0 13px var(--ribbon-glow,#32a5ff55),0 0 1px 2px #0a2350;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.ribbon:after{content:"";height:2px;width:16%;position:absolute;top:50%;right:-14%;background:linear-gradient(90deg,var(--ribbon-edge),transparent);filter:drop-shadow(0 0 10px var(--ribbon-edge));pointer-events:none}
.ribbon.right-side{border-radius:138px 62px 65px 130px;background:radial-gradient(ellipse 75% 85% at 87% 30%,#113e7e8a,transparent 82%),linear-gradient(98deg,#251350c2,#091b45f2 50%,#0b1c40f2)}
.ribbon.right-side:after{right:auto;left:-14%;background:linear-gradient(90deg,transparent,var(--ribbon-edge))}
.ribbon:hover{transform:translateY(-3px) scale(1.015);border-color:#d9eeff;box-shadow:inset 0 0 26px #398bf288,0 0 24px var(--ribbon-glow,#32a5ff65)}
.ribbon-icon{width:66px;height:61px;display:grid;place-items:center;flex:none;color:var(--ribbon-edge);filter:drop-shadow(0 0 9px var(--ribbon-edge))}
.ribbon-icon svg{height:60px;width:60px;stroke-width:1.75}
.ribbon-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.ribbon-copy strong{font-size:clamp(20px,1.85vw,28px);letter-spacing:-.03em;line-height:1.08}.ribbon-copy small{font-size:clamp(12px,1.2vw,18px);color:#d8e9ff;line-height:1.3}
.ribbon-tag{position:absolute;right:25px;top:8px;padding:3px 12px;border:1px solid #6978ff;background:#271771;border-radius:99px;font-size:12px;color:#edf2ff}
.ribbon.cyan{--ribbon-edge:#17c7ff;--ribbon-glow:#157aff65}
.ribbon.purple{--ribbon-edge:#ad70ff;--ribbon-glow:#824cff78}
.ribbon.green{--ribbon-edge:#a376ff;--ribbon-glow:#693cff79}
.ribbon.yellow{--ribbon-edge:#ffb33e;--ribbon-glow:#574cff6c}
.ribbon.pink{--ribbon-edge:#ff80cb;--ribbon-glow:#9b43ff7b}
.ribbon.azure{--ribbon-edge:#42dfff;--ribbon-glow:#1b98ff87}
.ribbon.yellow .ribbon-icon{color:#ffb747}.ribbon.pink .ribbon-icon{color:#f285c9}
.orbit-wrap{position:relative;z-index:4;display:grid;place-items:center;height:410px;min-width:0}
.orbit-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 78% 65% at 51% 55%,#2733f84b,transparent 71%),radial-gradient(ellipse 75% 83% at 48% 48%,#7225d24b,transparent 79%);filter:blur(25px);z-index:-1}
.orb{height:min(394px,100%);width:min(394px,100%);min-height:310px;max-height:394px;position:relative;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;overflow:hidden;background:radial-gradient(circle at 49% 45%,#06103a3a 5%,#111c599c 50%,#050d31dc 64%,#02091ee6 85%);border:2px solid #279aff;box-shadow:0 0 0 3px #263bc48a,0 0 18px #24bfff,0 0 39px #b83cff9c,inset 0 0 32px #8e35ea87}
.orb:before{content:"";pointer-events:none;position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from 0deg,#08d7ff8c,transparent 12%,#c250ffca 25%,transparent 42%,#3ae6ffb3 54%,transparent 70%,#b23cffbb 86%,#26e0ff99);-webkit-mask:radial-gradient(circle,transparent 63%,black 67%,transparent 74%);mask:radial-gradient(circle,transparent 63%,black 67%,transparent 74%);animation:orbit-spin 26s linear infinite}
.orb:after{content:"";pointer-events:none;position:absolute;inset:13px;border-radius:50%;border:2px solid #8a56ff99;transform:rotate(-17deg);box-shadow:0 0 18px #a73cff9b,0 0 38px #1b8aff78,inset 0 0 15px #3d8fe96b}
.orb-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 15% at 49% 56%,#3edfff38,transparent 80%),linear-gradient(160deg,transparent 28%,#3d81ec20 48%,#a73ff02b 55%,transparent 60%);transform:rotate(-4deg)}
.orb-v{position:relative;z-index:2;margin-top:39px;font-weight:800;font-size:clamp(88px,9vw,125px);line-height:.92;letter-spacing:-.13em;padding-right:.13em;color:#39d8ff;background:linear-gradient(155deg,#d7f7ff,#68dfff 31%,#1b5eff 62%,#b760ff 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #2798ff)}
.play-btn{position:relative;z-index:3;display:grid;place-items:center;width:106px;height:106px;flex:none;border-radius:50%;border:2px solid #87e5ff;color:white;background:radial-gradient(circle at 45% 24%,#1478d7,#091653 70%);box-shadow:0 0 12px #4ecfff,0 0 26px #3871ff,inset 0 0 14px #50e0ff58;transition:transform .25s}
.play-btn:hover{transform:scale(1.06);box-shadow:0 0 25px #8fe6ff,0 0 48px #8e43ff}
.play-btn svg{width:52px;height:52px;fill:white;stroke:white;margin-left:7px;filter:drop-shadow(0 0 8px #a9deff)}
.orb-title{z-index:3;position:relative;margin:8px 0 0;font-size:clamp(21px,2.1vw,29px);font-weight:800;text-align:center}
.orb-caption{z-index:3;position:relative;margin:0;font-size:clamp(11px,1.1vw,16px);text-align:center;color:#e7f5ff}
.headline-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 36px;margin:9px auto 0}
.featured{margin:5px 0 18px;border:1.5px solid #376fa3;border-bottom-color:#8c59ff;border-radius:46px;padding:20px clamp(18px,4.5vw,72px) 27px;background:radial-gradient(ellipse 62% 90% at 50% 10%,#33215c7e,transparent 88%),linear-gradient(108deg,#0a1a3add,#080f30ea 54%,#091c3fe0);box-shadow:inset 0 0 27px #1583f329,0 0 22px #6732f144}
.feature-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:17px}.feature-head-main{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap}.feature-head h2{margin:0;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em}.feature-head p{margin:0;color:#d9e8ff;font-size:clamp(12px,1.1vw,16px)}
.feature-caption{display:flex;align-items:center;gap:9px;color:#d9edff;font-size:12px}.ai-glyph{font-weight:750;color:#9ce8ff;border:1px solid #2aa6f0;border-radius:11px;padding:2px 6px}
.carousel-row{position:relative;display:flex;align-items:center;gap:14px}
.carousel-track{display:grid;grid-auto-columns:calc((100% - 48px)/5);grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;flex:1;padding:2px 0}
.carousel-track::-webkit-scrollbar{display:none}
.slide-control{border:none;background:none;color:#69d5ff;width:32px;height:80px;display:grid;place-items:center;flex:none;font-size:44px;line-height:1;text-shadow:0 0 10px #22a5ff}.slide-control:hover{color:#fff}
.category{position:relative;min-width:0;height:126px;overflow:hidden;display:flex;align-items:flex-end;padding:16px 14px;border-radius:24px;border:1px solid #547acc;background:linear-gradient(130deg,#143e68,#0d2450);scroll-snap-align:start;box-shadow:inset 0 0 22px #99b6fa34;transition:transform .2s}
.category:hover{transform:translateY(-3px)}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071025e3,transparent 70%);pointer-events:none}
.category-art{position:absolute;inset:0;overflow:hidden}.category-art:before{content:"";position:absolute;inset:0;background:var(--art-bg)}
.category-art svg{position:absolute;width:98%;height:122%;top:-25%;right:-6%;opacity:.72;filter:drop-shadow(0 0 10px var(--art-glow))}
.category-label{z-index:2;position:relative;display:flex;gap:8px;align-items:center;font-weight:740;font-size:clamp(13px,1.45vw,19px);white-space:normal;line-height:1.1;text-shadow:0 1px 6px #050717}.category-label .i{width:31px;height:31px;color:var(--art-glow);filter:drop-shadow(0 0 7px var(--art-glow));flex:none}
.category.c-store{--art-bg:radial-gradient(ellipse at 50% 10%,#ce9c537c,transparent 80%),linear-gradient(130deg,#14543b,#173b44,#2d1c38);--art-glow:#75ffc8}
.category.c-education{--art-bg:radial-gradient(ellipse at 35% 4%,#ffafed90,transparent 80%),linear-gradient(128deg,#303a83,#31144c,#253e8c);--art-glow:#b79eff}
.category.c-social{--art-bg:radial-gradient(ellipse at 55% 12%,#ffb67c7d,transparent 80%),linear-gradient(125deg,#593b4a,#542b59,#243a5f);--art-glow:#ff98b9}
.category.c-tech{--art-bg:radial-gradient(ellipse at 55% 3%,#32dafe91,transparent 80%),linear-gradient(120deg,#083d75,#132a71,#092342);--art-glow:#70e6ff}
.category.c-green{--art-bg:radial-gradient(ellipse at 65% 0%,#a8fb3a77,transparent 75%),linear-gradient(120deg,#245d27,#10374d,#253e1a);--art-glow:#a0ff69}
.feature-disclaimer{font-size:11px;color:#a9bfde;margin:12px 5px 0}
.benefits{display:grid;grid-template-columns:1.58fr repeat(4,1fr);gap:0;margin-top:20px;min-height:124px;border:1.5px solid #2c5194;border-radius:40px;background:linear-gradient(116deg,#0a1e45e8,#11113af5 54%,#0a1b3eee);box-shadow:inset 0 0 23px #2d6fbb49,0 0 21px #2147a642;overflow:hidden}
.benefit{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:15px;text-align:center;min-width:0}
.benefit:not(:first-child):before{position:absolute;content:"";left:0;top:24px;bottom:24px;border-left:1px solid #4670d2aa}
.benefit svg{width:39px;height:39px;color:#8ce9ff;filter:drop-shadow(0 0 9px #5b81ff)}.benefit:nth-child(3) svg{color:#9a83ff}.benefit:nth-child(4) svg{color:#dc7dff}.benefit:nth-child(5) svg{color:#ffb477}
.benefit strong{font-size:clamp(13px,1.2vw,17px)}.benefit small{font-size:clamp(11px,1vw,14px);color:#c9dffa;line-height:1.35}.benefit a{color:#c9dffa}
.benefit-vtx{flex-direction:row;justify-content:flex-start;text-align:left;gap:17px;padding-left:30px}.vtx-bubble{display:grid;place-items:center;width:77px;height:77px;border:3px solid #48ddff;border-radius:50%;background:radial-gradient(circle at 36% 29%,#56a9ff,#2a23a7 56%,#581590 78%);box-shadow:0 0 14px #3cbaff,0 0 23px #a544ff,inset 0 0 17px #2fd4ff;color:white;font-weight:850;font-size:19px;flex:none}.benefit-vtx .bcopy{display:flex;flex-direction:column;gap:5px}.benefit-vtx strong{font-size:28px}.benefit-vtx .verified{color:#a6f4de;font-size:12px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:21px 18px 7px;font-size:12px;color:#95add3}.footer nav{display:flex;gap:17px}.footer a:hover{color:white}
.route-section{max-width:1210px;margin:16px auto 0;min-height:310px;padding:28px clamp(18px,4vw,48px);border:1px solid #395fa0;border-radius:30px;background:radial-gradient(ellipse at 93% 0%,#47207c6b,transparent 48%),linear-gradient(120deg,#0c2046eb,#0a1232f2);box-shadow:0 0 27px #164aab4a}
.route-breadcrumb{display:inline-flex;gap:10px;align-items:center;color:#9edaff;margin-bottom:13px;font-size:.88rem}.route-title{font-size:clamp(27px,4vw,45px);line-height:1.1;margin:6px 0 12px}.route-desc{font-size:clamp(15px,1.4vw,19px);color:var(--muted);max-width:850px;margin:0 0 23px}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.route-card{display:flex;flex-direction:column;min-width:0;min-height:178px;padding:22px;border:1px solid #4770ba;border-radius:20px;background:linear-gradient(130deg,#0c2a58ee,#130e3cf0);box-shadow:inset 0 0 18px #2b7ce722}
.route-card .route-icon{width:40px;height:40px;color:#83e9ff;filter:drop-shadow(0 0 8px #428eff)}.route-card h3{font-size:19px;margin:15px 0 8px}.route-card p{font-size:14px;color:#c8ddf3;margin:0 0 15px;line-height:1.55;flex:1}.route-card .card-action{align-self:flex-start;padding:9px 16px;border:1px solid #5db9e7;border-radius:99px;color:#e0f7ff;font-weight:740;font-size:13px;background:#113d7b}.route-card .card-action:hover{background:#215cb2}
.section-disclaimer{font-size:13px;color:#c9d4ed;margin:23px 2px 0;border-left:3px solid #a887ff;padding:6px 13px}
.empty-route{font-size:16px;color:#c4dfff}
dialog{color:#edf8ff;background:#081832;border:1px solid #70d6ff;border-radius:20px;padding:24px;width:min(470px,calc(100% - 30px));box-shadow:0 0 65px #070c2ad9}dialog::backdrop{background:#010514c9;backdrop-filter:blur(5px)}
.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dialog-actions button{padding:10px 16px;border-radius:14px;background:#123573;border:1px solid #5fbfff;color:#fff}.dialog-actions button:hover{background:#23509c}
dialog h2{margin:0 0 12px}dialog label{display:flex;gap:12px;align-items:center;margin:11px 0}
dialog input{width:20px;height:20px;accent-color:#4daaff}
body.a11y-high{--muted:white;--line:#baf5ff}body.a11y-high .ribbon,body.a11y-high .route-card{border-width:3px;background:#050b21}body.a11y-big{font-size:115%}body.a11y-big .ribbon-copy small{font-size:1rem}body.a11y-big .benefit small{font-size:.91rem}
body.a11y-static *,body.a11y-static *:before,body.a11y-static *:after{animation:none!important;transition:none!important}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:1270px){.stage{grid-template-columns:minmax(0,1fr) minmax(245px,330px) minmax(0,1fr);padding-inline:1%}.orb{width:330px;height:330px;min-height:330px}.orbit-wrap{height:355px}.orb-v{font-size:93px;margin-top:27px}.play-btn{width:90px;height:90px}.play-btn svg{width:43px}.ribbon{padding:14px 23px;min-height:86px}.ribbon-icon{width:48px;height:48px}.ribbon-icon svg{width:47px;height:47px}.ribbon-copy strong{font-size:20px}.ribbon-copy small{font-size:12px}.category{height:109px}}
@media(max-width:970px){.header{min-height:97px}.brand-name{font-size:clamp(27px,4.1vw,43px)}.stage{grid-template-columns:minmax(0,1fr) 295px minmax(0,1fr)}.orb{width:290px;height:290px;min-height:290px}.orbit-wrap{height:310px}.orb-v{font-size:77px;margin-top:25px}.play-btn{width:76px;height:76px}.play-btn svg{width:36px}.orb-title{font-size:20px}.ribbon{min-height:79px;gap:12px;padding:11px 16px}.ribbon-icon,.ribbon-icon svg{height:39px;width:39px}.ribbon-copy strong{font-size:17px}.ribbon-copy small{font-size:11px}.ribbon-tag{font-size:10px;padding:2px 7px;right:9px;top:5px}.carousel-track{grid-auto-columns:calc((100% - 24px)/3)}.benefit-vtx{padding-left:12px}.vtx-bubble{height:59px;width:59px}.benefit strong{font-size:13px}.benefit-vtx strong{font-size:21px}.benefit small{font-size:11px}}
@media(max-width:740px){.page{width:min(100% - 18px,660px)}.header{padding:12px 4px 4px;min-height:76px;gap:8px}.brand{gap:7px}.brand-logo{width:51px;height:51px}.brand-name{font-size:28px}.brand-tag{font-size:10px;margin-top:4px}.header-tools{gap:6px}.language-pill{height:40px;gap:4px;padding:0 8px}.language-pill .i{height:20px;width:20px}.language-pill select{font-size:12px;min-width:38px;max-width:54px}.tool-circle{height:40px;width:40px}.tool-circle svg{height:22px;width:22px}.login-short{min-height:39px;padding:8px 9px;font-size:12px}.stage{display:flex;flex-direction:column;gap:12px;padding:6px 8px 0;min-height:auto}.orbit-wrap{order:0;height:310px;width:100%}.orb{height:300px;width:300px;min-height:300px}.orb-v{font-size:86px;margin-top:26px}.play-btn{width:83px;height:83px}.play-btn svg{height:42px;width:42px}.ribbons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding:0!important}.ribbons.left{order:1}.ribbons.right{order:2}.ribbon,.ribbon.right-side{min-height:75px;border-radius:28px;padding:11px 12px;gap:9px}.ribbon:after,.ribbon.right-side:after{display:none}.ribbon-copy strong{font-size:16px}.ribbon-copy small{font-size:11px}.ribbon-icon{height:34px;width:34px}.ribbon-icon svg{width:34px;height:34px}.ribbon-tag{display:none}.stage:before{display:none}.featured{padding:18px 13px;border-radius:26px;margin-top:16px}.feature-head{gap:9px}.feature-head-main{gap:7px}.feature-head h2{font-size:21px}.feature-head p{font-size:12px}.feature-caption{font-size:10px}.category{height:116px}.carousel-track{grid-auto-columns:minmax(155px,70%);gap:10px}.category-label{font-size:17px}.category-label .i{height:29px;width:29px}.slide-control{width:21px;font-size:30px}.carousel-row{gap:5px}.feature-disclaimer{font-size:11px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:25px;min-height:auto}.benefit{min-height:95px;border-bottom:1px solid #395894;padding:15px 10px}.benefit:nth-child(2):before,.benefit:nth-child(4):before{display:none}.benefit-vtx{grid-column:1/-1;justify-content:center;text-align:left;min-height:104px}.benefit-vtx:before{display:none}.benefit svg{width:32px;height:32px}.benefit:nth-child(5){grid-column:1/-1;border-bottom:0}.route-section{margin:13px auto 0;padding:18px 16px;border-radius:23px}.route-grid{grid-template-columns:1fr}.route-card{min-height:155px}.footer{justify-content:center;text-align:center}}
@media(max-width:400px){.header{flex-wrap:wrap}.brand{flex:1;min-width:245px}.header-tools{margin-left:auto}.brand-name{font-size:31px}.ribbons{grid-template-columns:1fr}.ribbon{min-height:66px}.ribbon-copy strong{font-size:17px}.ribbon-copy small{font-size:12px}.orbit-wrap{height:287px}.orb{height:280px;min-height:280px;width:280px}.orb-v{font-size:78px;margin-top:25px}.play-btn{height:76px;width:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb:before{animation:none}*{transition:none!important}}

/* Selection and offline-safe dynamic route visibility. */
.category.selected{outline:3px solid #ddf5ff;outline-offset:-4px;box-shadow:0 0 18px #74c5ff, inset 0 0 21px #64c5ff77}
#home[hidden],#route[hidden]{display:none!important}