@font-face{font-family:Roboto;src:url("assets/roboto-300.ttf") format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Roboto;src:url("assets/roboto-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url("assets/roboto-500.ttf") format("truetype");font-weight:500;font-display:swap}
:root{--outer:#131c31;--panel:#1b2638;--deep:#111a2b;--green:#00ee92;--purple:#9473fd;--blue:#5cb9ff;--pale:#a3d8ff;--white:#fff;--muted:#d9d9d9;--border:rgba(92,185,255,.35)}
*{box-sizing:border-box}html{background:#0b1220;scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Roboto,Arial,sans-serif;color:var(--white);background:#0b1220}a{color:inherit;text-decoration:none}p,h1,h2,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}.app{min-height:100vh}.screen{display:none;min-height:100vh;padding:50px 11.72%;background:var(--outer);position:relative;overflow:hidden}.screen-map{display:flex}.screen:target{display:flex}body:has(.screen:target) .screen-map:not(:target){display:none}.screen::before,.screen::after{content:"";position:absolute;top:0;width:247px;height:100%;background:#10192d;border-radius:50%}.screen::before{left:-123px}.screen::after{right:-123px}.panel{width:min(980px,100%);min-height:732px;margin:auto;padding:30px 20px 20px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background:var(--panel);border-radius:20px;box-shadow:0 0 3px #0005}.brand{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:2}.brand img{width:50px;height:35px}.brand p{font-size:14px;font-weight:400;background:linear-gradient(90deg,var(--green),var(--purple));color:transparent;background-clip:text}.headlines{text-align:center;margin-top:30px}.headlines h1{font-size:26px;font-weight:400}.headlines p{margin-top:6px;font-size:14px;font-weight:300;color:var(--pale)}.circuit{position:absolute;top:17px;width:120px;height:96px;border-top:2px solid #4f85b8;border-radius:18px 0 0 0;filter:drop-shadow(0 0 3px #604fff)}.circuit::before{content:"";display:block;width:64%;height:74%;margin:20px 0 0 12px;border-left:2px solid #4f85b8;border-top:2px solid #4f85b8;border-radius:16px 0 0}.circuit::after{content:"";position:absolute;width:3px;height:3px;top:-2px;right:0;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green)}.circuit-left{left:18px}.circuit-right{right:18px;transform:scaleX(-1)}.bottom-nav{width:100%;height:63px;margin-top:auto;display:flex;justify-content:center;gap:80px;border-radius:20px;background:#111a2b80}.bottom-nav a{min-width:62px;height:100%;padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:300;color:var(--muted);border-top:2px solid transparent}.bottom-nav a span{font-size:23px;line-height:24px}.bottom-nav a.active{color:var(--green);border-top-color:var(--green)}
/* map */.system-pill{height:44px;margin-top:25px;padding:9px 13px;display:flex;align-items:center;gap:11px;border:1px solid var(--panel);border-radius:22px;background:#111a2b33;font-size:12px;font-weight:300}.system-pill span,.system-pill b{color:var(--green);font-weight:300}.system-pill em{color:var(--blue);font-style:normal}.system-pill i{width:3px;height:3px;border-radius:50%;background:var(--purple)}.network{width:100%;height:329px;position:relative;flex:none}.network-lines{position:absolute;left:7.7%;top:6.2%;width:85.3%;height:87.4%}.node{width:40px;height:40px;position:absolute;z-index:2;transform:translate(-50%,-50%);transition:.2s ease}.node img{width:54px;height:54px;position:absolute;inset:-7px}.node:hover{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.15)}.n15{left:50.4%;top:6%}.n14{left:64.7%;top:12%}.n13{left:83.9%;top:10%}.n12{left:73.4%;top:44%}.n11{left:17.8%;top:10%}.n10{left:29%;top:44%}.n09{left:70.8%;top:87%}.n08{left:92.7%;top:44%}.n07{left:20.6%;top:89%}.n06{left:7.8%;top:49%}.n05{left:37%;top:70%}.n04{left:52.1%;top:42%}.n03{left:37%;top:11%}.n02{left:86%;top:76%}.n01{left:46%;top:93%}.n16{left:61.5%;top:64%}.pulse{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 12px #5cb9ff09,0 0 0 23px #5cb9ff06}.pulse-a{left:48%;top:50%;background:var(--blue)}.pulse-b{left:55%;top:75%;background:#4515f9}.pulse-c{left:30%;top:38%;background:var(--green)}
/* dashboard */.screen-dashboard .panel{justify-content:flex-start}.kpis{width:min(825px,88%);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.kpis article{height:62px;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#00ee9210}.kpis article:nth-child(2){background:#9473fd22}.kpis article:nth-child(3){background:#5cb9ff26}.kpis strong{font-size:22px;font-weight:500;color:var(--green)}.kpis article:nth-child(2) strong{color:var(--purple)}.kpis article:nth-child(3) strong{color:var(--blue)}.kpis span{font-size:12px;font-weight:300}.dashboard-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:24px 0 20px}.dashboard-grid h2{font-size:14px;font-weight:400;margin-bottom:15px;color:var(--green)}.strengths h2{color:var(--purple)}.data-card,.strength-grid article{border:1px solid var(--border);border-radius:20px;background:#1b263833}.data-card{padding:12px 15px}.country{height:29px;display:grid;grid-template-columns:24px 74px 1fr 10px;gap:12px;align-items:center}.country img{width:18px;height:18px;object-fit:cover;border-radius:2px}.country span{font-size:14px}.country i{height:5px;background:#5cb9ff33;border-radius:5px;overflow:hidden}.country i b{display:block;width:var(--value);height:100%;border-radius:5px;background:linear-gradient(90deg,var(--green),#12cdb2)}.country em{font-size:12px;font-style:normal}.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.strength-grid article{min-height:62px;padding:10px;display:flex;align-items:flex-start;gap:9px}.strength-grid article> b{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid;border-radius:50%;font-weight:400}.strength-grid article.green>b{color:var(--green);background:#00ee921c}.strength-grid article.blue>b{color:var(--blue);background:#5cb9ff1c}.strength-grid article.purple>b{color:var(--purple);background:#9473fd1c}.strength-grid article.orange>b{color:#f97f15;background:#f97f151c}.strength-grid strong{font-size:12px;font-weight:400}.strength-grid p{margin-top:4px;color:var(--pale);font-size:11px;font-weight:300;line-height:1.35}.strength-grid .wide{grid-column:1/-1}
/* profile */.back{position:absolute;left:35px;top:32px;z-index:3;color:var(--muted);font-size:20px;font-weight:300}.back span{font-size:12px;vertical-align:2px}.profile-hero{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:25px}.portrait{width:180px;height:180px;position:relative}.portrait img{width:100%;height:100%}.portrait i{position:absolute;right:10px;bottom:11px;width:21px;height:21px;border:4px solid var(--panel);border-radius:50%;background:var(--green)}.profile-copy h1{font-size:22px;font-weight:500}.profile-copy h2{margin-top:2px;color:var(--pale);font-size:18px;font-weight:300}.profile-copy ul{padding:12px 0 0;list-style:none;display:grid;gap:5px;font-size:17px;color:var(--blue)}.profile-copy li span{padding-left:10px;color:#fff;font-size:14px}.profile-copy li b{color:var(--green);font-weight:400}.profile-cards{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.profile-cards article,.alter-cards article{min-height:135px;padding:15px;border:1px solid var(--border);border-radius:20px;text-align:center;background:#1b263833}.profile-cards i,.alter-cards i{width:42px;height:42px;margin:auto;display:grid;place-items:center;border:1px solid;border-radius:50%;font-style:normal;font-size:23px}.profile-cards .green i,.alter-cards .green i{color:var(--green);background:#00ee921c}.profile-cards .purple i,.alter-cards .purple i{color:var(--purple);background:#9473fd1c}.profile-cards .blue i{color:var(--blue);background:#5cb9ff1c}.profile-cards h2,.alter-cards h2{margin-top:14px;font-size:14px;font-weight:400;color:var(--green)}.profile-cards .purple h2,.alter-cards .purple h2{color:var(--purple)}.profile-cards .blue h2{color:var(--blue)}.profile-cards p,.alter-cards p{margin-top:8px;font-size:16px;line-height:21px;font-weight:300}.cta{width:290px;min-height:44px;margin:23px auto;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:17px;background:linear-gradient(100deg,var(--green),#4515f9);font-size:14px}.cta span{width:20px}.cta b{font-size:22px;font-weight:300}
/* alter ego */.alter-content{width:100%;max-width:719px;display:grid;grid-template-columns:452px 237px;gap:30px;margin:26px auto 22px;align-items:center}.alter-image{width:452px;height:383px;object-fit:contain;border-radius:20px;filter:drop-shadow(0 0 12px #00ee9240)}.alter-cards{display:grid;gap:15px}.alter-cards article{min-height:168px}.screen-alter .bottom-nav{margin-top:auto}
.system-pill img{width:24px;height:24px}.bottom-nav span img{display:block;width:24px;height:24px}.strength-grid article>b img{display:block;width:18px;height:18px}.profile-copy li{display:flex;align-items:center}.profile-copy li>img{width:24px;height:24px}.profile-copy li>img.profile-flag{height:18px;border-radius:3px;object-fit:cover}.back{display:flex;align-items:center;gap:5px}.back>img{width:24px;height:24px}.profile-cards i img,.alter-cards i img{display:block;width:30px;height:30px}.cta b{width:24px;height:24px}.cta b img{display:block;width:24px;height:24px}
@media(max-width:700px){.screen{padding:0;min-height:100svh;border-radius:0}.screen::before,.screen::after{height:110%;width:247px}.panel{min-height:100svh;width:100%;padding:40px 20px 20px;border-radius:0;background:#1b2638d9;overflow:hidden}.circuit{display:none}.brand{gap:18px}.brand img{width:50px}.brand p{font-size:14px}.headlines{margin-top:25px}.headlines h1{font-size:26px}.bottom-nav{height:63px;flex:none;margin-top:20px}.screen-map .bottom-nav{margin-top:auto}.system-pill{margin-top:28px}.network{height:min(55vh,480px);margin-top:12px}.network-lines{left:2%;top:4%;width:96%;height:92%;object-fit:fill}.node{width:34px;height:34px}.node img{width:48px;height:48px}.n15{left:50%;top:4%}.n14{left:80%;top:11%}.n13{left:91%;top:33%}.n12{left:67%;top:50%}.n11{left:9%;top:29%}.n10{left:31%;top:42%}.n09{left:62%;top:91%}.n08{left:91%;top:59%}.n07{left:9%;top:80%}.n06{left:6%;top:56%}.n05{left:39%;top:62%}.n04{left:52%;top:28%}.n03{left:20%;top:11%}.n02{left:88%;top:79%}.n01{left:39%;top:88%}.n16{left:65%;top:70%}.kpis{width:100%;gap:10px;margin-top:25px}.kpis article{height:75px}.dashboard-grid{grid-template-columns:1fr;gap:28px;margin:25px 0}.screen-dashboard .panel{height:auto;min-height:100svh;overflow:visible}.screen-dashboard .bottom-nav{position:sticky;bottom:10px}.country{grid-template-columns:24px 83px 1fr 10px}.strength-grid article{min-height:82px}.profile-hero{width:100%;gap:25px;margin-top:28px}.portrait{width:145px;height:145px}.profile-copy{width:140px}.profile-cards{grid-template-columns:1fr;gap:15px;margin-top:38px}.profile-cards article{min-height:75px;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:15px}.profile-cards i{grid-row:1/3}.profile-cards h2{margin-top:4px}.profile-cards p{margin-top:0}.cta{width:100%;margin:30px 0 0}.back{left:20px;top:34px}.screen-profile .brand,.screen-alter .brand{margin-top:0}.screen-profile .panel,.screen-alter .panel{height:auto;overflow:visible}.alter-content{grid-template-columns:1fr;gap:30px;margin:26px 0 20px}.alter-image{width:100%;height:auto;max-height:315px}.alter-cards{gap:15px}.alter-cards article{min-height:77px;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:15px}.alter-cards i{grid-row:1/3}.alter-cards h2{margin-top:4px}.alter-cards p{margin-top:0}.screen-alter .bottom-nav,.screen-profile .bottom-nav{margin-top:30px}}
@media(max-width:390px){.panel{padding-inline:15px}.brand p{font-size:12px}.headlines h1{font-size:24px}.bottom-nav{gap:65px}.system-pill{gap:8px;padding-inline:10px}.profile-hero{gap:15px}.portrait{width:135px;height:135px}.profile-copy h1{font-size:20px}.profile-cards p,.alter-cards p{font-size:14px}.dashboard-grid h2{font-size:12px}.country{grid-template-columns:20px 74px 1fr 8px;gap:8px}.strength-grid{grid-template-columns:1fr}.strength-grid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.node{transition:none}}
@media(min-width:701px){
  .screen-map .circuit,.screen-dashboard .circuit{top:16px;width:148.348px;height:128.152px;border:0;border-radius:0;filter:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
  .screen-map .circuit::before,.screen-map .circuit::after,.screen-dashboard .circuit::before,.screen-dashboard .circuit::after{display:none}
  .screen-map .circuit-left{left:16px;background-image:url("assets/corner-map-left.svg");transform:scaleX(-1)}
  .screen-map .circuit-right{right:16px;background-image:url("assets/corner-map-right.svg");transform:none}
  .screen-dashboard .circuit-left{left:16px;background-image:url("assets/corner-dashboard-left.svg");transform:scaleX(-1)}
  .screen-dashboard .circuit-right{right:16px;background-image:url("assets/corner-dashboard-right.svg");transform:none}
  .screen-profile .back,.screen-alter .back{top:35px}
  .screen-profile .circuit,.screen-alter .circuit{top:16px;width:257.479px;height:88.5px;border:0;border-radius:0;filter:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
  .screen-profile .circuit::before,.screen-profile .circuit::after,.screen-alter .circuit::before,.screen-alter .circuit::after{display:none}
  .screen-profile .circuit-left{left:16px;background-image:url("assets/corner-profile-left.svg")}
  .screen-profile .circuit-right{right:16px;background-image:url("assets/corner-profile-right.svg");transform:scaleX(-1)}
  .screen-alter .circuit-left{left:16px;background-image:url("assets/corner-alter-left.svg")}
  .screen-alter .circuit-right{right:16px;background-image:url("assets/corner-alter-right.svg");transform:scaleX(-1)}
}
@media(max-width:700px){
  .screen .panel{min-height:100svh;height:auto;overflow:visible;padding-bottom:calc(103px + env(safe-area-inset-bottom))}
  .screen .bottom-nav{position:fixed;z-index:50;left:20px;right:20px;bottom:max(20px,env(safe-area-inset-bottom));width:auto;height:63px;margin:0;background:rgba(17,26,43,.94);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
}
@media(max-width:390px){
  .screen .bottom-nav{left:15px;right:15px}
}
.screen-dashboard .kpis span{font-size:12px}
.screen-dashboard .dashboard-grid h2{font-size:14px}
.screen-dashboard .country span{font-size:14px}
.screen-dashboard .strength-grid strong{font-size:14px}
.screen-dashboard .strength-grid p{font-size:14px}
.screen-dashboard .country img{width:20px;height:20px}
.screen-dashboard .kpis,.screen-dashboard .dashboard-grid{width:min(825px,88%)}
.screen-dashboard .kpis article,.screen-dashboard .data-card,.screen-dashboard .strength-grid article{padding:15px}
@media(max-width:700px){
  .screen-dashboard .kpis,.screen-dashboard .dashboard-grid{width:100%}
}
.screen-dashboard .kpis article{position:relative;overflow:hidden;border:1px solid rgba(85,215,195,.48);background:linear-gradient(135deg,rgba(0,238,146,.14),rgba(0,238,146,.055)),rgba(17,26,43,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 18px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}
.screen-dashboard .kpis article:nth-child(2){border-color:rgba(148,115,253,.58);background:linear-gradient(135deg,rgba(148,115,253,.18),rgba(148,115,253,.07)),rgba(17,26,43,.7)}
.screen-dashboard .kpis article:nth-child(3){border-color:rgba(92,185,255,.58);background:linear-gradient(135deg,rgba(92,185,255,.2),rgba(92,185,255,.075)),rgba(17,26,43,.7)}
.screen-dashboard .kpis article::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 48%);border-radius:inherit}
.screen-dashboard .kpis article>*{position:relative;z-index:1}
@media(min-width:701px){
  html,body{height:100%;overflow:hidden}
  .screen{height:100dvh;min-height:0;padding:clamp(16px,6vh,50px) clamp(40px,11.72vw,150px);overflow:hidden}
  .screen .panel{height:100%;min-height:0;overflow:hidden}
  .screen-alter .alter-content{grid-template-columns:minmax(280px,452px) 237px}
  .screen-alter .alter-image{width:100%;height:min(383px,42vh)}
}
@media(min-width:701px) and (max-height:740px){
  .panel{padding-top:20px;padding-bottom:14px}
  .brand{gap:12px}.brand img{width:44px;height:30px}
  .headlines{margin-top:16px}.headlines p{margin-top:4px}
  .screen-map .system-pill{margin-top:14px}.screen-map .network{height:min(329px,43vh)}
  .screen-dashboard .kpis{margin-top:14px}.screen-dashboard .dashboard-grid{margin:14px 0 12px}
  .screen-dashboard .data-card{padding-top:10px;padding-bottom:10px}
  .profile-hero{margin-top:14px}.portrait{width:140px;height:140px}
  .profile-cards{margin-top:14px}.profile-cards article{min-height:112px;padding:12px}
  .profile-cards h2{margin-top:8px}.cta{margin:12px auto}
  .screen-alter .alter-content{margin:14px auto 12px}.screen-alter .alter-image{height:min(300px,39vh)}
  .screen-alter .alter-cards article{min-height:132px;padding:12px}
  .bottom-nav{height:56px}
}
.screen::before,.screen::after{background:radial-gradient(ellipse at center,rgba(92,185,255,.13) 0%,rgba(116,79,255,.105) 34%,rgba(69,21,249,.045) 58%,rgba(19,28,49,0) 78%);filter:blur(30px);opacity:.9;will-change:filter}
.screen::after{background:radial-gradient(ellipse at center,rgba(0,238,146,.07) 0%,rgba(92,185,255,.11) 35%,rgba(116,79,255,.045) 60%,rgba(19,28,49,0) 79%)}
@media(max-width:700px){
  .screen::before,.screen::after{display:none}
  .screen .panel::before,.screen .panel::after{content:"";position:fixed;z-index:0;top:-5svh;width:247px;height:110svh;border-radius:50%;pointer-events:none;filter:blur(32px);opacity:.58;will-change:filter}
  .screen .panel::before{left:-123px;background:radial-gradient(ellipse at center,rgba(92,185,255,.11) 0%,rgba(116,79,255,.085) 35%,rgba(69,21,249,.03) 60%,rgba(19,28,49,0) 79%)}
  .screen .panel::after{right:-123px;background:radial-gradient(ellipse at center,rgba(0,238,146,.05) 0%,rgba(92,185,255,.09) 36%,rgba(116,79,255,.03) 61%,rgba(19,28,49,0) 80%)}
  .screen .panel>*{z-index:1}
}
@media(min-width:1920px){
  .screen{padding-top:5dvh;padding-bottom:5dvh}
  .screen .panel{height:90%}
}
.screen .bottom-nav{background:rgba(17,26,43,.62);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 22px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}
@media(min-width:701px) and (max-height:820px){
  .screen .panel{padding-bottom:84px}
  .screen .bottom-nav{position:absolute;z-index:50;left:20px;right:20px;bottom:14px;width:auto;margin:0;flex-shrink:0}
}
.screen .headlines{margin-top:20px}
.screen .headlines h1{font-size:22px}
.screen-profile .profile-hero{margin-top:30px}
@media(min-width:701px){
  .screen .bottom-nav{width:min(825px,88%)}
}
@media(min-width:701px) and (max-height:820px){
  .screen .bottom-nav{left:50%;right:auto;width:min(825px,88%);transform:translateX(-50%)}
}
.screen-dashboard .data-card,.screen-dashboard .strength-grid article{position:relative;overflow:hidden;border:1px solid rgba(92,185,255,.42);background:linear-gradient(135deg,rgba(92,185,255,.065),rgba(148,115,253,.025)),rgba(17,26,43,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 18px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}
.screen-profile .profile-cards{width:min(825px,88%);margin-top:30px}
.screen-profile .profile-actions{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:30px}
.screen-profile .profile-actions .cta,.screen-profile .profile-actions .bottom-nav{margin:0}
.screen-profile .profile-cards .purple i img{width:24px;height:24px}
@media(max-width:700px){
  .screen-profile .profile-cards{width:100%}
  .screen-profile .profile-actions{margin-top:30px}
}
@media(min-width:701px) and (max-height:820px){
  .screen-profile .panel{padding-bottom:14px}
  .screen-profile .bottom-nav{position:relative;left:auto;right:auto;bottom:auto;transform:none}
}
.screen-profile .cta{height:54px;min-height:54px;font-size:16px}
.screen-profile .profile-cards h2{font-size:14px;font-weight:400}
.screen-profile .profile-cards p{font-size:16px}
.screen-profile .profile-cards article{position:relative;overflow:hidden;border:1px solid rgba(92,185,255,.42);background:linear-gradient(135deg,rgba(92,185,255,.065),rgba(148,115,253,.025)),rgba(17,26,43,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 18px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}
@media(max-width:700px){
  .screen-profile .panel{padding-bottom:calc(197px + env(safe-area-inset-bottom))}
  .screen-profile .cta{position:fixed;z-index:49;left:20px;right:20px;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 93px);width:auto;margin:0}
  .screen-profile .profile-cards article{row-gap:10px}
  .screen-profile .profile-cards h2,.screen-profile .profile-cards p{margin-top:0}
}
@media(max-width:390px){
  .screen-profile .cta{left:15px;right:15px}
}
.screen-alter .alter-cards h2{font-size:14px;font-weight:400}
.screen-alter .alter-cards p{font-size:16px}
.screen-alter .alter-cards article{position:relative;overflow:hidden;border:1px solid rgba(92,185,255,.42);background:linear-gradient(135deg,rgba(92,185,255,.065),rgba(148,115,253,.025)),rgba(17,26,43,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 18px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}
@media(max-width:700px){
  .screen-alter .alter-cards article{row-gap:10px}
  .screen-alter .alter-cards h2,.screen-alter .alter-cards p{margin-top:0}
}
.screen-profile .portrait i{right:16px;bottom:16px}
@media(max-width:700px){
  .screen-profile .portrait i{right:13px;bottom:13px}
}
.screen-profile .profile-copy h2{margin-top:5px}
.screen-map .network{margin-top:30px}
.screen-map .system-pill{border:1px solid rgba(92,185,255,.3);background:linear-gradient(135deg,rgba(92,185,255,.065),rgba(148,115,253,.025)),rgba(17,26,43,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 18px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%)}
.screen-map .pulse-a{left:55.64%;top:78.4%;background:#4515f9}.screen-map .pulse-b{left:47.55%;top:52.22%;background:#5cb9ff}.screen-map .pulse-c{left:18.51%;top:38.53%;background:#5cb9ff}.screen-map .pulse-d{left:36.6%;top:29.71%;background:#00ee92}.screen-map .pulse-e{left:62.23%;top:40.96%;background:#9473fd}
.screen-map .n02{left:82.979%;top:79.216%}
@media(max-width:700px){
  .screen-map .network-lines{content:url("assets/map-lines-mobile-v2.svg");left:4.97%;top:4.47%;width:89.92%;height:89.45%;object-fit:fill}
  .screen-map .n15{left:51.1%;top:4.25%}.screen-map .n14{left:82.6%;top:11.4%}.screen-map .n13{left:93.6%;top:33.35%}.screen-map .n12{left:69.6%;top:50.3%}
  .screen-map .n11{left:8.56%;top:29%}.screen-map .n10{left:30.66%;top:41.6%}.screen-map .n09{left:67.7%;top:93.5%}.screen-map .n08{left:93.9%;top:59%}
  .screen-map .n07{left:8.56%;top:82.4%}.screen-map .n06{left:5.52%;top:56.8%}.screen-map .n05{left:38.95%;top:62.9%}.screen-map .n04{left:55.5%;top:26.8%}
  .screen-map .n03{left:19.6%;top:11.4%}.screen-map .n02{left:91.713%;top:80.896%}.screen-map .n01{left:38.95%;top:90.2%}.screen-map .n16{left:67.7%;top:72.4%}
  .screen-map .pulse-a{left:72.65%;top:62.23%}.screen-map .pulse-b{left:49.17%;top:45.29%}.screen-map .pulse-c{left:18.78%;top:48.98%}.screen-map .pulse-d{left:29.01%;top:26.19%}.screen-map .pulse-e{left:75.41%;top:24.02%}
}

/* Navigation interaction */
.bottom-nav{transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}
.bottom-nav a{position:relative;border-top-color:transparent;transition:color .25s ease,background-color .25s ease,transform .25s ease,text-shadow .25s ease}
.bottom-nav a::before{content:"";position:absolute;z-index:1;top:-2px;left:0;width:100%;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--green),#39d8c1);box-shadow:0 0 9px rgba(0,238,146,.55);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.bottom-nav a span{transition:transform .25s ease,filter .25s ease}
.bottom-nav a.active{border-top-color:transparent}
.bottom-nav a.active::before{transform:scaleX(1);animation:nav-line-in .38s ease both}
.bottom-nav a.active span{filter:drop-shadow(0 0 5px rgba(0,238,146,.35))}
.bottom-nav a:hover,.bottom-nav a:focus-visible{color:#fff;background:radial-gradient(ellipse 78% 115% at 50% 42%,rgba(92,185,255,.11) 0%,rgba(92,185,255,.045) 42%,transparent 78%);transform:translateY(-2px);text-shadow:0 0 8px rgba(163,216,255,.22);outline:none}
.bottom-nav a:hover span,.bottom-nav a:focus-visible span{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(92,185,255,.4))}
.bottom-nav a.active:hover,.bottom-nav a.active:focus-visible{color:var(--green);background:radial-gradient(ellipse 78% 115% at 50% 42%,rgba(0,238,146,.12) 0%,rgba(0,238,146,.045) 44%,transparent 78%)}
.screen:target .bottom-nav{animation:nav-settle .32s ease both}
@keyframes nav-line-in{from{transform:scaleX(0);opacity:.25}to{transform:scaleX(1);opacity:1}}
@keyframes nav-settle{from{opacity:.82;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.bottom-nav:hover{background-color:rgba(17,26,43,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)}}
@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav a,.bottom-nav a::before,.bottom-nav a span,.bottom-nav a.active::before,.screen:target .bottom-nav{animation:none;transition:none}}

/* Dashboard entrance */
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .kpis article,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .dashboard-grid>section,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country{opacity:0;animation:dashboard-reveal .52s cubic-bezier(.22,.8,.32,1) forwards}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .kpis article:nth-child(1){animation-delay:.04s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .kpis article:nth-child(2){animation-delay:.1s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .kpis article:nth-child(3){animation-delay:.16s}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .dashboard-grid>section:nth-child(1){animation-delay:.2s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .dashboard-grid>section:nth-child(2){animation-delay:.26s}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(1){animation-delay:.28s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(2){animation-delay:.34s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(3){animation-delay:.4s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(4){animation-delay:.46s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(5){animation-delay:.52s}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article:nth-child(1){animation-delay:.32s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article:nth-child(2){animation-delay:.38s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article:nth-child(3){animation-delay:.44s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article:nth-child(4){animation-delay:.5s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article:nth-child(5){animation-delay:.56s}
.screen-dashboard .country i b{transform-origin:left center}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country i b{animation:country-bar-grow .85s cubic-bezier(.2,.75,.25,1) both}
:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(1) i b{animation-delay:.38s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(2) i b{animation-delay:.46s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(3) i b{animation-delay:.54s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(4) i b{animation-delay:.62s}:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country:nth-child(5) i b{animation-delay:.7s}
@keyframes dashboard-reveal{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes country-bar-grow{from{transform:scaleX(0);filter:brightness(1.4)}to{transform:scaleX(1);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .kpis article,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .dashboard-grid>section,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .strength-grid article,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country,:is(.screen-dashboard:target,body.page-dashboard .screen-dashboard) .country i b{opacity:1;animation:none;transform:none;filter:none}}

/* Profile and AI Alter Ego entrance */
:is(.screen-profile:target,body.page-profile .screen-profile) .portrait,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h1,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h2,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy ul,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-cards article,:is(.screen-profile:target,body.page-profile .screen-profile) .cta,:is(.screen-alter:target,body.page-alter .screen-alter) .headlines,:is(.screen-alter:target,body.page-alter .screen-alter) .alter-image,:is(.screen-alter:target,body.page-alter .screen-alter) .alter-cards article{opacity:0;animation:content-reveal .55s cubic-bezier(.22,.8,.32,1) forwards}
:is(.screen-profile:target,body.page-profile .screen-profile) .portrait{animation:portrait-reveal .65s cubic-bezier(.2,.85,.3,1) .1s forwards}:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h1{animation-delay:.16s}:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h2{animation-delay:.21s}:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy ul{animation-delay:.27s}
:is(.screen-profile:target,body.page-profile .screen-profile) .profile-cards article:nth-child(1){animation-delay:.34s}:is(.screen-profile:target,body.page-profile .screen-profile) .profile-cards article:nth-child(2){animation-delay:.42s}:is(.screen-profile:target,body.page-profile .screen-profile) .profile-cards article:nth-child(3){animation-delay:.5s}:is(.screen-profile:target,body.page-profile .screen-profile) .cta{animation-delay:.58s}
:is(.screen-alter:target,body.page-alter .screen-alter) .headlines{animation-delay:.12s}:is(.screen-alter:target,body.page-alter .screen-alter) .alter-image{animation:alter-image-reveal .7s cubic-bezier(.2,.85,.3,1) .2s forwards}:is(.screen-alter:target,body.page-alter .screen-alter) .alter-cards article:nth-child(1){animation-delay:.32s}:is(.screen-alter:target,body.page-alter .screen-alter) .alter-cards article:nth-child(2){animation-delay:.43s}
@keyframes content-reveal{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes portrait-reveal{from{opacity:0;transform:translateY(12px) scale(.88);filter:blur(5px) drop-shadow(0 0 0 rgba(0,238,146,0))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes alter-image-reveal{from{opacity:0;transform:translateY(16px) scale(.94);filter:blur(7px) drop-shadow(0 0 0 rgba(0,238,146,0))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 12px rgba(0,238,146,.25))}}
@media(prefers-reduced-motion:reduce){:is(.screen-profile:target,body.page-profile .screen-profile) .portrait,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h1,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy h2,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-copy ul,:is(.screen-profile:target,body.page-profile .screen-profile) .profile-cards article,:is(.screen-profile:target,body.page-profile .screen-profile) .cta,:is(.screen-alter:target,body.page-alter .screen-alter) .headlines,:is(.screen-alter:target,body.page-alter .screen-alter) .alter-image,:is(.screen-alter:target,body.page-alter .screen-alter) .alter-cards article{opacity:1;animation:none;transform:none;filter:none}}

/* CTA interaction */
.cta{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 6px 18px rgba(69,21,249,.16),0 0 0 rgba(0,238,146,0);transition:box-shadow .3s ease,filter .3s ease}
.cta span,.cta b{position:relative;z-index:1}
.cta b{animation:cta-arrow 1.8s ease-in-out infinite}
.cta:hover,.cta:focus-visible{box-shadow:0 9px 25px rgba(69,21,249,.28),0 0 18px rgba(0,238,146,.22);filter:saturate(1.12) brightness(1.04);outline:none}
.cta:hover b,.cta:focus-visible b{animation-duration:.85s}
@keyframes cta-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.cta b{animation:none}.cta{transition:none}}

/* Team Map entrance */
.screen-map .brand,.screen-map .headlines,.screen-map .system-pill{opacity:0;animation:map-content-reveal .5s cubic-bezier(.22,.8,.32,1) forwards}
.screen-map .brand{animation-delay:.03s}.screen-map .headlines{animation-delay:.1s}.screen-map .system-pill{animation-delay:.18s}
.screen-map .network-lines{opacity:0;clip-path:inset(0 100% 0 0);animation:map-lines-reveal .85s cubic-bezier(.2,.75,.25,1) .28s forwards}
.screen-map .node{opacity:0;animation:map-node-fade .38s ease forwards}
.screen-map .node img{transform:scale(.72);animation:map-node-pop .48s cubic-bezier(.2,.9,.28,1.2) forwards}
.screen-map .n15,.screen-map .n15 img{animation-delay:.42s}.screen-map .n03,.screen-map .n03 img{animation-delay:.47s}.screen-map .n14,.screen-map .n14 img{animation-delay:.52s}.screen-map .n11,.screen-map .n11 img{animation-delay:.57s}.screen-map .n04,.screen-map .n04 img{animation-delay:.62s}.screen-map .n12,.screen-map .n12 img{animation-delay:.67s}.screen-map .n10,.screen-map .n10 img{animation-delay:.72s}.screen-map .n13,.screen-map .n13 img{animation-delay:.77s}.screen-map .n05,.screen-map .n05 img{animation-delay:.82s}.screen-map .n16,.screen-map .n16 img{animation-delay:.87s}.screen-map .n06,.screen-map .n06 img{animation-delay:.92s}.screen-map .n08,.screen-map .n08 img{animation-delay:.97s}.screen-map .n07,.screen-map .n07 img{animation-delay:1.02s}.screen-map .n02,.screen-map .n02 img{animation-delay:1.07s}.screen-map .n09,.screen-map .n09 img{animation-delay:1.12s}.screen-map .n01,.screen-map .n01 img{animation-delay:1.17s}
.screen-map .pulse{opacity:0;animation:map-pulse-in .55s ease forwards,map-pulse-breathe 2.4s ease-in-out infinite}
.screen-map .pulse-a{animation-delay:.78s,1.35s}.screen-map .pulse-b{animation-delay:.84s,1.41s}.screen-map .pulse-c{animation-delay:.9s,1.47s}.screen-map .pulse-d{animation-delay:.96s,1.53s}.screen-map .pulse-e{animation-delay:1.02s,1.59s}
@keyframes map-content-reveal{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes map-lines-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(1.5)}to{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1)}}
@keyframes map-node-fade{from{opacity:0}to{opacity:1}}
@keyframes map-node-pop{from{transform:scale(.72);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}
@keyframes map-pulse-in{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}
@keyframes map-pulse-breathe{0%,100%{box-shadow:0 0 0 12px #5cb9ff09,0 0 0 23px #5cb9ff06}50%{box-shadow:0 0 0 16px #5cb9ff0c,0 0 0 29px #5cb9ff03}}
@media(prefers-reduced-motion:reduce){.screen-map .brand,.screen-map .headlines,.screen-map .system-pill,.screen-map .network-lines,.screen-map .node,.screen-map .node img,.screen-map .pulse{opacity:1;animation:none;transform:none;clip-path:none;filter:none}}

/* Standalone pages */
body.page-map .screen-map,body.page-dashboard .screen-dashboard,body.page-profile .screen-profile,body.page-alter .screen-alter{display:flex}
body.page-map .bottom-nav,body.page-dashboard .bottom-nav,body.page-profile .bottom-nav,body.page-alter .bottom-nav{animation:nav-settle .32s ease both}
@media(prefers-reduced-motion:reduce){body.page-map .bottom-nav,body.page-dashboard .bottom-nav,body.page-profile .bottom-nav,body.page-alter .bottom-nav{animation:none}}