/* The route becomes a small orbital mission, using only scalable native graphics. */
.space-route{isolation:isolate;background:#040c19;--planet-light:#6bdbcd;--planet-shade:#0b535d;--planet-deep:#031c2b}
.space-route:before{display:none}
.route-cosmos{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.cosmos-nebula{position:absolute;inset:-20%;background:radial-gradient(ellipse at 23% 62%,#127c852e,transparent 33%),radial-gradient(ellipse at 81% 23%,#285ba528,transparent 40%),radial-gradient(ellipse at 40% 18%,#276c7014,transparent 30%);animation:nebula-drift 28s ease-in-out infinite alternate}
.cosmos-grid{position:absolute;inset:0;background:linear-gradient(#608caf06 1px,transparent 1px),linear-gradient(90deg,#608caf06 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(0deg,transparent,black 40%,transparent)}
.cosmos-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 5% 12%,#9bc8e2aa 0 1px,transparent 1.7px),radial-gradient(circle at 16% 67%,#c8aa6a80 0 1px,transparent 1.7px),radial-gradient(circle at 27% 36%,#adede699 0 .7px,transparent 1.2px),radial-gradient(circle at 39% 87%,#b6d0ed90 0 1px,transparent 1.6px),radial-gradient(circle at 48% 13%,#8aaed48a 0 .8px,transparent 1.6px),radial-gradient(circle at 57% 51%,#7fafcc70 0 .7px,transparent 1.3px),radial-gradient(circle at 66% 78%,#9dd7d180 0 .9px,transparent 1.5px),radial-gradient(circle at 76% 32%,#add1ee90 0 1px,transparent 1.6px),radial-gradient(circle at 87% 92%,#9dcacd70 0 .7px,transparent 1.4px),radial-gradient(circle at 92% 19%,#9ccbea99 0 .8px,transparent 1.5px);background-size:480px 360px;animation:cosmos-twinkle 7s ease-in-out infinite alternate;opacity:.7}
.space-route .route-heading{position:relative}
.space-route .route-heading .eyebrow:before{content:"✧";color:#c7b87a;font-size:16px;margin-right:11px;vertical-align:-1px}
.space-route .refined-route{position:relative;background:linear-gradient(125deg,#071c2acc,#061223cc);border-color:#49738760;backdrop-filter:blur(6px);box-shadow:0 25px 70px #01060e44,inset 0 1px 0 #7fafa815}
.space-route .refined-route:before{position:absolute;content:"";width:40%;height:1px;top:0;left:20px;background:linear-gradient(90deg,transparent,#79b7b366,transparent);pointer-events:none}
.space-route .refined-route .route-tabs{background:#06152255;border-bottom-color:#43637744}
.space-route .refined-route .route-node{background:radial-gradient(circle at 35% 25%,#1a3c4d,#081a29);box-shadow:0 0 12px #0e425616}
.space-route .refined-route .route-tab.active .route-node{background:radial-gradient(circle at 35% 25%,#3c5546,#102b33);box-shadow:0 0 0 5px #c8aa6a09,0 0 22px #c8aa6a20}
.space-route .route-visual{max-width:335px;isolation:isolate;background:none;--tilt-x:0deg;--tilt-y:0deg;transform:perspective(850px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform .7s ease-out}
.space-atmosphere{position:absolute;inset:14%;background:radial-gradient(circle,var(--planet-light),transparent 69%);opacity:.17;filter:blur(13px);border-radius:50%;animation:planet-breathe 7s ease-in-out infinite;z-index:-1}
.space-planet{position:absolute;inset:23.5%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 31% 24%,#a5eee322 0,transparent 20%),radial-gradient(circle at 29% 30%,var(--planet-light) 0%,var(--planet-shade) 38%,var(--planet-deep) 68%,#020d1a 87%);box-shadow:inset 3px 2px 12px #b8fff02d,inset -25px -20px 28px #010715,0 0 0 1px #91e1d62a,0 0 22px #1ea89d22;transition:background 1s,box-shadow 1s;z-index:-1}
.space-planet:after{position:absolute;content:"";inset:0;border-radius:50%;background:linear-gradient(135deg,transparent 10%,#02132188 50%,#020811cc);pointer-events:none}
.planet-bands{position:absolute;inset:-45%;border-radius:50%;opacity:.14;background:repeating-linear-gradient(-24deg,transparent 0 13px,#b8fff240 14px,#0d5e5f 18px,transparent 24px);filter:blur(2px);transform:rotate(-17deg);animation:planet-turn 50s linear infinite}
.space-orbit{position:absolute;inset:13%;border:1px solid #73cfbd4d;border-radius:50%;transform:rotate(-24deg) scaleY(.44);pointer-events:none;z-index:2}
.space-orbit:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid #9eced021}
.space-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;left:50%;top:-3px;background:#a2e1d1;box-shadow:0 0 9px #a2e1d1;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:0%;animation:orbit-travel 24s linear infinite}
.space-orbit.orbit-cross{inset:7% 20%;border-color:#c8aa6a35;transform:rotate(36deg) scaleX(.48);z-index:-1}
.space-orbit.orbit-cross i{background:#d2bc7b;box-shadow:0 0 8px #d2bc7b;animation-duration:33s;animation-direction:reverse}
.space-route .route-dial{z-index:3;pointer-events:none}.space-route .dial-outer{stroke:#5b85a340}.space-route .dial-guide{stroke:#8ab4ae38}
.space-route .dial-track{stroke:#5b8e9638}.space-route .dial-progress{stroke:#88dcd0;stroke-width:1.5;filter:drop-shadow(0 0 3px #7bd9c422)}
.space-route .dial-core{inset:34% 29%;z-index:4;gap:9px}
.space-route .dial-core>svg{display:block;flex-shrink:0;width:36px;height:36px;stroke:#d6f6ef;filter:drop-shadow(0 2px 6px #021016)}
.space-route .dial-core>span{color:#cdeae6;font-size:7px;text-shadow:0 1px 5px #020d18}
.space-route .dial-core strong{font-size:20px;color:#fff;text-shadow:0 1px 5px #020d18}
.space-route .dial-total{color:#92b5bd;font-size:10px}.space-route .dial-satellite{z-index:4}
.space-route .dial-caption{font-size:7px;letter-spacing:.12em;color:#83aabd}
.space-route .refined-route .route-detail{position:relative;z-index:2}
.space-route .refined-route .route-detail h3{color:#e5f3fa;text-shadow:0 2px 15px #02101d44}
.space-route .refined-route .route-output{padding:14px 18px;background:linear-gradient(90deg,#15554720,transparent);border-left-color:#80c8aa88;border-radius:0 6px 6px 0}
.space-route .route-controls{background:#04132188;border-color:#40637b44}
.space-route[data-stage="1"]{--planet-light:#7ab6e8;--planet-shade:#234a6a;--planet-deep:#081e38}
.space-route[data-stage="2"]{--planet-light:#97dcc0;--planet-shade:#23796b;--planet-deep:#082c34}
.space-route[data-stage="3"]{--planet-light:#e2ce9a;--planet-shade:#426e74;--planet-deep:#092430}
@keyframes nebula-drift{to{translate:2% -3%;scale:1.04}}@keyframes cosmos-twinkle{to{opacity:.35}}@keyframes planet-breathe{50%{opacity:.24;scale:1.08}}@keyframes planet-turn{to{translate:12% 3%}}@keyframes orbit-travel{to{offset-distance:100%}}
/* Familiar WhatsApp symbol, dressed in Starborn's palette and orbital light. */
.whatsapp-float{width:56px;height:56px;right:24px;bottom:24px;border:1px solid #76c9b384;background:radial-gradient(circle at 30% 25%,#265c63,#092333 75%);color:#d2f4e8;box-shadow:inset 0 1px 6px #92ebcd16,0 5px 24px #03142055,0 0 16px #2ba8a015;isolation:isolate;overflow:visible}
.whatsapp-float:hover{background:radial-gradient(circle at 30% 25%,#2c6d70,#0a2f3b 75%);transform:translateY(-3px)}
.whatsapp-float .wa-icon{width:26px;height:26px;filter:drop-shadow(0 0 4px #7fc4b524)}
.whatsapp-orbit{position:absolute;inset:-5px;border:1px solid #87bdb13a;border-radius:50%;pointer-events:none;animation:whatsapp-orbit 20s linear infinite}
.whatsapp-orbit:after{position:absolute;content:"";width:4px;height:4px;left:50%;top:-2px;border-radius:50%;background:#d3bd7c;box-shadow:0 0 8px #d3bd7c88}
.whatsapp-label{position:absolute;right:calc(100% + 17px);top:50%;translate:6px -50%;opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #6092936b;border-radius:6px;background:#092534;color:#c8e6e8;white-space:nowrap;font-size:11px;transition:opacity .2s,translate .2s}
.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;translate:0 -50%}
.contact-terminal .wa-icon{color:#0c4d50}
@keyframes whatsapp-orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.space-route .route-visual{max-width:270px}.space-route .dial-core>svg{width:32px;height:32px}.space-route .dial-core strong{font-size:18px}.space-route .dial-core{gap:7px}}
@media(max-width:650px){.space-route .route-visual{width:250px;max-width:100%}.space-route .dial-core>svg{width:32px;height:32px}.space-route .dial-core>span{font-size:6px}.space-route .dial-core strong{font-size:17px}.space-route .dial-caption{font-size:6px}.space-route .refined-route .route-output{padding:13px 14px}.cosmos-stars{background-size:380px 300px;opacity:.5}.whatsapp-float{width:48px;height:48px;right:20px;bottom:20px}.whatsapp-float .wa-icon{width:24px;height:24px}.whatsapp-orbit{inset:-4px}.whatsapp-label{display:none}}
@media(prefers-reduced-motion:reduce){.space-route .route-visual{transform:none}.space-orbit i{offset-distance:25%}}