:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0f8;background:#0e192b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 0,#1c3552 0,transparent 62%);line-height:1.8}
a{color:#8cbcff;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:#c3dcff}
a:focus-visible{outline:2px solid #9ddacb;outline-offset:5px;border-radius:3px}
.page{width:min(100% - 48px,900px);margin:0 auto;padding:52px 0 28px}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:32px}
.brand img{border-radius:16px;box-shadow:0 5px 20px #0002}
.brand p{margin:0;line-height:1.6}
.brand-name{font-size:19px;font-weight:700;letter-spacing:-.3px}
.brand .tagline{color:#bacadc;font-size:14px;margin-top:1px}
h1{font-size:clamp(36px,5vw,50px);line-height:1.2;letter-spacing:-1.8px;margin:0 0 12px;font-weight:750;color:#f8fafc}
.intro{max-width:610px;color:#bacadc;font-size:17px;margin:0 0 34px}
.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 34px}
.details>div{padding:15px 17px;border:1px solid #ffffff20;border-radius:15px;background:#ffffff04;box-shadow:inset 0 1px #ffffff02}
dt{font-size:13px;color:#b7c7da;margin-bottom:6px}
dd{font-size:15px;font-weight:600;margin:0;line-height:1.7;overflow-wrap:anywhere}
.details .app-detail{grid-column:span 2}
.package{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;margin-top:2px;color:#c7d5e6}
.policy{border:1px solid #ffffff16;border-radius:22px;background:#1d2b40;box-shadow:0 20px 50px #0000000b;padding:32px 34px}
section+section{border-top:1px solid #ffffff18;margin-top:27px;padding-top:24px}
h2{font-size:22px;line-height:1.4;letter-spacing:-.45px;margin:0 0 10px;color:#f3f6fb}
h3{font-size:16px;line-height:1.5;margin:20px 0 7px;color:#eef3fa}
p{margin:0 0 12px}
section p:last-child{margin-bottom:0}
.policy p,.policy li{font-size:16px;color:#d7e1ee}
ul{padding-left:23px;margin:10px 0 15px}
li{padding-left:3px;margin-bottom:7px}
footer{display:flex;justify-content:space-between;gap:16px;color:#a6b7cc;font-size:13px;margin-top:24px}
footer a{color:#afc2db}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);padding:8px 15px;background:#1d2b40;border:1px solid #8cbcff;border-radius:8px;z-index:2}
.skip-link:focus{transform:translateY(0)}
@media(max-width:640px){.page{width:calc(100% - 36px);padding-top:30px}.brand{margin-bottom:28px}.brand-name{font-size:18px}.brand .tagline{font-size:12px}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.details>div{padding:13px}.details .app-detail{grid-column:auto}.details>div:nth-child(3){grid-column:span 2;grid-row:2}.policy{padding:24px 21px;border-radius:18px}.policy p,.policy li{font-size:15px}h2{font-size:20px}footer{font-size:12px}.intro{font-size:16px}dd{font-size:14px}.package{font-size:11px}}
@media(max-width:360px){.details{grid-template-columns:1fr}.details>div:nth-child(3){grid-column:auto;grid-row:auto}footer{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{:root{color-scheme:light;background:white;color:#111}body{background:white}.page{width:100%;padding:0}.policy{box-shadow:none;background:white;border:1px solid #ddd;padding:20px}h1,h2,h3,.brand-name,.policy p,.policy li{color:#111}.intro,.tagline,dt,dd,.package,footer{color:#333!important}.details>div,section+section{border-color:#ddd}a{color:#174c8d}footer a,.skip-link{display:none}section{break-inside:avoid}}