/* ORBITA INSTALL PAGE · RESPONSIVE EXPERIENCE */
:root{color-scheme:dark;--ink:#f6f5ff;--muted:#aaa8bd;--cyan:#72efff;--violet:#b58cff}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.install-page{
  min-height:100svh;overflow-x:hidden;color:var(--ink);
  background:radial-gradient(ellipse at 15% 8%,rgba(111,60,179,.25),transparent 38%),radial-gradient(ellipse at 90% 50%,rgba(36,136,171,.18),transparent 40%),linear-gradient(140deg,#080914,#0c1020 58%,#080c15);
  font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased
}
.install-page-stars{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(100,225,255,.75) 0 1px,transparent 1.8px);background-size:139px 139px,211px 211px;background-position:0 0,70px 90px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.install-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;width:min(1120px,calc(100% - 36px));margin:0 auto;padding:22px 0;border-bottom:1px solid rgba(155,190,240,.15)}
.install-brand{display:inline-flex;align-items:center;gap:11px;color:white;text-decoration:none;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.13em}
.install-brand img{width:42px;height:42px;border:1px solid rgba(114,239,255,.38);border-radius:13px;box-shadow:0 0 25px rgba(114,239,255,.13)}
.install-brand b{color:var(--cyan)}
.install-header-label{color:#8d91a8;font-size:8px;font-weight:800;letter-spacing:.16em;text-align:right}
.install-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(28px,6vw,74px);align-items:center;width:min(1120px,calc(100% - 36px));min-height:calc(100svh - 120px);margin:0 auto;padding:36px 0 46px}
.install-intro{min-width:0}
.install-kicker{display:inline-flex;align-items:center;gap:9px;color:#a9a1bd;font-size:9px;font-weight:800;letter-spacing:.18em}
.install-kicker i,.install-platform span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(114,239,255,.8)}
.install-intro h1{max-width:660px;margin:21px 0 14px;font:600 clamp(36px,5.5vw,65px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.055em}
.install-intro h1 em{display:block;color:transparent;background:linear-gradient(100deg,#d7c0ff,#a784fa 42%,#72efff 88%);background-clip:text;-webkit-background-clip:text;font-style:normal}
.install-intro>p{max-width:520px;margin:0;color:#aaa8bd;font-size:14px;line-height:1.8}
.install-visual{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,510px);height:250px;margin:20px 0 0;overflow:hidden}
.install-visual-grid{position:absolute;inset:0;opacity:.35;background:linear-gradient(rgba(101,196,231,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(101,196,231,.10) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 72%)}
.install-visual-orbit{position:absolute;left:50%;top:45%;border:1px solid;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.install-orbit-a{width:315px;height:105px;border-color:rgba(181,140,255,.7);transform:translate(-50%,-50%) rotate(-23deg);box-shadow:0 0 25px rgba(181,140,255,.14)}
.install-orbit-b{width:280px;height:190px;border-color:rgba(114,239,255,.48);transform:translate(-50%,-50%) rotate(38deg)}
.install-orbit-c{width:185px;height:185px;border-style:dashed;border-color:rgba(222,204,255,.35);animation:install-orbit-spin 48s linear infinite}
.install-visual-planet{position:relative;z-index:1;display:grid;place-items:center;width:108px;height:108px;border:1px solid rgba(216,199,255,.65);border-radius:36px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.26),transparent 36%),linear-gradient(145deg,#2b1851,#0a2035);box-shadow:0 0 55px rgba(156,103,250,.28),inset 0 1px rgba(255,255,255,.24)}
.install-visual-planet img{width:86px;height:86px;object-fit:cover;border-radius:27px}
.install-visual-node{position:absolute;z-index:2;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(114,239,255,.95)}
.install-node-a{left:calc(50% - 154px);top:41%;animation:install-node-pulse 4s ease-in-out infinite}
.install-node-b{left:calc(50% + 134px);top:66%;background:#c5a1ff;box-shadow:0 0 18px rgba(197,161,255,.9);animation:install-node-pulse 4.8s ease-in-out infinite .8s}
.install-node-c{left:calc(50% + 14px);top:7%;width:6px;height:6px;animation:install-node-pulse 5.2s ease-in-out infinite 1.5s}
.install-visual-caption{position:absolute;bottom:2px;display:grid;gap:5px;text-align:center}
.install-visual-caption span{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.18em}
.install-visual-caption b{color:#8f91a8;font-size:7px;letter-spacing:.19em}
@keyframes install-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes install-node-pulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.22)}}
.install-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.install-benefits>div{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid rgba(169,151,214,.16);border-radius:13px;background:rgba(255,255,255,.025)}
.install-benefits>div>span{color:var(--cyan);font-size:17px}
.install-benefits b{font:600 10px 'Space Grotesk',sans-serif}
.install-benefits small{color:#9694a9;font-size:8px;line-height:1.45}
.install-panel{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);border:1px solid rgba(145,176,231,.26);border-radius:25px;background:radial-gradient(ellipse at 90% 0%,rgba(83,231,245,.10),transparent 40%),linear-gradient(150deg,rgba(27,23,48,.97),rgba(10,14,27,.98));box-shadow:0 28px 85px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)}
.install-panel:before{content:"";position:absolute;right:-120px;top:175px;width:250px;height:250px;border:1px solid rgba(114,239,255,.13);border-radius:50%;box-shadow:0 0 0 18px rgba(114,239,255,.025),0 0 0 38px rgba(181,140,255,.02);pointer-events:none}
.install-panel-top{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:18px}
.install-app-icon{width:65px;height:65px;flex:none;overflow:hidden;border:1px solid rgba(114,239,255,.38);border-radius:18px;background:#060a16;box-shadow:0 0 27px rgba(114,239,255,.14)}
.install-app-icon img{width:100%;height:100%;object-fit:cover}
.install-panel-kicker{color:#a8a0ba;font-size:8px;font-weight:800;letter-spacing:.17em}
.install-panel h2{margin:5px 0 4px;font:600 25px 'Space Grotesk',sans-serif}
.install-panel-top p{margin:0;color:#a8a4b9;font-size:10px;line-height:1.5}
.install-platform{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(114,239,255,.24);border-radius:30px;background:rgba(114,239,255,.055);color:#b4f7ff;font-size:8px;font-weight:800;letter-spacing:.13em}
.install-platform span{width:6px;height:6px}
.install-status{min-height:42px;margin:13px 0;color:#c7c4d3;font-size:11px;line-height:1.6}
.install-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;border:1px solid rgba(226,209,255,.35);border-radius:13px;background:linear-gradient(105deg,#6637b4,#9451d8 50%,#267d9b);color:#fff;font:700 12px 'DM Sans',sans-serif;box-shadow:0 12px 30px rgba(84,53,155,.3),inset 0 1px rgba(255,255,255,.27);cursor:pointer;transition:transform .18s ease,filter .18s ease}
.install-primary span{color:#a9f7ff;font-size:17px}
.install-primary:active{transform:scale(.99)}
.install-primary:disabled{opacity:.62;cursor:wait}
.install-instructions{position:relative;margin-top:19px;padding-top:16px;border-top:1px solid rgba(255,255,255,.085);transition:border-color .2s,background .2s}
.install-instructions.is-highlighted{border-color:rgba(114,239,255,.42);background:rgba(114,239,255,.025)}
.install-instructions-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.install-instructions-heading span{color:#9ceffa;font-size:8px;font-weight:800;letter-spacing:.16em}
.install-instructions-heading small{color:#7f8198;font-size:7px;letter-spacing:.09em;text-align:right}
.install-instructions ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.install-instructions li{display:flex;align-items:flex-start;gap:10px;color:#c1bdce;font-size:10px;line-height:1.55}
.install-instructions li i{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid rgba(114,239,255,.38);border-radius:50%;color:#a8f4ff;font:700 9px 'Space Grotesk',sans-serif;font-style:normal}
.install-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}
.install-copy{padding:7px 0;border:0;background:none;color:#a4e8ed;font-size:9px;font-weight:700;cursor:pointer}
.install-web-link{color:#bda5ec;font-size:9px;text-decoration:none}
.install-web-link:hover,.install-brand:hover{color:#fff}
.install-foot{margin:15px 0 0;color:#777d94;font-size:8px;line-height:1.55}
.install-footer{display:flex;justify-content:space-between;gap:15px;width:min(1120px,calc(100% - 36px));margin:0 auto;padding:0 0 20px;color:#777d94;font-size:7px;font-weight:800;letter-spacing:.17em}
@media(max-width:850px){
  .install-layout{grid-template-columns:1fr;gap:24px;width:min(620px,calc(100% - 30px));padding:34px 0}
  .install-intro h1{font-size:clamp(37px,8vw,58px)}
  .install-visual{height:205px;margin-top:12px}
  .install-benefits{margin-top:0}
  .install-panel{order:2}
}
@media(max-width:480px){
  .install-header{width:calc(100% - 28px);padding:15px 0}
  .install-header-label{max-width:130px;font-size:7px;line-height:1.5}
  .install-layout{width:calc(100% - 28px);padding:24px 0}
  .install-intro h1{margin:15px 0 10px;font-size:37px}
  .install-intro>p{font-size:12px}
  .install-visual{height:175px}
  .install-orbit-a{width:255px;height:85px}
  .install-orbit-b{width:230px;height:155px}
  .install-orbit-c{width:155px;height:155px}
  .install-visual-planet{width:88px;height:88px;border-radius:29px}
  .install-visual-planet img{width:70px;height:70px;border-radius:22px}
  .install-benefits{gap:6px}
  .install-benefits>div{padding:9px 8px}
  .install-benefits b{font-size:9px}
  .install-benefits small{font-size:7px}
  .install-panel{padding:19px;border-radius:20px}
  .install-footer{width:calc(100% - 28px);font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .install-orbit-c,.install-node-a,.install-node-b,.install-node-c{animation:none!important}
  .install-primary{transition:none}
}
@media(prefers-reduced-data:reduce){
  .install-page-stars,.install-visual-grid,.install-panel:before{display:none}
  .install-visual-orbit{box-shadow:none}
}