:root{--md-black:#03060D;--md-white:#F5F5F7;--md-gray-500:#8B97AC;--md-gray-900:#0A0F1A;--md-gray-100:#E6ECF5;--md-surface:#060A14;--md-border:#1C2333;--md-btn-bg:#F5F5F7;--md-btn-text:#03060D;--font-body-family:Fahkwang,system-ui,sans-serif;--font-heading-family:Fahkwang,system-ui,sans-serif;--font-heading-weight:400}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--md-black);color:var(--md-white);font:400 16px/1.6 var(--font-body-family);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.hdr{position:sticky;top:0;z-index:50;background:rgba(3,6,13,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--md-border)}
.hdr__in{max-width:1312px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.logo{font:500 18px/1 var(--font-heading-family);letter-spacing:.18em;text-decoration:none;white-space:nowrap}
.logo span{letter-spacing:.04em;color:var(--md-gray-500);margin-left:6px}
.nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px}
.nav a{text-decoration:none;color:#B4B4B8}
.nav a:hover{color:var(--md-white)}
.ftr{border-top:1px solid var(--md-border);margin-top:0}
.ftr__in{max-width:1312px;margin:0 auto;padding:40px 24px 48px;display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;font-size:14px;color:var(--md-gray-500)}
.ftr__links{display:flex;flex-wrap:wrap;gap:8px 24px}
.ftr a{color:#B4B4B8;text-decoration:none;border-bottom:1px solid #26324A}
.ftr p{margin:0}
.doc{max-width:760px;margin:0 auto;padding:72px 24px 96px}
.doc h1{margin:0 0 28px;font:400 48px/1.08 var(--font-heading-family);letter-spacing:-.03em}
.doc h2{margin:40px 0 12px;font:400 24px/1.3 var(--font-heading-family)}
.doc p,.doc li{color:#C9CFDA;font-size:16px;line-height:1.7}
.doc ul{padding-left:22px}
.doc strong{color:var(--md-white);font-weight:600}
.doc a{color:var(--md-white);text-decoration:none;border-bottom:1px solid #3A4766}
.home{max-width:1312px;margin:0 auto;padding:96px 24px 120px}
.home h1{margin:0;max-width:900px;font:400 clamp(44px,7vw,92px)/.98 var(--font-heading-family);letter-spacing:-.04em}
.home .lead{margin:28px 0 0;max-width:620px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#B4B4B8}
.apps{margin-top:72px;border-top:1px solid #26324A}
.app{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px 48px;padding:44px 0 48px;border-bottom:1px solid #26324A;text-decoration:none;transition:opacity .25s}
.app:hover{opacity:.7}
.app h2{margin:0;font:400 clamp(30px,3.4vw,46px)/1.02 var(--font-heading-family);letter-spacing:-.03em}
.app .price{display:block;margin-top:14px;font-size:16px;font-weight:600}
.app p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#B4B4B8}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{font-size:13px;padding:6px 13px;border:1px solid var(--md-border);border-radius:999px;color:#B4B4B8}
.more{display:inline-block;margin-top:22px;font-size:15px;font-weight:600;border-bottom:1px solid var(--md-white)}
@media(max-width:749px){.doc{padding:48px 20px 72px}.doc h1{font-size:34px}.home{padding:56px 20px 80px}.hdr__in{padding:12px 16px;gap:10px}.nav{margin-left:0;width:100%;gap:6px 16px;font-size:13px}}