:root{--n:#071a29;--b:#0672b7;--c:#00a7d7;--l:#d4e0e6;--m:#657884}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#0b1e2c;background:#f7fafb}
button,input,select,textarea{font:inherit}
a{text-decoration:none;color:inherit}
header{height:80px;background:var(--n);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10}
.logo{display:flex;align-items:center;gap:12px}
.logo>b{font-size:24px;background:linear-gradient(135deg,var(--b),var(--c));padding:10px;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}
.logo span,.logo small{display:block;font-weight:bold;letter-spacing:2px;font-size:13px}
.logo small{color:#89a4b4;font-size:8px;margin-top:3px}
nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#c7d4dc}
nav button{color:white;background:none;border:1px solid #476173;padding:10px 15px}
.admin-link{border:0!important;color:#76b9d9!important}
.hero{min-height:570px;background:radial-gradient(circle at 78% 35%,#124663,transparent 29%),linear-gradient(125deg,#071827,#0b2b40);color:white;padding:85px 7%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}
.hero label,main>label,.heading label,.caps>label,aside>label,dialog label{color:var(--c);letter-spacing:2px;font-size:10px;font-weight:bold}
.hero h1{font-size:clamp(52px,6vw,82px);line-height:.95;letter-spacing:-4px;margin:18px 0}
.hero h1 i{color:transparent;-webkit-text-stroke:1px #65c9e5;font-style:normal}
.hero p{max-width:560px;color:#b5c6d0;line-height:1.7;font-size:17px}
.cta{display:inline-block;background:var(--b);color:white;border:0;padding:16px 22px;font-weight:bold;font-size:12px;margin-top:20px}
.visual{display:grid;place-items:center}
.sphere{width:290px;height:290px;border:1px solid #267da6;border-radius:50%;display:grid;place-content:center;text-align:center;color:#53c6e6;font-size:42px;box-shadow:0 0 100px #007eb544,inset 0 0 70px #00659733}
.sphere small{font-size:8px;letter-spacing:4px}
.industries{height:78px;background:white;display:flex;align-items:center;justify-content:center;gap:5vw;font-size:11px;letter-spacing:1.5px;color:#5e7581}
.industries span{color:#9badb6}
main{max-width:1500px;margin:auto;padding:85px 5%}
main.locked{display:none}.access-gate{padding:80px 5%;background:#eef4f6;display:grid;place-items:center}.access-gate.hidden{display:none}.gate-card{width:min(620px,100%);background:white;border-top:4px solid var(--b);padding:38px;box-shadow:0 18px 50px #061a2715;text-align:center}.gate-card h2{font-size:31px;margin:12px 0}.gate-card p{color:var(--m);line-height:1.6}.gate-status{display:inline-block;margin:10px 0;padding:7px 10px;background:#eef4f6;color:var(--b);font-size:10px;font-weight:bold;letter-spacing:1px}.secondary{border:1px solid #9dafb9;background:white;padding:15px 21px;font-size:11px;font-weight:bold;margin:20px 0 0 8px}
.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}
.heading h2,.caps h2{font-size:40px;margin:10px 0}
.heading p{max-width:520px;color:var(--m);line-height:1.6}
.layout{display:grid;grid-template-columns:1fr 350px;gap:25px;align-items:start}
.security-note{background:#fff4e9;border-left:4px solid #ee7b2f;padding:12px 15px;margin-bottom:12px;font-size:11px;display:flex;gap:12px;line-height:1.45}
.security-note b{white-space:nowrap;color:#9b4c18}
.security-note span{color:#745b4d}
.drop{border:1.5px dashed #9db4c0;background:white;min-height:120px;padding:25px;display:flex;align-items:center;gap:20px;cursor:pointer}
.drop>span{font-size:30px;color:var(--b);background:#edf5f8;padding:12px 17px}
.drop b,.drop small,.empty b,.empty small{display:block}
.drop small{color:var(--m);margin-top:5px}
.drop button{margin-left:auto;background:white;border:1px solid #9dafb9;padding:10px 14px;font-weight:bold}
.empty{margin-top:15px;background:#eef4f6;text-align:center;padding:50px;color:#9aadb6;font-size:45px}
.empty b{font-size:16px;color:#20333f;margin:10px}
.empty small{font-size:12px}
aside{background:white;border-top:4px solid var(--b);padding:25px;position:sticky;top:100px;box-shadow:0 18px 50px #061a2713}
aside h3{margin:7px 0;font-size:23px}
aside>#qid{color:var(--m);font-size:9px}
#summary{border-top:1px solid var(--l);border-bottom:1px solid var(--l);margin-top:15px;padding:15px 0;max-height:260px;overflow:auto;color:var(--m);font-size:12px}
.sumline,.total,.ship{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
.sumline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.total{font-size:18px;margin-top:8px}
.total b{color:var(--b);font-size:24px}
.ship{font-size:11px}
.ship b{font-size:10px}
.layout aside .cta{width:100%}
.cta:disabled{opacity:.4}
.save{border:0;background:none;color:var(--b);width:100%;padding:14px;font-weight:bold;font-size:11px}
.fine{display:block;text-align:center;color:var(--m);font-size:9px;line-height:1.7}
.part{display:grid;grid-template-columns:250px 1fr;background:white;border:1px solid var(--l);margin-top:15px}
.preview{background:#071a29;position:relative;min-height:270px}
.preview canvas{width:100%;height:100%}
.preview>small{position:absolute;bottom:10px;left:12px;color:var(--c);font-size:8px;letter-spacing:2px}
.config{padding:20px}
.parthead{display:flex;justify-content:space-between;border-bottom:1px solid var(--l);padding-bottom:13px}
.parthead h3{margin:0;font-size:16px}
.parthead small{color:var(--m)}
.remove,.x{border:0;background:none;font-size:24px;color:#7e929d}
.fields{display:grid;grid-template-columns:1fr 1.5fr .6fr 1fr;gap:12px;margin-top:15px}
.fields label,.form label{font-size:9px;letter-spacing:1px;font-weight:bold;color:#627681}
.fields input,.fields select,.fields textarea,.form input,.form select{display:block;width:100%;border:1px solid #cbd8de;padding:9px;margin-top:5px;background:#fbfdfe}
.wide{grid-column:1/-1}
.fields textarea{height:50px;resize:vertical}
.price{display:flex;justify-content:flex-end;gap:25px;align-items:end;margin-top:14px}
.price>span{font-size:8px;color:var(--m);text-align:right}
.price b{display:block;color:#0a2639;font-size:17px;margin-top:3px}
.price>span:last-child b{font-size:20px;color:var(--b)}
.badge{margin-right:auto;background:#eef7fa;color:var(--b);padding:6px;font-size:8px}
.caps{background:var(--n);color:white;padding:80px 7%}
.caps>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #284658;margin-top:40px}
.caps article{padding:30px;border-right:1px solid #284658}
.caps article:first-child{border-left:1px solid #284658}
.caps article small{color:var(--c)}
.caps article p{color:#9eb2be;line-height:1.6}
footer{background:#03111a;color:#9eb1bb;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;font-size:10px}
dialog{border:0;border-top:4px solid var(--b);width:min(700px,92vw);padding:28px;box-shadow:0 30px 100px #00101f88}
dialog::backdrop{background:#03111ddd}
.modalhead{display:flex;justify-content:space-between;border-bottom:1px solid var(--l);margin-bottom:20px}
.modalhead h2{margin:7px 0 16px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label small{display:block;color:#7b8e98;font-size:8px;letter-spacing:0;margin-top:4px}.check{display:flex!important;align-items:flex-start;gap:8px;line-height:1.5;text-transform:none!important;letter-spacing:0!important}.check input{width:auto!important;margin:2px 0!important}.demo-note,.admin-warning{background:#fff4e9;color:#745b4d;padding:12px;font-size:10px;line-height:1.5}.admin-row{border:1px solid var(--l);padding:15px;margin:10px 0}.admin-row>div{display:flex;justify-content:space-between;gap:12px}.admin-row small{color:var(--m)}.admin-actions{display:flex;gap:8px;margin-top:12px}.admin-actions button{border:0;padding:9px 12px;font-size:9px;font-weight:bold;background:var(--b);color:white}.admin-actions .reject{background:#8b3e3e}.status-approved{color:#177548}.status-pending{color:#a65e1d}
.full{width:100%}
.reviewrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--l);padding:10px}
.notice{background:#edf5f8;padding:15px;font-size:12px;line-height:1.5}
.toast{position:fixed;right:20px;bottom:20px;background:var(--n);color:white;padding:15px;border-left:3px solid var(--c);z-index:20}
@media(max-width:900px){.hero{grid-template-columns:1fr}
.visual{display:none}
.layout{grid-template-columns:1fr}
aside{position:static}
.part{grid-template-columns:1fr}
.preview{min-height:220px}
.fields{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){nav a{display:none}
.hero{padding:65px 24px}
.industries{overflow:auto;justify-content:start;padding:0 20px}
.heading{display:block}
.fields,.form{grid-template-columns:1fr}
.wide{grid-column:auto}
.caps>div{grid-template-columns:1fr}
footer{display:grid;gap:20px}
}