:root{
  --bg:#031821;--bg2:#071f29;--panel:#082430;--panel2:#0b2a37;
  --ink:#f7fbfd;--muted:#a8c1cc;--line:#16485b;--cyan:#16dbff;
  --blue:#178dff;--green:#62ef62;--orange:#ff6b0f;--purple:#a75cff;
  --shadow:0 25px 80px rgba(0,0,0,.38);--radius:10px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:"IBM Plex Sans","IBM Plex Sans Arabic",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(rgba(17,112,142,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(17,112,142,.032) 1px,transparent 1px),#031821;background-size:48px 48px;min-height:100vh}
button,input{font:inherit}button{color:inherit}
.topbar{min-height:94px;display:grid;grid-template-columns:auto minmax(460px,1fr) auto;align-items:center;gap:28px;padding:14px 3.2vw;border-bottom:1px solid rgba(58,138,164,.35);position:sticky;top:0;background:rgba(2,17,24,.95);backdrop-filter:blur(16px);z-index:50}
.brand{display:flex;align-items:center;gap:13px;border:0;background:transparent;cursor:pointer;text-align:left;padding:0;min-width:390px}.brand-mark{width:92px;height:66px;display:grid;place-items:center}.brand-mark svg{width:92px;height:66px}.logo-bars{fill:none;stroke:#72e643;stroke-width:4;stroke-linecap:round}.logo-k{fill:none;stroke:#f9fdff;stroke-width:8;stroke-linejoin:miter}.logo-wave{fill:none;stroke:url(#logoWave);stroke-width:6;stroke-linecap:round}.brand-copy strong{display:block;font-size:30px;line-height:1;font-weight:700;letter-spacing:.045em}.brand-copy small{display:block;color:#b4d1dc;font-size:11px;margin-top:8px;letter-spacing:.24em;text-transform:uppercase}
.header-center{min-width:0;display:grid;grid-template-columns:minmax(300px,430px) auto;align-items:center;justify-content:center;gap:30px}.search-wrap{height:44px;display:flex;align-items:center;gap:10px;background:#071f2a;border:1px solid #22556a;border-radius:9px;padding:0 13px}.search-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(22,219,255,.08)}.search-wrap svg{width:18px;color:#9ec0cd}.search-wrap input{width:100%;border:0;background:transparent;outline:0;color:#fff}.search-wrap input::placeholder{color:#7896a3}
.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;white-space:nowrap}.main-nav button{position:relative;border:0;background:transparent;color:#f7fbfd;font-weight:600;cursor:pointer;padding:13px 0}.main-nav button:hover{color:var(--cyan)}.main-nav button:first-child{color:var(--cyan)}.main-nav button:first-child:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--cyan)}
.top-actions{display:flex;align-items:center;gap:12px}.btn{border-radius:9px;padding:12px 20px;border:1px solid #2b6076;cursor:pointer;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ff7b21,#f25c07);border-color:#ff7921;color:#fff;box-shadow:0 8px 25px rgba(255,107,15,.22)}.btn.ghost{background:#061b25}.btn.wide{width:100%}
.page-shell{width:100%;margin:0 auto;min-height:calc(100vh - 165px)}.breadcrumbs{width:min(1660px,94vw);margin:0 auto;min-height:36px;display:flex;align-items:center;gap:8px;font-size:11px;color:#718f9b;text-transform:uppercase;letter-spacing:.08em}.breadcrumbs button{border:0;background:transparent;padding:0;color:#86a7b4;cursor:pointer}.breadcrumbs button:hover{color:var(--cyan)}
.hero{width:min(1720px,99.6vw);margin:0 auto 22px;min-height:560px;overflow:hidden;position:relative;border-top:1px solid rgba(29,103,126,.35);border-bottom:1px solid rgba(29,103,126,.35);background:#061b24;box-shadow:var(--shadow)}
.hero.home-hero{display:block}.hero.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041923 0%,#041923 27%,rgba(4,25,35,.97) 35%,rgba(4,25,35,.78) 43%,rgba(4,25,35,.26) 55%,rgba(4,25,35,.02) 68%,rgba(4,25,35,0) 100%);pointer-events:none;z-index:2}.hero.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,15,21,.06),rgba(2,15,21,.1));pointer-events:none;z-index:2}
.hero-copy{padding:62px 0 54px 3.4vw;max-width:520px;position:relative;z-index:6}.eyebrow{font-size:12px;letter-spacing:.27em;color:var(--cyan);font-weight:700;text-transform:uppercase}.hero h1,.section-heading h1{font-size:clamp(54px,5.3vw,83px);line-height:.98;margin:16px 0 23px;letter-spacing:-.045em}.hero h1 span{color:var(--cyan)}.hero p,.section-heading p{font-size:18px;line-height:1.62;color:#d4e2e7;max-width:600px;margin:0}.hero-actions{display:flex;gap:16px;margin-top:29px}.hero-actions .btn{font-size:16px;padding:14px 24px}.hero-scene{position:absolute;top:0;right:1.2%;bottom:0;left:33.5%;z-index:1;overflow:visible;display:grid;place-items:center}.hero-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;filter:saturate(1.08) contrast(1.02)}
.hero-flow-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}.flow-trace{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:22 78;animation:neonFlow 2.7s linear infinite;filter:drop-shadow(0 0 7px currentColor)}.flow-blue{stroke:#9af6ff;color:#22aaff}.flow-orange{stroke:#ffe0bf;color:#ff6b0f;animation-duration:3.2s}.flow-green{stroke:#c8ffc2;color:#44f272;animation-duration:2.4s}.flow-purple{stroke:#ead7ff;color:#a75cff;animation-duration:3.5s}@keyframes neonFlow{to{stroke-dashoffset:-200}}
.keyword-strip{width:min(1660px,94vw);margin:-4px auto 30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #14485b;background:rgba(5,25,34,.92);box-shadow:0 12px 34px rgba(0,0,0,.18)}.keyword{min-height:76px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#dcebf0;border-right:1px solid #14485b}.keyword:last-child{border-right:0}.keyword:before{content:"";width:8px;height:8px;border:2px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px rgba(22,219,255,.5)}
.section-heading{padding:56px 4.5vw;position:relative;overflow:hidden}.section-heading:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(22,219,255,.12);border-radius:50%;right:-100px;top:-180px;box-shadow:0 0 0 46px rgba(22,219,255,.025),0 0 0 92px rgba(22,219,255,.015)}
.content{width:min(1660px,94vw);margin:0 auto;padding-bottom:70px}.section-label{display:flex;align-items:center;gap:15px;margin:10px 0 18px}.section-label span{font-weight:700;font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#6f94a3}.section-label:after{content:"";height:1px;flex:1;background:#183f4f}
.cards{display:grid;gap:16px}.cards.single{grid-template-columns:minmax(300px,460px);justify-content:center}.cards.two{grid-template-columns:repeat(2,minmax(300px,1fr));max-width:940px;margin:0 auto}.cards.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.folder-card{min-height:168px;border:1px solid #25556a;border-radius:10px;background:linear-gradient(180deg,#092630,#071d26);padding:24px;text-align:left;cursor:pointer;position:relative;box-shadow:0 12px 34px rgba(0,0,0,.16);transition:.2s;overflow:hidden}.folder-card:hover{transform:translateY(-3px);border-color:#19cdef;box-shadow:0 16px 44px rgba(0,0,0,.28),0 0 0 1px rgba(22,219,255,.08) inset}.folder-card.is-construction{border-style:dashed;border-color:#294753;background:#081c24;opacity:.72}.folder-card.is-construction:hover{transform:none;border-color:#365f6f}.card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:8px;background:#0a2a36;border:1px solid #24576c;color:var(--cyan);margin-bottom:18px}.is-construction .card-icon{color:#8199a3;border-color:#2a4651;background:#0a2028}.card-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.folder-title{display:block;font-size:19px;font-weight:700}.folder-arrow{position:absolute;right:22px;bottom:20px;color:var(--cyan);font-size:22px}.folder-card small{display:block;color:#91adb8;margin-top:8px;line-height:1.45;padding-right:26px}.badge{position:absolute;right:14px;top:14px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;background:#21343c;color:#91a7af;border:1px solid #344c55}.badge.muted{background:#102b36;color:#80a6b5;border-color:#234b5a}
.access-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#194859;border:1px solid #194859;border-radius:10px;overflow:hidden;margin-top:25px}.access-strip>div{background:#071e28;padding:20px}.access-strip strong,.access-strip span{display:block}.access-strip strong{margin-bottom:5px}.access-strip span{color:#93adb8;font-size:13px;line-height:1.55}.state-card{max-width:780px;margin:10px auto;text-align:center;border:1px solid #234d60;border-radius:10px;padding:52px 38px;background:linear-gradient(180deg,#0a2430,#071b24);box-shadow:var(--shadow)}.state-card h2{font-size:34px;margin:8px 0 12px}.state-card>p{max-width:590px;margin:0 auto 26px;color:#9eb6c0;line-height:1.65}.state-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:9px;margin:0 auto 21px;background:#0d2b38;border:1px solid #27566a;color:var(--cyan)}.state-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.protected-demo{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #254a59;border-radius:9px;padding:15px;margin-top:27px;background:#061921}.protected-demo>span{font-size:26px}.protected-demo div{flex:1}.protected-demo strong,.protected-demo small{display:block}.protected-demo small{color:#8ea9b4;margin-top:3px;line-height:1.45}
footer{min-height:70px;border-top:1px solid #173f50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3.5vw;color:#7897a4;font-size:12px;background:#04151c}.modal-backdrop{position:fixed;inset:0;background:rgba(0,8,12,.72);z-index:60;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.modal{width:min(460px,100%);background:#091f29;border:1px solid #28576a;border-radius:10px;padding:36px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:28px;color:#7796a3;cursor:pointer}.lock-icon{width:62px;height:62px;border-radius:9px;background:#0c2a36;color:var(--cyan);border:1px solid #27566b;display:grid;place-items:center;margin:0 auto 17px}.lock-icon svg{width:32px;height:32px}.modal h2{font-size:28px;margin:0 0 10px}.modal p{color:#9eb7c1;line-height:1.55}.demo-note{font-size:12px;line-height:1.45;background:#182116;border:1px solid #42562e;color:#b9cca8;border-radius:9px;padding:11px;margin:18px 0}.modal-actions{display:grid;gap:9px}
@media(max-width:1350px){.topbar{grid-template-columns:auto 1fr auto}.brand{min-width:315px}.brand-copy strong{font-size:24px}.brand-mark{width:72px}.brand-mark svg{width:72px}.header-center{grid-template-columns:1fr}.main-nav{display:none}.hero-scene{left:30%;right:0}.hero-copy{max-width:500px}}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.header-center{grid-column:1/-1;grid-row:2}.search-wrap{width:100%}.hero{min-height:520px}.hero-copy{max-width:560px}.hero-scene{left:14%;opacity:.55}.hero.home-hero:after{background:linear-gradient(90deg,#041923 0%,rgba(4,25,35,.93) 46%,rgba(4,25,35,.45) 74%,rgba(4,25,35,.16) 100%)}.cards.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-strip{grid-template-columns:repeat(2,1fr)}.keyword:nth-child(2){border-right:0}.keyword:nth-child(-n+2){border-bottom:1px solid #14485b}}
@media(max-width:700px){.topbar{display:flex;flex-wrap:wrap}.brand{min-width:0;flex:1}.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px}.top-actions{width:100%;justify-content:flex-end}.header-center{width:100%;order:3}.hero{min-height:550px}.hero-copy{padding:40px 6vw;max-width:100%}.hero h1,.section-heading h1{font-size:45px}.hero p{font-size:16px}.hero-scene{left:0;top:210px;height:340px;opacity:.34}.hero.home-hero:after{background:linear-gradient(180deg,#041923 0%,#041923 45%,rgba(4,25,35,.78) 66%,rgba(4,25,35,.28) 100%)}.hero-actions{flex-wrap:wrap}.cards.two,.cards.grid,.cards.four,.cards.single{grid-template-columns:1fr}.keyword-strip{grid-template-columns:1fr}.keyword{border-right:0;border-bottom:1px solid #14485b}.keyword:last-child{border-bottom:0}.access-strip{grid-template-columns:1fr}footer{display:block;text-align:center}footer span{display:block;margin:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.flow-trace{animation:none}.folder-card,.btn{transition:none}}