
:root{--bg:#080b0e;--panel:#0d1217;--panel2:#111820;--text:#f4f8fb;--muted:#9aa6b2;--border:rgba(255,255,255,.10);--accent:#66e5ff;--accentInk:#031014;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(8,11,14,.90);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(102,229,255,.28);background:linear-gradient(145deg,#151b21,#090d11);font-weight:800;letter-spacing:-.08em}.brand-title{font-size:14px;font-weight:700;letter-spacing:.18em}.brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;color:var(--muted);font-size:14px}.nav-links a:hover{color:#fff}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:30px 30px}.hero-inner{padding:96px 0 100px;position:relative}.orbit{position:absolute;right:-80px;top:30px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(102,229,255,.10)}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.orbit:before{inset:58px}.orbit:after{inset:126px}.kicker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.20em}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px rgba(102,229,255,.70)}h1{font-size:clamp(50px,8vw,86px);line-height:.98;letter-spacing:-.055em;margin:24px 0 0;max-width:820px}h1 span{color:var(--accent)}.hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:670px;margin:28px 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:650;border:1px solid var(--border)}.btn-primary{background:var(--accent);color:var(--accentInk);border-color:transparent}.btn-secondary{background:var(--panel);color:#fff}
.section{padding:70px 0;border-bottom:1px solid var(--border)}.eyebrow{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.20em}.section h2{font-size:clamp(30px,4.5vw,48px);letter-spacing:-.035em;line-height:1.1;margin:10px 0 0}
.product-card{margin-top:28px;background:var(--panel2);border:1px solid var(--border);border-radius:24px;padding:28px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:28px}.product-id{display:flex;align-items:center;gap:16px}.product-logo{width:58px;height:58px;border-radius:16px;background:#0a1015;border:1px solid rgba(102,229,255,.28);display:grid;place-items:center;color:var(--accent);font-size:19px;font-weight:800}.product-name{font-size:26px;font-weight:700;color:#fff}.product-sub{font-size:14px;color:var(--muted);margin-top:2px}.product-copy{font-size:16px;color:var(--muted);max-width:760px;margin:20px 0 0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag{padding:7px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-size:12px;color:#dbe4ea}
.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.future{min-height:160px;padding:22px;border-radius:20px;border:1px dashed rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between;background:#0a0f13}.future small{color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.future strong{font-size:24px;color:#fff}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}.principle-num{color:var(--accent);font-weight:700;font-size:13px}.principle h3{margin:9px 0 6px;font-size:20px}.principle p{margin:0;color:var(--muted);font-size:14px}
.support-box{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:28px}.support-box h3{font-size:24px;margin:5px 0 0}.support-box p{margin:6px 0 0;color:var(--muted)}
.page-hero{padding:72px 0 42px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(40px,6vw,64px)}.prose{padding:54px 0 70px}.prose article{max-width:840px}.prose h2{font-size:25px;margin:38px 0 10px}.prose h3{font-size:18px;margin:28px 0 8px}.prose p,.prose li{color:#c6d0d8}.prose ul{padding-left:22px}.prose .note{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px 20px;color:#dbe5eb}.contact{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:26px;margin-top:24px}.contact a{color:var(--accent);font-weight:650}
footer{padding:24px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{text-decoration:none}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav-links{display:none}.hero-inner{padding:70px 0 74px}.orbit{opacity:.25;right:-210px}.product-top,.support-box,.footer-row{align-items:flex-start;flex-direction:column}.future-grid,.principles{grid-template-columns:1fr}.section{padding:54px 0}}
