/* ORBIT / 03. Original editorial cloud interface; reference notes in qa/reviews. */
html[data-mode=dark]{--bg:#090c12;--sidebar:#0c1017;--surface:#121821;--surface2:#171f2b;--surface3:#222e3d;--border:#26303d;--text:#eef3fb;--muted:#9aa9bc;--soft:#bfccdc;--hero:#142438;--hero-end:#0b111c;--on-accent:#0c1a2d;--shadow:0 20px 70px #0003;--radius:18px;--blue:#9bc6ff;--red:#ffb4b1;--sidebar-width:238px}
html[data-mode=light]{--bg:#f2f5fa;--sidebar:#eaf0f7;--surface:#fff;--surface2:#edf2f8;--surface3:#dce5f0;--border:#cbd6e3;--text:#172638;--muted:#53657b;--soft:#3e526c;--hero:#dae7f8;--hero-end:#f5f8fc;--shadow:0 16px 50px #223d5910;--radius:18px;--blue:#285fa7;--red:#a73336;--sidebar-width:238px}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
:where(button,a,input,summary,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sidebar{padding:25px 16px 18px;background:var(--sidebar);border-color:color-mix(in srgb,var(--border) 58%,transparent);overflow-y:auto;scrollbar-width:thin}
.brand{gap:10px;padding:0 14px;letter-spacing:2px;font-size:calc(23px * var(--text-scale));font-weight:720}
.brand-mark{width:34px;height:34px;flex:none}
.brand .brand-sub{letter-spacing:2px;font-size:9px;margin-top:0}
.workspace{margin:28px 0 30px;padding:12px 10px;gap:10px;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}
.workspace-avatar{background:var(--surface3);color:var(--accent);width:32px;height:32px;border-radius:10px}
.workspace small{line-height:1.5;margin-top:3px}
.workspace .grow>span{line-height:1.4}
.nav-label{font-size:9px;letter-spacing:1.5px;line-height:1.5;margin-bottom:10px;padding:0 13px;color:var(--muted)}
.nav{gap:5px}.nav-btn{padding:12px 13px;gap:10px;border-radius:10px;font-size:calc(11px * var(--text-scale));font-weight:500;min-height:44px;position:relative}
.nav-btn .icon{width:18px;height:18px;opacity:.85}
.nav-btn.active{color:var(--text);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-left:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}
.nav-btn.active:before{content:"";width:3px;height:18px;border-radius:3px;background:var(--accent);position:absolute;left:-16px;top:50%;translate:0 -50%}
.nav-btn.active .icon{color:var(--accent);opacity:1}
.owner-only>.nav-label{margin-top:28px}.demo-nav-disclosure{margin-top:24px}.demo-nav-disclosure summary{line-height:1.8}
.sidebar-bottom{padding-top:32px}.side-note{border:0;padding:14px 6px;background:none;margin:10px 6px}.side-note p{line-height:1.7}
.profile{padding:16px 8px 0;margin-top:6px;gap:9px}.profile>.grow{line-height:1.4}.profile small{margin-top:4px}
.avatar{background:var(--surface3);color:var(--accent);font-size:10px;font-weight:650;border:1px solid var(--border)}
.topbar{height:76px;padding:0 38px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
.breadcrumbs{font-size:calc(10px * var(--text-scale));letter-spacing:.05px}.breadcrumbs>span:first-child{opacity:.45}
.top-actions{gap:13px}.lab-button{border-radius:100px;background:var(--surface);border-color:var(--border);font-size:calc(10px * var(--text-scale));padding:9px 14px}
.lab-button>.muted{font-size:9px;background:var(--surface3);padding:1px 5px;border-radius:4px}
.quick-theme{border-radius:50%;border-color:var(--border);background:transparent;width:38px;height:38px;min-width:38px}
.main{padding:38px 40px 22px;max-width:1560px;margin:auto}
.shell{isolation:isolate;position:relative;min-height:100dvh}
.shell:before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 80% 12%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 56%);animation:orbit-atmosphere 18s ease-in-out infinite alternate}
.page-header{margin-bottom:32px;gap:22px}.page-header h1{font-weight:540;letter-spacing:-1.3px;font-size:calc(clamp(26px,2.5vw,36px) * var(--text-scale));line-height:1.15}
.page-header p{font-size:calc(12px * var(--text-scale));line-height:1.75;max-width:640px;margin-top:14px;color:var(--muted)}
.eyebrow{font-size:calc(9px * var(--text-scale));letter-spacing:1.7px;font-weight:550;color:var(--muted)}
.page-header .eyebrow{margin-bottom:17px;color:var(--accent)}
.button{border-radius:10px;min-height:44px;line-height:1.4;padding:12px 17px;font-size:calc(11px * var(--text-scale));font-weight:600;gap:10px;transition:background .2s,box-shadow .2s,color .2s,border-color .2s}
.button .icon{width:17px;height:17px}.button.primary{box-shadow:none;background:var(--accent);color:var(--on-accent)}
.button.primary:hover{background:color-mix(in srgb,var(--accent) 84%,white);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 15%,transparent)}
.button.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text)}
.button.secondary:hover{background:var(--surface3);border-color:var(--soft)}
.button:active{transform:none}.button:disabled{cursor:not-allowed;box-shadow:none}
.icon-button{border-radius:10px}.icon-button:hover{background:var(--surface2)}
.panel{background:var(--surface);border-color:var(--border);border-radius:var(--radius);box-shadow:none}
.section-heading{margin:0 0 20px;align-items:center;gap:16px}.section-heading h2{font-size:calc(18px * var(--text-scale));font-weight:540;letter-spacing:-.6px}
.section-heading .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:6px}
.footer{margin-top:40px;padding:21px 0 4px;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);color:var(--muted);font-size:calc(9px * var(--text-scale))}
.status-dot{box-shadow:none}.pill{border-color:var(--border);font-size:calc(9px * var(--text-scale));font-weight:500}

/* The entry composition is intentionally open; controls have stable positions. */
.orbit-welcome{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:center;gap:16px;position:relative;margin:-12px 0 26px;min-height:430px}
.orbit-welcome-copy{position:relative;z-index:2;padding:18px 0 24px}
.orbit-welcome .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;margin-bottom:25px}
.orbit-label-line{display:inline-block;width:23px;height:1px;background:var(--accent)}
.orbit-welcome h1{font-size:calc(clamp(32px,3.25vw,52px) * var(--text-scale));line-height:1.06;letter-spacing:-2.1px;font-weight:520;max-width:640px}
.orbit-welcome h1>span{display:block}.orbit-title-accent{color:var(--accent)}
.orbit-welcome p{max-width:460px;font-size:calc(12px * var(--text-scale));line-height:1.8;margin-top:24px}
.orbit-welcome-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.orbit-welcome-actions>.primary{min-height:48px;padding-inline:20px}.orbit-welcome-actions>.primary .icon{margin-left:8px}
.orbit-text-link{display:inline-flex;gap:9px;align-items:center;font-size:calc(11px * var(--text-scale));font-weight:500;color:var(--soft);padding:8px 0;min-height:38px}
.orbit-text-link .icon{width:16px;height:16px;transition:translate .2s}.orbit-text-link:hover{color:var(--accent)}.orbit-text-link:hover .icon{translate:3px -2px}
.orbit-welcome-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:calc(9px * var(--text-scale))}
.orbit-welcome-meta>span{display:flex;align-items:center;gap:6px}.orbit-welcome-meta .icon{width:14px;height:14px}
.orbit-stage{height:420px;position:relative;isolation:isolate;perspective:1000px;min-width:0;overflow:hidden;border-radius:24px}
.orbit-stage-grid{position:absolute;inset:10%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:38px 38px;opacity:.22;mask-image:radial-gradient(ellipse,black,transparent 65%)}
.orbit-stage-canvas.motion-scene{inset:0;width:100%;height:100%;opacity:.44;pointer-events:none}
.orbit-handset{position:absolute;left:50%;top:50%;width:164px;height:310px;margin:-155px 0 0 -82px;border:1px solid #8397b4;border-radius:30px;padding:6px;background:linear-gradient(140deg,#a8b7ca,#172638 12%,#0c121c 50%,#5d718c);box-shadow:inset -3px -2px 0 #ffffff18,18px 20px 42px #0005;transform:rotate(-8deg) rotateY(-15deg);animation:orbit-handset-float 12s ease-in-out infinite}
.orbit-handset-screen{height:100%;position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#52749c 0,transparent 65%),linear-gradient(155deg,#243e5c,#101c2b 70%);color:#e9f4ff;padding:21px 14px 12px}
.orbit-handset-screen:before{content:"";position:absolute;inset:-40% -70%;background:linear-gradient(115deg,transparent 42%,#c8e1ff0c 48%,#c8e1ff14 50%,transparent 57%);animation:orbit-glass-light 10s ease-in-out infinite;pointer-events:none}
.orbit-handset-camera{position:absolute;z-index:2;top:13px;left:50%;translate:-50% 0;width:6px;height:6px;border-radius:50%;background:#050a10;box-shadow:0 0 0 2px #ffffff08}
.orbit-handset-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:2px;position:relative}.orbit-handset-top .icon{width:13px;height:13px}
.orbit-emblem{height:116px;position:relative;margin-top:12px}.orbit-emblem>i{position:absolute;left:50%;top:50%;width:105px;height:46px;margin:-23px 0 0 -52.5px;border:1px solid #d9eeff99;border-radius:50%;transform:rotate(-38deg)}
.orbit-emblem>i:nth-child(2){transform:rotate(38deg);border-color:#b8dbff3d}.orbit-emblem>b{position:absolute;left:50%;top:50%;width:33px;height:33px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a9d3ff 40%,#31537b 100%);box-shadow:0 0 35px #b7daff35}
.orbit-handset-label{font-size:13px;line-height:1.45;letter-spacing:-.3px;position:relative}.orbit-handset-label strong{font-weight:550;color:#b9dcff}
.orbit-handset-dock{display:flex;gap:7px;position:absolute;bottom:26px;left:13px;right:13px}.orbit-handset-dock>span{flex:1;height:27px;display:grid;place-items:center;border:1px solid #b8d7ff28;border-radius:8px;background:#b6d6ff0e}.orbit-handset-dock .icon{width:13px;height:13px}
.orbit-handset-home{position:absolute;bottom:9px;left:50%;translate:-50% 0;width:42px;height:3px;border-radius:3px;background:#dcecff80}
.orbit-track{position:absolute;left:50%;top:50%;width:370px;height:370px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;margin:-185px 0 0 -185px;transform:rotateX(67deg) rotate(-25deg);animation:orbit-track-turn 32s linear infinite}
.orbit-track-b{width:325px;height:325px;margin:-162.5px 0 0 -162.5px;opacity:.5;animation-direction:reverse;animation-duration:44s}
.orbit-track>i{position:absolute;top:50%;left:-3px;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent)}
.orbit-coordinate{position:absolute;font-size:8px;font-family:var(--font-family);letter-spacing:2px;color:var(--muted);z-index:1}
.orbit-coordinate-top{top:24px;left:18px}.orbit-coordinate-bottom{bottom:15px;right:15px;font-size:7px}
.orbit-stage-caption{position:absolute;right:1%;bottom:26%;z-index:2;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:9px;background:var(--surface);color:var(--soft);font-size:10px;box-shadow:0 10px 30px #0002;animation:orbit-caption-float 14s ease-in-out infinite}
.orbit-stage-caption .icon{width:14px;height:14px;color:var(--accent)}
.orbit-welcome.has-active-lease{min-height:325px;margin-bottom:14px}.has-active-lease .orbit-stage{height:330px}.has-active-lease h1{font-size:calc(clamp(29px,2.8vw,43px) * var(--text-scale))}.has-active-lease .orbit-handset{scale:.83}.has-active-lease .orbit-welcome-meta{margin-top:19px}.has-active-lease .orbit-welcome-copy{padding-top:0}.has-active-lease .orbit-welcome p{margin-top:19px}

/* Live account information stays compact and readable. */
.rental-stats.orbit-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-block:1px solid var(--border);margin:0 0 35px}
.orbit-metrics>.panel{background:none;border:0;border-radius:0;padding:20px 24px;min-height:98px}.orbit-metrics>.panel:first-child{padding-left:0}.orbit-metrics>.panel+.panel{border-left:1px solid var(--border)}
.orbit-metrics>.panel>span{font-size:calc(10px * var(--text-scale));color:var(--muted)}
.orbit-metrics>.panel>strong{display:flex;align-items:baseline;gap:13px;font-size:calc(26px * var(--text-scale));font-weight:450;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}
.orbit-metrics small{font-size:calc(9px * var(--text-scale));font-weight:400;color:var(--muted)}
.orbit-metrics small{letter-spacing:0;line-height:1.5}
.orbit-metrics .rental-stat-note strong{font-size:inherit;line-height:inherit;letter-spacing:0;display:inline;margin:0}
.mobile-brand{display:none}
.orbit-entry-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border);margin:12px 0 28px}
.orbit-entry-details>article{padding:28px 24px}.orbit-entry-details>article:first-child{padding-left:0}.orbit-entry-details>article+article{border-left:1px solid var(--border)}
.orbit-entry-details article>span{font-size:10px;letter-spacing:2px;color:var(--accent)}.orbit-entry-details h2{font-size:calc(18px * var(--text-scale));font-weight:500;line-height:1.3;margin:19px 0 12px}.orbit-entry-details p{font-size:calc(11px * var(--text-scale));line-height:1.8;color:var(--muted)}
.orbit-metrics .rental-stat-note{display:flex;align-items:center;gap:13px}.orbit-metrics .rental-stat-note>span{line-height:1.8}.orbit-metrics .rental-stat-note strong{font-weight:450;color:var(--soft)}.orbit-metrics .rental-stat-note>.icon{width:23px;height:23px;color:var(--accent)}
.orbit-workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:28px;align-items:start}.orbit-phones-section{min-width:0;scroll-margin-top:96px}
.rental-lease-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:15px}
.rental-lease{padding:24px;display:grid;grid-template-columns:1fr 66px;gap:8px 16px;align-items:start;overflow:hidden;position:relative;background:linear-gradient(120deg,var(--surface),var(--surface2));min-height:215px}
.rental-lease:before{content:"";position:absolute;right:-60px;top:-110px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;pointer-events:none}
.rental-lease>.rental-status{grid-column:1;align-self:start;justify-self:start;margin-bottom:8px}
.rental-lease>.rental-device-art{grid-column:2;grid-row:1/4;width:64px;height:89px;margin:0;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));background:radial-gradient(ellipse at 40% 25%,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--surface2));display:grid;place-items:center}
.rental-lease>.rental-device-art .icon{width:30px;height:42px;stroke-width:1.2;color:var(--accent)}
.rental-lease>h3{grid-column:1;line-height:1.3;font-size:calc(21px * var(--text-scale));font-weight:500;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}
.rental-lease>.hint{grid-column:1;font-size:calc(11px * var(--text-scale));color:var(--soft);line-height:1.7;margin:0}
.rental-lease>.button{grid-column:1/-1;margin-top:13px;width:100%;justify-content:space-between;padding-inline:17px}.rental-lease>.button .icon{order:1}
.rental-status{font-size:calc(10px * var(--text-scale));font-weight:500}.rental-status .status-dot{width:5px;height:5px}
.rental-catalog-note{font-size:calc(10px * var(--text-scale));line-height:1.8;color:var(--muted);margin-top:16px;max-width:720px}
.orbit-guide{padding:24px 25px;background:var(--surface);border:1px solid var(--border);border-radius:18px;position:relative}
.orbit-guide-heading{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:20px}.orbit-guide-heading>.icon{width:19px;height:19px}.orbit-guide-number{font-size:9px;letter-spacing:2px}
.orbit-guide h2{font-size:calc(20px * var(--text-scale));font-weight:480;letter-spacing:-.6px;line-height:1.25}
.orbit-guide ol{list-style:none;padding:0;margin:24px 0 10px;display:grid;gap:18px}.orbit-guide li{display:flex;gap:13px;align-items:baseline}.orbit-guide li>span{font-size:9px;font-variant-numeric:tabular-nums;color:var(--muted);line-height:1.8}
.orbit-guide li strong{font-size:calc(11px * var(--text-scale));font-weight:520}.orbit-guide li p{font-size:calc(10px * var(--text-scale));line-height:1.65;margin-top:3px;color:var(--muted)}
.orbit-guide>.orbit-text-link{margin-top:8px;border-top:1px solid var(--border);padding-top:17px;width:100%;justify-content:space-between}
.rental-empty{padding:28px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.rental-empty-icon{width:40px;height:40px;margin:0 0 17px;border-radius:12px;background:var(--accent-dim)}
.rental-empty h2{font-size:calc(20px * var(--text-scale));font-weight:500}.rental-empty p{font-size:calc(11px * var(--text-scale));line-height:1.8;max-width:470px;margin:10px 0 22px}.rental-empty .button{margin:0}
.rental-notice{margin:24px 0;border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:10px;background:var(--surface);padding:17px 20px;font-size:calc(11px * var(--text-scale));gap:13px}.rental-notice>div{min-width:0}.rental-notice strong{font-weight:550}.rental-notice span{line-height:1.7;color:var(--muted);margin-top:4px}
.rental-heading{padding-top:8px}.rental-heading h1{letter-spacing:-1.6px}.rental-heading .eyebrow{font-size:9px;letter-spacing:2px}
.rental-plan-grid{gap:20px}.rental-plan{position:relative;padding:28px;overflow:hidden;background:linear-gradient(145deg,var(--surface2),var(--surface))}
.rental-plan:before{background:none;filter:none;animation:none;content:"";pointer-events:none;position:absolute;right:-130px;top:-160px;width:370px;height:370px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:50%}
.rental-plan h2{font-size:calc(27px * var(--text-scale));font-weight:500;letter-spacing:-.8px}.rental-plan>p{font-size:calc(12px * var(--text-scale));line-height:1.8;color:var(--soft)}
.rental-price{font-size:calc(36px * var(--text-scale));letter-spacing:-1.6px;font-weight:450;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rental-plan-top{margin-bottom:32px}.rental-plan-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.rental-plan-includes{border-color:var(--border);font-size:calc(11px * var(--text-scale));line-height:1.7}
.rental-plan-includes .icon{width:16px;height:16px}.rental-plan>.button{margin-top:auto;justify-content:space-between}
.rental-plan-grid:has(>.rental-plan:only-child){grid-template-columns:1fr}.rental-plan:only-child{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,1fr);gap:14px 48px;padding:34px 38px}
.rental-plan:only-child>.rental-plan-top{grid-column:1/-1;margin-bottom:7px}.rental-plan:only-child>h2{grid-column:1;grid-row:2}.rental-plan:only-child>p{grid-column:1;grid-row:3}.rental-plan:only-child>.rental-price{grid-column:2;grid-row:2/4;align-self:center;margin:0}
.rental-plan:only-child>.rental-plan-includes{grid-column:1;padding-top:10px;border:0;margin:0}.rental-plan:only-child>.button{grid-column:2;align-self:end;margin:0}
.rental-order{padding:22px;background:var(--surface);border-color:var(--border);border-radius:14px;gap:18px}.rental-order-icon{width:40px;height:40px;border-radius:12px;background:var(--surface2);color:var(--muted);flex:none}.rental-order h3{font-size:calc(13px * var(--text-scale));font-weight:550}
.rental-order .hint{font-size:calc(10px * var(--text-scale));line-height:1.8}.rental-order-end>strong{font-size:calc(13px * var(--text-scale));font-weight:550}.rental-order-note{max-width:640px}.rental-order-actions{gap:9px}
.rental-order-actions>.button{min-height:42px}.rental-section-gap{margin-top:34px}
.rental-inventory-card{padding:22px;border-radius:14px}.rental-inventory-icon{background:var(--surface2);border-radius:12px;color:var(--accent)}
.rental-admin-plan{border-radius:14px}.rental-loading{min-height:170px;justify-content:flex-start;color:var(--muted)}
.vmos-hero,.hero{background:linear-gradient(115deg,var(--hero-end),var(--hero));border-color:var(--border);border-radius:20px}
.hero h2{font-weight:500;letter-spacing:-1.1px}.vmos-card,.device-card,.center-card{border-color:var(--border);border-radius:16px;background:var(--surface)}
.live-tools-panel,.relay-guide,.relay-side>.panel{border-radius:16px;background:var(--surface);border-color:var(--border)}
.relay-screen{border-color:var(--border)}.relay-android-controls{background:var(--surface);border-color:var(--border)}
.settings-grid>.panel,.help-grid>.panel{padding:28px}.settings-grid h3,.help-grid h3{font-weight:550}.setting-line small{line-height:1.7;color:var(--muted)}
.faq{border-color:var(--border)}.faq summary{font-size:calc(12px * var(--text-scale));font-weight:500}.faq p{font-size:calc(11px * var(--text-scale));line-height:1.85}
.field,.settings-select{background:var(--bg);border-color:var(--border);border-radius:10px}.field:focus-visible{border-color:var(--accent)}
.studio-header{border-color:var(--border)}.studio-tabs{background:var(--bg);padding:4px;border-radius:10px}.studio-tab{border-radius:7px}.studio-preview{border-color:var(--border);background:linear-gradient(140deg,var(--hero),var(--hero-end))}
.studio-section-title{font-weight:550}.mode-option,.font-option,.motion-choice,.scene-choice{border-color:var(--border);border-radius:12px}.review-status{background:var(--accent-dim);color:var(--text)}
.reference-box{background:var(--bg);border-color:var(--border)}.reference-box a{color:var(--accent)}
.ui-dialog{border-color:var(--border);box-shadow:0 40px 100px #0005}.ui-dialog-overlay{backdrop-filter:blur(5px)}

@keyframes orbit-handset-float{0%,100%{transform:translateY(0) rotate(-8deg) rotateY(-15deg)}50%{transform:translateY(calc(-11px * var(--motion-power))) rotate(-3deg) rotateY(5deg)}}
@keyframes orbit-track-turn{from{transform:rotateX(67deg) rotate(-25deg)}to{transform:rotateX(67deg) rotate(335deg)}}
@keyframes orbit-caption-float{0%,100%{translate:0 0}50%{translate:0 calc(-6px * var(--motion-power))}}
@keyframes orbit-glass-light{0%,100%{transform:translateX(-18%);opacity:.35}50%{transform:translateX(18%);opacity:.9}}
@keyframes orbit-atmosphere{from{opacity:.55}to{opacity:1}}
@keyframes orbit-soft-glow{0%,100%{opacity:.92}50%{opacity:1}}

@media(min-width:1600px){.main{padding-inline:54px}.orbit-welcome{min-height:470px}.orbit-stage{height:460px}.orbit-welcome.has-active-lease{min-height:350px}}
@media(max-width:1150px) and (min-width:721px){html[data-mode]{--sidebar-width:208px}.sidebar{padding-inline:12px}.brand{padding-inline:8px;font-size:24px}.workspace{padding-inline:7px}.nav-btn{padding-inline:10px;font-size:12px}.nav-label{font-size:8px;padding-inline:10px}.main{padding:30px 27px 18px}.topbar{padding-inline:27px}.orbit-welcome{grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr);gap:0}.orbit-stage{height:360px}.orbit-handset{scale:.85}.orbit-welcome h1{font-size:calc(34px * var(--text-scale))}.orbit-welcome-actions{gap:12px}.orbit-welcome-meta{gap:12px}.orbit-workspace-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.orbit-metrics small{display:none}.orbit-guide{padding:22px}.orbit-stage-caption{right:0;font-size:9px;padding:8px}.orbit-coordinate{font-size:7px;letter-spacing:1.2px}}
@media(max-width:900px) and (min-width:721px){.top-actions>.avatar,.top-actions>.divider{display:none}.breadcrumbs{font-size:11px}.topbar{padding-inline:22px}.main{padding-inline:22px}.orbit-workspace-grid{grid-template-columns:1fr}.orbit-guide{display:grid;grid-template-columns:1fr 1.5fr;gap:0 24px}.orbit-guide-heading{grid-column:1}.orbit-guide h2{grid-column:1}.orbit-guide ol{grid-column:2;grid-row:1/4;margin:0;gap:14px}.orbit-guide>.orbit-text-link{grid-column:1}.orbit-metrics>.panel{padding-inline:15px}.orbit-metrics .rental-stat-note{padding-right:0;gap:7px}.orbit-metrics .rental-stat-note .icon{display:none}.orbit-welcome h1,.has-active-lease h1{font-size:calc(30px * var(--text-scale))}.orbit-welcome{grid-template-columns:minmax(0,1fr) 200px}.orbit-handset{scale:.72}.orbit-stage{height:335px}.orbit-coordinate-top{left:0}.orbit-stage-caption{font-size:8px;padding:8px;bottom:15%}.orbit-welcome p{font-size:calc(11px * var(--text-scale))}.orbit-welcome-meta{gap:9px;font-size:calc(8px * var(--text-scale))}.rental-plan:only-child{grid-template-columns:1fr;gap:16px;padding:28px}.rental-plan:only-child>:is(h2,p,.rental-price,.rental-plan-includes,.button){grid-column:1;grid-row:auto}.rental-plan:only-child>.rental-price{margin:8px 0}.rental-plan:only-child>.button{margin-top:10px}}
@media(max-width:720px){html[data-mode]{--sidebar-width:0px}.main{padding:24px 20px 20px}.topbar{height:68px;padding:0 18px;gap:12px}.top-actions{gap:10px}.top-actions>.avatar,.top-actions>.divider,.top-actions>[data-action=my-orders]{display:none}.breadcrumbs{font-size:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs>span:first-child{margin-inline:6px}.lab-button{font-size:0;padding:8px;width:36px;height:36px;justify-content:center}.lab-button>.icon{width:17px;height:17px}.lab-button>.muted{display:none}.quick-theme{width:36px;height:36px;min-width:36px}.mobile-menu{width:36px;height:36px;flex:none}.top-actions{margin-left:auto}.page-header{margin-bottom:26px;align-items:flex-start;flex-wrap:wrap}.page-header h1{font-size:calc(29px * var(--text-scale));letter-spacing:-1.1px}.page-header p{font-size:calc(11px * var(--text-scale))}.orbit-welcome{grid-template-columns:1fr;gap:0;margin:0 0 22px;min-height:0}.orbit-welcome-copy{padding:10px 0 0}.orbit-welcome .eyebrow{margin-bottom:22px;font-size:9px}.orbit-welcome h1{font-size:calc(clamp(30px,8vw,42px) * var(--text-scale));line-height:1.08;letter-spacing:-1.3px}.orbit-welcome p{font-size:calc(12px * var(--text-scale));margin-top:21px;max-width:430px}.orbit-welcome-actions{margin-top:24px;gap:15px}.orbit-welcome-actions>.primary{min-height:48px;padding-inline:17px}.orbit-text-link{font-size:calc(10px * var(--text-scale))}.orbit-welcome-meta{gap:13px;margin-top:22px;font-size:calc(8px * var(--text-scale))}.orbit-stage{height:330px;max-width:440px;width:100%;justify-self:center;margin-top:8px}.orbit-handset{scale:.82}.orbit-coordinate-top{top:15px;left:12px}.orbit-coordinate-bottom{bottom:13px}.orbit-stage-caption{right:3%;bottom:24%}.orbit-welcome.has-active-lease{min-height:0;margin-bottom:26px}.has-active-lease .orbit-stage{display:none}.has-active-lease h1{font-size:calc(clamp(28px,7.5vw,38px) * var(--text-scale))}.has-active-lease .orbit-welcome-copy{padding:5px 0 0}.rental-stats.orbit-metrics{grid-template-columns:1fr 1fr;margin-bottom:28px}.orbit-metrics>.panel{padding:16px;min-height:84px}.orbit-metrics>.panel:first-child{padding-left:0}.orbit-metrics>.rental-stat-note{display:none}.orbit-metrics small{display:none}.orbit-metrics>.panel>span{font-size:calc(9px * var(--text-scale))}.orbit-metrics>.panel>strong{font-size:calc(25px * var(--text-scale));margin-top:8px}.orbit-workspace-grid{grid-template-columns:1fr;gap:25px}.section-heading{gap:10px;margin-bottom:15px}.section-heading h2{font-size:calc(17px * var(--text-scale))}.section-heading .button{font-size:calc(10px * var(--text-scale));padding:10px 12px}.rental-lease{padding:21px;min-height:210px}.rental-lease>h3{font-size:calc(20px * var(--text-scale))}.rental-lease>.hint{font-size:calc(11px * var(--text-scale))}.orbit-guide{padding:23px}.orbit-guide h2 br{display:none}.orbit-guide h2{font-size:calc(19px * var(--text-scale))}.orbit-guide-heading{margin-bottom:17px}.orbit-guide ol{gap:17px;margin-top:20px}.orbit-guide li strong{font-size:calc(11px * var(--text-scale))}.orbit-guide li p{font-size:calc(10px * var(--text-scale))}.rental-notice{padding:16px;gap:10px}.rental-notice span{font-size:calc(10px * var(--text-scale))}.rental-plan:only-child{display:flex;padding:25px;gap:0}.rental-plan:only-child>.rental-plan-top{margin-bottom:28px}.rental-plan:only-child>p{margin-top:12px}.rental-plan:only-child>.rental-price{margin:24px 0 18px;font-size:calc(33px * var(--text-scale))}.rental-plan:only-child>.rental-plan-includes{margin:0 0 25px;padding:0}.rental-plan:only-child>.button{margin-top:auto;width:100%;align-self:stretch}.rental-order{padding:20px;gap:12px}.rental-order-icon{display:none}.rental-order-actions{margin-top:8px}.rental-order .hint{font-size:calc(10px * var(--text-scale))}.rental-order-end{gap:8px}.settings-grid>.panel,.help-grid>.panel{padding:23px}.footer{margin-top:30px;gap:12px;flex-wrap:wrap;line-height:1.6}.rental-empty{padding:23px}.rental-catalog-note{font-size:calc(10px * var(--text-scale))}.ui-navigation .nav-btn.active:before{left:-9px}}
@media(max-width:360px){.main{padding-inline:16px}.topbar{padding-inline:12px;gap:8px}.top-actions{gap:6px}.breadcrumbs{font-size:10px}.orbit-welcome h1{font-size:calc(28px * var(--text-scale))}.has-active-lease h1{font-size:calc(27px * var(--text-scale))}.orbit-welcome-actions{gap:10px}.orbit-welcome-actions>.button{width:100%;justify-content:space-between}.orbit-welcome-meta{gap:9px;font-size:9px}.orbit-stage{height:300px}.orbit-handset{scale:.75}.orbit-track{scale:.8}.rental-lease{padding:19px}.rental-lease>h3{font-size:calc(18px * var(--text-scale))}.orbit-metrics>.panel>span{font-size:11px}.rental-plan{padding:22px}.rental-price{font-size:calc(29px * var(--text-scale))}}
@media(max-width:720px){.mobile-brand{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:650;letter-spacing:1px;min-height:36px}.mobile-brand .brand-mark{width:23px;height:23px}.orbit-entry-details{grid-template-columns:1fr}.orbit-entry-details>article,.orbit-entry-details>article:first-child{padding:23px 0}.orbit-entry-details>article+article{border-left:0;border-top:1px solid var(--border)}.orbit-entry-details h2{margin-top:12px}}
html[data-reduced=true] .orbit-handset{animation:orbit-soft-glow 7s ease-in-out infinite;transform:rotate(-6deg)}
html[data-reduced=true] .orbit-track{animation:orbit-soft-glow 8s ease-in-out infinite}
html[data-reduced=true] .orbit-stage-caption{animation:orbit-soft-glow 7s ease-in-out infinite}
html[data-reduced=true] .orbit-handset-screen:before{animation:orbit-soft-glow 9s ease-in-out infinite}
html[data-reduced=true] .orbit-text-link .icon{transition:none;translate:none}

html[data-reduced=true] .shell:before{animation:orbit-soft-glow 12s ease-in-out infinite!important}
html[data-ui-motion=essential] .orbit-handset{animation-name:orbit-soft-glow;transform:rotate(-6deg)}

/* Pause invisible decorations; visible motion resumes automatically. */
.orbit-stage[data-paused=true] *,.orbit-stage[data-paused=true] *:before,.orbit-stage[data-paused=true] *:after{animation-play-state:paused!important}
.orbit-metrics>.rental-stat-note{grid-column:auto}
@media(max-width:720px){.topbar .lab-button,.topbar .quick-theme,.topbar .mobile-menu{width:44px;height:44px;min-width:44px}.topbar{gap:8px}.top-actions{gap:6px}}

/* The decorative handset follows the chosen accent in every theme. */
.orbit-handset-screen{background:radial-gradient(ellipse at 80% 20%,rgba(var(--scene-rgb),.42),transparent 65%),linear-gradient(155deg,#28313b,#10171f 70%);color:#f2f5fa}
.orbit-emblem>i{border-color:rgba(var(--scene-rgb),.8)}.orbit-emblem>i:nth-child(2){border-color:rgba(var(--scene-rgb),.35)}
.orbit-emblem>b{background:radial-gradient(circle at 30% 25%,#fff,rgba(var(--scene-rgb),1) 40%,#293641 100%);box-shadow:0 0 35px rgba(var(--scene-rgb),.22)}
.orbit-handset-label strong{color:color-mix(in srgb,rgb(var(--scene-rgb)) 70%,white)}
.orbit-handset-dock>span{border-color:rgba(var(--scene-rgb),.2);background:rgba(var(--scene-rgb),.06)}

.theme-preview.orbit{background:#121821}.theme-preview.orbit>span:first-child{background:#39342b}.theme-preview.orbit i{background:#60513a}.theme-preview.orbit i:first-child{background:#f3cf8c}