/* KALLEX WEBSITE v4 — APP STYLE */
:root{
  --bg:#070907;
  --bg-soft:#0a0d0a;
  --panel:#0d100d;
  --panel-2:#111511;
  --panel-3:#151a14;
  --line:#252c22;
  --line-strong:#3a4434;
  --accent:#bdcf66;
  --accent-dim:#7f8e45;
  --accent-soft:rgba(189,207,102,.09);
  --text:#f0f2eb;
  --muted:#92998c;
  --muted-2:#626a5f;
  --danger:#d66565;
  --sidebar:92px;
  --content:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif;line-height:1.55;letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(189,207,102,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(189,207,102,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.16) 70%,transparent)}
body:after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(115deg,transparent 0 68%,rgba(189,207,102,.025) 68% 68.15%,transparent 68.15% 100%),linear-gradient(25deg,transparent 0 82%,rgba(189,207,102,.018) 82% 82.12%,transparent 82.12% 100%)}
a{color:var(--accent);text-decoration:none}a:hover{color:#d7e48f}
img{max-width:100%}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#080a08;border-right:1px solid var(--line);z-index:60;display:flex;flex-direction:column;align-items:center;padding:18px 0 16px}
.side-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid transparent}
.side-logo img{width:36px;height:36px;object-fit:contain;filter:grayscale(1) brightness(1.8)}
.side-nav{display:flex;flex-direction:column;gap:8px;margin:auto 0;width:100%;padding:0 11px}
.side-nav a{position:relative;height:62px;border:1px solid transparent;color:#71786c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-transform:uppercase;font-size:9px;letter-spacing:.11em;font-family:Consolas,monospace}
.side-nav a:hover,.side-nav a.active{background:#101410;border-color:var(--line);color:var(--text)}
.side-nav a.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:2px;background:var(--accent)}
.nav-glyph{font-size:15px;color:var(--accent);line-height:1}
.side-bottom{display:flex;flex-direction:column;gap:12px;align-items:center}
.side-bottom .side-logo{width:42px;height:42px}.side-bottom .side-logo img{width:29px;height:29px;opacity:.72}
.app-topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:54px;border-bottom:1px solid var(--line);background:rgba(7,9,7,.96);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:Consolas,monospace}
.breadcrumb{font-size:10px;color:var(--muted-2);letter-spacing:.16em;text-transform:uppercase}.breadcrumb b{color:var(--text);font-weight:500}
.top-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.status-led{width:7px;height:7px;background:var(--accent);box-shadow:0 0 12px rgba(189,207,102,.35)}
.app-main{margin-left:var(--sidebar);padding-top:54px;min-height:100vh}
.content{width:min(var(--content),calc(100% - 64px));margin:0 auto}
.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:54px;padding:78px 0 72px;border-bottom:1px solid var(--line)}
.section-code{font-family:Consolas,monospace;color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:17px;display:flex;align-items:center;gap:10px}.section-code:before{content:"";width:34px;height:1px;background:var(--accent)}
.hero h1,.section-title,.legal h1{font-family:Bahnschrift,"Arial Narrow",sans-serif;font-stretch:condensed;text-transform:uppercase;letter-spacing:.035em;margin:0;color:var(--text)}
.hero h1{font-size:clamp(54px,6.4vw,96px);line-height:.86;max-width:790px}.hero h1 .accent{color:var(--accent)}
.hero-copy{max-width:710px;color:#abb2a6;font-size:17px;margin:28px 0 0}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border:1px solid var(--accent);background:var(--accent);color:#080a08!important;font-family:Consolas,monospace;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.15s ease;text-decoration:none!important}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.secondary{background:#0c0f0c;color:#d8dcd4!important;border-color:#3a4236}.btn.secondary:hover{border-color:var(--accent);color:#fff!important}
.hero-console{border:1px solid var(--line-strong);background:rgba(13,16,13,.94);position:relative;min-height:390px;padding:22px 22px 20px}.hero-console:before{content:"";position:absolute;left:-1px;top:32px;bottom:32px;width:2px;background:var(--accent)}
.console-head{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;color:var(--muted-2);font-family:Consolas,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.console-logo{display:grid;place-items:center;height:170px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.console-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(189,207,102,.06) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(189,207,102,.06) 50%,transparent 50.2%)}.console-logo img{width:142px;height:142px;object-fit:contain;filter:grayscale(1) brightness(1.55) contrast(1.05);opacity:.94;z-index:1}
.readouts{padding-top:14px}.readout{display:grid;grid-template-columns:120px 1fr auto;gap:12px;border-bottom:1px solid #1c221a;padding:10px 0;font-family:Consolas,monospace;font-size:10px;text-transform:uppercase}.readout:last-child{border-bottom:0}.readout .key{color:#687063}.readout .value{color:#d9ddd5}.readout .ok{color:var(--accent)}
.section{padding:74px 0;border-bottom:1px solid var(--line)}
.section-title{font-size:clamp(34px,4.5vw,62px);line-height:.95}.section-lead{color:#9ea69a;max-width:780px;margin:18px 0 0}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.panel{position:relative;border:1px solid var(--line);background:rgba(13,16,13,.84);min-height:225px;padding:24px 22px 22px}.panel:before{content:"";position:absolute;left:-1px;top:22px;width:2px;height:44px;background:var(--accent)}.panel-index{font-family:Consolas,monospace;color:var(--accent);font-size:10px;letter-spacing:.18em}.panel h3{margin:42px 0 10px;font-size:19px;text-transform:uppercase;letter-spacing:.04em}.panel p{margin:0;color:#969e92;font-size:14px}.panel .meta{position:absolute;right:18px;top:18px;color:#4f574c;font-family:Consolas,monospace;font-size:9px}
.flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:34px;border:1px solid var(--line)}.flow-step{position:relative;padding:26px 24px 28px;min-height:210px;background:#0d100d;border-right:1px solid var(--line)}.flow-step:last-child{border-right:0}.flow-no{font-family:Consolas,monospace;font-size:36px;color:#32392f;line-height:1}.flow-step.active .flow-no{color:var(--accent)}.flow-step h3{text-transform:uppercase;font-size:17px;margin:27px 0 9px}.flow-step p{font-size:14px;color:#969e92;margin:0}.flow-step.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.contact-line{margin-top:30px;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;background:#0b0e0b}.contact-copy{padding:20px 22px}.contact-copy small{font-family:Consolas,monospace;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.14em;display:block;margin-bottom:5px}.contact-copy strong{font-size:15px}.contact-line .btn{margin-right:12px}
.app-footer{margin-left:var(--sidebar);border-top:1px solid var(--line);background:#070907}.footer-inner{width:min(var(--content),calc(100% - 64px));margin:auto;min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-family:Consolas,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.footer-links a{color:#7c8478}.footer-links a:hover{color:var(--accent)}.footer-logo img{width:34px;height:34px;object-fit:contain;filter:grayscale(1) brightness(1.65);opacity:.8}
/* legal pages */
.legal-wrap{padding:66px 0 90px}.legal-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}.legal-index{position:sticky;top:84px;border:1px solid var(--line);background:#0b0e0b;padding:18px 16px;font-family:Consolas,monospace}.legal-index .label{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.legal-index a{display:block;color:#747c70;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:8px 0;border-bottom:1px solid #171c16}.legal-index a:last-child{border-bottom:0}.legal-index a:hover{color:var(--text)}
.legal{border:1px solid var(--line);background:rgba(13,16,13,.9);padding:38px 42px 48px;position:relative}.legal:before{content:"";position:absolute;left:-1px;top:38px;height:72px;width:2px;background:var(--accent)}.legal .kicker{font-family:Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}.legal h1{font-size:clamp(36px,5vw,64px);line-height:.94;margin-bottom:12px}.legal .meta{font-family:Consolas,monospace;color:#62695e;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:36px}.legal h2{font-size:20px;text-transform:uppercase;letter-spacing:.04em;margin:40px 0 12px;padding-top:6px;border-top:1px solid #20261e}.legal h3{font-size:16px;text-transform:uppercase;margin-top:26px}.legal p,.legal li{color:#abb2a7;font-size:14px}.legal ul{padding-left:18px}.legal strong{color:#e4e7df}.legal .address{font-style:normal;background:#0a0d0a;border-left:2px solid #566048;padding:14px 16px;color:#aeb5aa;font-family:Consolas,monospace;font-size:11px;line-height:1.7}.legal .address strong{color:var(--text)}.notice{border:1px solid #343d2e;border-left:2px solid var(--accent);background:var(--accent-soft);padding:16px 18px;margin:24px 0;color:#c9cfc2;font-size:13px}.warning{border-left-color:#d1ad61;background:rgba(209,173,97,.05)}.form-sample{border:1px solid var(--line);background:#090c09;padding:16px 18px}.form-sample div{padding:9px 0;border-bottom:1px dashed #2a3026;color:#9da59a;font-family:Consolas,monospace;font-size:10px}.form-sample div:last-child{border-bottom:0}
.not-found{min-height:calc(100vh - 146px);display:grid;place-items:center;text-align:left}.not-found .box{border:1px solid var(--line);border-left:2px solid var(--accent);background:#0d100d;padding:36px;max-width:620px}.not-found h1{font-size:72px;line-height:1;margin:0 0 10px;color:var(--accent)}
.mobile-top{display:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.hero-console{max-width:680px}.panel-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-step{border-right:0;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.legal-shell{grid-template-columns:1fr}.legal-index{position:static;display:none}}
@media(max-width:720px){:root{--sidebar:0px}.app-sidebar{display:none}.app-topbar{left:0;height:58px;padding:0 16px}.mobile-top{display:flex;align-items:center;gap:12px}.mobile-top img{width:31px;height:31px;filter:grayscale(1) brightness(1.8)}.breadcrumb{display:none}.top-status{font-size:8px}.app-main{margin-left:0;padding-top:58px}.content{width:calc(100% - 30px)}.hero{padding:54px 0 48px;gap:34px}.hero h1{font-size:clamp(46px,15vw,70px)}.hero-copy{font-size:15px}.hero-console{min-height:350px}.readout{grid-template-columns:96px 1fr auto;font-size:9px}.section{padding:54px 0}.panel{min-height:190px}.contact-line{grid-template-columns:1fr}.contact-line .btn{margin:0 12px 12px}.legal-wrap{padding:38px 0 60px}.legal{padding:28px 22px 36px}.app-footer{margin-left:0}.footer-inner{width:calc(100% - 30px);min-height:120px;align-items:flex-start;padding:24px 0;flex-direction:column}.footer-links{gap:12px 16px}}

/* v5: homepage hero without right-side system panel */
.hero{grid-template-columns:1fr !important;}
.hero>div:first-child{max-width:980px;}