:root { --bg:#04050d; --surface:#0b1027; --surface-raised:#131a3b; --surface-muted:#0a0e22; --line:rgba(159,179,255,.16); --text:#f3f5ff; --muted:#9ca9c9; --brand:#82a7ff; --brand-strong:#6575ff; --danger:#ff7caa; --warning:#f4c76c; --shadow:0 28px 90px rgba(0,0,0,.46); color-scheme:dark; }
body.light { --bg:#f6f7ff; --surface:#fff; --surface-raised:#fff; --surface-muted:#eff2ff; --line:#dce2ff; --text:#13152b; --muted:#67708e; --brand:#4d60dc; --brand-strong:#3947c5; --shadow:0 24px 70px rgba(64,76,154,.13); color-scheme:light; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; padding-top:0; background:var(--bg); color:var(--text); font:500 15px/1.55 Inter,system-ui,sans-serif; } button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } .skip-link { position:fixed; top:8px; left:8px; z-index:99; transform:translateY(-160%); background:var(--brand); color:#04261e; padding:10px 14px; border-radius:8px; } .skip-link:focus { transform:translateY(0); }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:-.7px; }.brand-mark { display:grid; place-items:center; height:30px; width:30px; border-radius:10px; color:#03281e; background:linear-gradient(135deg,#9df2d8,#4fc6ae); font:800 17px/1 Georgia,serif; box-shadow:0 6px 20px rgba(82,220,182,.28); }.brand > img.global-logo { display:block; width:36px; height:36px; flex:0 0 36px; object-fit:contain; }.sidebar-brand-logo { display:block; width:38px; height:38px; flex:0 0 38px; object-fit:contain; filter:drop-shadow(0 2px 10px rgba(0,155,255,.3)); }.site-header { height:76px; max-width:1200px; padding:0 28px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:22px; }.site-header nav { display:flex; gap:24px; color:var(--muted); font-size:14px; }.site-header nav a:hover { color:var(--text); }.button { min-height:42px; display:inline-flex; justify-content:center; align-items:center; gap:9px; border:1px solid transparent; border-radius:10px; padding:0 16px; background:var(--brand); color:#032c22; font-weight:800; transition:transform .18s ease, background .18s ease,box-shadow .18s ease; }.button:hover { transform:translateY(-1px); background:#9bf0d8; box-shadow:0 8px 24px rgba(91,222,181,.22); }.button-small { min-height:36px; font-size:13px; padding:0 13px; }.button-quiet { background:transparent; border-color:var(--line); color:var(--text); }.button-quiet:hover { background:var(--surface-raised); color:var(--text); box-shadow:none; }.danger-button { background:rgba(255,124,135,.1); color:#ff9fa7; border-color:rgba(255,124,135,.28); }.danger-button:hover { background:rgba(255,124,135,.18); }
.marketing main { overflow:hidden; }.hero { max-width:1200px; margin:auto; padding:92px 28px 120px; min-height:650px; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.94fr); align-items:center; gap:68px; }.eyebrow { margin:0 0 13px; text-transform:uppercase; letter-spacing:.13em; font-size:11px; color:var(--brand); font-weight:800; }.pulse-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 5px rgba(124,225,196,.12); margin:0 8px 1px 0; }.hero h1 { font-size:clamp(44px,5.4vw,72px); line-height:1.04; letter-spacing:-.065em; margin:0; max-width:650px; }.hero h1 em { font-style:normal; color:var(--brand); }.hero-lede { font-size:18px; color:var(--muted); max-width:570px; margin:25px 0; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.hero-note { margin-top:22px; color:var(--muted); font-size:12px; }.product-preview { border:1px solid var(--line); overflow:hidden; border-radius:17px; background:linear-gradient(150deg,#10253c,#081625 62%); box-shadow:var(--shadow); transform:perspective(1300px) rotateY(-5deg) rotateX(2deg); }.preview-toolbar { height:48px; padding:0 15px; display:flex; align-items:center; gap:6px; border-bottom:1px solid rgba(176,216,251,.12); color:#b7c9db; font-size:10px; }.preview-toolbar span { width:7px; height:7px; border-radius:50%; background:#3c5971; }.preview-toolbar b { margin-left:12px; font-weight:600; }.preview-toolbar i { margin-left:auto; color:#7ce1c4; font-style:normal; }.preview-body { min-height:410px; display:grid; grid-template-columns:54px 1fr; }.preview-body aside { border-right:1px solid rgba(176,216,251,.1); padding:13px; display:flex; align-items:center; flex-direction:column; gap:18px; }.preview-body aside span:not(.preview-logo) { width:15px; height:15px; border-radius:4px; background:#1d3851; }.preview-logo { width:25px; height:25px; display:grid; place-items:center; background:#7ce1c4; color:#06281e; border-radius:7px; font-weight:800; }.preview-body .preview-active { background:#5ed3b5!important; box-shadow:0 0 12px rgba(124,225,196,.7); }.preview-content { padding:25px; }.preview-title,.preview-card-title { display:flex; align-items:center; gap:10px; }.preview-title small,.preview-card-title small { display:block; color:#8fa7bd; font-size:9px; }.preview-title strong { display:block; color:#f1f8ff; font-size:18px; }.preview-title button { margin-left:auto; border:0; border-radius:6px; padding:7px 9px; color:#042b20; background:#7ce1c4; font-size:10px; }.preview-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:22px 0; }.preview-summary>div,.preview-card { background:rgba(9,28,47,.65); border:1px solid rgba(184,218,245,.1); border-radius:9px; padding:12px; }.preview-summary small { color:#849caf; font-size:9px; }.preview-summary b { display:block; color:#e9f4fb; font-size:11px; margin:4px 0 8px; }.preview-summary span,.preview-metrics span { height:4px; display:block; border-radius:10px; background:linear-gradient(90deg,#55cdb0 30%,#1d3d55 30%); }.preview-card { margin-top:10px; }.preview-online { width:7px; height:7px; background:#70dfbc; border-radius:50%; }.preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }.preview-card-muted { opacity:.62; }
.feature-section,.steps-section,.faq-section { max-width:1200px; padding:100px 28px; margin:auto; }.section-intro { max-width:650px; }.section-intro h2,.security-band h2 { font-size:clamp(30px,3.6vw,48px); line-height:1.1; letter-spacing:-.045em; margin:0 0 16px; }.section-intro>p:not(.eyebrow) { color:var(--muted); }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:46px; }.feature-grid article { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:25px; min-height:195px; }.feature-icon { display:grid; width:38px; height:38px; place-items:center; background:rgba(124,225,196,.11); color:var(--brand); border-radius:10px; font-size:19px; }.feature-grid h3,.steps h3 { font-size:17px; margin:22px 0 8px; }.feature-grid p,.steps p { color:var(--muted); margin:0; font-size:14px; }.security-band { padding:84px max(28px,calc((100vw - 1144px)/2)); background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:70px; }.security-band h2 { margin:0; }.security-band ul { padding:0; margin:0; list-style:none; }.security-band li { display:flex; align-items:center; gap:18px; padding:14px 0; border-bottom:1px solid var(--line); }.security-band li span { color:var(--brand); font:12px 'DM Mono',monospace; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }.steps article { border-top:1px solid var(--line); padding-top:18px; }.steps span { color:var(--brand); font:13px 'DM Mono',monospace; }.faq-section { max-width:800px; padding-top:30px; }.faq-section details { border-top:1px solid var(--line); padding:18px 0; }.faq-section summary { cursor:pointer; font-weight:700; }.faq-section p { color:var(--muted); margin:10px 0 0; } .marketing footer { max-width:1200px; padding:34px 28px; margin:auto; color:var(--muted); border-top:1px solid var(--line); display:flex; align-items:center; gap:25px; font-size:13px; }.marketing footer p { margin:0; }.marketing footer a:last-child { margin-left:auto; }
.docs-layout,.status-layout { max-width:870px; margin:auto; padding:80px 28px 110px; }.docs-layout h1,.status-layout h1 { margin:0; font-size:clamp(40px,5vw,62px); letter-spacing:-.06em; line-height:1.05; }.docs-lede { max-width:660px; color:var(--muted); font-size:17px; margin:20px 0 50px; }.docs-layout section { display:grid; gap:0; border-top:1px solid var(--line); }.docs-layout section article { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }.docs-layout article>span { color:var(--brand); font:12px 'DM Mono',monospace; }.docs-layout h2,.status-card h2,.status-components h2 { margin:0; font-size:18px; letter-spacing:-.025em; }.docs-layout p,.status-card p,.status-components p,.status-note { color:var(--muted); margin:7px 0 0; font-size:14px; }.docs-layout code { color:var(--brand); font:12px 'DM Mono',monospace; }.docs-layout aside { margin-top:42px; padding:22px; border:1px solid var(--line); background:var(--surface); border-radius:12px; }.docs-layout aside h2 { margin:0; font-size:16px; }.docs-layout aside p { color:var(--muted); margin:7px 0 0; }.status-card { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:26px; border:1px solid var(--line); background:var(--surface); border-radius:13px; }.status-card .status-badge { margin-bottom:13px; }.status-components { margin-top:15px; border:1px solid var(--line); border-radius:13px; overflow:hidden; }.status-components article { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 22px; background:var(--surface); border-bottom:1px solid var(--line); }.status-components article:last-child { border-bottom:0; }.status-components article>b { color:var(--muted); font-size:12px; }.status-components article:first-child>b { color:var(--brand); }.status-note { margin-top:24px; font-size:12px; }
.portal-wrap { width:min(1160px,100%); min-height:calc(100vh - 150px); margin:0 auto; padding:88px 28px 110px; }.portal-wrap>h1,.portal-wrap section>h1,.auth-card h1 { max-width:760px; margin:0; font-size:clamp(40px,5.2vw,66px); line-height:1.05; letter-spacing:-.06em; }.portal-lede { max-width:690px; margin:20px 0 35px; color:var(--muted); font-size:17px; }.select-field { display:inline-flex; align-items:center; gap:10px; margin-bottom:30px; color:var(--muted); font-size:13px; }.select-field select { border:1px solid var(--line); border-radius:8px; padding:9px 10px; color:var(--text); background:var(--surface); }.pricing-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.price-card { display:flex; flex-direction:column; min-height:320px; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.price-card.featured { border-color:rgba(124,225,196,.48); background:linear-gradient(150deg,rgba(124,225,196,.1),var(--surface) 45%); }.price-card h2 { margin:0; font-size:21px; }.price-card>b { display:block; margin:14px 0 17px; font-size:25px; letter-spacing:-.05em; }.price-card ul { margin:0 0 24px; padding:0; list-style:none; color:var(--muted); font-size:13px; }.price-card li { padding:7px 0; border-top:1px solid var(--line); }.price-card button { width:100%; margin-top:auto; }.card-note { margin-top:auto; color:var(--muted); font-size:12px; }.two-column { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:66px; align-items:start; }.support-options { display:grid; gap:12px; margin-top:38px; }.support-options article { display:flex; gap:14px; padding:18px 0; border-top:1px solid var(--line); }.support-options article>span { color:var(--brand); font-size:20px; }.support-options h2 { margin:0; font-size:16px; }.support-options p { margin:4px 0; color:var(--muted); font-size:13px; }.support-options a { color:var(--brand); font-size:13px; font-weight:800; }.form-card { padding:28px; border:1px solid var(--line); border-radius:15px; background:var(--surface); box-shadow:var(--shadow); }.form-card h2 { margin:0; font-size:21px; letter-spacing:-.04em; }.form-card>p { margin:6px 0 23px; color:var(--muted); font-size:13px; }.form-card form { display:grid; gap:16px; }.form-card label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:800; }.form-card input,.form-card textarea { width:100%; border:1px solid var(--line); outline:0; border-radius:9px; padding:11px 12px; background:var(--surface-muted); color:var(--text); resize:vertical; }.form-card input:focus,.form-card textarea:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(124,225,196,.1); }.form-card .button { margin-top:5px; }.check-field { display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:10px!important; cursor:pointer; }.check-field input { width:16px; height:16px; accent-color:var(--brand-strong); }.inline-error { padding:10px; border:1px solid rgba(255,124,135,.35); border-radius:8px; color:#ffa8af!important; background:rgba(255,124,135,.08); }.account-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:36px; }.account-summary article { min-height:100px; padding:19px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }.account-summary small { display:block; color:var(--muted); font-size:12px; }.account-summary b { display:block; margin-top:9px; font-size:18px; }.auth-wrap { min-height:calc(100vh - 150px); display:grid; place-items:center; padding:60px 22px 90px; }.auth-card { width:min(530px,100%); }.auth-card h1 { font-size:clamp(34px,5vw,48px); }.auth-card .button { width:100%; margin:13px 0 5px; }.auth-note { margin:15px 0 0!important; font-size:12px!important; }
.app-shell { min-height:100vh; display:flex; background:var(--bg); }.sidebar { width:238px; flex:0 0 238px; min-height:100vh; position:fixed; z-index:3; padding:24px 14px; background:var(--surface); border-right:1px solid var(--line); display:flex; flex-direction:column; }.sidebar .brand { padding:0 10px; }.sidebar nav { margin-top:46px; display:grid; gap:4px; }.nav-item { border:0; background:transparent; width:100%; color:var(--muted); min-height:42px; padding:0 11px; border-radius:8px; display:flex; align-items:center; gap:11px; font-weight:700; text-align:left; }.nav-item span { width:16px; text-align:center; color:#9bb0c3; }.nav-item:hover,.nav-item.active { color:var(--text); background:var(--surface-muted); }.nav-item.active span { color:var(--brand); }.nav-item kbd { margin-left:auto; color:var(--muted); font:10px 'DM Mono',monospace; }.sidebar-bottom { margin-top:auto; display:grid; gap:10px; }.profile-control { width:100%; display:flex; align-items:center; gap:10px; padding:9px; background:transparent; color:var(--text); border:1px solid var(--line); border-radius:10px; text-align:left; }.profile-control>span:nth-child(2) { min-width:0; flex:1; }.profile-control b,.profile-control small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-control b { font-size:12px; }.profile-control small { color:var(--muted); font-size:10px; }.avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:linear-gradient(135deg,#96f0d5,#309b88); color:#04261e; font-size:12px; font-weight:800; }.text-button { border:0; padding:7px 10px; background:transparent; color:var(--muted); text-align:left; font-size:12px; }.text-button:hover { color:#ff9fa7; }.app-main { width:calc(100% - 238px); margin-left:238px; min-height:100vh; display:flex; flex-direction:column; }.app-header { height:68px; flex:0 0 68px; padding:0 34px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.breadcrumbs { display:flex; gap:9px; align-items:center; font-size:13px; color:var(--muted); }.breadcrumbs strong { color:var(--text); }.breadcrumbs a:hover { color:var(--brand); }.header-actions { display:flex; align-items:center; gap:15px; }.connection-state { font:11px 'DM Mono',monospace; color:var(--muted); }.connection-state:before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; margin:0 7px 1px 0; background:var(--warning); }.connection-state.connected:before { background:var(--brand); }.connection-state.failed:before { background:var(--danger); }.icon-button,.mobile-menu { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:8px; }.mobile-menu { display:none; }.app-main main { width:min(1240px,100%); margin:0 auto; padding:42px 34px 70px; flex:1; }.app-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:35px; }.app-hero h1 { margin:0; font-size:clamp(29px,3vw,40px); letter-spacing:-.05em; }.app-hero>div>p:last-child { color:var(--muted); margin:8px 0 0; }.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.summary-card { min-height:122px; padding:20px; border:1px solid var(--line); background:var(--surface); border-radius:12px; }.summary-card small,.status-strip small,.metric-detail-grid small { color:var(--muted); font-size:12px; }.summary-card b { display:block; margin-top:12px; font-size:21px; letter-spacing:-.04em; }.summary-card.skeleton b { width:68%; height:22px; color:transparent; background:linear-gradient(100deg,var(--surface-muted) 30%,var(--surface-raised) 50%,var(--surface-muted) 70%); background-size:200% 100%; animation:shimmer 1.5s infinite; border-radius:5px; }.app-section { margin-top:54px; }.section-heading,.panel-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:20px; }.section-heading h2,.panel-heading h2 { margin:0; letter-spacing:-.04em; font-size:23px; }.search-field { width:250px; display:flex; align-items:center; gap:9px; border:1px solid var(--line); border-radius:8px; padding:0 11px; height:38px; background:var(--surface); color:var(--muted); }.search-field input { min-width:0; flex:1; border:0; outline:0; color:var(--text); background:transparent; font-size:13px; }.application-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.application-card { display:block; min-height:210px; padding:19px; border:1px solid var(--line); border-radius:12px; background:var(--surface); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.application-card:hover { transform:translateY(-2px); border-color:rgba(124,225,196,.43); box-shadow:0 14px 34px rgba(0,0,0,.12); }.card-top { display:flex; justify-content:space-between; gap:10px; }.app-identity { min-width:0; display:flex; gap:10px; align-items:center; }.application-avatar { display:grid; flex:0 0 auto; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--surface-muted); color:var(--brand); font-weight:800; }.app-identity h3 { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; }.app-identity small { display:block; color:var(--muted); font-size:11px; }.status-badge { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.status-badge:before { content:''; width:6px; height:6px; border-radius:50%; background:#728497; }.status-badge.online { color:var(--brand); }.status-badge.online:before { background:var(--brand); box-shadow:0 0 0 4px rgba(124,225,196,.11); }.status-badge.offline:before { background:var(--danger); }.app-description { min-height:42px; margin:20px 0; color:var(--muted); font-size:12px; }.app-metrics { margin-top:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.app-metrics div { padding-top:9px; border-top:1px solid var(--line); }.app-metrics small { display:block; color:var(--muted); font-size:10px; }.app-metrics b { display:block; margin-top:3px; font:12px 'DM Mono',monospace; }.empty-state { border:1px dashed var(--line); border-radius:12px; padding:48px 22px; text-align:center; color:var(--muted); }.empty-state>span { font-size:28px; color:var(--brand); }.empty-state h3 { margin:12px 0 6px; color:var(--text); }.empty-state p { margin:0; font-size:13px; }.error-panel { padding:22px; margin-bottom:14px; border:1px solid rgba(255,124,135,.35); border-radius:12px; background:rgba(255,124,135,.07); }.error-panel strong { color:#ffa8af; }.error-panel p { color:var(--muted); margin:6px 0 14px; }.app-footer { width:min(1240px,100%); margin:auto; padding:20px 34px; display:flex; justify-content:space-between; color:var(--muted); border-top:1px solid var(--line); font-size:11px; }.application-hero { align-items:center; }.back-link { display:block; margin-bottom:17px; color:var(--muted); font-size:13px; }.back-link:hover { color:var(--brand); }.power-actions { display:flex; gap:9px; flex-wrap:wrap; }.status-strip { display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 42px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }.status-strip article { min-height:87px; padding:18px; border-right:1px solid var(--line); }.status-strip article:last-child { border:0; }.status-strip b,.metric-detail-grid b { display:block; margin-top:7px; font-size:15px; }.tabs { display:flex; gap:20px; border-bottom:1px solid var(--line); }.tabs button { position:relative; padding:12px 1px; color:var(--muted); background:transparent; border:0; font-weight:700; font-size:13px; }.tabs button.active { color:var(--text); }.tabs button.active:after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--brand); }.tab-panel { padding-top:27px; }.panel-heading p { margin:6px 0 0; max-width:550px; color:var(--muted); font-size:13px; }.console-output { min-height:280px; max-height:600px; overflow:auto; margin:0; padding:17px; border:1px solid var(--line); border-radius:10px; background:#06101c; color:#b7d7ca; font:12px/1.7 'DM Mono',monospace; white-space:pre-wrap; }.metric-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.metric-detail-grid article { padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }.toast-region { position:fixed; right:20px; bottom:20px; z-index:12; display:grid; gap:8px; }.toast { max-width:330px; padding:12px 15px; border:1px solid var(--line); border-radius:9px; background:var(--surface-raised); box-shadow:var(--shadow); font-size:13px; animation:toast-in .2s ease; }.toast.error { border-color:rgba(255,124,135,.4); }.toast.success { border-color:rgba(124,225,196,.4); } dialog { padding:0; border:0; border-radius:13px; color:var(--text); background:var(--surface-raised); box-shadow:var(--shadow); width:min(520px,calc(100vw - 30px)); } dialog::backdrop { background:rgba(3,10,18,.65); backdrop-filter:blur(4px); }.command-dialog { padding:10px; }.command-input { display:flex; align-items:center; gap:10px; padding:10px; border-bottom:1px solid var(--line); color:var(--brand); }.command-input input { width:100%; color:var(--text); outline:0; border:0; background:transparent; }.command-dialog button { width:100%; padding:12px 10px; display:flex; justify-content:space-between; text-align:left; color:var(--text); background:transparent; border:0; border-radius:7px; }.command-dialog button:hover { background:var(--surface-muted); }.command-dialog kbd { color:var(--muted); font:11px 'DM Mono',monospace; }.command-dialog p { color:var(--muted); padding:0 10px; margin:8px 0 3px; font-size:11px; }
@keyframes shimmer { to { background-position:-200% 0; } } @keyframes toast-in { from { opacity:0; transform:translateY(8px); } } @media (max-width:900px) { .hero { grid-template-columns:1fr; padding-top:60px; }.product-preview { max-width:600px; transform:none; }.feature-grid,.steps { grid-template-columns:1fr; }.security-band { grid-template-columns:1fr; gap:32px; }.sidebar { width:64px; flex-basis:64px; padding:20px 8px; }.sidebar .brand span:last-child,.nav-item:not(.active):not(:hover),.profile-control>span:not(.avatar),.profile-control>span:last-child,.text-button { font-size:0; }.sidebar .brand { padding:0 9px; }.sidebar nav { margin-top:35px; }.nav-item { justify-content:center; padding:0; }.nav-item span { font-size:16px; }.nav-item kbd { display:none; }.sidebar-bottom { align-items:center; }.profile-control { width:42px; padding:6px; border:0; }.app-main { width:calc(100% - 64px); margin-left:64px; }.application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-grid { grid-template-columns:repeat(2,1fr); } } @media (max-width:600px) { .site-header { padding:0 17px; }.site-header nav { display:none; }.hero,.feature-section,.steps-section,.faq-section,.docs-layout,.status-layout { padding-left:17px; padding-right:17px; }.hero { padding-bottom:70px; }.product-preview { display:none; }.security-band { padding:55px 17px; }.marketing footer { padding:25px 17px; }.app-header { padding:0 17px; }.app-main main { padding:30px 17px 50px; }.app-hero,.section-heading,.panel-heading { align-items:flex-start; flex-direction:column; }.app-hero .button,.search-field { width:100%; }.application-grid,.summary-grid,.metric-detail-grid { grid-template-columns:1fr; }.status-strip { grid-template-columns:repeat(2,1fr); }.status-strip article:nth-child(2) { border-right:0; }.status-strip article { border-bottom:1px solid var(--line); }.status-strip article:nth-last-child(-n+2) { border-bottom:0; }.app-footer { padding:15px 17px; }.connection-state { display:none; }.power-actions { width:100%; }.power-actions .button { flex:1; }.tabs { overflow:auto; }.sidebar { transform:translateX(-100%); transition:transform .2s ease; }.app-shell.menu-open .sidebar { transform:translateX(0); width:238px; }.app-shell.menu-open .sidebar .brand span:last-child,.app-shell.menu-open .nav-item:not(.active):not(:hover),.app-shell.menu-open .profile-control>span:not(.avatar),.app-shell.menu-open .profile-control>span:last-child,.app-shell.menu-open .text-button { font-size:inherit; }.app-shell.menu-open .nav-item { justify-content:flex-start; padding:0 11px; }.app-main { width:100%; margin-left:0; }.mobile-menu { display:grid; }.status-card,.status-components article { align-items:flex-start; flex-direction:column; } }
@media (max-width:1000px) { .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.two-column { grid-template-columns:1fr; gap:38px; } } @media (max-width:600px) { .portal-wrap { padding:58px 17px 75px; }.pricing-grid,.account-summary { grid-template-columns:1fr; }.form-card { padding:21px; }.auth-wrap { padding:35px 17px 65px; } }
.deploy-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.45fr); gap:20px; }.deploy-card { max-width:650px; }.deploy-file,.deploy-result,.deploy-side p,.deploy-side li { color:var(--muted); font-size:13px; }.deploy-result { padding:11px; border:1px solid rgba(124,225,196,.35); border-radius:8px; background:rgba(124,225,196,.08); color:var(--text); }.deploy-side { align-self:start; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }.deploy-side h2 { margin:0; font-size:17px; }.deploy-side ol { padding-left:19px; }.deploy-side li { padding:5px 0; } @media (max-width:760px) { .deploy-layout { grid-template-columns:1fr; } }
.deploy-upload-status { min-height:1.4em; margin:10px 0 6px; color:var(--muted); font-size:13px; line-height:1.5; }
.deploy-upload-progress { display:block; width:100%; height:9px; margin:0 0 14px; border:0; border-radius:999px; overflow:hidden; accent-color:var(--brand); }
.deploy-upload-progress::-webkit-progress-bar { border-radius:999px; background:var(--line); }
.deploy-upload-progress::-webkit-progress-value { border-radius:999px; background:linear-gradient(90deg,var(--brand),var(--cyan)); }
.deploy-upload-progress::-moz-progress-bar { border-radius:999px; background:linear-gradient(90deg,var(--brand),var(--cyan)); }
.file-toolbar { display:flex; align-items:end; gap:10px; margin-bottom:12px; }.file-toolbar label,.backup-create label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; }.file-toolbar input,.backup-create input,.file-editor textarea { width:100%; border:1px solid var(--line); border-radius:8px; outline:0; padding:9px 10px; color:var(--text); background:var(--surface-muted); }.file-toolbar label { flex:1; }.file-manager { display:grid; grid-template-columns:minmax(230px,.55fr) minmax(0,1fr); min-height:390px; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:var(--surface); }.file-list { overflow:auto; border-right:1px solid var(--line); }.file-row { width:100%; min-height:49px; padding:0 13px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:8px; color:var(--text); border:0; border-bottom:1px solid var(--line); text-align:left; background:transparent; }.file-row:hover { background:var(--surface-muted); }.file-row>span { color:var(--brand); }.file-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.file-row small,.file-empty,.backup-row small { color:var(--muted); font-size:10px; }.file-empty { padding:18px; margin:0; }.file-editor { min-width:0; display:flex; flex-direction:column; }.file-editor-head { min-height:50px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--line); }.file-editor-head b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:12px 'DM Mono',monospace; }.file-editor textarea { flex:1; min-height:338px; border:0; border-radius:0; resize:vertical; background:#06101c; color:#c7dfd4; font:12px/1.65 'DM Mono',monospace; }.backup-create { display:grid; grid-template-columns:minmax(230px,1fr) auto auto auto; align-items:end; gap:12px; padding:15px; margin-bottom:12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }.backup-create .check-field { padding-bottom:10px; white-space:nowrap; }.backup-list { display:grid; gap:9px; }.backup-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }.backup-row b,.backup-row small { display:block; }.backup-row b { font-size:13px; }.backup-row small { margin-top:4px; }.backup-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; } @media (max-width:760px) { .file-manager { grid-template-columns:1fr; }.file-list { max-height:230px; border-right:0; border-bottom:1px solid var(--line); }.backup-create { grid-template-columns:1fr; }.backup-create .check-field { padding-bottom:0; }.backup-row { align-items:flex-start; flex-direction:column; }.backup-actions { justify-content:flex-start; }.file-toolbar { align-items:stretch; flex-direction:column; }.file-toolbar .button { width:100%; } }
/* DSCloud 3.0 Aurora: visual layer intentionally uses CSS only, keeping pages fast. */
:root { --bg:#060817; --surface:#0b1027; --surface-raised:#131a3b; --surface-muted:#0a0e22; --line:rgba(159,179,255,.16); --text:#f3f5ff; --muted:#9ca9c9; --brand:#82a7ff; --brand-strong:#6575ff; --danger:#ff7caa; --warning:#f4c76c; --shadow:0 28px 90px rgba(0,0,0,.46); }
body.light { --bg:#f6f7ff; --surface:#fff; --surface-raised:#fff; --surface-muted:#eff2ff; --line:#dce2ff; --text:#13152b; --muted:#67708e; --brand:#4d60dc; --brand-strong:#3947c5; --shadow:0 24px 70px rgba(64,76,154,.13); }
body { background:radial-gradient(900px 560px at 8% -8%,rgba(102,78,255,.25),transparent 64%),radial-gradient(850px 560px at 94% 13%,rgba(43,130,255,.2),transparent 66%),var(--bg); }
.site-header { position:relative; z-index:2; margin-top:16px; height:60px; border:1px solid rgba(160,178,255,.15); border-radius:16px; background:rgba(9,13,35,.68); backdrop-filter:blur(18px); }
.brand-mark { background:linear-gradient(135deg,#d6e4ff,#8197ff 46%,#8e67ff); color:#10102b; box-shadow:0 10px 28px rgba(111,113,255,.42); }
.button { background:linear-gradient(135deg,#b9cbff,#7888ff 52%,#8d69ff); color:#101027; box-shadow:0 12px 28px rgba(102,104,255,.26); border-color:rgba(207,218,255,.44); }
.button:hover { background:linear-gradient(135deg,#d4dfff,#91a0ff 52%,#a281ff); box-shadow:0 16px 36px rgba(102,104,255,.4); }
.button-quiet { background:rgba(19,26,59,.62); border-color:var(--line); color:var(--text); box-shadow:none; }
.hero { position:relative; padding-top:116px; }.hero:before { content:''; position:absolute; width:520px; height:520px; right:-90px; top:56px; border-radius:50%; background:conic-gradient(from 210deg,transparent,rgba(122,113,255,.2),rgba(91,173,255,.12),transparent 70%); filter:blur(3px); animation:orbit 14s linear infinite; pointer-events:none; }.hero h1 { font-size:clamp(50px,6vw,82px); text-wrap:balance; }.hero h1 em { background:linear-gradient(100deg,#d9e3ff,#8aa6ff 45%,#b782ff); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-lede { font-size:19px; }
.product-preview { position:relative; border-color:rgba(151,174,255,.27); background:linear-gradient(145deg,rgba(27,35,80,.95),rgba(7,11,33,.96) 62%); box-shadow:0 30px 90px rgba(10,9,48,.55),inset 0 1px rgba(227,233,255,.13); }.product-preview:after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 34%,rgba(185,198,255,.11) 49%,transparent 62%); transform:translateX(-120%); animation:scan 7s ease-in-out infinite; }.preview-logo,.preview-title button { background:linear-gradient(135deg,#ccdbff,#7f8dff,#986dff); }.preview-body .preview-active,.preview-online { background:#91a7ff!important; box-shadow:0 0 15px rgba(145,167,255,.8); }.preview-summary span,.preview-metrics span { background:linear-gradient(90deg,#8a9bff 30%,#26335f 30%); }
.feature-grid article,.price-card,.form-card,.admin-panel { border-color:rgba(155,174,255,.17); background:linear-gradient(145deg,rgba(19,25,58,.86),rgba(10,14,35,.86)); box-shadow:inset 0 1px rgba(228,233,255,.04); }.feature-grid article:hover,.price-card:hover { transform:translateY(-4px); border-color:rgba(151,164,255,.55); box-shadow:0 20px 46px rgba(18,17,64,.28); }.feature-icon { color:#aebdff; background:linear-gradient(135deg,rgba(122,140,255,.23),rgba(150,94,255,.16)); }.security-band { background:linear-gradient(110deg,rgba(18,23,58,.94),rgba(10,13,35,.94)); border-color:rgba(151,174,255,.16); }.security-band li span,.steps span,.eyebrow { color:#aab8ff; }.marketing footer { border-color:rgba(151,174,255,.15); }
.app-shell { background:radial-gradient(700px 480px at 100% 0,rgba(93,70,255,.18),transparent 65%),var(--bg); }.sidebar { background:rgba(9,13,33,.82); backdrop-filter:blur(20px); border-color:rgba(151,174,255,.14); }.nav-item.active { background:linear-gradient(90deg,rgba(108,122,255,.18),rgba(130,87,255,.12)); }.nav-item.active span,.application-avatar { color:#afbcff; }.connection-state.connected:before,.status-badge.online:before { background:#96a8ff; }.status-badge.online { color:#b3c0ff; }.application-card,.summary-card,.status-strip,.metric-detail-grid article { background:linear-gradient(145deg,rgba(19,25,58,.88),rgba(10,14,35,.9)); border-color:rgba(151,174,255,.16); }.application-card:hover { border-color:rgba(151,164,255,.58); box-shadow:0 18px 40px rgba(18,17,64,.3); }.console-output,.file-editor textarea { background:#050817; color:#ced7ff; }
@keyframes orbit { to { transform:rotate(360deg); } } @keyframes scan { 20%,55% { transform:translateX(120%); } 100% { transform:translateX(120%); } } @media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; transition-delay:0ms!important; } }
 .hero-microfacts { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.hero-microfacts span { padding:7px 10px; border:1px solid rgba(158,177,255,.18); border-radius:999px; background:rgba(16,21,54,.54); color:#b8c5ff; font:700 10px/1.2 Manrope,system-ui,sans-serif; letter-spacing:.035em; }.hero-microfacts span:first-letter { color:#ac8cff; }
/* Dashboard controls use only account preferences and API-confirmed application status. */
.dashboard-alerts { margin-top:34px; padding:21px; border:1px solid rgba(255,163,194,.22); border-radius:15px; background:linear-gradient(120deg,rgba(64,25,72,.34),rgba(20,19,55,.62)); }.dashboard-alerts .section-heading { margin-bottom:14px; }.alert-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; }.dashboard-alert { padding:14px; border:1px solid rgba(255,163,194,.2); border-radius:10px; background:rgba(13,16,43,.58); }.dashboard-alert.unknown { border-color:rgba(244,199,108,.25); }.dashboard-alert b { display:block; font-size:13px; }.dashboard-alert p { margin:4px 0 0; color:var(--muted); font-size:12px; }.application-controls { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:-6px 0 20px; }.application-controls .search-field { flex:1 1 230px; }.dashboard-select { display:grid; gap:5px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.dashboard-select select { min-height:38px; min-width:125px; padding:0 10px; border:1px solid var(--line); border-radius:8px; outline:0; color:var(--text); background:rgba(16,22,54,.8); font:600 12px Manrope,system-ui,sans-serif; }.dashboard-select select:focus,.search-field:focus-within { border-color:#9aaaff; box-shadow:0 0 0 3px rgba(136,143,255,.14); }.favourite-toggle { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:0 11px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:rgba(16,22,54,.54); font-size:12px; font-weight:700; cursor:pointer; }.favourite-toggle input { width:15px; height:15px; accent-color:#8e93ff; }.application-card { display:flex; flex-direction:column; }.application-card-actions { display:flex; align-items:center; gap:8px; }.favourite-button { display:grid; width:27px; height:27px; place-items:center; padding:0; border:1px solid transparent; border-radius:7px; color:#9da8cf; background:transparent; font-size:18px; line-height:1; }.favourite-button:hover,.favourite-button:focus-visible { border-color:rgba(158,172,255,.42); background:rgba(139,131,255,.12); outline:0; }.favourite-button.active { color:#d7c0ff; text-shadow:0 0 14px rgba(192,143,255,.65); }.application-open { display:inline-flex; align-items:center; width:max-content; margin-top:16px; color:#aebaff; font-size:12px; font-weight:800; }.application-open:hover,.application-open:focus-visible { color:#e0e5ff; outline:0; text-decoration:underline; text-underline-offset:4px; }
.console-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:-8px 0 12px; }.console-toolbar .search-field { flex:1 1 210px; }.console-toolbar .search-field:has(input:disabled) { opacity:.58; }.console-meta { flex:1 1 175px; color:var(--muted); font:10px/1.35 'DM Mono',monospace; }.console-toolbar .button:disabled { opacity:.48; cursor:not-allowed; transform:none; box-shadow:none; }
@media (max-width:600px) { .dashboard-alerts { padding:16px; }.application-controls { align-items:stretch; flex-direction:column; }.application-controls .search-field,.dashboard-select,.dashboard-select select,.favourite-toggle { width:100%; }.dashboard-select select { min-width:0; }.console-toolbar { align-items:stretch; flex-direction:column; }.console-toolbar .search-field,.console-toolbar .button { width:100%; } }
/* VISUAL OVERHAUL — product architecture, depth and editorial hierarchy. */
.marketing { isolation:isolate; background-image:radial-gradient(900px 580px at 88% 8%,rgba(83,94,255,.2),transparent 62%),radial-gradient(760px 470px at -8% 52%,rgba(102,57,222,.13),transparent 66%),linear-gradient(rgba(155,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,170,255,.035) 1px,transparent 1px),var(--bg); background-size:auto,auto,44px 44px,44px 44px,auto; }.site-header { max-width:1320px; margin-left:auto; margin-right:auto; }.site-header nav a { position:relative; padding:8px 1px; }.site-header nav a:after { content:''; position:absolute; right:0; bottom:2px; left:0; height:1px; transform:scaleX(0); transform-origin:right; background:linear-gradient(90deg,#9bb2ff,#c58aff); transition:transform .24s ease; }.site-header nav a:hover:after,.site-header nav a:focus-visible:after { transform:scaleX(1); transform-origin:left; }.hero { max-width:1320px; min-height:720px; padding-top:130px; padding-bottom:140px; }.hero-copy { position:relative; z-index:1; }.hero-copy:before { content:'01'; position:absolute; top:-54px; left:-4px; color:rgba(167,180,255,.3); font:800 11px/1 'DM Mono',monospace; letter-spacing:.18em; }.hero-atmosphere { position:absolute; z-index:0; inset:55px 0 auto auto; width:560px; height:560px; pointer-events:none; }.hero-atmosphere:before,.hero-atmosphere:after,.hero-atmosphere span { position:absolute; content:''; display:block; border:1px solid rgba(157,174,255,.16); border-radius:50%; }.hero-atmosphere:before { inset:0; box-shadow:inset 0 0 90px rgba(114,99,255,.08); }.hero-atmosphere:after { inset:76px; border-style:dashed; animation:orbit 25s linear infinite reverse; }.hero-atmosphere span:nth-child(1) { top:69px; right:2px; width:12px; height:12px; border:0; background:#b5c5ff; box-shadow:0 0 26px 8px rgba(148,166,255,.5); }.hero-atmosphere span:nth-child(2) { bottom:90px; left:14px; width:9px; height:9px; border:0; background:#be8dff; box-shadow:0 0 28px 8px rgba(186,126,255,.45); }.hero-atmosphere span:nth-child(3) { top:50%; left:50%; width:5px; height:5px; border:0; background:#fff; box-shadow:0 0 18px 5px #d5ddff; }.hero h1 { max-width:700px; font-size:clamp(56px,6.3vw,92px); }.hero-lede { max-width:545px; font-size:18px; line-height:1.65; }.hero-actions { margin-top:30px; }.hero-microfacts { max-width:570px; margin-top:33px; }.hero-microfacts span { position:relative; overflow:hidden; background:linear-gradient(135deg,rgba(26,32,75,.75),rgba(14,17,43,.65)); }.hero-microfacts span:before { content:''; width:5px; height:5px; border-radius:50%; background:#aebaff; box-shadow:0 0 10px #8594ff; }.product-preview { z-index:1; border-radius:21px; transform:perspective(1400px) rotateY(-8deg) rotateX(4deg) translateY(6px); }.product-preview:before { content:''; position:absolute; z-index:-1; inset:-1px; border-radius:inherit; background:linear-gradient(135deg,rgba(194,204,255,.6),transparent 24%,transparent 68%,rgba(188,130,255,.4)); opacity:.64; filter:blur(.2px); }.preview-toolbar i { display:inline-flex; align-items:center; gap:6px; color:#bdc8ff; }.preview-live-dot { display:inline-block!important; width:6px!important; height:6px!important; border-radius:50%!important; background:#a9b7ff!important; box-shadow:0 0 13px #8d9fff; }.preview-content { padding:28px; }.preview-summary>div,.preview-card { border-color:rgba(159,178,255,.16); background:linear-gradient(135deg,rgba(22,30,70,.82),rgba(9,14,39,.7)); }.preview-secure-line { display:flex; align-items:center; gap:8px; margin-top:15px; padding:10px 11px; border:1px solid rgba(151,167,255,.13); border-radius:8px; color:#aebaff; background:rgba(9,13,35,.54); font:10px 'DM Mono',monospace; }.preview-secure-line span { color:#d1b3ff; font-size:13px; }.feature-section { max-width:1320px; padding-top:126px; }.section-intro { max-width:730px; }.section-intro h2 { font-size:clamp(36px,4vw,58px); }.feature-grid { grid-template-columns:1.15fr 1fr 1fr; gap:16px; }.feature-grid article { position:relative; min-height:250px; overflow:hidden; padding:30px; border-radius:18px; }.feature-grid article:first-child { background:linear-gradient(145deg,rgba(49,55,125,.72),rgba(15,19,49,.96)); }.feature-grid article:after { content:''; position:absolute; width:140px; height:140px; right:-50px; bottom:-65px; border:1px solid rgba(164,180,255,.19); border-radius:50%; }.feature-grid h3 { font-size:20px; }.feature-icon { width:45px; height:45px; border-radius:14px; }.experience-rail { max-width:1320px; margin:0 auto; padding:38px 28px 120px; }.rail-heading { display:grid; grid-template-columns:1.05fr .72fr; gap:60px; align-items:end; margin-bottom:30px; }.rail-heading h2 { max-width:740px; margin:0; font-size:clamp(32px,4vw,56px); line-height:1.07; letter-spacing:-.06em; }.rail-heading>p { margin:0 0 5px; color:var(--muted); font-size:14px; }.rail-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:15px; }.rail-card { position:relative; display:flex; min-height:330px; overflow:hidden; flex-direction:column; padding:25px; border:1px solid rgba(154,173,255,.18); border-radius:18px; background:linear-gradient(150deg,rgba(19,25,62,.82),rgba(8,11,30,.92)); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }.rail-card:hover { transform:translateY(-6px); border-color:rgba(178,190,255,.58); box-shadow:0 27px 55px rgba(7,8,39,.42); }.rail-primary { background:radial-gradient(280px 240px at 80% 25%,rgba(126,119,255,.35),transparent 70%),linear-gradient(145deg,rgba(44,46,113,.88),rgba(10,13,37,.96)); }.rail-index { color:#adbbff; font:10px 'DM Mono',monospace; letter-spacing:.14em; }.rail-card h3 { max-width:280px; margin:27px 0 9px; font-size:25px; line-height:1.08; letter-spacing:-.05em; }.rail-card p { max-width:300px; margin:0; color:var(--muted); font-size:13px; }.rail-card>b { margin-top:auto; color:#c4ccff; font-size:12px; }.rail-card>b span { margin-left:5px; transition:transform .2s ease; }.rail-card:hover>b span { display:inline-block; transform:translateX(4px); }.rail-orb { position:absolute; top:37px; right:26px; display:grid; width:112px; height:112px; place-items:center; border:1px solid rgba(192,199,255,.3); border-radius:50%; color:#d8c3ff; font-size:38px; box-shadow:0 0 0 20px rgba(137,122,255,.05),0 0 44px rgba(109,98,255,.2); animation:orb-pulse 5s ease-in-out infinite; }.rail-lines { display:grid; gap:8px; width:112px; margin:36px 0 0; }.rail-lines i { display:block; height:8px; border-radius:99px; background:linear-gradient(90deg,#9bafff,rgba(119,110,255,.1)); }.rail-lines i:nth-child(2) { width:72%; }.rail-lines i:nth-child(3) { width:88%; background:linear-gradient(90deg,#bd95ff,rgba(119,110,255,.1)); }.rail-status { display:flex; align-items:center; gap:8px; margin-top:38px; color:#b7c4ff; font:10px 'DM Mono',monospace; letter-spacing:.12em; }.rail-status i { width:9px; height:9px; border-radius:50%; background:#a8b7ff; box-shadow:0 0 17px rgba(157,173,255,.85); }.security-band { position:relative; overflow:hidden; padding-top:105px; padding-bottom:105px; }.security-band:after { content:'SECURE'; position:absolute; right:3vw; bottom:-30px; color:rgba(155,172,255,.04); font:800 clamp(100px,15vw,230px)/1 system-ui,sans-serif; letter-spacing:-.11em; pointer-events:none; }.steps-section { max-width:1320px; padding-top:120px; padding-bottom:110px; }.steps { gap:17px; }.steps article { position:relative; min-height:168px; padding:21px 17px 0; border:1px solid rgba(154,173,255,.12); border-radius:13px; background:rgba(14,18,45,.42); }.steps article:before { content:''; position:absolute; top:19px; right:19px; width:7px; height:7px; border-radius:50%; background:#91a3ff; box-shadow:0 0 16px #8395ff; }.faq-section { max-width:1000px; padding-bottom:95px; }.faq-section details { padding:22px 0; }.faq-section summary { font-size:16px; }.final-signal { position:relative; max-width:1264px; margin:0 auto 85px; padding:48px; display:flex; align-items:center; justify-content:space-between; gap:34px; overflow:hidden; border:1px solid rgba(177,191,255,.24); border-radius:22px; background:radial-gradient(500px 190px at 90% 0,rgba(131,103,255,.35),transparent 68%),linear-gradient(130deg,rgba(28,35,84,.92),rgba(10,13,35,.96)); }.final-signal:after { content:''; position:absolute; width:420px; height:420px; right:-170px; bottom:-290px; border:1px solid rgba(202,211,255,.17); border-radius:50%; }.final-signal h2 { position:relative; margin:0; font-size:clamp(33px,4vw,55px); letter-spacing:-.065em; }.final-signal p:not(.eyebrow) { position:relative; margin:10px 0 0; color:#b8c2e8; }.final-signal .button { position:relative; flex:0 0 auto; }
@keyframes orb-pulse { 50% { transform:scale(1.055); box-shadow:0 0 0 25px rgba(137,122,255,.035),0 0 58px rgba(109,98,255,.34); } }
@media (max-width:900px) { .hero { min-height:auto; padding-top:95px; }.hero-atmosphere { right:-170px; top:15px; transform:scale(.8); }.product-preview { transform:none; }.rail-heading { grid-template-columns:1fr; gap:16px; }.rail-grid { grid-template-columns:1fr; }.rail-card { min-height:250px; }.security-band:after { font-size:110px; }.final-signal { margin-right:28px; margin-left:28px; } }
@media (max-width:600px) { .marketing { background-size:auto,auto,28px 28px,28px 28px,auto; }.site-header { margin-top:7px; border-radius:13px; }.hero { padding-top:110px; padding-bottom:78px; }.hero-copy:before { top:-33px; }.hero-atmosphere { top:62px; right:-205px; transform:scale(.62); }.hero h1 { font-size:clamp(44px,13.2vw,61px); }.hero-lede { font-size:16px; }.hero-microfacts { display:grid; gap:7px; }.hero-microfacts span { width:max-content; max-width:100%; }.feature-section,.experience-rail,.steps-section { padding-top:75px; padding-bottom:75px; }.feature-grid { grid-template-columns:1fr; }.feature-grid article { min-height:210px; }.rail-heading h2 { font-size:35px; }.rail-card { min-height:245px; }.rail-card h3 { font-size:24px; }.security-band { padding-top:70px; padding-bottom:70px; }.steps article { min-height:0; }.final-signal { align-items:flex-start; flex-direction:column; margin:0 17px 60px; padding:30px 25px; }.final-signal .button { width:100%; } }
/* Product workspace visual system — shared by dashboard, applications and files. */
.app-shell { position:relative; isolation:isolate; background-image:radial-gradient(640px 460px at 84% -6%,rgba(101,90,255,.19),transparent 68%),linear-gradient(rgba(151,169,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(151,169,255,.025) 1px,transparent 1px); background-size:auto,38px 38px,38px 38px; }.app-shell:after { content:''; position:fixed; z-index:-1; right:-16vw; bottom:-32vw; width:54vw; height:54vw; border:1px solid rgba(150,168,255,.09); border-radius:50%; box-shadow:0 0 0 70px rgba(115,100,255,.018),0 0 0 140px rgba(115,100,255,.012); pointer-events:none; }.sidebar { border-right-color:rgba(161,177,255,.18); box-shadow:18px 0 50px rgba(1,2,14,.16); }.sidebar:after { content:''; position:absolute; top:92px; right:-1px; width:1px; height:110px; background:linear-gradient(transparent,#9caaff,transparent); box-shadow:0 0 18px #8698ff; }.sidebar nav { gap:7px; }.nav-item { position:relative; min-height:45px; border:1px solid transparent; transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease; }.nav-item:hover { transform:translateX(2px); border-color:rgba(157,173,255,.1); }.nav-item.active { border-color:rgba(155,169,255,.14); box-shadow:inset 0 1px rgba(222,227,255,.06),0 8px 22px rgba(30,29,94,.14); }.app-header { position:sticky; top:0; z-index:2; height:74px; flex-basis:74px; background:rgba(6,8,23,.62); backdrop-filter:blur(18px); border-bottom-color:rgba(159,177,255,.13); }.breadcrumbs { letter-spacing:.02em; }.icon-button { border-color:rgba(159,177,255,.2); background:rgba(20,27,62,.65); }.app-main main { padding-top:54px; }.app-hero { position:relative; min-height:140px; align-items:center; padding:25px 28px; overflow:hidden; border:1px solid rgba(157,175,255,.13); border-radius:19px; background:linear-gradient(112deg,rgba(18,24,62,.83),rgba(9,12,34,.58)); }.app-hero:after { content:''; position:absolute; right:-115px; top:-185px; width:380px; height:380px; border:1px solid rgba(181,192,255,.18); border-radius:50%; box-shadow:0 0 0 48px rgba(118,105,255,.035); pointer-events:none; }.app-hero>div,.app-hero .power-actions { position:relative; z-index:1; }.summary-grid { margin-top:16px; gap:15px; }.summary-card { position:relative; min-height:138px; overflow:hidden; border-radius:16px; }.summary-card:after { content:''; position:absolute; right:-21px; bottom:-38px; width:105px; height:105px; border:1px solid rgba(173,187,255,.14); border-radius:50%; }.summary-card:hover { border-color:rgba(166,180,255,.42); transform:translateY(-3px); transition:transform .2s ease,border-color .2s ease; }.app-section { margin-top:68px; }.section-heading h2 { font-size:28px; }.application-card { min-height:236px; border-radius:16px; background:linear-gradient(150deg,rgba(24,30,70,.9),rgba(9,12,32,.94)); }.application-card:before { content:''; display:block; width:32px; height:1px; margin-bottom:16px; background:linear-gradient(90deg,#a8b5ff,transparent); }.status-strip { overflow:hidden; border-radius:16px; box-shadow:inset 0 1px rgba(218,223,255,.05); }.status-strip article { position:relative; }.status-strip article:after { content:''; position:absolute; right:16px; bottom:15px; width:7px; height:7px; border-radius:50%; background:rgba(171,185,255,.4); }.tabs { gap:27px; }.tabs button { padding:15px 2px; }.tab-panel { padding-top:32px; }.console-output { border-radius:14px; box-shadow:inset 0 1px rgba(192,205,255,.05),0 18px 48px rgba(3,4,20,.2); }
@media (max-width:600px) { .app-shell { background-size:auto,26px 26px,26px 26px; }.sidebar:after { display:none; }.app-shell:not(.menu-open) .sidebar { visibility:hidden; pointer-events:none; transform:translateX(calc(-100% - 4px)); }.app-shell.menu-open .sidebar { visibility:visible; pointer-events:auto; }.app-header { height:64px; flex-basis:64px; }.app-main main { padding-top:25px; }.app-hero { min-height:0; padding:22px 18px; border-radius:15px; }.app-hero:after { right:-200px; top:-224px; }.summary-grid { gap:10px; }.summary-card { min-height:110px; padding:16px; border-radius:13px; }.summary-card b { font-size:18px; }.app-section { margin-top:48px; }.section-heading h2 { font-size:25px; }.application-card { min-height:218px; }.tabs { gap:19px; } }
/* Dashboard command deck: each control links to a real, available DSCloud surface. */
.workspace-quick-actions { display:grid; grid-template-columns:1.14fr 1fr 1fr; gap:13px; margin:17px 0 0; }.workspace-action { position:relative; display:flex; align-items:center; gap:13px; min-height:106px; overflow:hidden; padding:17px; border:1px solid rgba(154,173,255,.15); border-radius:15px; color:var(--text); background:linear-gradient(140deg,rgba(17,23,57,.78),rgba(8,11,30,.86)); box-shadow:inset 0 1px rgba(227,232,255,.04); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }.workspace-action:before { content:''; position:absolute; right:-32px; bottom:-50px; width:118px; height:118px; border:1px solid rgba(173,187,255,.13); border-radius:50%; }.workspace-action:hover,.workspace-action:focus-visible { transform:translateY(-3px); border-color:rgba(171,186,255,.52); box-shadow:0 17px 35px rgba(5,7,28,.27); outline:0; }.workspace-action>span:last-child { position:relative; z-index:1; display:grid; gap:4px; }.workspace-action small { color:#aebaff; font:800 9px/1 Manrope,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; }.workspace-action b { font-size:14px; letter-spacing:-.025em; }.workspace-action em { color:var(--muted); font-size:11px; font-style:normal; }.workspace-action em i { display:inline-block; margin-left:3px; color:#bdc8ff; font-style:normal; transition:transform .2s ease; }.workspace-action:hover em i { transform:translateX(3px); }.workspace-action-icon { position:relative; z-index:1; display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border:1px solid rgba(177,191,255,.22); border-radius:12px; color:#c7d1ff; background:linear-gradient(135deg,rgba(122,140,255,.24),rgba(153,91,255,.17)); font:500 23px/1 system-ui,sans-serif; box-shadow:0 0 22px rgba(117,113,255,.13); }.action-deploy { background:radial-gradient(170px 110px at 86% 5%,rgba(129,111,255,.28),transparent 75%),linear-gradient(140deg,rgba(35,39,97,.93),rgba(9,12,34,.92)); }.action-deploy .workspace-action-icon { color:#f0e7ff; border-color:rgba(207,185,255,.32); background:linear-gradient(135deg,rgba(151,151,255,.44),rgba(182,100,255,.3)); }
@media (max-width:980px) { .workspace-quick-actions { grid-template-columns:1fr 1fr; }.workspace-action:last-child { grid-column:span 2; } }
@media (max-width:600px) { .workspace-quick-actions { grid-template-columns:1fr; gap:9px; margin-top:11px; }.workspace-action,.workspace-action:last-child { grid-column:auto; min-height:89px; padding:14px; }.workspace-action-icon { flex-basis:34px; width:34px; height:34px; border-radius:10px; font-size:20px; } }
/* Application control room: operational surfaces remain explicit about API limits. */
.application-page .sidebar.compact { background:linear-gradient(180deg,rgba(10,14,35,.92),rgba(6,8,23,.86)); }.application-hero { min-height:206px; background:radial-gradient(320px 170px at 82% 24%,rgba(122,107,255,.22),transparent 72%),linear-gradient(112deg,rgba(20,28,71,.88),rgba(9,12,34,.65)); }.application-hero .back-link { display:inline-flex; align-items:center; gap:6px; margin-bottom:22px; color:#b6c2ef; font-size:12px; font-weight:750; }.application-hero .back-link:hover,.application-hero .back-link:focus-visible { color:#e1e5ff; outline:0; text-decoration:underline; text-underline-offset:4px; }.application-hero h1 { margin:5px 0 8px; font-size:clamp(31px,4vw,47px); letter-spacing:-.055em; }.application-signal { display:inline-flex; align-items:center; gap:7px; margin-top:17px; color:#b7c3ff; font:700 10px/1.3 'DM Mono',monospace; letter-spacing:.03em; }.application-signal i { width:6px; height:6px; border-radius:50%; background:#b6c2ff; box-shadow:0 0 14px #92a4ff; }.application-page .power-actions { gap:9px; }.application-page .power-actions .button { min-width:92px; }.application-page .status-strip { position:relative; margin-top:18px; overflow:hidden; border-color:rgba(159,176,255,.18); background:linear-gradient(90deg,rgba(21,28,67,.9),rgba(8,11,30,.83)); }.application-page .status-strip:before { content:''; position:absolute; top:0; right:0; left:0; height:1px; background:linear-gradient(90deg,transparent,#a8b6ff,transparent); opacity:.65; }.application-page .status-strip article { min-height:108px; padding:20px 18px; }.application-page .status-strip article:first-child b { color:#d1d8ff; }.application-page .tabs { position:sticky; top:74px; z-index:1; margin-top:39px; padding:0 4px; background:rgba(6,8,23,.84); backdrop-filter:blur(16px); }.application-page .tabs button { font-size:12px; }.application-page .tab-panel { position:relative; min-height:260px; padding:28px; border:1px solid rgba(157,174,255,.12); border-radius:17px; background:linear-gradient(145deg,rgba(14,19,49,.68),rgba(7,9,25,.45)); }.application-page .tab-panel:has([hidden]) { display:none; }.application-page .panel-heading { padding-bottom:19px; border-bottom:1px solid rgba(158,174,255,.1); }.application-page .panel-heading h2 { margin:0; font-size:25px; letter-spacing:-.04em; }.application-page .console-output { min-height:255px; border:1px solid rgba(151,170,255,.15); background:linear-gradient(145deg,rgba(5,8,22,.95),rgba(9,12,31,.92)); }.application-page .console-output:before { content:'DSCLOUD / LOG SNAPSHOT'; display:block; margin-bottom:14px; color:#8f9ee5; font:700 9px 'DM Mono',monospace; letter-spacing:.12em; }.application-page .file-manager,.application-page .backup-create { border-color:rgba(156,174,255,.14); }.application-page .file-row,.application-page .backup-row { border-color:rgba(154,173,255,.13); background:rgba(12,16,41,.58); }.application-page .file-row:hover { background:rgba(67,69,150,.19); }.application-page .metric-detail-grid article { min-height:135px; border-radius:14px; }.application-page .empty-state { min-height:245px; border-radius:14px; background:radial-gradient(260px 160px at 50% 10%,rgba(116,102,255,.15),transparent 70%),rgba(9,12,33,.52); }
@media (max-width:600px) { .application-hero { min-height:0; }.application-hero .back-link { margin-bottom:17px; }.application-hero h1 { font-size:31px; }.application-signal { margin-top:13px; font-size:9px; }.application-page .power-actions { display:grid; grid-template-columns:1fr 1fr 1fr; width:100%; margin-top:20px; }.application-page .power-actions .button { min-width:0; padding:11px 5px; font-size:11px; }.application-page .status-strip { display:grid; grid-template-columns:1fr 1fr; }.application-page .status-strip article { min-height:88px; padding:15px; }.application-page .tabs { top:64px; margin-top:28px; overflow-x:auto; scrollbar-width:none; }.application-page .tabs::-webkit-scrollbar { display:none; }.application-page .tab-panel { min-height:225px; padding:19px 15px; border-radius:14px; }.application-page .panel-heading { align-items:flex-start; gap:15px; }.application-page .panel-heading h2 { font-size:23px; }.application-page .console-output { min-height:235px; font-size:11px; } }

/* Shared public shell — navigation and footer are rendered by site-shell.js. */
.global-header{position:sticky!important;top:0;z-index:40;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:none!important;min-height:76px;height:auto!important;margin:0!important;padding:0 max(28px,calc((100vw - 1240px)/2))!important;border:0!important;border-bottom:1px solid rgba(153,173,255,.13)!important;border-radius:0!important;background:rgba(5,8,23,.78)!important;backdrop-filter:blur(22px) saturate(150%)}.light .global-header{background:rgba(248,250,255,.84)!important}.global-brand{gap:9px!important}.global-brand small{padding:3px 6px;border:1px solid rgba(147,123,255,.36);border-radius:999px;color:#a99cff;font-size:8px;font-weight:900;letter-spacing:.14em}.global-nav{display:flex!important;justify-content:center;gap:5px}.global-nav-link{display:inline-flex!important;align-items:center;gap:8px;padding:10px 12px!important;border-radius:10px;color:var(--muted)!important;font-size:13px;font-weight:750;transition:color .2s ease,background .2s ease,transform .2s ease}.global-nav-link:after{display:none!important}.global-nav-link span{color:#9e91ff;font-size:15px}.global-nav-link:hover,.global-nav-link.is-active{color:var(--text)!important;background:rgba(126,108,255,.12)}.global-nav-link:hover{transform:translateY(-1px)}.global-header-actions{display:flex;align-items:center;gap:10px}.global-login{min-width:100px;justify-content:center}.global-menu-toggle{display:none}.global-footer{display:block!important;padding:0!important;border-top:1px solid rgba(153,173,255,.16)!important;background:linear-gradient(160deg,rgba(12,16,42,.98),rgba(7,9,24,.98))!important}.light .global-footer{background:linear-gradient(160deg,#f4f5ff,#e9edff)!important}.global-footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:34px;width:min(1240px,100%);margin:0 auto;padding:64px 28px 48px}.global-footer h2{margin:5px 0 15px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.global-footer section:not(.global-footer-intro){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.global-footer section>a{color:var(--muted);font-size:13px;transition:color .2s ease,transform .2s ease}.global-footer section>a:hover{color:var(--text);transform:translateX(3px)}.global-footer-intro p{max-width:290px;margin:18px 0;color:var(--muted);font-size:13px;line-height:1.7}.global-socials{display:flex;gap:8px}.global-socials a{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;color:var(--text);font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease}.global-socials a:hover{transform:translateY(-2px);border-color:#8779ff;background:rgba(126,108,255,.14)}.global-footer-status{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:12px}.global-footer-status i{width:7px;height:7px;border-radius:50%;background:#7de5c0;box-shadow:0 0 12px #7de5c0}.global-footer-bottom{display:flex;justify-content:space-between;gap:20px;width:min(1240px,100%);margin:0 auto;padding:19px 28px;border-top:1px solid rgba(153,173,255,.12);color:var(--muted);font-size:11px}
@media(max-width:760px){.global-header{grid-template-columns:1fr auto auto;min-height:66px;padding:0 17px!important;gap:9px}.global-menu-toggle{display:grid;place-content:center;gap:5px;width:37px;height:37px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.global-menu-toggle span{display:block;width:15px;height:1px;background:var(--text);transition:transform .2s ease}.global-header.menu-open .global-menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.global-header.menu-open .global-menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.global-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none!important;flex-direction:column;align-items:stretch;gap:3px;padding:14px 17px 18px;border-bottom:1px solid var(--line);background:rgba(5,8,23,.98);box-shadow:0 16px 30px rgba(0,0,0,.24)}.light .global-nav{background:rgba(248,250,255,.98)}.global-header.menu-open .global-nav{display:flex!important}.global-nav-link{justify-content:flex-start}.global-header-actions .icon-button{display:none}.global-login{min-width:auto;padding:9px 11px;font-size:12px}.global-footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding:46px 18px 35px}.global-footer-intro{grid-column:1/-1}.global-footer-bottom{flex-direction:column;padding:17px 18px;gap:6px}.global-brand small{display:none}}

/* No ordinal decoration: information is communicated with labels and meaningful icons. */
.hero-copy:before{display:none}.security-band li span,.steps .step-icon{display:inline-grid!important;place-items:center;width:27px;height:27px;margin-right:10px;border:1px solid rgba(171,187,255,.24);border-radius:9px;color:#c7d1ff!important;background:rgba(119,105,255,.12);font-size:13px}.steps article{padding:23px 19px 19px}.steps .step-icon{margin:0 0 19px}.steps article:before{display:none}

/* DSCLOUD 3.0 — Reference visual system: electric blue, violet and cyan.
   This layer intentionally keeps all existing routes and data bindings intact. */
:root{--bg:#04050d;--surface:#0b0e22;--surface-raised:#111631;--surface-muted:#080b1a;--line:rgba(140,160,255,.16);--text:#eef0ff;--muted:#9aa3c7;--brand:#7287ff;--brand-strong:#536dff;--violet:#9a74ff;--cyan:#3bd5ef;--brand-gradient:linear-gradient(135deg,#526dff 0%,#936eff 54%,#35d6ee 120%);--shadow:0 28px 80px rgba(0,0,0,.48);font-synthesis:none}
body.light{--bg:#f4f6ff;--surface:#fff;--surface-raised:#fff;--surface-muted:#eef1ff;--line:rgba(55,75,155,.16);--text:#121735;--muted:#5e688a;--brand:#3851d8;--brand-strong:#2842cb;--violet:#7855d5;--cyan:#147a9d;--shadow:0 24px 70px rgba(52,62,132,.13)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(1000px 620px at 5% -12%,rgba(70,88,255,.18),transparent 60%),radial-gradient(780px 620px at 96% 8%,rgba(145,86,255,.14),transparent 62%),var(--bg);letter-spacing:-.012em}
body:not(.light)::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(rgba(140,160,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(140,160,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse 80% 54% at 50% 0,#000 10%,transparent 76%)}
body:not(.light)::after{content:"";position:fixed;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(32% 30% at 14% 12%,rgba(81,107,255,.16),transparent 70%),radial-gradient(28% 24% at 86% 20%,rgba(152,100,255,.13),transparent 70%);filter:blur(28px)}
h1,h2,h3,h4,.brand,.button{font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif}.brand-mark{color:#fff;background:var(--brand-gradient);box-shadow:0 8px 26px rgba(92,104,255,.34)}
.button{border-color:rgba(183,192,255,.22);color:#fff;background:var(--brand-gradient);box-shadow:0 12px 30px -13px rgba(79,91,255,.86),inset 0 1px rgba(255,255,255,.24)}.button:hover{background:linear-gradient(135deg,#657cff,#a071ff 54%,#49ddef 120%);box-shadow:0 18px 40px -13px rgba(88,91,255,.95),inset 0 1px rgba(255,255,255,.3)}.button-quiet{color:#dce1ff;background:rgba(255,255,255,.045);border-color:var(--line);box-shadow:none}.button-quiet:hover{background:rgba(106,111,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.08)}.eyebrow{color:#b2baff;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.15em}.pulse-dot{background:#6e82ff;box-shadow:0 0 0 5px rgba(104,124,255,.14),0 0 18px rgba(96,123,255,.8)}

/* Marketing: replace a flat sales page with a command-centre composition. */
.marketing .hero{position:relative;max-width:1280px;min-height:730px;padding:120px max(28px,calc((100vw - 1190px)/2)) 128px;gap:74px}.marketing .hero-copy{position:relative;z-index:1}.marketing .hero h1{max-width:690px;font-size:clamp(51px,6.25vw,85px);line-height:.96;letter-spacing:-.078em}.marketing .hero h1 em{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.marketing .hero-lede{max-width:565px;color:#b0b8da;font-size:18px;line-height:1.7}.hero-microfacts{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-microfacts span{padding:7px 10px;border:1px solid rgba(155,170,255,.16);border-radius:999px;color:#b9c2e7;background:rgba(12,16,39,.5);font:700 10px/1.2 "JetBrains Mono",ui-monospace,monospace}.hero-atmosphere span{background:#657cff!important;filter:blur(2px)}
.hero-console-shell{position:relative;isolation:isolate;overflow:hidden;min-height:474px;border:1px solid rgba(150,168,255,.25);border-radius:25px;background:linear-gradient(145deg,rgba(17,22,54,.94),rgba(5,7,20,.94) 66%);box-shadow:0 45px 100px -42px rgba(82,86,255,.82),inset 0 1px rgba(255,255,255,.1);transform:perspective(1500px) rotateY(-5deg) rotateX(1.5deg);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}.hero-console-shell:hover{transform:perspective(1500px) rotateY(-1deg) rotateX(.5deg) translateY(-6px);box-shadow:0 55px 120px -42px rgba(94,96,255,.95),inset 0 1px rgba(255,255,255,.14)}.hero-console-shell:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(128deg,rgba(255,255,255,.075),transparent 30%);pointer-events:none}.hero-console-orbit{position:absolute;z-index:-1;border:1px solid rgba(167,180,255,.16);border-radius:50%;pointer-events:none}.orbit-a{width:380px;height:380px;right:-155px;bottom:-190px;box-shadow:0 0 0 45px rgba(109,103,255,.025),0 0 80px rgba(82,86,255,.13)}.orbit-b{width:190px;height:190px;left:-105px;top:-115px;border-style:dashed}.hero-console-top{display:flex;align-items:center;gap:13px;min-height:55px;padding:0 19px;border-bottom:1px solid rgba(155,172,255,.14);color:#9ca8d1;font:700 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em}.hero-console-dots{display:flex;gap:6px}.hero-console-dots i{width:8px;height:8px;border-radius:50%;background:#3e4a78}.hero-console-dots i:first-child{background:#8c76ff}.hero-console-dots i:nth-child(2){background:#5fcce4}.hero-console-top b{display:flex;align-items:center;gap:6px;margin-left:auto;color:#bbc5ec;font-weight:700}.hero-console-top b i{width:6px;height:6px;border-radius:50%;background:#4ccdec;box-shadow:0 0 13px #4ccdec}.hero-console-main{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:419px}.hero-console-main>aside{display:flex;align-items:center;flex-direction:column;gap:22px;padding:16px 0;border-right:1px solid rgba(155,172,255,.12);background:rgba(3,5,17,.22)}.hero-console-main>aside img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(81,116,255,.8))}.hero-console-main>aside i{width:17px;height:17px;border:1px solid rgba(150,167,255,.3);border-radius:6px;background:rgba(142,157,255,.09)}.hero-console-main>aside .is-active{border-color:rgba(152,172,255,.65);background:var(--brand-gradient);box-shadow:0 0 21px rgba(98,112,255,.45)}.hero-console-content{padding:29px 28px 24px}.hero-console-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-console-title small{display:block;color:#9da9d7;font:800 9px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.13em}.hero-console-title strong{display:block;margin-top:7px;color:#f1f3ff;font:700 23px/1 "Space Grotesk",Inter,sans-serif}.hero-console-title>span{padding:7px 8px;border:1px solid rgba(138,160,255,.2);border-radius:999px;color:#bdc8f1;background:rgba(92,98,213,.1);font:700 9px/1 "JetBrains Mono",ui-monospace,monospace}.hero-console-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 13px}.hero-console-cards article{padding:13px 11px;border:1px solid rgba(151,166,255,.13);border-radius:11px;background:rgba(5,8,24,.52)}.hero-console-cards small{display:block;color:#93a0c9;font-size:9px}.hero-console-cards b{display:flex;align-items:center;gap:5px;margin:6px 0 11px;color:#e1e5ff;font-size:10px}.hero-console-cards b i{width:6px;height:6px;border-radius:50%;background:#3bd5ef;box-shadow:0 0 12px #3bd5ef}.hero-console-cards article>span{display:block;height:4px;border-radius:9px;background:linear-gradient(90deg,#5d75ff 48%,#222a53 48%)}.hero-console-cards article:nth-child(2)>span{background:linear-gradient(90deg,#9b73ff 66%,#222a53 66%)}.hero-console-cards article:nth-child(3)>span{background:linear-gradient(90deg,#3bd5ef 40%,#222a53 40%)}.hero-terminal{padding:17px 15px;border:1px solid rgba(149,165,255,.14);border-radius:12px;background:linear-gradient(125deg,rgba(2,4,13,.86),rgba(8,11,30,.91));color:#9fa9d5;font:700 10px/1.85 "JetBrains Mono",ui-monospace,monospace}.hero-terminal span{color:#76a4ff}.hero-terminal .prompt{color:#c486ff}.terminal-cursor{display:inline-block;width:7px;height:12px;margin-left:5px;background:#b9c4ff;vertical-align:-2px;animation:cursorblink 1s steps(1,end) infinite}.hero-console-content>p{display:flex;align-items:center;gap:6px;margin:13px 0 0;color:#b1bde4;font-size:10px}.hero-console-content>p span{color:#75a2ff;font-size:14px}@keyframes cursorblink{50%{opacity:0}}
.feature-section,.steps-section,.faq-section{max-width:1240px;padding:118px 28px}.feature-section{position:relative}.section-intro h2,.security-band h2{font-size:clamp(36px,4.2vw,57px);letter-spacing:-.065em}.feature-grid{gap:17px}.feature-grid article,.rail-card{border-color:rgba(151,169,255,.15)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(23,29,67,.67),rgba(8,11,29,.72))!important;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .38s}.feature-grid article:hover,.rail-card:hover{transform:translateY(-8px);border-color:rgba(152,166,255,.43)!important;box-shadow:0 30px 55px -34px rgba(76,86,255,.75),inset 0 1px rgba(255,255,255,.07)}.feature-icon{color:#dfe4ff;background:linear-gradient(135deg,rgba(94,115,255,.27),rgba(156,102,255,.16));border:1px solid rgba(156,173,255,.22)}.security-band{position:relative;overflow:hidden;border-color:rgba(151,169,255,.13);background:linear-gradient(105deg,rgba(15,20,51,.96),rgba(7,9,25,.96))}.security-band:after{content:"";position:absolute;width:480px;height:480px;right:-160px;top:-290px;border:1px solid rgba(172,187,255,.14);border-radius:50%;box-shadow:0 0 0 52px rgba(111,100,255,.025)}.faq-section{max-width:950px}.faq-section details{padding:22px 2px;border-color:rgba(151,169,255,.14)}.faq-section summary{font-size:17px}.final-signal{max-width:1185px;margin:30px auto 112px;border:1px solid rgba(154,169,255,.2);border-radius:25px;background:radial-gradient(420px 220px at 90% 14%,rgba(115,100,255,.29),transparent 70%),linear-gradient(135deg,rgba(20,26,64,.9),rgba(8,11,30,.88));box-shadow:0 35px 80px -55px rgba(89,91,255,.9)}

/* Shared footer/header are deliberately denser and more product-like. */
.global-header{border-bottom-color:rgba(143,163,255,.15)!important;background:rgba(4,5,13,.76)!important;box-shadow:0 14px 42px -30px #000}.global-header:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,#5975ff,#36d4ec,#9b73ff,transparent);opacity:.58}.global-logo{filter:drop-shadow(0 0 13px rgba(86,111,255,.72))}.global-nav-link span{color:#a998ff!important}.global-nav-link:hover,.global-nav-link.is-active{background:rgba(105,108,255,.14)!important}.global-footer{position:relative;overflow:hidden;background:linear-gradient(145deg,#090c20,#050610)!important}.global-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(440px 260px at 8% 5%,rgba(83,106,255,.18),transparent 75%),radial-gradient(390px 260px at 90% 10%,rgba(150,100,255,.14),transparent 72%)}.global-footer-grid,.global-footer-bottom{position:relative}.global-footer-grid{gap:42px;padding-top:76px}.global-footer h2{color:#d7ddff;letter-spacing:.12em}.global-footer-links a{display:flex!important;gap:8px;align-items:center}.global-footer-links a span{opacity:.55}.global-socials a{display:inline-flex;width:auto;height:auto;padding:8px 10px;border-color:rgba(151,166,255,.2);border-radius:10px;color:#cdd5f8;font-size:10px}.global-socials a b{color:#8ba2ff}.global-footer-bottom{border-top-color:rgba(151,169,255,.14)}

/* Customer workspace, application console and admin inherit the same visual rhythm. */
.app-shell,.admin-shell{background:transparent}.sidebar,.admin-sidebar{border-right-color:rgba(147,164,255,.15);background:linear-gradient(180deg,rgba(11,14,35,.94),rgba(5,6,17,.92))}.sidebar:after,.admin-sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,transparent,#6c80ff,transparent);opacity:.35}.sidebar .brand,.admin-sidebar .brand{color:#f1f3ff}.nav-item,.admin-sidebar nav button{border-radius:11px!important}.nav-item.active,.admin-sidebar nav button.is-active{color:#fff!important;background:linear-gradient(135deg,rgba(83,107,255,.28),rgba(150,99,255,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 24px -21px rgba(88,95,255,.9)}.app-header,.admin-topbar{border-bottom-color:rgba(145,164,255,.12);background:rgba(4,5,14,.58);backdrop-filter:blur(18px) saturate(130%)}.app-hero,.admin-heading{border-color:rgba(151,169,255,.16)!important;background:radial-gradient(460px 230px at 90% 4%,rgba(108,100,255,.29),transparent 74%),linear-gradient(135deg,rgba(18,24,62,.88),rgba(8,10,29,.69))!important}.summary-card,.workspace-action,.application-card,.status-strip,.tab-panel,.admin-card,.admin-records,.admin-audit-list{border-color:rgba(151,169,255,.15)!important;background:linear-gradient(145deg,rgba(18,23,57,.68),rgba(7,9,25,.68))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}.summary-card:hover,.workspace-action:hover,.application-card:hover{border-color:rgba(153,169,255,.42)!important;box-shadow:0 25px 45px -34px rgba(76,85,255,.9),inset 0 1px rgba(255,255,255,.06)}.application-card:before,.summary-card:before{background:var(--brand-gradient)!important}.search-field,.dashboard-select,.admin-search,.admin-filter{border-color:rgba(151,169,255,.18)!important;background:rgba(7,9,25,.58)!important}.search-field input,.admin-search input,.dashboard-select select,.admin-filter select{background:transparent!important}.console-output{border-color:rgba(142,162,255,.19)!important;background:linear-gradient(145deg,#040611,#0a0d24)!important;box-shadow:inset 0 0 40px rgba(67,78,255,.05)}.tabs button.active{color:#f0f2ff;background:linear-gradient(135deg,rgba(87,107,255,.34),rgba(151,96,255,.21));box-shadow:inset 0 1px rgba(255,255,255,.1)}.admin-heading h1,.app-hero h1{letter-spacing:-.07em}.admin-stat-grid article,.admin-health article{border-color:rgba(151,169,255,.14);background:rgba(4,7,21,.44)}.admin-sidebar-label{color:#9facdf}

/* Authentication and support use the same elevated card treatment. */
.login-brand-panel{background:radial-gradient(530px 360px at 25% 14%,rgba(72,92,255,.3),transparent 68%),radial-gradient(390px 320px at 88% 80%,rgba(152,95,255,.17),transparent 72%),#060714}.login-brand-panel:after{border-color:rgba(153,169,255,.16)!important}.login-card,.form-card{border-color:rgba(151,169,255,.2)!important;background:linear-gradient(145deg,rgba(18,23,58,.84),rgba(7,9,26,.82))!important;box-shadow:0 36px 90px -55px rgba(76,85,255,.85),inset 0 1px rgba(255,255,255,.06)}.login-card:before{background:conic-gradient(from 0deg,#5270ff,#9a73ff,#35d6ee,#5270ff)!important}.identity-provider{border-color:rgba(151,169,255,.17)!important;background:rgba(7,10,27,.5)!important}.discord-glyph,.discord-button-icon{color:#dce2ff!important;background:linear-gradient(135deg,#5865f2,#7c6cff)!important}.form-card input,.form-card textarea,.admin-support-controls input,.admin-support-controls select,.admin-support-reply textarea{border-color:rgba(151,169,255,.18)!important;background:rgba(4,6,19,.6)!important}.support-ticket-panel{border-color:rgba(151,169,255,.19)!important;background:radial-gradient(300px 170px at 100% 0,rgba(114,99,255,.22),transparent 75%),rgba(8,11,30,.7)!important}

@media(max-width:900px){.marketing .hero{grid-template-columns:1fr;gap:45px;min-height:0;padding-top:76px}.hero-console-shell{max-width:650px;width:100%;transform:none}.hero-console-shell:hover{transform:translateY(-4px)}.global-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.global-footer-intro{grid-column:1/-1}.hero-console-content{padding:24px}.admin-hero,.settings-workspace{background:transparent!important}}
@media(max-width:620px){.marketing .hero{padding:57px 18px 76px}.marketing .hero h1{font-size:clamp(43px,13vw,59px)}.hero-lede{font-size:15px!important}.hero-console-shell{min-height:407px;border-radius:19px}.hero-console-main{grid-template-columns:43px minmax(0,1fr);min-height:352px}.hero-console-content{min-width:0}.hero-console-main>aside{gap:17px}.hero-console-main>aside img{width:25px;height:25px}.hero-console-main>aside i{width:13px;height:13px}.hero-console-content{padding:20px 15px}.hero-console-cards{gap:6px;margin-top:19px}.hero-console-cards article{padding:11px 8px}.hero-console-cards b{font-size:9px}.hero-console-title strong{font-size:20px}.hero-terminal{font-size:9px}.feature-section,.steps-section,.faq-section{padding:72px 18px}.feature-grid{grid-template-columns:1fr}.final-signal{margin:12px 18px 70px;padding:26px 20px;gap:20px;border-radius:18px}.global-footer-grid{grid-template-columns:1fr 1fr;padding:48px 18px 33px}.global-footer-intro{grid-column:1/-1}.global-footer-bottom{padding:17px 18px}.sidebar:after,.admin-sidebar:after{display:none}}
.toast.warning{border-color:rgba(255,196,102,.58);background:linear-gradient(135deg,rgba(41,30,14,.97),var(--surface-raised))}

/* The search control's desktop flex-basis becomes a height in the mobile column layout. */
@media (max-width: 600px) {
  .dashboard-page .application-controls .search-field { flex: 0 0 43px; }
}

.application-page .power-actions .button:disabled,
.dashboard-page .power-actions .button:disabled {
  opacity: .42;
  filter: saturate(.35);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

.connection-state.degraded:before { background: var(--warning); }

.application-page .power-actions .button:disabled:hover,
.dashboard-page .power-actions .button:disabled:hover {
  border-color: var(--line);
  box-shadow: none;
  transform: none;
}