@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#030508; --panel:#080d14; --line:#18283a; --text:#f4f7fb;
  --muted:#98a7b7; --accent:#168cff; --accent2:#61b6ff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% 15%,#071526 0,#030508 34%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(5,5,5,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand img{width:116px;height:72px;object-fit:contain}.nav nav{display:flex;gap:26px;align-items:center;font-size:13px;color:#c5d0dc}.nav nav a:hover{color:var(--accent)}.nav-cta{border:1px solid #155a96;padding:9px 15px;border-radius:999px}
.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:70px 8vw 80px;position:relative;overflow:hidden}
.hero-copy{max-width:680px}.eyebrow{letter-spacing:.22em;font-size:11px;font-weight:800;color:var(--accent);margin:0 0 14px}
h1{font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px}h1 span,h2 span{color:var(--accent)}
.lead{font-size:18px;color:#b4c2d1;max-width:580px}.actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 20px;font-weight:700;font-size:13px;border:1px solid #1a395a}.button.primary{background:var(--accent);color:#070907;border-color:var(--accent)}.button.primary:hover{background:var(--accent2)}.button.secondary{background:#070c12}.button.big{padding:17px 26px}.notice{font-size:11px;color:#687b8f}
.hero-mark{text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:380px;height:380px;background:#168cff24;filter:blur(80px);left:50%;top:50%;transform:translate(-50%,-50%)}.hero-logo{position:relative;width:min(560px,92%);height:auto;filter:drop-shadow(0 0 28px #168cff35)}
.section{padding:90px 8vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section h2,.about h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.04em;margin:0}.section-head>p{max-width:430px;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:linear-gradient(145deg,#09111a,#060a10);border:1px solid var(--line);border-radius:15px;padding:25px;min-height:180px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#1e659e}.card span{font-size:10px;color:#6d8195}.card h3{font-size:22px;margin:28px 0 4px}.card p{color:#7f91a4;font-size:12px;margin:0 0 20px}.card button{background:none;border:0;padding:0;color:var(--accent);font-weight:700;cursor:pointer}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.panel{background:#070c12;border:1px solid var(--line);border-radius:18px;padding:30px}.check{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line);color:#c6cbc3}.check b{color:var(--accent);font-size:11px}.wide{max-width:800px;color:#9aaaba;font-size:17px}
.faq{max-width:900px;margin-top:28px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);max-width:720px}
.contact{margin:0 5vw 70px;border:1px solid #164d7c;border-radius:24px;padding:55px 6vw;background:radial-gradient(circle at 80% 30%,#071b30,#060b11 50%);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p:not(.eyebrow){color:#a7b5c4}
footer{border-top:1px solid var(--line);padding:35px 8vw;display:flex;justify-content:space-between;gap:20px;color:#718396;font-size:11px}footer div{display:flex;gap:15px;align-items:center}footer strong{color:#dfe8f2}footer span{color:var(--accent);letter-spacing:.14em}
.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;align-items:center;justify-content:center;padding:25px}.modal.open{display:flex}.modal-box{position:relative;background:#081019;border:1px solid #164d7c;border-radius:20px;padding:38px;max-width:560px;width:100%;box-shadow:0 25px 100px #000}.modal-box p:not(.eyebrow){color:#a7b5c4}.close{position:absolute;right:18px;top:13px;background:none;border:0;color:#a7b5c4;font-size:30px;cursor:pointer}
@media(max-width:900px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-mark{display:none}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.contact{display:block}.contact .button{margin-top:20px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.section{padding:65px 6vw}.hero{padding:45px 6vw 65px}h1{font-size:54px}.nav{padding:10px 5vw}.brand img{width:95px;height:60px}footer{display:block}footer div{margin-bottom:10px}}

.modal-strength{color:var(--accent)!important;font-weight:800;letter-spacing:.08em}

body.modal-open{overflow:hidden}
.product-detail{max-width:820px;max-height:88vh;overflow:auto;padding:42px}
.product-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}
.product-top h2{margin:0;font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;line-height:1}
.product-number{font-size:52px;font-weight:800;color:#168cff22;line-height:1}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.detail-block,.research-note{background:linear-gradient(145deg,#09121d,#060b11);border:1px solid var(--line);border-radius:14px;padding:22px}
.detail-label{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:10px}
.detail-block p,.research-note p{margin:0;color:#b4c2d1;font-size:14px}
.research-note{margin-top:16px;border-color:#174b78}
.modal-actions{display:flex;gap:10px;margin-top:24px}
.modal-disclaimer{font-size:10px!important;color:#697d90!important;margin:18px 0 0;line-height:1.5}
.card button b{margin-left:6px}
@media(max-width:650px){
  .product-detail{padding:28px 22px;max-height:92vh}
  .detail-grid{grid-template-columns:1fr}
  .product-number{font-size:36px}
}