:root{--bg:#090c17;--panel:#111626;--panel2:#151c2e;--ink:#f2f4fb;--muted:#929bb2;--line:#252d42;--accent:#5a9dff;--violet:#9275ff;--red:#ff777e;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);min-height:100vh;background-image:radial-gradient(ellipse at 82% -12%,#3927654a 0,transparent 35%),radial-gradient(ellipse at 4% 35%,#1c2f5230 0,transparent 30%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.topbar{height:76px;padding:0 max(calc((100vw - 1180px)/2),5.5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b;background:#090c17d9;backdrop-filter:blur(15px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font:700 16px var(--display);letter-spacing:.08em}.brand b{color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--accent);color:#121714;font:700 17px var(--display);letter-spacing:-.1em;padding-right:3px;transform:rotate(-5deg)}.brand-mark span{color:#46536b}.topbar nav{display:flex;align-items:center;gap:25px;color:#b6bdd0;font-size:13px}.topbar nav>a:hover{color:var(--accent)}.nav-user{border-left:1px solid var(--line);padding-left:20px}.nav-cta,.button-primary{background:var(--accent);color:#0a1226!important;padding:11px 17px;border-radius:9px;font-weight:700}.nav-cta span{padding-left:8px}.nav-button{border:0;background:none;color:#c3c8d6;cursor:pointer}.inline{display:inline}.flash{position:relative;z-index:2;max-width:1120px;margin:18px auto 0;padding:12px 17px;border-radius:10px;background:#12202f;color:var(--accent);border:1px solid #5a9dff33}.flash.error{background:#29181d;color:#ff9ca1;border-color:#ff777e44}
.hero{max-width:1180px;margin:0 auto;padding:100px 0 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:590px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:'';width:25px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(48px,6vw,75px)/1.02 var(--display);letter-spacing:-.055em;margin:22px 0}h1 em{font-style:normal;color:var(--accent)}.hero-copy{max-width:490px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:20px;align-items:center;margin:32px 0 42px}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;border:0;cursor:pointer}.text-link{font-weight:600;font-size:13px}.stats{display:flex;gap:30px}.stat strong{display:block;font:600 23px var(--display)}.stat span{color:var(--muted);font-size:11px}.visual{height:390px;border:1px solid #ffffff16;border-radius:23px;background:linear-gradient(145deg,#171c2b,#0d1120);position:relative;overflow:hidden;padding:28px;box-shadow:0 35px 90px #0006}.visual:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #5a9dff22;border-radius:50%;right:3%;top:5%}.visual:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #9275ff32;border-radius:50%;right:15%;top:17%}.orbit{position:absolute;border-radius:50%;background:var(--accent);width:11px;height:11px;top:24%;right:19%;box-shadow:0 0 24px var(--accent)}.mock-window{position:relative;z-index:1;top:92px;left:16px;width:88%;background:#0a0e19;border:1px solid #ffffff19;border-radius:13px;padding:16px;box-shadow:0 18px 45px #0009;transform:rotate(-3deg)}.mock-dots{display:flex;gap:5px;margin-bottom:16px}.mock-dots i{width:6px;height:6px;background:#555e72;border-radius:50%}.mock-url{background:#151b2b;padding:12px;border-radius:7px;color:#5a9dff;font:12px monospace}.mock-bars{display:flex;gap:8px;margin-top:17px}.mock-bars i{display:block;height:54px;background:linear-gradient(180deg,#5a9dff33,#5a9dff09);border:1px solid #5a9dff26;border-radius:5px;flex:1}.mock-bars i:nth-child(2){height:75px;margin-top:-21px}.mock-bars i:nth-child(4){height:65px;margin-top:-11px}.visual-label{position:absolute;bottom:22px;right:24px;font:11px monospace;color:#757e96}
.section{max-width:1180px;margin:20px auto 90px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section h2{font:600 34px var(--display);letter-spacing:-.04em;margin:7px 0}.section-head p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:#101524;border:1px solid var(--line);padding:25px;border-radius:15px}.feature-icon{font-size:21px;color:var(--accent);margin-bottom:21px}.feature h3{font:600 18px var(--display);margin-bottom:9px}.feature p{font-size:13px;color:var(--muted);margin:0}.footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:25px 0 34px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footer .brand{color:var(--ink);font-size:12px}
.page{max-width:1120px;margin:55px auto 90px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.page-head h1{font-size:38px;margin:7px 0}.page-head p{color:var(--muted);margin:0}.card{background:linear-gradient(145deg,#121829,#0e1320);border:1px solid var(--line);border-radius:15px;padding:25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.metric{background:#111626;border:1px solid var(--line);padding:21px;border-radius:13px}.metric strong{font:600 30px var(--display);display:block}.metric span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}td,th{padding:15px 12px;border-bottom:1px solid #ffffff0d}td:first-child,th:first-child{padding-left:0}.mono{font:12px monospace;color:var(--accent)}.muted{color:var(--muted)}.badge{display:inline-block;font-size:10px;padding:4px 8px;border-radius:20px;background:#152238;color:var(--accent)}.badge.off{background:#272532;color:#b2a7c6}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:600;color:#c4cada}.field input,.field textarea,.field select{color:var(--ink);background:#0b1020;border:1px solid #303950;border-radius:8px;padding:12px 13px;outline:none;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field textarea{min-height:90px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:5px}.button-ghost,.button-danger{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;color:#d6dae4;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:12px}.button-danger{color:#ff969c;border-color:#552c36}.action-row{display:flex;gap:7px;align-items:center}.auth-shell{max-width:1020px;margin:73px auto 100px;display:grid;grid-template-columns:1fr .82fr;gap:65px;align-items:center}.auth-shell h1{font-size:47px}.auth-panel{background:#111626;border:1px solid var(--line);border-radius:17px;padding:30px}.auth-panel h2{font:600 23px var(--display);margin-bottom:5px}.auth-panel>p{font-size:13px;color:var(--muted);margin-bottom:23px}.auth-panel .form-grid{grid-template-columns:1fr}.auth-note{font-size:11px;color:var(--muted);margin-top:14px}.split-note{border-left:1px solid var(--line);padding-left:22px;color:var(--muted);font-size:13px}.split-note strong{color:var(--ink)}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font:600 18px var(--display);margin-bottom:7px}.link-box{display:inline-flex;gap:7px;align-items:center;background:#0a1020;border:1px solid var(--line);padding:6px 9px;border-radius:7px;max-width:290px;overflow:hidden;white-space:nowrap}.tool-row{display:flex;align-items:center;gap:10px}.iframe-screen{position:fixed;inset:0;background:#080b14;display:grid;grid-template-rows:56px 1fr}.iframe-bar{display:flex;align-items:center;padding:0 18px;gap:14px;color:var(--muted);font-size:12px}.iframe-bar a{margin-left:auto;color:var(--accent)}.iframe-screen iframe{width:100%;height:100%;border:0;background:white}.install{max-width:700px;margin:10vh auto;padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.install h1{font-size:40px}.install p{color:var(--muted)}.install ol{color:#cbd0dd;line-height:2}.inline-form{display:inline-flex;gap:7px;align-items:center}.small-input{width:135px!important;padding:7px!important}
@media(max-width:1240px){.hero,.section,.page,.footer{margin-left:5vw;margin-right:5vw}.topbar{padding-left:5vw;padding-right:5vw}.auth-shell{margin-left:5vw;margin-right:5vw}}
@media(max-width:760px){.topbar{height:66px}.topbar nav{gap:13px}.nav-user{display:none}.hero{padding:60px 0 50px;grid-template-columns:1fr;gap:34px;min-height:auto}.hero h1{font-size:55px}.visual{height:320px}.mock-window{top:63px}.feature-grid,.cards{grid-template-columns:1fr}.section-head,.page-head{align-items:flex-start;gap:15px;flex-direction:column}.page{margin-top:40px}.page-head h1{font-size:33px}.auth-shell{grid-template-columns:1fr;gap:28px;margin-top:45px}.auth-shell h1{font-size:39px}.footer{flex-wrap:wrap;gap:17px}.form-grid{grid-template-columns:1fr}.field.wide,.form-actions{grid-column:1}.stats{gap:22px}.hero-actions{flex-wrap:wrap}.feature{padding:21px}}