:root{--bg:#07090d;--surface:#10141b;--surface-2:#151a22;--line:#282f3a;--text:#f6f8fb;--muted:#9aa5b4;--accent:#43c6ff;--accent-2:#7a6cff;--green:#28dc91;--danger:#ff6f7d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.site-header{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:5;background:rgba(7,9,13,.78);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:7px;color:#041019;font-weight:800}.desktop-nav,.header-actions,footer nav{display:flex;align-items:center;gap:28px}.desktop-nav a,.text-link,footer a{color:var(--muted);font-size:14px}.desktop-nav a:hover,.desktop-nav .active,.text-link:hover,footer a:hover{color:var(--text)}.button{min-height:46px;border:0;border-radius:6px;padding:0 20px;background:var(--text);color:#090b0f;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.button:hover{background:#dce6f2}.button-small{min-height:38px;padding:0 15px;font-size:13px}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.button-ghost:hover{background:var(--surface-2)}.button-wide{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.hero{min-height:calc(100vh - 76px);max-height:900px;position:relative;display:flex;align-items:center;padding:70px clamp(20px,7vw,110px) 130px;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.77) 43%,rgba(7,9,13,.18) 79%),linear-gradient(0deg,rgba(7,9,13,.8),transparent 50%)}.hero-content{position:relative;max-width:720px;z-index:1}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 18px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px;box-shadow:0 0 14px var(--green)}h1,h2,h3,p{letter-spacing:0}.hero h1{font-size:clamp(48px,6.1vw,92px);line-height:.98;margin:0 0 25px;max-width:760px}.hero-copy{color:#c0c8d3;max-width:590px;font-size:18px;line-height:1.7;margin:0 0 35px}.telemetry{position:absolute;z-index:2;left:clamp(20px,7vw,110px);right:clamp(20px,7vw,110px);bottom:30px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px}.telemetry div{display:flex;gap:12px;align-items:baseline}.telemetry span{color:var(--muted);font-size:12px;text-transform:uppercase}.telemetry strong{font-size:18px}.feature-band,.cta-band{padding:100px clamp(20px,7vw,110px)}.section-heading{max-width:630px}.section-heading h2,.cta-band h2{font-size:clamp(34px,4vw,58px);margin:0 0 48px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-grid article{padding:34px 28px 34px 0;border-right:1px solid var(--line);margin-right:28px}.feature-grid article:last-child{border:0}.feature-number{color:var(--accent);font-size:12px}.feature-grid h3{font-size:22px;margin:36px 0 12px}.feature-grid p{color:var(--muted);line-height:1.7}.cta-band{background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:0}footer{padding:30px clamp(20px,5vw,76px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#07090d 45%,#0b1522)}.auth-brand{position:absolute;left:clamp(24px,5vw,70px);top:30px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr minmax(420px,520px);align-items:center;gap:8vw;padding:110px clamp(24px,8vw,140px) 60px}.auth-copy h1{font-size:clamp(48px,6vw,84px);line-height:1;margin:0 0 25px}.auth-copy>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;max-width:530px}.auth-panel{background:rgba(17,22,30,.9);border:1px solid var(--line);padding:40px;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.auth-panel h2{font-size:28px;margin:0 0 8px}.auth-panel>p,.auth-switch{color:var(--muted);font-size:14px}.auth-panel form{display:grid;gap:18px;margin-top:28px}.auth-panel label{display:grid;gap:8px;font-size:13px;color:#c7d0db}.auth-panel input,.search input,.copy-field input{height:46px;border:1px solid var(--line);border-radius:5px;background:#090c11;color:var(--text);padding:0 13px;outline:none}.auth-panel input:focus,.search input:focus{border-color:var(--accent)}.auth-panel .check{display:flex;align-items:center;gap:9px}.check input{width:16px;height:16px}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-row a,.auth-switch a{color:var(--accent)}.form-message{min-height:18px;color:var(--danger);margin:0!important}
.dashboard{min-height:100vh;background:#0a0d12}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:28px 18px;border-right:1px solid var(--line);background:#080a0e;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 34px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:12px;border-radius:5px;color:var(--muted);font-size:14px}.sidebar nav a:hover,.sidebar nav .active{color:var(--text);background:var(--surface-2)}.storage-meter{margin-top:auto;padding:16px 12px;border-top:1px solid var(--line)}.storage-meter div{display:flex;justify-content:space-between;font-size:11px}.storage-meter progress,.upload-progress progress{width:100%;height:6px;margin:12px 0;accent-color:var(--accent)}.storage-meter small{color:var(--muted)}.workspace{margin-left:240px;padding:42px clamp(24px,5vw,74px);min-height:100vh}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.workspace-head h1{font-size:38px;margin:0}.user-menu{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#26344a;color:var(--accent);font-size:12px;font-weight:700}.user-menu div{display:grid;gap:3px}.user-menu strong{font-size:13px}.user-menu button{border:0;background:none;padding:0;text-align:left;color:var(--muted);font-size:11px;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.search{position:relative;width:min(420px,100%)}.search span{position:absolute;width:1px;height:1px;overflow:hidden}.search input{width:100%;background:var(--surface)}.upload-button input{display:none}.upload-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);padding:12px 16px;margin-bottom:15px;border-radius:5px;font-size:12px}.file-panel{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}.file-head,.file-row{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr 100px 70px;align-items:center;gap:15px;padding:14px 18px}.file-head{color:var(--muted);font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--line)}.file-row{min-height:62px;border-bottom:1px solid var(--line);font-size:13px}.file-row:last-child{border:0}.file-name{display:flex;align-items:center;gap:12px;font-weight:600;min-width:0}.file-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon,.file-type{width:34px;height:34px;display:grid;place-items:center;border-radius:5px;background:#1b2f3d;color:var(--accent);font-size:10px;font-weight:700}.file-row>span{color:var(--muted)}.file-actions{display:flex;justify-content:flex-end;gap:4px}.file-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:7px}.file-actions button:hover{color:var(--text)}.empty-state{text-align:center;color:var(--muted);padding:60px}.shared-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shared-grid article{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:7px}.shared-grid h3{margin:28px 0 8px}.shared-grid p,.shared-grid small{color:var(--muted)}dialog{width:min(480px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:none;font-size:25px;cursor:pointer}.copy-field{display:flex;margin:10px 0 24px}.copy-field input{flex:1;border-radius:5px 0 0 5px;min-width:0}.copy-field button{border:0;background:#263142;color:var(--text);padding:0 15px}
.content-page{display:grid;grid-template-columns:240px minmax(0,780px);gap:70px;padding:80px max(24px,calc((100vw - 1200px)/2))}.docs-nav{display:grid;align-content:start;gap:4px;position:sticky;top:30px;height:max-content}.docs-nav strong{margin-bottom:16px}.docs-nav a{padding:10px 12px;color:var(--muted);font-size:13px;border-left:2px solid var(--line)}.docs-nav a.active{color:var(--text);border-color:var(--accent)}.docs-content h1{font-size:54px;margin:0 0 18px}.docs-content .lead{font-size:19px;color:var(--muted);line-height:1.7}.docs-content h2{margin:55px 0 14px}.docs-content p{color:#bac3cf;line-height:1.75}.doc-callout,pre{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;margin:30px 0}.doc-callout{display:flex;justify-content:space-between;gap:20px}pre{overflow:auto;color:#abdfff;line-height:1.7}.status-page{padding:70px clamp(20px,7vw,110px) 100px}.status-hero{text-align:center;padding:55px 20px 70px;border-bottom:1px solid var(--line)}.status-check{width:64px;height:64px;border:3px solid var(--green);color:var(--green);display:grid;place-items:center;border-radius:50%;font-size:30px;margin:0 auto 25px}.status-hero h1{font-size:clamp(38px,5vw,64px);margin:0 0 14px}.status-hero>p:last-child{color:var(--muted)}.status-list{max-width:1100px;margin:55px auto}.status-summary{display:flex;justify-content:space-between;margin-bottom:20px}.status-summary span{color:var(--muted)}.status-list article{display:grid;grid-template-columns:1fr auto;gap:18px;padding:24px;border:1px solid var(--line);border-radius:7px;margin-bottom:14px;background:var(--surface)}.status-list h2{margin:0 0 6px;font-size:17px}.status-list p{margin:0;color:var(--muted);font-size:13px}.status-pill{color:var(--green);font-size:12px}.uptime-bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(45,1fr);gap:4px;height:28px}.uptime-bars i{background:var(--green);border-radius:2px}.uptime-bars i.warning{background:#f4c551}
@media(max-width:800px){.desktop-nav{display:none}.site-header{padding:0 18px}.header-actions .text-link{display:none}.hero{min-height:760px;align-items:flex-start;padding-top:100px}.hero-shade{background:linear-gradient(90deg,rgba(7,9,13,.97),rgba(7,9,13,.55)),linear-gradient(0deg,var(--bg),transparent)}.hero h1{font-size:44px;overflow-wrap:anywhere}.hero-content{min-width:0}.header-actions .button{padding:0 11px}.telemetry{grid-template-columns:1fr;gap:8px}.telemetry div{justify-content:space-between}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line);margin:0}.cta-band,footer{align-items:flex-start;flex-direction:column}.auth-shell{grid-template-columns:1fr;padding-top:130px}.auth-copy{display:none}.auth-panel{padding:27px}.sidebar{position:static;width:100%;height:auto;padding:18px}.sidebar .brand{padding-bottom:18px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.storage-meter{display:none}.workspace{margin-left:0;padding:28px 18px}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:30px}.user-menu div{display:none}.toolbar{align-items:stretch;flex-direction:column}.toolbar .button-row{display:grid;grid-template-columns:1fr 1fr}.file-panel{overflow:auto}.file-head,.file-row{min-width:760px}.shared-grid{grid-template-columns:1fr}.content-page{grid-template-columns:1fr;padding:55px 22px}.docs-nav{display:none}.docs-content h1{font-size:42px}.doc-callout{flex-direction:column}.status-list article{grid-template-columns:1fr}.status-pill{grid-row:1;grid-column:2}.uptime-bars{grid-template-columns:repeat(30,1fr)}}