*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#071019;color:#eef5f8}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #172630;background:#08121aee;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.logo{font-size:23px;font-weight:800;letter-spacing:-.7px}.logo span,h1 span{color:#39d6a1}nav{display:flex;gap:24px;align-items:center}nav a{color:#aabac2;text-decoration:none;font-size:14px}button{border:0;border-radius:9px;padding:11px 17px;background:#39d6a1;color:#04100c;font-weight:700;cursor:pointer}.login{background:transparent;color:#d9e5e9}.hero{max-width:1180px;margin:auto;padding:90px 6%;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:12px;color:#39d6a1;font-weight:800;letter-spacing:2px}.hero h1{font-size:62px;line-height:1.03;margin:18px 0}.lead{color:#9dafb8;max-width:570px;font-size:17px;line-height:1.7}.primary{margin-top:18px}.secondary{margin-left:10px;background:#15242d;color:#eaf2f5}.terminal{background:#0d1921;border:1px solid #20313a;border-radius:18px;padding:20px;box-shadow:0 25px 70px #0005}.terminal-top{display:flex;justify-content:space-between;color:#a9bbc3}.terminal-top b{font-size:10px;color:#39d6a1;background:#103328;padding:5px 8px;border-radius:20px}.chart{height:230px;margin:20px 0;background:linear-gradient(180deg,#102029,#0a141b);border-radius:12px;position:relative;overflow:hidden}.chart:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:50px 50px}.line{position:absolute;width:120%;height:130px;top:55px;left:-10%;border-bottom:3px solid #39d6a1;transform:skewY(-9deg);filter:drop-shadow(0 0 6px #39d6a1)}.quote{display:flex;align-items:center;gap:16px}.quote strong{margin-left:auto}.quote em,.card em{color:#39d6a1;font-style:normal}.section{max-width:1180px;margin:auto;padding:70px 6%}.section h2{font-size:34px;margin-bottom:8px}.muted,.about p{color:#879ba5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card,.features>div{background:#0c1820;border:1px solid #1c2d36;border-radius:15px;padding:25px}.card small{color:#80949d}.card h3{margin:9px 0 20px}.card strong{font-size:24px}.card em{float:right}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.features b{font-size:26px}.features p{color:#879ba5;line-height:1.6}.about{padding-bottom:110px}footer{text-align:center;padding:28px;color:#657983;border-top:1px solid #172630;font-size:13px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:10;align-items:center;justify-content:center}.modalbox{width:min(420px,90%);background:#0c1820;border:1px solid #263943;border-radius:16px;padding:28px;position:relative}.modalbox input{width:100%;margin:8px 0;padding:13px;border-radius:8px;border:1px solid #2a3d47;background:#081219;color:white}.modalbox button[type=submit]{width:100%;margin-top:12px}.close{position:absolute;right:12px;top:10px;background:transparent;color:white;font-size:25px;padding:5px} @media(max-width:800px){header{padding:0 5%}nav a{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:45px}.cards,.features{grid-template-columns:1fr}.terminal{margin-top:10px}}
