:root{--bg:#04111d;--bg2:#071a2a;--card:#0a2134;--card2:#0d2a40;--line:#18455c;--teal:#25d6b0;--teal2:#4bf0ce;--text:#f4f8fb;--muted:#9eb5c5;--warn:#ffd166;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#03101b,#061827 55%,#04111d);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:100;background:rgba(2,13,23,.96);border-bottom:1px solid #12394d;backdrop-filter:blur(10px)}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand{font-weight:900;font-size:31px;letter-spacing:.5px;display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border:3px solid var(--teal);transform:rotate(30deg);display:grid;place-items:center}.brand-mark:after{content:'';width:17px;height:17px;border:3px solid var(--teal2)}.brand small{font-size:9px;display:block;color:#c8d5de;letter-spacing:.7px}.links{margin-left:auto;display:flex;gap:28px;align-items:center}.links a{font-size:14px;font-weight:700;color:#dbe7ee}.links a:hover,.links a.active{color:var(--teal2)}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:9px 13px}.hero{padding:64px 0 42px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.eyebrow{color:var(--teal);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(46px,6vw,86px);line-height:.98;margin:12px 0 18px;letter-spacing:-.035em}.hero h2{color:var(--teal);font-size:clamp(22px,2.4vw,36px);margin:0 0 18px}.lead{font-size:19px;color:#d5e0e6;max-width:780px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid var(--teal);border-radius:8px;font-weight:800;color:var(--teal2);background:transparent}.btn.primary{background:linear-gradient(135deg,#0aa789,#26d6b1);color:#03131d;border:0}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero-visual{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#081d2c;box-shadow:0 25px 90px rgba(0,0,0,.35)}.hero-visual img{width:100%;aspect-ratio:16/9;object-fit:cover}.badge{position:absolute;left:18px;top:18px;background:rgba(2,14,22,.87);border:1px solid var(--teal);padding:10px 13px;border-radius:8px;color:var(--teal2);font-weight:800}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:26px 0 4px}.flow .step{padding:16px 12px;background:rgba(10,33,52,.8);border:1px solid var(--line);border-radius:12px;text-align:center}.num{width:34px;height:34px;border-radius:50%;background:rgba(37,214,176,.14);border:1px solid var(--teal);display:grid;place-items:center;margin:0 auto 10px;color:var(--teal2);font-weight:900}.step b{font-size:13px}.step small{display:block;color:var(--muted);margin-top:5px}.section{padding:52px 0}.section.alt{background:rgba(7,26,42,.52);border-top:1px solid #0d3043;border-bottom:1px solid #0d3043}.section h2{font-size:clamp(30px,3vw,48px);margin:0 0 10px}.section .sub{color:var(--muted);font-size:18px;margin-bottom:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(12,38,57,.96),rgba(6,24,38,.98));border:1px solid var(--line);border-radius:14px;padding:22px}.card h3{margin:0 0 8px;font-size:20px}.card p{color:#c3d2dc}.icon{font-size:31px;color:var(--teal2);margin-bottom:8px}.metric{font-size:34px;font-weight:900;color:var(--teal2)}.tag{display:inline-block;border:1px solid #237a71;color:#8af5dc;border-radius:999px;padding:4px 9px;font-size:12px;margin:3px}.examples{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.example-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#081e2f;display:flex;flex-direction:column}.example-card img{height:180px;width:100%;object-fit:cover}.example-card .body{padding:16px;display:flex;flex-direction:column;flex:1}.example-card h3{font-size:18px;margin:0}.example-card p{color:var(--muted);font-size:14px;flex:1}.example-card .btn{width:100%;padding:10px}.page-hero{padding:46px 0 24px}.page-hero h1{font-size:clamp(38px,5vw,68px);margin:6px 0 10px}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.media{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#020b12}.media img,.media video{width:100%;aspect-ratio:16/9;object-fit:cover}.notice{border-left:4px solid var(--warn);background:#2a2414;padding:12px 15px;color:#f3dfaa;border-radius:6px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs button{background:#092337;border:1px solid var(--line);color:#dceaf2;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:700}.tabs button.active{border-color:var(--teal);color:var(--teal2)}.tab-panel{display:none}.tab-panel.active{display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list{padding-left:18px}.list li{margin:7px 0;color:#cbd9e2}.standards{display:flex;flex-wrap:wrap;gap:8px}.standard{padding:9px 12px;background:#082235;border:1px solid #1f576e;border-radius:8px;color:#c9e9ed}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layer{border:1px solid var(--line);padding:18px;border-radius:12px;background:#081e30}.layer h3{color:var(--teal2)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry{min-height:180px}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.footer{border-top:1px solid #123b4f;padding:34px 0 26px;color:#9eb5c5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer b{color:white}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form .full{grid-column:1/-1}.form label{font-size:13px;font-weight:700;color:#c8d8e1}.form input,.form textarea,.form select{width:100%;margin-top:5px;padding:12px;background:#041522;border:1px solid #28546a;border-radius:7px;color:white}.form textarea{min-height:125px;resize:vertical}.status{margin-top:12px}.privacy{font-size:13px;color:#9bb2c0}.screen-concept{border-radius:14px;border:1px solid var(--line);overflow:hidden}.screen-concept img{width:100%}.kicker{font-weight:900;color:var(--teal2)}
@media(max-width:1100px){.links{gap:15px}.hero-grid,.content-grid,.contact-grid{grid-template-columns:1fr}.examples{grid-template-columns:repeat(2,1fr)}.industry-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.flow,.timeline{grid-template-columns:repeat(3,1fr)}.architecture{grid-template-columns:1fr 1fr}.hero-visual{order:-1}.hero{padding-top:32px}}
@media(max-width:760px){.container{width:min(100% - 24px,var(--max))}.nav{height:66px}.brand{font-size:24px}.brand-mark{width:36px;height:36px}.links{display:none;position:absolute;top:66px;left:0;right:0;background:#04121e;padding:18px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu{display:block}.hero h1{font-size:47px}.grid-3,.grid-4,.industry-grid,.two-col,.architecture,.footer-grid,.form{grid-template-columns:1fr}.examples{grid-template-columns:1fr}.flow,.timeline{grid-template-columns:repeat(2,1fr)}.form .full{grid-column:auto}.section{padding:38px 0}.example-card img{height:210px}}