:root{color-scheme:dark;--bg:#040c17;--panel:#0a1729;--panel-raised:#0f2138;--line:#81b4e427;--line-bright:#91caed4d;--gold:#87e1c9;--ivory:#edf6ff;--muted:#8ea7c1;--danger:#f1ada8;--ocean:#6ebfff;--aurora:#8be8ce;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-synthesis:none;color:var(--ivory);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.38;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aurora);outline-offset:4px}h1,h2,h3,p{overflow-wrap:break-word}button{white-space:normal}input,textarea{width:100%;min-width:0;background:#040f1f;border:1px solid var(--line-bright);border-radius:11px;color:var(--ivory);padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--aurora);box-shadow:0 0 0 3px #80e6ce0a}input::placeholder,textarea::placeholder{color:#647e99}label{display:block;color:#b7cce1;font-size:12px;margin:22px 0 10px}.primary,.secondary,.danger,.button-link{border-radius:12px;padding:14px 18px;font-size:12px;font-weight:600;border:1px solid var(--line-bright);transition:background .2s,transform .2s,border-color .2s}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:18px}.primary{background:linear-gradient(115deg,#a5f2dc,#6edac8);border-color:#a8eddd;color:#072336;box-shadow:0 5px 30px #46d8bd13,inset 0 1px #fff5}.primary:hover:not(:disabled){background:#b1f7e4;transform:translateY(-1px);box-shadow:0 8px 32px #46d8bd24}.secondary{background:#10233a80;color:#c9def1}.secondary:hover:not(:disabled){background:#193451;border-color:#7cb4e5}.danger{background:#e480780a;color:#f4aca5;border-color:#dd9c9038}.danger:hover:not(:disabled){background:#e4807820;border-color:#dd9c9080}.text-button{background:none;border:0;color:#9ec1dc;font-size:12px;padding:6px 0}.text-button:hover{color:#d9f6ff}.full{width:100%;margin-top:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#8fd8cf;line-height:1.6}.brand{display:inline-flex;align-items:center;gap:13px;flex:none}.brand>span:last-child{font-size:25px;font-weight:500;letter-spacing:5px;line-height:1}.brand small{display:block;font-size:7px;font-weight:500;color:#8ba8c3;letter-spacing:2px;line-height:1.5;margin-top:9px}.earth-mark{display:inline-block;position:relative;overflow:hidden;border-radius:50%;width:43px;height:43px;flex:none;background:#051423;box-shadow:0 0 22px #53b7ff18;border:1px solid #80cfff25;isolation:isolate}.earth-mark img{display:block;position:absolute;width:136%;max-width:none;height:auto;left:-18%;top:-3%}.earth-mark--large{width:90px;height:90px;box-shadow:0 0 60px #37acff20}.quiet-pill,.viewer-pill{padding:8px 12px;border:1px solid var(--line-bright);border-radius:20px;background:#82c4f408;color:#a7c9e4;font-size:10px}.site-header{height:105px;max-width:1390px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #8db8dc1c}.site-footer{max-width:1390px;margin:auto;padding:30px 56px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.site-footer a:hover{color:var(--aurora)}.footer-wordmark{font-size:19px;letter-spacing:5px;font-weight:500;color:#dcefff}.skip-link{position:absolute;top:-80px;left:20px;background:var(--aurora);padding:16px;color:#052438;border-radius:10px;z-index:20}.skip-link:focus{top:15px}.status-light,.tiny-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aurora);box-shadow:0 0 16px #72e6c880}.status-light{margin-right:8px}
/* An Earth-first entrance. */
.landing-page{background:radial-gradient(ellipse at 80% 16%,#0b315039,transparent 38%),radial-gradient(ellipse at 5% 60%,#092c3930,transparent 40%),#040c17}.landing-nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#aec3d8}.landing-nav>a:hover{color:#d9fff0}.earth-hero{max-width:1390px;margin:auto;position:relative;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;min-height:780px;padding:30px 56px 0;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:45px 0 30px;max-width:620px;animation:arrive .8s ease both}.hero-copy h1{font-size:clamp(53px,5.9vw,83px);line-height:1.07;letter-spacing:-4.5px;font-weight:500;margin:27px 0}.hero-copy h1 em{font-style:normal;font-weight:450;background:linear-gradient(100deg,#a9d9ff,#94efd5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:1.95;color:#9ab3cc;max-width:455px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.hero-actions>.primary{padding:17px 25px;font-size:13px;min-width:207px;justify-content:space-between}.hero-text-link{display:inline-flex;gap:15px;align-items:center;font-size:12px;color:#b1d0e9;padding:10px 0}.hero-text-link:hover{color:var(--aurora)}.hero-reassurance{display:flex;gap:22px;color:#7f9db8;font-size:10px;margin-top:26px;line-height:1.8}.hero-reassurance span:before{content:'✓';color:#85d6c2;margin-right:8px}.hero-planet{position:relative;display:grid;place-items:center;align-self:stretch;min-height:600px;margin-left:-90px;margin-right:-75px;isolation:isolate}.earth-hero-image{position:relative;width:min(770px,64vw);height:auto;max-width:none;mix-blend-mode:screen;mask-image:linear-gradient(#000 0 74%,transparent 95%);-webkit-mask-image:linear-gradient(#000 0 74%,transparent 95%);animation:earthFloat 12s ease-in-out infinite;z-index:1}.planet-halo{position:absolute;width:69%;aspect-ratio:1;border-radius:50%;background:#2080b30f;box-shadow:0 0 120px #1162a215,0 0 220px #226e8a0d;top:13%;left:15%;z-index:0}.planet-caption{position:absolute;bottom:70px;right:115px;z-index:2;display:flex;gap:15px;align-items:flex-start}.caption-line{display:block;width:38px;height:1px;background:#79d8c6;margin-top:6px}.planet-caption p{font-size:8px;letter-spacing:1.5px;color:#6f94b0;line-height:1.8;margin:0}.planet-caption b{font-size:12px;font-weight:400;letter-spacing:.2px;color:#b0c9dc}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0 32px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.8px;color:#6d8aa7;position:relative;z-index:2}.hero-bottom a{height:35px;width:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:16px;color:var(--aurora)}.experience-section{max-width:1278px;margin:0 auto;padding:95px 0 100px;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 65px;align-items:end}.section-heading>.eyebrow{grid-column:1/-1}.section-heading h2,.individual-section h2{font-size:48px;line-height:1.12;letter-spacing:-1.8px;font-weight:450;margin:5px 0}.section-heading h2 em,.individual-section h2 em{font-style:normal;color:#88b9d9}.section-heading>p{max-width:420px;font-size:14px;color:var(--muted);line-height:1.95;margin:0 0 4px}.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:65px}.journey article{position:relative}.journey-number{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--aurora);font-variant-numeric:tabular-nums;letter-spacing:1px}.journey-number i{flex:1;height:1px;background:linear-gradient(90deg,#6adbc741,#6adbc705)}.journey h3{font-size:21px;font-weight:450;letter-spacing:-.4px;margin:25px 0 15px}.journey p{font-size:13px;color:#8ea9c3;line-height:1.9;max-width:320px}.journey-detail{display:block;font-size:8px;letter-spacing:1.5px;color:#5f839e;margin-top:25px}.individual-section{max-width:1278px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center;padding:100px 0}.individual-section h2{margin:22px 0}.individual-section>div>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:410px}.landing-plan{padding:38px 40px;border-radius:20px;border:1px solid #87d8d13b;background:radial-gradient(ellipse at 100% 0%,#53e3bd0c,transparent 65%),linear-gradient(150deg,#10253a,#091727);box-shadow:inset 0 1px #b1e8f10c,0 35px 75px #0002}.landing-plan>p{font-size:12px!important;line-height:1.9}.plan-launch-note{display:block;font-size:8px;letter-spacing:1.1px;line-height:1.8;color:#819ab2;margin-top:20px;text-align:center}
/* Shared studio surfaces. */
.app-shell{min-height:100vh;display:grid;grid-template-columns:208px minmax(0,1fr);background:radial-gradient(ellipse at 85% 0%,#12445e20,transparent 40%),#040c17}.sidebar{border-right:1px solid var(--line);background:linear-gradient(170deg,#0c1b2c,#06101e 65%);padding:30px 22px;display:flex;flex-direction:column}.sidebar .brand{gap:9px}.sidebar .brand>span:last-child{font-size:19px;letter-spacing:3px}.sidebar .brand small{font-size:5.5px;letter-spacing:1.2px}.sidebar .earth-mark{width:35px;height:35px}.sidebar-label{font-size:8px;letter-spacing:2px;color:#63819c;margin:55px 0 17px}.nav-active{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#49cdbc15,#49cdbc04);border:1px solid #7fdbca38;padding:13px;border-radius:11px;color:#c1f5e8;font-size:12px}.nav-active>span{font-size:18px;color:#8ae4ce}.nav-active i{width:5px;height:5px;border-radius:50%;background:#87e7cc;box-shadow:0 0 12px #6edfc966;margin-left:auto}.account-link{display:block;padding:16px 8px;margin-top:5px;font-size:11px;color:#809fb9;line-height:1.7}.account-link:hover{color:var(--aurora)}.side-story{margin:55px 5px 0}.side-story .eyebrow{font-size:8px}.side-story h3{font-size:16px;font-weight:450;line-height:1.65;margin:19px 0;color:#d6e8f4}.side-story p{font-size:11px;color:#6f8ca7;line-height:1.9}.sidebar-earth{height:145px;position:relative;overflow:hidden;margin:15px -8px 0;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.sidebar-earth img{width:190px;position:absolute;top:0;left:50%;transform:translateX(-50%);mix-blend-mode:screen;opacity:.75}.sidebar-bottom{display:grid;gap:18px;margin-top:auto;font-size:10px;color:#7898b1;padding-top:35px}.edition{font-size:8px;letter-spacing:1.7px;color:#5e829c}.studio-main{padding:0 34px 25px;max-width:1550px;width:100%;margin:auto}.studio-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6c8ba6;font-size:10px}.studio-header b{font-weight:400;color:#a9c7de;margin-left:12px}.studio-header>div{display:flex;align-items:center;gap:20px}.studio-header #agent-email{font-size:10px;color:#7899b5;max-width:260px;overflow:hidden;text-overflow:ellipsis}.studio-heading{position:relative;min-height:208px;display:flex;align-items:center;padding:28px 0;isolation:isolate}.studio-heading>div:first-child{position:relative;z-index:2}.studio-heading h1{font-size:37px;letter-spacing:-1.5px;line-height:1.16;font-weight:500;margin:13px 0}.studio-heading em{font-style:normal;color:#90cde5;font-weight:400}.studio-heading p{font-size:11px;color:#7f9cb7;margin:0}.heading-planet{position:absolute!important;right:2%;top:-25px;width:250px;height:220px;overflow:hidden;z-index:0!important;mask-image:linear-gradient(#000 65%,transparent 98%);-webkit-mask-image:linear-gradient(#000 65%,transparent 98%)}.heading-planet img{width:250px;height:auto;mix-blend-mode:screen;opacity:.8}.studio-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:22px}.capture-card,.share-card,.account-panel{background:radial-gradient(ellipse at 0% 0%,#83bded04,transparent 70%),linear-gradient(135deg,#0d1c30,#081425 70%);border:1px solid var(--line-bright);border-radius:17px;box-shadow:inset 0 1px #c1e7ff06,0 15px 50px #0002;overflow:hidden}.capture-top{display:flex;align-items:center;justify-content:space-between;padding:21px 20px;gap:10px}.capture-top>.eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.6px}.capture-top>span:last-child{font-size:11px;font-variant-numeric:tabular-nums;color:#7c9ab5}.live-dot{height:5px;width:5px;border-radius:50%;background:#42617b}.live-dot.on{background:#8be8ce;box-shadow:0 0 12px #77e6cd70}.capture-preview{position:relative;background:radial-gradient(ellipse at 50% 35%,#122b4445,transparent 65%),#040d1b;margin:0 13px;border-radius:12px;overflow:hidden;aspect-ratio:16/10;border:1px solid #5f9bc016;display:grid;place-items:center;min-height:300px}.capture-preview #preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020812}.capture-preview #empty{text-align:center;padding:25px 15px;max-width:100%}#empty>.earth-mark{margin-bottom:27px}#empty>.eyebrow{display:block;color:#6c98b8;font-size:8px;letter-spacing:1.7px}#empty h2{font-size:22px;font-weight:450;letter-spacing:-.6px;margin:17px 0 12px}#empty p{font-size:12px;line-height:1.9;color:#6f91ae;margin:0}.source-bar{display:flex;justify-content:space-between;gap:18px;padding:17px 20px;color:#7694af;font-size:9px;line-height:1.6}.source-bar>span:first-child{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-controls{display:flex;gap:8px;flex-wrap:wrap;padding:13px 15px 0;border-top:1px solid var(--line)}.capture-controls button{font-size:10px;padding:10px 12px;flex:1 1 auto;min-height:36px;border-radius:9px}.capture-note{font-size:9px;line-height:1.8;color:#5e7e99;text-align:center;padding:9px 15px 14px;margin:0}.capture-card>.text-button{margin:12px 15px}.camera-preview{position:absolute;bottom:15px;right:15px;width:138px;height:103px;object-fit:cover;border:1px solid #94efdb;border-radius:12px;background:#07111d;box-shadow:0 8px 25px #0008;transform:scaleX(-1);z-index:1}.camera-on{border-color:#8ce7d0;background:#8ce7d010;color:#c0f8e6}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#061221ed;text-align:center;z-index:2;padding:20px}.pause-symbol{font-size:33px;color:#99dfcf}.video-overlay h2{font-size:23px;font-weight:450}.video-overlay p{font-size:12px;color:#8eacc5}.share-card{padding:27px 23px}.step-label{display:flex;gap:10px;align-items:center}.step-label>span:first-child{display:grid;place-items:center;border:1px solid #88e5d040;color:#a2edda;border-radius:50%;width:24px;height:24px;font-size:8px;background:#8ce5cf08}.step-label>.eyebrow{font-size:8px;letter-spacing:1.5px}.share-card h2{font-size:28px;font-weight:450;letter-spacing:-1px;margin:23px 0}.connection-type{border:1px solid #8dceb83d;border-radius:11px;display:flex;gap:11px;align-items:center;padding:15px 12px;background:linear-gradient(100deg,#7ce3bd09,transparent)}.connection-type>span{color:#8fe4cb;font-size:24px}.connection-type b{display:block;font-size:11px;font-weight:500;color:#c5e5eb}.connection-type small{display:block;font-size:9px;color:#7299b1;line-height:1.8;margin-top:4px}.connection-type i{font-style:normal;color:#86dabe;margin-left:auto}.share-card label{font-size:10px;color:#9bb6ce;margin-top:25px}.share-card input{font-size:12px;padding:12px}.share-card .primary{padding:14px 8px}.mode-note{font-size:10px;line-height:1.8;color:#7896b2;margin:11px 0 0}.share-card>.mode-note{text-align:center}.divider{height:1px;background:var(--line);margin:27px 0 0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-row label{margin-bottom:10px}.label-row>.eyebrow{font-size:7px;color:#7cabbf;letter-spacing:1.4px;margin-top:15px}.share-card textarea{font-size:10px;line-height:1.7;resize:none;min-height:75px}.access-note{font-size:9px;line-height:1.8;color:#6a8aa5;text-align:center;margin-top:18px}.studio-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px 0 0;color:#5f819f;font-size:8px;line-height:1.8}.studio-footer>span:first-child{font-size:7px;letter-spacing:1.3px}.studio-footer .text-button{font-size:10px}.preview-banner{background:#78c6df08;border:1px solid #78c6df28;border-radius:10px;color:#7fabc5;padding:12px 16px;font-size:10px;line-height:1.8;margin:0 0 20px}.alert{border:1px solid #efad9b4d;background:#7c392018;color:#f1bba6;padding:14px 18px;font-size:12px;line-height:1.8;border-radius:11px;margin:0 0 20px}.alert .text-button{margin-left:12px;color:#ffd2bc}.recording-downloads{padding:15px 20px}.recording-downloads a{display:block;text-align:center;font-size:11px}.recording-downloads a:focus-visible{outline-color:var(--aurora)}
/* Individual account, with real activity and private profile. */
.account-page{background:radial-gradient(ellipse at 85% 0%,#115b761b,transparent 45%),#040c17;min-height:100vh}.account-nav{display:flex;gap:23px;align-items:center}.account-main{max-width:1160px;margin:auto;padding:20px 40px 65px}.account-heading{position:relative;min-height:245px;padding:38px 0;isolation:isolate}.account-heading>div:first-child{position:relative;z-index:2}.account-heading h1{font-size:39px;font-weight:450;letter-spacing:-1.5px;line-height:1.16;margin:20px 0}.account-heading h1 em{font-style:normal;color:#93cde6}.account-heading p{color:var(--muted);font-size:12px}.account-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:24px}.account-panel{padding:32px}.account-panel h2{font-size:25px;font-weight:450;letter-spacing:-.7px;margin:18px 0}.account-panel>p{font-size:12px;color:var(--muted);line-height:1.9}.plan-price{font-size:58px;letter-spacing:-2.5px;color:#d4f7ed;margin:25px 0;font-weight:400;line-height:1.1}.plan-price span{font-size:12px;letter-spacing:0;color:#7c9db6;margin-left:12px;white-space:nowrap}.plan-features{list-style:none;padding:0;font-size:12px;line-height:2.4;color:#acc7dc}.plan-features li:before{content:'✓';color:#84dbc3;margin-right:12px}.subscription-state{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:12px;color:#99dfce;line-height:1.7}.optional{font-size:10px;color:#647f98;margin-left:5px}.history-panel{margin-top:24px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.account-stats{display:flex;gap:35px}.account-stats strong{display:block;font-size:30px;color:#a3e5d8;font-weight:400}.account-stats span{display:block;color:#7395b0;font-size:10px;margin-top:7px;line-height:1.6}.history-table{width:100%;border-collapse:collapse;text-align:left;margin-top:25px;font-size:12px;min-width:550px}.history-table th{font-weight:400;color:#7eacca;padding:13px 10px;border-bottom:1px solid var(--line)}.history-table td{padding:19px 10px;color:#b7d0e3;border-bottom:1px solid #81b4e414;line-height:1.7}.history-scroll{overflow:auto}.account-panel form>.mode-note{max-width:390px}.account-panel input{font-size:13px}.account-panel form>label:first-child{margin-top:26px}
/* Client view: connection first, interface second. */
.viewer-page{min-height:100vh;display:flex;flex-direction:column;background:#030a13}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:23px;flex-wrap:wrap;padding:22px 30px;border-bottom:1px solid var(--line);background:#071322}.viewer-header .earth-mark{width:34px;height:34px}.viewer-header .brand>span:last-child{font-size:21px;letter-spacing:4px}.viewer-header .brand small{font-size:6px;letter-spacing:1.4px}.viewer-header #session-title{font-size:12px;color:#96bad3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50vw}.viewer-header #agent-profile{flex-basis:100%;margin:0;font-size:11px;line-height:1.6;color:#7298b3;overflow-wrap:anywhere}.viewer-stage{position:relative;flex:1;min-height:70vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#0d2b4339,transparent 65%),#020913;overflow:hidden}.viewer-stage>video#remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020811}.viewer-message{max-width:600px;padding:50px 25px;text-align:center;z-index:1}.viewer-message>.earth-mark{width:108px;height:108px;margin-bottom:30px;box-shadow:0 0 90px #3885ba21}.viewer-message>.eyebrow{display:block;font-size:8px;color:#71bcb5}.viewer-message h1{font-size:32px;letter-spacing:-1px;font-weight:450;line-height:1.2;margin:20px 0}.viewer-message p{font-size:13px;line-height:1.9;color:#7d9eb8;max-width:430px;margin:0 auto}.viewer-camera{position:absolute;bottom:25px;right:25px;width:210px;height:158px;object-fit:cover;border:1px solid #94e4d0;border-radius:15px;box-shadow:0 10px 40px #0008;background:#06101d;z-index:2}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px;border-top:1px solid var(--line);color:#6589a5;font-size:10px;background:#06111f}.viewer-footer button{font-size:11px;padding:11px 15px}.followup-action{padding:25px;text-align:center}.followup-action a{display:inline-flex}.followup-action p{font-size:11px;color:var(--muted)}#recording-pill{color:#a0f0d6;border-color:#87d3b857;background:#64dcab0d}
/* Privacy, dialogs, and lightweight feedback. */
.privacy-page{background:radial-gradient(ellipse at 80% 0%,#15415c25,transparent 50%),#040c17;min-height:100vh;padding:40px 25px}.privacy-page>.brand{margin:0 auto 40px;max-width:800px;display:flex}.privacy-card{max-width:800px;margin:auto;border:1px solid var(--line-bright);background:#0b1a2b;border-radius:20px;padding:45px}.privacy-card h1{font-size:37px;font-weight:450;letter-spacing:-1px;line-height:1.15}.privacy-card h2{font-size:19px;font-weight:450;color:#a3d5e4;margin:30px 0 12px}.privacy-card p{font-size:13px;color:#8faec7;line-height:1.95}.privacy-card>.button-link{margin-top:22px}dialog{color:var(--ivory);background:linear-gradient(150deg,#10243a,#081626);border:1px solid #8fd3d24d;border-radius:20px;box-shadow:0 35px 120px #000b;max-width:min(540px,calc(100vw - 35px));padding:35px}dialog::backdrop{background:#010711c9;backdrop-filter:blur(8px)}dialog h2{font-size:29px;font-weight:450;letter-spacing:-.8px;line-height:1.15;margin:23px 0}dialog p,dialog li{font-size:12px;line-height:1.95;color:#97b2ca}dialog ol{padding-left:20px}dialog li{margin:15px 0}dialog b{color:#c9e3f0;font-weight:500}.close-dialog{display:block;margin:0 0 20px auto}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:25;max-width:min(550px,calc(100vw - 35px));padding:15px 22px;border:1px solid #8edeca4d;border-radius:12px;background:#0a2437f5;color:#c5efe8;box-shadow:0 15px 50px #0008;font-size:12px;line-height:1.7;text-align:center}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes earthFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1600px){.earth-hero{min-height:830px}.hero-copy h1{font-size:88px}.studio-heading{min-height:230px}}
@media(max-width:1390px){.experience-section,.individual-section{margin-left:56px;margin-right:56px}.individual-section{gap:70px}.hero-copy h1{font-size:clamp(52px,5.8vw,80px)}.hero-planet{margin-right:-70px;margin-left:-90px}.planet-caption{right:100px}.hero-reassurance{gap:16px}.studio-main{padding:0 28px 25px}.studio-grid{gap:18px;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr)}.share-card{padding:25px 20px}}
@media(max-width:1100px){.landing-nav{gap:22px}.landing-nav>a:first-child{display:none}.earth-hero{min-height:690px}.hero-copy h1{letter-spacing:-3.5px;font-size:59px}.hero-copy>p{font-size:13px}.hero-actions{gap:15px}.hero-actions>.primary{min-width:180px}.hero-text-link{font-size:11px}.hero-planet{min-height:520px}.planet-caption{right:80px;bottom:70px}.hero-reassurance{display:block}.hero-reassurance span{display:block;margin-top:5px}.individual-section{gap:45px}.journey{gap:30px}.section-heading h2,.individual-section h2{font-size:42px}.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:27px 16px}.sidebar .brand>span:last-child{font-size:17px;letter-spacing:2.4px}.sidebar .earth-mark{width:30px;height:30px}.studio-heading h1{font-size:32px}.heading-planet{right:0;width:210px}.heading-planet img{width:220px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(265px,.9fr);gap:15px}.studio-main{padding:0 22px 25px}.capture-preview{min-height:290px}.capture-controls button{font-size:9px}.share-card h2{font-size:25px}.source-bar{font-size:8px}.studio-footer{flex-wrap:wrap}}
@media(max-width:900px){.site-header{padding:0 30px}.earth-hero{padding:20px 30px 0;grid-template-columns:1.08fr 1fr}.hero-copy h1{font-size:52px;letter-spacing:-3px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-planet{margin-left:-110px;margin-right:-90px;min-height:500px;align-self:center}.earth-hero-image{width:570px}.planet-caption{display:none}.hero-actions{display:block}.hero-actions>.primary{width:200px;margin-bottom:13px}.hero-text-link{display:flex}.hero-bottom{font-size:7px;letter-spacing:1.1px}.experience-section,.individual-section{margin-left:30px;margin-right:30px;padding:70px 0}.section-heading{gap:15px 40px}.section-heading h2,.individual-section h2{font-size:38px}.section-heading>p{font-size:12px}.journey{gap:25px;margin-top:45px}.journey h3{font-size:19px}.journey p{font-size:12px}.landing-plan{padding:30px}.plan-price{font-size:48px}.app-shell{grid-template-columns:160px minmax(0,1fr)}.sidebar{padding:28px 12px}.sidebar .brand{gap:7px}.sidebar .brand small{font-size:5px;letter-spacing:.8px}.sidebar .brand>span:last-child{font-size:17px;letter-spacing:2px}.sidebar-label{margin-top:40px}.side-story{margin-top:45px}.side-story h3{font-size:14px}.account-link{font-size:10px}.studio-grid{grid-template-columns:1fr}.share-card{display:block}.capture-preview{aspect-ratio:16/9;min-height:280px}.studio-heading{min-height:200px}.studio-heading h1{font-size:30px}.heading-planet{opacity:.6;right:-10px;width:180px}.heading-planet img{width:210px}.studio-heading p{max-width:290px;line-height:1.8}.studio-header #agent-email{max-width:180px}.source-bar{font-size:9px}.capture-controls button{font-size:10px}.account-grid{grid-template-columns:1fr 1.1fr;gap:18px}.account-main{padding:20px 30px 50px}.account-panel{padding:25px}.account-panel h2{font-size:23px}.history-heading{display:block}.account-stats{margin-top:25px}.site-footer{padding:28px 30px}}
@media(max-width:650px){.site-header{height:84px;padding:0 22px;gap:12px}.brand>span:last-child{font-size:21px;letter-spacing:4px}.brand small{font-size:6px;letter-spacing:1.5px}.earth-mark{width:35px;height:35px}.landing-nav>a:not(.button-link){display:none}.landing-nav .button-link{font-size:10px;padding:11px 12px;max-width:130px;line-height:1.5}.earth-hero{padding:0 22px;display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{padding:45px 0 0;max-width:100%}.hero-copy h1{font-size:clamp(46px,12.7vw,70px);letter-spacing:-3px;margin-top:20px;line-height:1.05}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1.5px}.hero-copy>p{font-size:13px;line-height:1.85;max-width:350px}.hero-actions{display:flex;gap:20px;margin-top:27px}.hero-actions>.primary{min-width:0;width:auto;padding:15px 20px;font-size:12px;margin:0}.hero-actions>.hero-text-link{font-size:10px;padding:0}.hero-reassurance{display:flex;gap:18px;font-size:8px;margin-top:20px}.hero-planet{align-self:center;min-height:0;height:390px;width:100vw;margin:-5px -22px -38px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.earth-hero-image{width:min(560px,130vw);margin-top:0;flex:none}.planet-halo{top:20%;width:65%;left:17%}.hero-bottom{width:100%;margin-top:0;padding:20px 0;gap:13px;font-size:6px;letter-spacing:1.1px}.hero-bottom>span{max-width:145px;line-height:1.9}.hero-bottom a{height:30px;width:30px;flex:none}.experience-section,.individual-section{margin:0 22px;padding:55px 0}.section-heading{display:block}.section-heading h2,.individual-section h2{font-size:37px;margin:18px 0 22px}.section-heading>p{font-size:13px;max-width:370px}.journey{display:block;margin-top:40px}.journey article{margin-top:35px}.journey-number i{max-width:85%}.journey h3{font-size:22px;margin-top:20px}.journey p{font-size:13px;max-width:100%}.journey-detail{font-size:7px;margin-top:16px}.individual-section{grid-template-columns:1fr;gap:32px}.individual-section>div>p{font-size:13px}.landing-plan{padding:30px}.plan-price{font-size:55px}.site-footer{padding:27px 22px;gap:20px;flex-wrap:wrap;font-size:10px}.site-footer>span{font-size:10px}.footer-wordmark{font-size:17px}.site-footer>a:last-child{flex-basis:100%;font-size:10px}.app-shell{display:block}.sidebar{padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.sidebar .brand>span:last-child{font-size:19px;letter-spacing:3px}.sidebar .brand small{font-size:5px;letter-spacing:1px}.sidebar .earth-mark{width:32px;height:32px}.sidebar-label,.side-story,.sidebar-bottom{display:none}.sidebar .nav-active{padding:10px 12px;font-size:10px;margin-left:auto}.sidebar .nav-active>span{font-size:13px}.sidebar .nav-active i{display:none}.sidebar .account-link{font-size:10px;line-height:1.4;max-width:85px;margin:0;padding:0}.studio-main{padding:0 17px 23px}.studio-header{height:60px;font-size:9px}.studio-header>div{gap:14px}.studio-header #agent-email{max-width:150px;font-size:8px}.studio-header b{margin-left:6px}.studio-header .text-button{font-size:10px}.studio-heading{min-height:190px;padding:25px 0}.studio-heading h1{font-size:29px;letter-spacing:-1.1px;max-width:100%;line-height:1.2}.studio-heading p{font-size:10px;max-width:240px}.studio-heading .eyebrow{font-size:8px}.heading-planet{right:-12px;top:5px;width:150px;opacity:.35;height:170px}.heading-planet img{width:170px}.studio-grid{gap:18px}.capture-top{padding:18px 16px}.capture-top>.eyebrow{font-size:7px;letter-spacing:1.4px}.capture-preview{min-height:285px;aspect-ratio:auto;margin:0 10px}.earth-mark--large{width:77px;height:77px}#empty>.earth-mark{margin-bottom:20px}#empty h2{font-size:21px}#empty p{font-size:11px}#empty>.eyebrow{font-size:7px}.source-bar{padding:15px 16px;font-size:8px}.capture-controls{padding:12px 12px 0;gap:7px}.capture-controls button{font-size:9px;padding:10px;min-height:38px}.camera-preview{width:115px;height:86px;bottom:12px;right:12px}.capture-note{font-size:8px;padding-top:12px}.share-card{padding:25px 23px}.share-card h2{font-size:28px}.share-card label{font-size:11px}.share-card input{font-size:13px}.share-card .primary,.share-card .secondary{font-size:12px}.connection-type b{font-size:12px}.connection-type small{font-size:10px}.mode-note{font-size:11px}.preview-banner{font-size:9px;padding:11px 13px}.studio-footer{font-size:8px;gap:12px}.studio-footer>span:first-child{flex-basis:100%;font-size:7px}.studio-footer #connection-detail{max-width:65%}.account-main{padding:20px 18px 45px}.account-heading{min-height:215px;padding:30px 0}.account-heading h1{font-size:31px;max-width:100%;line-height:1.2;margin-top:16px}.account-heading .eyebrow{font-size:8px}.account-heading p{font-size:10px}.account-heading .heading-planet{top:10px}.account-grid{grid-template-columns:1fr;gap:18px}.account-panel{padding:27px 23px}.account-nav{gap:14px}.account-nav .secondary{font-size:10px;padding:11px 12px}.account-nav .text-button{font-size:10px}.account-page .site-header{padding:0 18px}.account-page .brand>span:last-child{font-size:19px;letter-spacing:3px}.account-page .brand small{font-size:5px;letter-spacing:1.2px}.account-page .earth-mark{width:31px;height:31px}.account-stats{gap:30px}.account-stats strong{font-size:29px}.account-stats span{font-size:9px}.history-panel{margin-top:18px}.viewer-header{padding:17px 18px;gap:12px}.viewer-header .brand>span:last-child{font-size:19px;letter-spacing:3px}.viewer-header .brand small{font-size:5px;letter-spacing:1px}.viewer-header #session-title{font-size:10px;max-width:130px}.viewer-header .viewer-pill{font-size:8px;padding:7px 9px}.viewer-stage{min-height:65vh}.viewer-message h1{font-size:27px}.viewer-message p{font-size:12px}.viewer-message>.earth-mark{width:95px;height:95px}.viewer-camera{width:130px;height:98px;right:14px;bottom:17px;border-radius:12px}.viewer-footer{padding:17px 18px;gap:14px;align-items:flex-start}.viewer-footer>span{max-width:55%;font-size:8px;line-height:1.8}.viewer-footer button{font-size:9px;padding:9px;white-space:nowrap}.privacy-page{padding:28px 18px}.privacy-card{padding:28px 23px}.privacy-card h1{font-size:31px}.privacy-card p{font-size:12px}.privacy-card .eyebrow{font-size:8px}dialog{padding:27px}dialog h2{font-size:27px}#toast{bottom:18px;font-size:11px;padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:650px){.hero-planet{height:clamp(350px,108vw,470px)}}
@media(max-width:420px){.sidebar .nav-active{display:none}.sidebar .account-link{max-width:125px;margin-left:auto}.site-header .brand small{font-size:5.5px;letter-spacing:1px}.landing-nav .button-link{max-width:112px;padding:10px;font-size:9px}.account-nav{gap:10px}.account-nav .secondary{padding:10px;font-size:9px}}
/* ORVIA orbital scene: one local-textured globe, no 3D library. */
.orbital-scene{position:relative;isolation:isolate;width:min(770px,64vw);aspect-ratio:1;flex:none;max-width:none}
.orbital-scene .earth-hero-image{position:absolute;inset:0;width:100%;height:auto;animation:none;z-index:2}
.earth-globe{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none}
.globe-ready .earth-globe{opacity:1}.globe-ready .earth-hero-image{visibility:hidden}
.orbital-track{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:#83d1ed40;stroke-width:.12;opacity:0}
.globe-ready .orbital-track{opacity:1}
.orbit-satellite{position:absolute;width:14%;height:auto;left:86%;top:44%;z-index:4;opacity:0;filter:drop-shadow(0 0 9px #7dcfff55);pointer-events:none;will-change:transform}
.globe-ready .orbit-satellite{visibility:visible}.orbital-scene:not(.globe-ready) .orbit-satellite{visibility:hidden}
.orbital-stars{position:absolute;inset:5% 3% 22%;z-index:-1;opacity:.65;background-image:radial-gradient(1px 1px at 12% 20%,#e1f4ff 90%,transparent),radial-gradient(1.5px 1.5px at 83% 32%,#c4e9ff 90%,transparent),radial-gradient(1px 1px at 24% 75%,#b2dbf8 90%,transparent),radial-gradient(1px 1px at 75% 88%,#c1eaf0 90%,transparent),radial-gradient(1px 1px at 52% 6%,#fff 90%,transparent),radial-gradient(1.5px 1.5px at 92% 66%,#9bcfe9 90%,transparent),radial-gradient(1px 1px at 6% 52%,#fff 90%,transparent),radial-gradient(1px 1px at 65% 15%,#fff 90%,transparent);animation:orbitalTwinkle 7s ease-in-out infinite alternate}
.motion-toggle{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);z-index:5;background:#08182ad9;border:1px solid #87cce33d;border-radius:30px;color:#b6cfe2;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;padding:8px 14px;white-space:nowrap;cursor:pointer;letter-spacing:.03em}
.motion-toggle:hover{border-color:#8be8ce;color:#edf6ff}.motion-toggle:focus-visible{outline:2px solid #8be8ce;outline-offset:4px}.motion-toggle[hidden]{display:none}
.motion-paused .orbital-stars{animation-play-state:paused}
@keyframes orbitalTwinkle{from{opacity:.35}to{opacity:.85}}
@media(max-width:900px){.orbital-scene{width:570px}}
@media(max-width:650px){.orbital-scene{width:min(560px,130vw)}.motion-toggle{bottom:17%;font-size:10px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.orbital-stars{animation:none}}
/* The agent's universe: contained outside the video and sharing controls. */
.cosmic-heading{position:relative;min-height:330px;border:1px solid #85cee127;border-radius:18px;margin:23px 0;padding:36px 30px;overflow:hidden;background:radial-gradient(ellipse at 86% 45%,#176c8b27,transparent 55%),linear-gradient(110deg,#071421,#081323);isolation:isolate;display:flex;align-items:center}
.cosmic-heading>div:first-child{max-width:54%;z-index:2;pointer-events:none}.cosmic-heading h1{font-size:clamp(27px,2.6vw,37px);line-height:1.2}.cosmic-heading h1 em{color:#a5e9dd}.cosmic-heading p{line-height:1.8;overflow-wrap:anywhere}.cosmic-heading .eyebrow{font-size:8px;letter-spacing:1.5px}
.workspace-universe{position:absolute;right:-10px;top:50%;transform:translateY(-50%);height:400px;width:440px;z-index:1}
.workspace-universe .orbital-scene{width:440px;position:absolute;top:0;right:0}
.workspace-universe .orbit-satellite{width:19%}.orbit-satellite--secondary{width:9%!important;filter:drop-shadow(0 0 5px #8edccc44)}
.orbital-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:0}.globe-ready .orbital-effects{opacity:1}
.orbital-stars{animation:none;opacity:.7}
.workspace-universe .motion-toggle{bottom:15%;font-size:10px;background:#081523bd}.workspace-universe .orbital-stars{inset:0 0 13%;background-size:auto;opacity:.65}
.universe-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:2.3px;color:#6d9bb5;pointer-events:none}
@media(max-width:1100px){.cosmic-heading{min-height:300px;padding:28px 22px}.cosmic-heading>div:first-child{max-width:53%}.cosmic-heading h1{font-size:28px}.workspace-universe{width:365px;height:350px;right:-35px}.workspace-universe .orbital-scene{width:385px}.universe-caption{bottom:5px;font-size:5px}.workspace-universe .motion-toggle{bottom:17%}}
@media(max-width:900px){.cosmic-heading{min-height:310px}.cosmic-heading>div:first-child{max-width:54%}.cosmic-heading h1{font-size:25px}.workspace-universe{right:-65px}.account-heading.cosmic-heading{min-height:320px}.account-heading.cosmic-heading h1{font-size:30px}.account-heading .workspace-universe{right:-10px}}
@media(max-width:650px){.cosmic-heading,.account-heading.cosmic-heading{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:27px 23px 0;margin:16px 0 20px}.cosmic-heading>div:first-child{max-width:100%;width:100%}.cosmic-heading h1,.account-heading.cosmic-heading h1{font-size:30px;margin:15px 0}.workspace-universe,.account-heading .workspace-universe{position:relative;right:auto;top:auto;transform:none;width:100%;height:295px;margin-top:0}.workspace-universe .orbital-scene{top:-12px;right:auto;left:50%;transform:translateX(-50%);width:380px;max-width:117vw}.workspace-universe .motion-toggle{bottom:15%;font-size:9px}.universe-caption{bottom:10px;font-size:5px;letter-spacing:1.8px}}
/* One continuous animated space, across the complete page and heading. */
body.space-page{position:relative;isolation:isolate;background:#040b17;min-height:100vh}
.space-page::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 83% 11%,#15516c2b,transparent 48%),radial-gradient(ellipse at 12% 70%,#0f3c5629,transparent 48%),radial-gradient(1px 1px at 22% 19%,#b3d6e7 90%,transparent),radial-gradient(1px 1px at 75% 64%,#b3d6e7 90%,transparent),#040b17}
.space-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}
.space-page .app-shell{background:transparent}
.space-page .sidebar{background:linear-gradient(170deg,#0b1a2bce,#06101eb3);border-color:#81b4e422}
.space-page .site-header{background:transparent}
.space-page .cosmic-heading{background:transparent;border-color:transparent;border-radius:0;box-shadow:none;isolation:isolate}
.space-page .cosmic-heading::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 10% 50%,#040b1740,transparent 68%)}
.space-page .cosmic-heading h1{color:#f1f8ff;text-shadow:0 2px 18px #030a16}
.space-page .cosmic-heading h1 em{background:linear-gradient(105deg,#a7dbf7 5%,#b8f6e0 45%,#d8f2ff 65%,#a7dbf7 95%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:spaceTitleLight 19s ease-in-out infinite alternate}
.space-page .cosmic-heading p,.space-page .cosmic-heading .eyebrow{text-shadow:0 1px 10px #030a16}
.space-page .orbital-stars{display:none}
.space-page .capture-card,.space-page .share-card,.space-page .account-panel{background:linear-gradient(135deg,#0d1c30ed,#081425e8 70%)}
.space-page .share-card{position:relative}
.space-page .share-card::before{content:'';position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a6f2db,transparent);opacity:.3;animation:connectionGlow 9s ease-in-out infinite alternate;pointer-events:none}
.space-page #start{display:flex;align-items:center;justify-content:center;gap:9px;position:relative}
.space-page #start::before{content:'';display:block;flex:0 0 24px;width:24px;height:24px;background:url('/assets/connection-rocket.svg') center/contain no-repeat;filter:drop-shadow(0 0 3px #277b8f44);transition:transform .3s ease}
.space-page #start:not(:disabled):hover::before{transform:translate(2px,-2px)}
.space-page #start.connecting::before{animation:connectionLaunch .9s ease-in-out infinite alternate}
.space-page a:hover{transition:color .2s ease,text-shadow .2s ease}
.space-page .account-link:hover,.space-page .hero-text-link:hover{color:#bdf8e8;text-shadow:0 0 14px #88efcc33}
.space-motion-paused .cosmic-heading h1 em,.space-motion-paused .share-card::before,.space-motion-paused #start.connecting::before{animation-play-state:paused}
@keyframes spaceTitleLight{from{background-position:0% center}to{background-position:100% center}}
@keyframes connectionGlow{from{opacity:.22}to{opacity:.8}}
@keyframes connectionLaunch{from{transform:translate(-1px,1px)}to{transform:translate(2px,-2px)}}
@media(max-width:650px){.space-page .cosmic-heading{padding-left:6px;padding-right:6px}.space-page .sidebar{background:#081526c4}.space-background{opacity:.75}}
@media(prefers-reduced-motion:reduce){.space-page .cosmic-heading h1 em,.space-page .share-card::before,.space-page #start.connecting::before{animation:none!important}}
/* Full-page flights remain visible across the interface; controls stay above them. */
.space-background{opacity:1}
.space-flight-effects{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.78}
.space-page .cosmic-heading,.space-page .hero-copy,.space-page .studio-header,.space-page .site-header{position:relative;z-index:3}
.space-page .share-card>*,.space-page .account-panel>*,.space-page .studio-footer,.space-page .site-footer{position:relative;z-index:3}
.space-page .capture-preview,.space-page .capture-top,.space-page .capture-controls,.space-page .source-bar,.space-page .capture-note{position:relative;z-index:3}
.space-page .capture-card,.space-page .share-card,.space-page .account-panel{background:linear-gradient(135deg,#0d1c30d9,#081425cf 70%)}
.space-page .sidebar{position:relative;z-index:3;background:linear-gradient(170deg,#0b1a2bb8,#06101e9c)}
@media(max-width:650px){.space-background{opacity:.95}.space-flight-effects{opacity:.7}}

/* A compact vector icon for the control; flying shuttles use animated 3D meshes. */
.space-page #start::before{flex-basis:27px;width:27px;height:27px;background-image:url('/assets/connection-rocket.svg');filter:drop-shadow(0 0 3px #277b8f44)}
/* ORVIA · blue atmosphere. Original globe layout rebuilt around Bella's reference. */
:root{--bg:#030816;--panel:#0b152b;--line:#8eb9ff25;--line-bright:#99c2ff4a;--gold:#81bdff;--ivory:#f1f6ff;--muted:#9aaac6;--aurora:#8cc9ff;--ocean:#6db7ff}
body.space-page{background:#030816}.space-page::before{background:radial-gradient(ellipse at 80% 18%,#1142a12c,transparent 50%),radial-gradient(ellipse at 5% 80%,#14294a33,transparent 50%),#030816}
.space-background{opacity:.65}.space-flight-effects{opacity:.35;z-index:-1}
.space-page .sidebar{background:linear-gradient(180deg,#0a1429e8,#040b1bd9);border-color:#88b8ff22}.sidebar .brand{gap:10px}.sidebar .brand>span:last-child{font-size:21px;letter-spacing:4px}
.space-page .nav-active{background:#356ed51c;border-color:#6eacff70;box-shadow:inset 2px 0 #91caff}
.space-page .cosmic-heading{min-height:355px;padding:40px 28px;margin:16px 0 24px;overflow:visible;border:0;background:transparent}.space-page .cosmic-heading::before{display:none}
.cosmic-heading>div:first-child{max-width:57%;position:relative;z-index:4}.space-page .cosmic-heading h1{font-size:clamp(31px,3.15vw,46px);line-height:1.15;letter-spacing:-1.4px;font-weight:450}.space-page .cosmic-heading h1 em{color:#a6d5ff;background:none;-webkit-text-fill-color:initial;animation:none}.cosmic-heading p{color:#a5b8d3;font-size:13px}.cosmic-heading .eyebrow{color:#8ebdff;letter-spacing:2px}
.workspace-universe{display:block;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:430px;height:430px;pointer-events:none}.workspace-universe .orbital-scene{width:430px;right:0;top:0;pointer-events:auto}.orbital-scene{background:transparent;box-shadow:none;animation:earthWeightless 18s ease-in-out infinite alternate}.orbital-scene .earth-hero-image{inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;mix-blend-mode:screen}
.orbit-satellite,.orbital-track{display:none!important}.universe-caption{display:none}.motion-toggle{bottom:0;background:#071126de;border-color:#8abaff42;color:#a7cfff}.workspace-universe .motion-toggle{bottom:3%;font-size:9px}.motion-paused{animation-play-state:paused}
.primary,.button-link.primary{background:linear-gradient(115deg,#a1d8ff,#6aa8ff);border-color:#addcff;color:#061b3b;box-shadow:0 5px 28px #377aff20}.primary:hover:not(:disabled){background:#bbdfff;box-shadow:0 8px 36px #4e93ff33}
.space-page .capture-card,.space-page .share-card,.space-page .account-panel{border:1px solid #90b6ed39;border-radius:16px;background:linear-gradient(140deg,#111f37df,#071124ed);box-shadow:0 14px 50px #0003}.space-page .capture-preview{background:radial-gradient(ellipse at 50% 40%,#11294a65,#040c1a);border-color:#79acff22}.space-page .share-card::before{background:linear-gradient(90deg,transparent,#99cbff,transparent)}
.space-page #start::before{content:'▣';background:none;filter:none;font-size:22px;color:#08213d}.space-page .brand .earth-mark{box-shadow:0 0 22px #307cff26;border-color:#69aeff35}.earth-mark img{width:100%;height:100%;object-fit:cover;left:0;top:0}.sidebar-earth img{filter:drop-shadow(0 0 12px #3168ff44)}
.hero-copy h1 em{background:linear-gradient(100deg,#e4f3ff,#8fc7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.earth-hero{min-height:740px}.hero-planet .orbital-scene{width:min(690px,55vw)}.planet-halo{opacity:.35}.hero-copy h1{font-size:clamp(48px,5.4vw,76px)}
.sharing-active .orbital-scene{animation-play-state:paused}.sharing-active .orbital-effects{opacity:.25}
@keyframes earthWeightless{from{transform:translateY(-6px) rotate(-1deg)}to{transform:translateY(8px) rotate(1deg)}}
@media(max-width:1100px){.workspace-universe,.workspace-universe .orbital-scene{width:365px;height:365px}.workspace-universe{right:-25px}.space-page .cosmic-heading{min-height:315px;padding:28px 10px}.cosmic-heading>div:first-child{max-width:56%}}
@media(max-width:650px){.space-page .cosmic-heading{min-height:0;overflow:hidden;padding:24px 5px 0;margin-bottom:20px}.cosmic-heading>div:first-child{max-width:100%}.space-page .cosmic-heading h1{font-size:34px}.workspace-universe,.account-heading .workspace-universe{position:relative;top:auto;right:auto;transform:none;width:100%;height:320px;margin-top:5px}.workspace-universe .orbital-scene{width:350px;height:350px;left:50%;right:auto;top:-10px;margin-left:-175px;transform:none}.workspace-universe .motion-toggle{bottom:4%}.hero-planet .orbital-scene{width:min(520px,100vw)}.earth-hero{min-height:0}.space-page .sidebar{background:#081328ef}.hero-copy h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.orbital-scene{animation:none}}
/* Approved concept: quiet charcoal panels, white primary action, blue orbital accents. */
:root{--bg:#040a10;--panel:#0b131c;--line:#8ab8e024;--line-bright:#9bbde543;--muted:#91a9c5}
body.space-page{background:#040a10}.space-page::before{background:radial-gradient(ellipse at 86% 13%,#12406a23,transparent 50%),#040a10}
.space-page .sidebar{background:#050c13dc}.space-page .side-story{display:none}.space-page .cosmic-heading{min-height:360px;padding-left:22px}.space-page .cosmic-heading h1{font-size:clamp(32px,3.5vw,54px);line-height:1.12;letter-spacing:-1.8px}.space-page .cosmic-heading p{font-size:15px}
.space-page .capture-card,.space-page .share-card,.space-page .account-panel{background:linear-gradient(135deg,#0d1721de,#070f18eb);border-color:#8eaed22b;box-shadow:none;border-radius:14px}
.space-page .capture-preview{background:linear-gradient(150deg,#0b151e,#060e15)}
.primary,.button-link.primary{background:#edf1f5;border-color:#f1f5fa;color:#101d30;box-shadow:none}.primary:hover:not(:disabled){background:#fff;box-shadow:0 4px 22px #a4d1ff16}.space-page #start::before{color:#112238}
.screen-placeholder{display:block;width:72px;height:65px;margin:0 auto 22px;color:#9ec6f3}.screen-placeholder svg{width:100%;height:100%;stroke:currentColor;stroke-width:2}
.orbital-ring-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbital-ring-back{z-index:1}.orbital-ring-front{z-index:3}.earth-globe{z-index:2}.motion-toggle{z-index:5}
.orbital-effects{display:none}.workspace-universe .orbital-scene{animation:none}.orbital-scene{animation:none}.space-page .capture-preview #empty h2{font-weight:500}
.space-flight-effects{opacity:.8;z-index:2;pointer-events:none}.space-page .cosmic-heading,.space-page .capture-card,.space-page .share-card,.space-page .account-panel{position:relative;z-index:3}
@media(max-width:650px){.space-page .cosmic-heading{min-height:0;padding-left:5px}.space-page .cosmic-heading h1{font-size:35px}.space-page .cosmic-heading p{font-size:13px}}
/* A distant Sun and slow layered drift suggest orbit without moving the controls. */
.distant-sun{position:absolute;left:3%;top:8px;width:54px;height:54px;z-index:1;pointer-events:none;isolation:isolate;animation:distantSunDrift 54s ease-in-out infinite alternate}
.distant-sun::before{content:'';position:absolute;inset:-42%;border-radius:50%;background:radial-gradient(circle,#ffcd7317,transparent 67%);animation:distantSunLight 13s ease-in-out infinite alternate}
.distant-sun img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(circle,#000 48%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 48%,transparent 72%);animation:distantSunTurn 200s linear infinite;opacity:.9}
.earth-hero>.distant-sun{top:7%;left:5%;width:58px;height:58px}
.workspace-universe .orbital-scene,.hero-planet .orbital-scene{animation:orbitalWeightlessness 30s ease-in-out infinite alternate}
.motion-paused.orbital-scene,.space-motion-paused .distant-sun,.space-motion-paused .distant-sun img,.space-motion-paused .distant-sun::before{animation-play-state:paused}
.sharing-active .distant-sun,.sharing-active .distant-sun img,.sharing-active .distant-sun::before,.sharing-active .workspace-universe .orbital-scene{animation-play-state:paused}
@keyframes orbitalWeightlessness{from{translate:0 -4px}to{translate:0 5px}}
@keyframes distantSunDrift{from{translate:0 0}to{translate:5px -3px}}
@keyframes distantSunTurn{to{transform:rotate(360deg)}}
@keyframes distantSunLight{from{opacity:.5}to{opacity:1}}
@media(max-width:650px){.distant-sun{width:38px;height:38px;top:2px;left:auto;right:5%}.earth-hero>.distant-sun{top:16px;left:auto;right:8%;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.distant-sun,.distant-sun img,.distant-sun::before,.workspace-universe .orbital-scene,.hero-planet .orbital-scene{animation:none!important}}