:root{--ink:#0b1423;--muted:#68758b;--line:#e5eaf2;--blue:#2f7cff;--purple:#6b58ff;--navy:#07111f;--panel:#0c1727;--soft:#f6f8fc;--white:#fff;--shadow:0 28px 80px rgba(7,17,31,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.site-header{height:76px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:36px;border-bottom:1px solid rgba(255,255,255,.08);position:absolute;inset:0 0 auto 0;z-index:20;color:#e8f0ff}.brand img{width:142px;display:block;color:#fff}.top-nav{display:flex;gap:28px;margin:auto;font-size:14px}.top-nav a{opacity:.76}.top-nav a:hover{opacity:1}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 20px;font-weight:750;border:1px solid transparent;cursor:pointer;font:inherit}.btn.primary{color:white;background:linear-gradient(135deg,#2490ff,#5b55ff);box-shadow:0 10px 30px rgba(55,104,255,.3)}.btn.primary:hover{transform:translateY(-1px)}.btn.small{padding:10px 16px}.btn.ghost,.btn.dark-outline{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.04)}.btn.block{width:100%}.btn.dark-block{background:#101826;color:#fff;width:100%}.hero{min-height:760px;background:radial-gradient(circle at 70% 28%,#152c4f 0,#0a1728 30%,#07111f 68%);padding:150px clamp(28px,5vw,78px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.05fr);gap:64px;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -15% -50% 35%;height:520px;background:radial-gradient(ellipse,#315ef844,transparent 65%);filter:blur(30px)}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow,.kicker{font-size:12px;letter-spacing:.17em;font-weight:800;color:#7792ba}.eyebrow span{color:#52a4ff;margin:0 7px}.hero h1{font-size:clamp(50px,5vw,76px);line-height:.98;letter-spacing:-.05em;margin:22px 0 24px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#73b5ff,#8567ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.7;color:#b9c7dc;max-width:650px}.cta-row{display:flex;gap:14px;margin:33px 0}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;color:#b8c5d8;font-size:12px;line-height:1.5}.hero-product{align-self:center;position:relative;z-index:3;background:#0a1423;border:1px solid #304059;border-radius:20px;box-shadow:0 45px 100px rgba(0,0,0,.45);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:44px;border-bottom:1px solid #25354b;display:flex;align-items:center;gap:7px;padding:0 14px;color:#7f8da4;font-size:12px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#fc6464}.window-bar i:nth-child(2){background:#ffbd45}.window-bar i:nth-child(3){background:#4ed489}.window-bar span{margin-left:12px}.window-bar button{margin-left:auto;background:#2d7eff;border:0;color:#fff;border-radius:8px;padding:7px 12px}.mini-app{height:510px;display:grid;grid-template-columns:120px 160px 1fr;background:#0d1726}.mini-app aside{border-right:1px solid #26344a;padding:14px 10px;display:flex;flex-direction:column;gap:7px;color:#8f9db2;font-size:11px}.mini-app aside strong{font-size:20px;color:#63a8ff;margin-bottom:8px}.mini-app aside b,.mini-app aside span,.mini-app aside small{padding:8px;border-radius:7px}.mini-app aside b{background:#172a43;color:#fff}.mini-app aside small{margin-top:auto}.filetree{border-right:1px solid #26344a;padding:15px 10px;display:flex;flex-direction:column;gap:8px;font-size:10px;color:#9ba8bb}.filetree label{font-size:9px;letter-spacing:.12em}.filetree b{color:#e8eef9}.filetree .active{background:#214b82;color:#fff;padding:6px;border-radius:5px}.codepanel{min-width:0}.tabs{height:38px;border-bottom:1px solid #27374d;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:10px;color:#718097}.tabs b{color:#fff}.codepanel pre{font-size:10px;line-height:1.65;color:#d0dbeb;margin:0;padding:18px;white-space:pre-wrap}.codepanel code i{color:#b57bff;font-style:normal}.codepanel code b{color:#62d2ba}.transform-card{margin:6px 16px;background:#f5f8fc;color:#27354a;border-radius:12px;padding:13px;display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:10px}.transform-card div{display:flex;flex-direction:column}.transform-card small{color:#8390a0;font-size:8px}.transform-card b{font-size:11px}.transform-card span{font-size:9px;color:#6a7583}.section{padding:100px clamp(28px,5vw,78px)}.section.light{background:#fff}.section-head{max-width:820px;margin:0 auto 54px;text-align:center}.section-head h2,.dev-copy h2{font-size:clamp(34px,3.5vw,52px);letter-spacing:-.04em;margin:10px 0 15px}.section-head p,.dev-copy p{color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:auto}.feature-grid article{border:1px solid var(--line);border-radius:16px;padding:25px;min-height:205px;background:linear-gradient(180deg,#fff,#fbfcff);transition:.25s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(35,57,91,.08)}.feature-grid h3{margin:18px 0 10px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px}.icon{width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:#1f7cff;display:grid;place-items:center;font-weight:900}.icon.purple{background:#efeaff;color:#7257ff}.icon.cyan{background:#e5fbff;color:#09a6c4}.icon.orange{background:#fff0e6;color:#ff7a27}.icon.green{background:#e8faef;color:#1db56b}.steps{background:#f7f9fc}.step-row{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative}.step-row article{position:relative}.step-row article:after{content:"";position:absolute;left:60px;right:-40px;top:20px;border-top:1px dashed #bfd0e5}.step-row article:last-child:after{display:none}.step-row span{width:42px;height:42px;border-radius:50%;background:#e4f3ff;display:grid;place-items:center;color:#2879d5;font-weight:800}.step-row h3{margin:18px 0 8px}.step-row p{color:var(--muted);line-height:1.65}.section.dark{background:linear-gradient(180deg,#101b2a,#07111f);color:#fff;position:relative;overflow:hidden}.section.dark:after{content:"";position:absolute;inset:45% -10% -50%;background:radial-gradient(ellipse,#244c704c,transparent 70%)}.section-head.inverse p{color:#9eacc0}.dark-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:auto}.dark-grid article{border:1px solid #31435a;background:#0b1726cc;border-radius:16px;padding:27px}.dark-grid article>span{font-size:24px}.dark-grid h3{margin:19px 0 10px}.dark-grid p{color:#9eacc0;line-height:1.6;font-size:14px}.developers{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#fff}.dev-copy{max-width:620px}.dev-copy .btn{margin-top:16px}.terminal{background:#07111f;color:#b9cce7;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.terminal-top{height:48px;background:#0d1929;display:flex;align-items:center;gap:8px;padding:0 16px;color:#7586a0}.terminal-top span{width:10px;height:10px;border-radius:50%;background:#ff6e68}.terminal-top span:nth-child(2){background:#ffc85a}.terminal-top span:nth-child(3){background:#51d17d}.terminal-top b{margin-left:8px;font-size:12px}.terminal pre{padding:30px;line-height:1.9;white-space:pre-wrap;color:#8ee3c5;font-size:13px}.pricing{background:#f7f9fc}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:auto}.pricing-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.pricing-grid article.featured{border-color:#83adff;box-shadow:0 15px 50px rgba(42,94,180,.12)}.pricing-grid small{color:var(--muted)}.price{font-size:36px;font-weight:850;margin:20px 0}.price em{font-size:12px;font-style:normal;color:var(--muted);font-weight:500}.pricing-grid p{color:var(--muted);min-height:54px}.enterprise{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#0a1626,#172b4b);color:#fff}.enterprise div{max-width:800px}.enterprise h2{font-size:42px;letter-spacing:-.04em;margin:10px 0}.enterprise p{color:#a9b8cd;line-height:1.6}.enterprise .kicker{color:#78aaff}footer{padding:60px clamp(28px,5vw,78px) 28px;background:#fff;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:34px;border-top:1px solid var(--line);font-size:13px;color:#5f6b7c}footer img{width:120px;color:#0a1423}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}footer b{color:#101827;margin-bottom:6px}.footer-brand p{line-height:1.6}.footer-brand small{display:block;max-width:330px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:16px}.reveal{animation:rise .7s ease both}.delay-1{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* app */.app-body{background:#08111f;color:#dce6f5;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-columns:220px 1fr}.app-sidebar{background:#07101c;border-right:1px solid #1c2b3e;padding:18px 12px;display:flex;flex-direction:column}.app-logo{padding:6px 8px 25px}.app-logo img{width:132px;color:#fff}.app-sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;background:transparent;border:0;color:#7f91aa;text-align:left;padding:11px 13px;border-radius:9px;cursor:pointer;font:inherit}.nav-item.active,.nav-item:hover{background:#11233a;color:#fff}.nav-item span{margin-left:9px}.sidebar-bottom{margin-top:auto}.demo-pill{display:inline-block;font-size:9px;letter-spacing:.14em;padding:5px 8px;background:#213758;color:#8ec1ff;border-radius:99px;margin:10px}.user-chip{display:flex;align-items:center;gap:10px;border-top:1px solid #182638;padding:15px 9px 4px}.user-chip>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6b58ff;color:#fff;font-size:11px}.user-chip div{display:flex;flex-direction:column}.user-chip strong{font-size:11px}.user-chip small{font-size:9px;color:#72839b;margin-top:2px}.workspace-main{min-width:0;overflow:auto}.workspace-top{height:64px;border-bottom:1px solid #1b2a3e;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0a1422;position:sticky;top:0;z-index:10}.muted{color:#6f819b}.top-actions{display:flex;gap:8px}.btn.compact{padding:8px 12px;border-radius:8px;font-size:12px}.btn.ghost2{background:#111e2f;color:#c1cedf;border:1px solid #293a51}.view{display:none;min-height:calc(100vh - 64px)}.view.active{display:block}.workspace-grid{height:calc(100vh - 64px - 235px);min-height:480px;display:grid;grid-template-columns:240px 1fr 300px}.project-panel,.transform-panel{background:#0a1422;padding:15px;border-right:1px solid #1c2b40;overflow:auto}.transform-panel{border-left:1px solid #1c2b40;border-right:0}.panel-title{display:flex;align-items:center;justify-content:space-between;color:#6f829f;font-size:10px;letter-spacing:.14em;margin-bottom:12px}.panel-title button{background:none;border:0;color:#8da1bd;font-size:18px}.search{width:100%;background:#101d2d;border:1px solid #26384f;border-radius:7px;color:#dbe7f8;padding:9px;margin-bottom:12px}.file-tree{display:flex;flex-direction:column;font-size:11px;color:#8294ae}.file-tree button{background:transparent;color:inherit;border:0;text-align:left;padding:7px 6px;border-radius:6px;font:inherit;cursor:pointer}.file-tree button.active,.file-tree button:hover{background:#17345a;color:#fff}.editor-panel{background:#0b1523;min-width:0;display:flex;flex-direction:column}.editor-toolbar{height:45px;border-bottom:1px solid #1e3047;display:flex;justify-content:space-between;align-items:center}.editor-tabs{height:100%;display:flex}.editor-tabs button{background:none;border:0;color:#73849b;padding:0 14px;border-right:1px solid #1a2b40}.editor-tabs button.active{color:#fff;background:#101d2d;border-top:2px solid #4b8fff}.editor-tools{display:flex;gap:6px;margin-right:8px}.editor-tools select,.editor-tools button{background:#101d2d;border:1px solid #273a52;color:#aebed2;border-radius:6px;padding:6px 8px;font-size:10px}.editor-wrap{display:grid;grid-template-columns:48px 1fr;flex:1;min-height:0}.line-numbers{background:#08111e;color:#40516a;text-align:right;padding:15px 10px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;overflow:hidden}.editor-wrap textarea{resize:none;border:0;outline:0;background:#0b1523;color:#d6e0ed;padding:15px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.status-bar{height:25px;border-top:1px solid #1b2d43;display:flex;gap:18px;justify-content:flex-end;align-items:center;padding:0 10px;color:#60728d;font-size:9px}.transform-panel label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#7f91ab;margin:15px 0}.transform-panel select,.transform-panel textarea{background:#101e2f;border:1px solid #2b3e57;color:#d8e3f1;border-radius:8px;padding:10px;font:inherit}.transform-panel textarea{height:90px;resize:vertical}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9eb0c6;padding:10px 0}.progress-card{display:flex;gap:11px;align-items:center;background:#101f31;border:1px solid #29415f;border-radius:10px;padding:12px;margin-top:10px}.progress-card.hidden{display:none}.progress-card div:last-child{display:flex;flex-direction:column}.progress-card b{font-size:10px}.progress-card span{font-size:9px;color:#7e91ab;margin-top:3px}.spinner{width:20px;height:20px;border:2px solid #29496f;border-top-color:#4c9aff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output-drawer{height:235px;border-top:1px solid #1c2b40;background:#09131f;padding:12px 18px}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head>div{display:flex;align-items:center;gap:10px}.drawer-head strong{font-size:11px}.drawer-head span{font-size:8px;background:#133e35;color:#64d9b5;padding:4px 7px;border-radius:99px}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:170px}.diff-grid>div{background:#0d1928;border:1px solid #1f3148;border-radius:8px;overflow:hidden}.diff-grid small{display:block;padding:7px 10px;border-bottom:1px solid #1d2e45;color:#687c98;font-size:8px}.diff-grid pre{margin:0;padding:9px 10px;height:140px;overflow:auto;color:#9fb0c7;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.page-head{padding:40px 45px 25px}.page-head h1{font-size:34px;margin:8px 0}.page-head p{color:#71839e}.project-cards,.recipe-grid,.integration-grid,.metric-grid{padding:0 45px 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-cards article,.recipe-grid article,.integration-grid article,.metric-grid article,.chart-card,.security-list article{background:#0d1928;border:1px solid #1f3148;border-radius:13px;padding:20px}.project-cards article>div{display:flex;justify-content:space-between}.project-cards span,.recipe-grid span,.integration-grid span{font-size:9px;color:#71a8ff;background:#162d4a;border-radius:99px;padding:4px 7px}.project-cards p,.recipe-grid p{color:#788aa5;font-size:12px;line-height:1.6}.new-card{border-style:dashed!important;color:#80aef0}.recipe-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid article{display:flex;flex-direction:column;gap:10px}.integration-grid{grid-template-columns:repeat(4,1fr)}.integration-grid article{display:flex;flex-direction:column;gap:14px}.integration-grid button{background:#132b46;color:#8fc0ff;border:1px solid #294b70;padding:8px;border-radius:7px}.sample-banner{margin:0 45px 18px;background:#332815;border:1px solid #6a5524;color:#f6ce70;border-radius:9px;padding:10px 13px;font-size:10px}.metric-grid{grid-template-columns:repeat(4,1fr);padding-bottom:16px}.metric-grid article{display:flex;flex-direction:column}.metric-grid small{color:#70839d}.metric-grid b{font-size:30px;margin:8px 0}.metric-grid span{font-size:10px;color:#63758e}.chart-card{margin:0 45px 45px}.chart-title{display:flex;justify-content:space-between;font-size:12px}.chart-title span{color:#6d7f98}.bars{height:230px;display:flex;align-items:flex-end;gap:10px;padding-top:25px}.bars i{flex:1;background:linear-gradient(#438fff,#6957ff);border-radius:5px 5px 2px 2px;opacity:.8}.security-list{padding:0 45px 45px;display:flex;flex-direction:column;gap:10px}.security-list article{display:flex;align-items:center;justify-content:space-between}.security-list article>div{display:flex;flex-direction:column;gap:5px}.security-list span{font-size:11px;color:#71839d}.toggle{width:38px;height:21px;border:0;border-radius:99px;background:#25354b;position:relative}.toggle:after{content:"";width:15px;height:15px;background:white;position:absolute;top:3px;left:3px;border-radius:50%}.toggle.on{background:#347fff}.toggle.on:after{left:20px}.security-list select{background:#112035;border:1px solid #2b405c;color:#c6d4e6;padding:8px;border-radius:7px}.toast{position:fixed;right:22px;bottom:22px;background:#18293e;color:#dce8f8;border:1px solid #345071;padding:12px 15px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.legal-page{background:#f7f9fc}.legal-page .site-header{position:static;background:#07111f}.legal-wrap{max-width:860px;margin:60px auto;padding:0 24px}.legal-wrap h1{font-size:42px}.legal-wrap section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;margin:15px 0}.legal-wrap p{color:var(--muted);line-height:1.7}.legal-note{background:#fff4d9;border:1px solid #eed18e;color:#745313;padding:13px;border-radius:10px;margin:20px 0}
@media(max-width:1050px){.top-nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-product{max-width:850px}.feature-grid,.dark-grid{grid-template-columns:repeat(2,1fr)}.developers{grid-template-columns:1fr}.workspace-grid{grid-template-columns:200px 1fr}.transform-panel{display:none}.app-shell{grid-template-columns:72px 1fr}.app-sidebar{padding:18px 8px}.app-sidebar .app-logo img{width:50px;object-fit:cover;object-position:left}.nav-item span,.user-chip div{display:none}.user-chip{justify-content:center}.project-cards,.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.site-header{padding:0 18px}.brand img{width:120px}.header-actions .ghost{display:none}.hero{padding:120px 22px 60px}.hero h1{font-size:48px}.hero-product{display:none}.hero-points{grid-template-columns:1fr}.section{padding:72px 22px}.feature-grid,.dark-grid,.step-row,.pricing-grid{grid-template-columns:1fr}.step-row article:after{display:none}.enterprise{flex-direction:column;align-items:flex-start}.developers{gap:30px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.app-shell{grid-template-columns:58px 1fr}.workspace-grid{grid-template-columns:1fr}.project-panel{display:none}.output-drawer{height:280px}.diff-grid{height:215px}.diff-grid pre{height:180px}.workspace-grid{height:calc(100vh - 344px)}.workspace-top{padding:0 10px}.workspace-top .btn.ghost2{display:none}.project-cards,.recipe-grid,.integration-grid,.metric-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.page-head{padding-left:20px;padding-right:20px}.sample-banner,.chart-card,.security-list{margin-left:20px;margin-right:20px}.security-list{padding:0 0 40px}}

/* PHP/cPanel application additions */
.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#132d52 0,transparent 32%),#07111f;color:#eef4ff;display:grid;place-items:center;padding:30px}.auth-card{width:min(460px,94vw);background:#0d1928;border:1px solid #263a55;border-radius:18px;padding:30px;box-shadow:0 25px 80px #0007}.auth-logo{display:block;margin:0 auto 24px;width:150px}.auth-card h1{text-align:center;margin:0 0 8px}.auth-card>p{text-align:center;color:#8396b1;margin:0 0 24px}.form-row{display:flex;flex-direction:column;gap:7px;margin:14px 0}.form-row label{font-size:12px;color:#8ea0ba}.form-row input,.form-row textarea,.form-row select{width:100%;box-sizing:border-box;background:#0a1422;border:1px solid #2a3c55;color:#e8f0fb;padding:12px;border-radius:9px;outline:none}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#4b8fff}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.auth-actions a{color:#85b7ff;font-size:12px}.alert{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:12px}.alert.error{background:#3e1820;border:1px solid #7d2d3b;color:#ffb8c1}.alert.success{background:#12392f;border:1px solid #276f59;color:#9aefd3}.app-header-user{display:flex;align-items:center;gap:10px;color:#9db0c8;font-size:11px}.dashboard-shell{min-height:100vh;background:#08121f;color:#dce7f6}.dash-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #1c2b40;background:#0a1422}.dash-header img{width:130px}.dash-main{max-width:1180px;margin:auto;padding:36px 24px 70px}.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.dash-hero h1{font-size:34px;margin:0 0 7px}.dash-hero p{color:#71839d;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dash-card{background:#0d1928;border:1px solid #1f3148;border-radius:14px;padding:20px}.dash-card h3{margin:0 0 8px}.dash-card p{color:#7d8ea8;font-size:12px;line-height:1.6}.dash-card .metric{font-size:28px;font-weight:800;color:#fff}.project-list{margin-top:25px;background:#0d1928;border:1px solid #1f3148;border-radius:14px;overflow:hidden}.project-list-head,.project-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;padding:14px 18px;align-items:center}.project-list-head{background:#101f31;color:#6f829f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.project-row{border-top:1px solid #1c2d43}.project-row:first-of-type{border-top:0}.project-row small{color:#70839b}.project-row a{color:#8bbaff}.empty-state{padding:35px;text-align:center;color:#73869f}.workspace-save{display:flex;gap:7px}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:99}.modal.show{display:flex}.modal-card{width:min(480px,94vw);background:#0d1928;border:1px solid #2a405e;border-radius:14px;padding:24px}.modal-card h2{margin-top:0}.install-page{min-height:100vh;background:#07111f;color:#dce8f8;padding:50px 20px}.install-card{max-width:720px;margin:auto;background:#0d1928;border:1px solid #263a55;border-radius:18px;padding:30px}.install-card h1{margin-top:0}.install-card code{background:#08111e;padding:2px 5px;border-radius:4px}.install-note{background:#352a16;border:1px solid #69531e;color:#f3ce72;padding:12px;border-radius:9px;font-size:12px}.public-badge{font-size:9px;border:1px solid #3d5879;color:#9abce4;padding:4px 7px;border-radius:99px}.inline-form{display:inline}.danger-link{color:#ff9aa7!important}.hidden{display:none!important}
@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.project-list-head{display:none}.project-row{grid-template-columns:1fr}.dash-hero{align-items:flex-start;flex-direction:column}}
/* v2 production/compliance UI */
.top-nav a.active{color:#fff}.top-nav a.active:after{content:"";display:block;height:2px;background:#4b8fff;margin-top:7px;border-radius:3px}.subhero{padding:155px max(6vw,24px) 95px;background:radial-gradient(circle at 75% 10%,#16365f 0,transparent 32%),linear-gradient(145deg,#06101d,#0a1728);color:#fff;text-align:left}.subhero.center{text-align:center}.subhero h1{font-size:clamp(44px,6vw,78px);max-width:1050px;margin:12px 0 20px;line-height:1.02}.subhero p{max-width:800px;color:#9aacc5;font-size:18px;line-height:1.7}.centered{justify-content:center}.solution-stack{display:grid;gap:18px}.solution-stack article{max-width:950px;margin:auto;width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 12px 40px #1527460a}.solution-stack h2{font-size:32px;margin:8px 0}.solution-stack p{color:var(--muted);line-height:1.8}.docs-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;max-width:1150px;margin:auto}.docs-grid aside{display:flex;flex-direction:column;gap:6px;position:sticky;top:95px;height:max-content;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.docs-grid aside b{padding:8px}.docs-grid aside a{padding:9px 10px;border-radius:8px;color:#667892}.docs-grid aside a:hover{background:#f0f5fb;color:#1f4f91}.docs-grid article{padding:5px 0 30px;border-bottom:1px solid var(--line)}.docs-grid article p{color:var(--muted);line-height:1.8}.docs-code{background:#07111f;color:#bcd0ea;padding:20px;border-radius:13px;overflow:auto}.security-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1180px;margin:auto}.security-public-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.security-public-grid p{color:var(--muted);line-height:1.7}.security-callout{max-width:1180px;margin:25px auto 0;padding:30px;background:#07111f;color:#fff;border-radius:18px}.security-callout p{color:#96a9c1;line-height:1.75}.pricing-note{max-width:900px;margin:25px auto 0;text-align:center;color:#778aa5}.company-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.company-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.company-grid p,.company-grid dd{color:var(--muted);line-height:1.7}.company-grid dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8392a8;margin-top:12px}.company-grid dd{margin:3px 0}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1000px;margin:auto}.status-grid article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.status-grid h3,.status-grid p{margin:0}.status-grid p{color:var(--muted);margin-top:4px}.status-dot{width:13px;height:13px;border-radius:50%;display:block}.status-dot.ok{background:#24bd83;box-shadow:0 0 0 5px #24bd831c}.status-dot.warn{background:#f0b24a;box-shadow:0 0 0 5px #f0b24a1c}.status-dot.bad{background:#e85c68;box-shadow:0 0 0 5px #e85c681c}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-cards article,.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.contact-form-card .form-row input,.contact-form-card .form-row textarea,.contact-form-card .form-row select{background:#f8fafc;color:#152239;border-color:#dbe3ee}.check-row{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;color:#7e90aa;margin:14px 0}.check-row input{margin-top:3px}.check-row a{color:#5593e5}.auth-bottom{text-align:center;margin-top:20px;color:#7f91aa;font-size:12px}.auth-bottom a{color:#86b7ff}.form-row small{color:#768aa5;font-size:10px}.legal-public{background:#f7f9fc}.legal-layout{max-width:1180px;margin:45px auto 80px;padding:0 22px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.legal-nav{position:sticky;top:95px;height:max-content;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column}.legal-nav a{padding:10px;border-radius:8px;color:#657894}.legal-nav a:hover{background:#f0f5fb}.legal-content section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:15px}.legal-content p,.legal-content li{color:#5f718a;line-height:1.78}.legal-content li{margin:7px 0}.legal-content h2{font-size:31px}.legal-content h3{margin-top:25px}.cookie-banner{position:fixed;z-index:999;left:22px;right:22px;bottom:20px;background:#0b1727;color:#e9f1fc;border:1px solid #2b405e;border-radius:14px;padding:16px 18px;box-shadow:0 20px 70px #0007;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:4px 0 0;color:#8fa3be;font-size:12px}.cookie-banner>div:last-child{display:flex;gap:8px}.dash-topnav{display:flex;gap:18px}.dash-topnav a{color:#7890af;font-size:11px}.dash-topnav a:hover{color:#cfe0f5}.dash-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.dash-actions a{background:#0d1928;border:1px solid #1f3148;border-radius:13px;padding:16px;display:flex;gap:12px;align-items:center;color:#d8e5f5}.dash-actions a>b{width:35px;height:35px;border-radius:9px;background:#132b47;display:grid;place-items:center;color:#83b6ff}.dash-actions span{display:flex;flex-direction:column}.dash-actions small{color:#71849e;margin-top:3px}.responsible-panel{margin-top:24px;background:linear-gradient(135deg,#0d1e33,#102946);border:1px solid #284667;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.responsible-panel h2{margin:6px 0}.responsible-panel p{color:#7f96b3;margin:0}.narrow{max-width:860px}.page-head-app{margin-bottom:22px}.page-head-app h1{font-size:38px;margin:8px 0}.page-head-app p{color:#768ba7}.settings-card,.admin-section{background:#0d1928;border:1px solid #1f3148;border-radius:14px;padding:24px;margin:14px 0}.settings-card p,.admin-section p{color:#8294ad;line-height:1.7}.settings-card dl{display:grid;grid-template-columns:180px 1fr;gap:10px}.settings-card dt{color:#7185a1}.settings-card dd{margin:0}.simple-table,.admin-table{display:flex;flex-direction:column}.simple-table .tr,.admin-table .tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #1c2d43}.simple-table .head,.admin-table .head{color:#6f829f;font-size:10px;text-transform:uppercase}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-table .tr{grid-template-columns:1.2fr .8fr .8fr .8fr .6fr}.admin-table.contacts .tr{grid-template-columns:1fr .7fr 2fr .6fr .5fr}.admin-table.logs .tr{grid-template-columns:1.2fr 1fr .7fr .8fr}.admin-table small{display:block;color:#7387a2}.mini-button{border:1px solid #315075;background:#132b47;color:#a7ccff;border-radius:6px;padding:6px 8px}.btn.danger{background:#4a1d28;border:1px solid #7d3343;color:#ffc1ca}.workspace-policy-note{font-size:9px;line-height:1.5;color:#8295ad;background:#0d1c2d;border:1px solid #203650;border-radius:8px;padding:9px;margin:10px 0}.install-card hr{border:0;border-top:1px solid #20324a;margin:24px 0}
@media(max-width:900px){.security-public-grid,.company-grid{grid-template-columns:1fr 1fr}.docs-grid,.contact-layout,.legal-layout{grid-template-columns:1fr}.docs-grid aside,.legal-nav{position:static}.dash-actions{grid-template-columns:1fr 1fr}.dash-topnav{display:none}.admin-stats{grid-template-columns:1fr 1fr}.admin-table{overflow:auto}.cookie-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.security-public-grid,.company-grid,.status-grid,.contact-cards,.dash-actions,.admin-stats{grid-template-columns:1fr}.subhero{padding-top:125px}.subhero h1{font-size:44px}.cookie-banner{left:10px;right:10px}.settings-card dl{grid-template-columns:1fr}.responsible-panel{align-items:flex-start;flex-direction:column}}