:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif;background:#0b0d10}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--page-bg,#0b0d10);color:var(--text,#fff)}
body{min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}
a{color:inherit}
.page-shell{width:min(100%,560px);min-height:100vh;min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--page-bg);box-shadow:0 0 80px rgba(0,0,0,.28)}
.hero{position:relative;isolation:isolate;display:flex;min-height:660px;flex-direction:column;align-items:center;justify-content:center;padding:calc(44px + env(safe-area-inset-top,0px)) 24px 52px;text-align:center;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 47%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 52%)}
.hero:after{content:"";position:absolute;right:-18%;bottom:-36px;left:-18%;height:86px;z-index:-1;border-radius:50% 50% 0 0;background:var(--surface);transform:scaleX(1.06)}
.atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.55}
.atmosphere i{position:absolute;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);border-radius:50%;animation:drift 9s ease-in-out infinite}
.atmosphere i:nth-child(1){left:-50px;top:20%}.atmosphere i:nth-child(2){right:-70px;top:9%;width:220px;height:220px;animation-delay:-3s}.atmosphere i:nth-child(3){left:36%;bottom:8%;width:90px;height:90px;animation-delay:-6s}
@keyframes drift{50%{transform:translate3d(12px,-18px,0) scale(1.08);opacity:.45}}
.eyebrow{margin-bottom:26px;color:color-mix(in srgb,var(--text) 68%,transparent);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.app-icon{width:118px;height:118px;border-radius:27%;object-fit:cover;box-shadow:0 22px 50px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.12)}
h1{max-width:100%;margin:24px 0 10px;font-size:clamp(32px,9vw,48px);line-height:1.12;letter-spacing:-.04em}
.summary{max-width:390px;margin:0;color:color-mix(in srgb,var(--text) 72%,transparent);font-size:16px;line-height:1.7}
.actions{display:grid;width:min(100%,360px);gap:12px;margin-top:30px}
.actions a{display:flex;min-height:54px;align-items:center;justify-content:center;border-radius:17px;text-decoration:none;font-size:17px;font-weight:750;transition:transform .16s ease,opacity .16s ease}
.actions a:active{transform:scale(.975)}
.primary-action{background:var(--primary);color:var(--page-bg);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 28%,transparent)}
.secondary-action{border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}
.target{display:flex;max-width:100%;flex-direction:column;gap:5px;margin-top:22px;color:color-mix(in srgb,var(--text) 58%,transparent);font-size:12px}
.target code{max-width:100%;overflow-wrap:anywhere;color:color-mix(in srgb,var(--text) 82%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.browser-hint{width:min(100%,420px);margin:16px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,#ffca63 34%,transparent);border-radius:14px;background:rgba(62,44,13,.46);color:#ffdda0;font-size:13px;line-height:1.55}
.download-notice{margin:18px 18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:18px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));line-height:1.6}
.download-notice strong{font-size:17px}.download-notice p{margin:5px 0 0;color:color-mix(in srgb,var(--text) 75%,transparent)}
.content-section{position:relative;margin:0;padding:54px 24px;background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}
.section-index{display:block;margin-bottom:9px;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;letter-spacing:.14em}
h2{margin:0 0 26px;font-size:25px;letter-spacing:-.025em}
.steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:steps}
.steps li{position:relative;display:grid;gap:5px;min-height:88px;padding:4px 0 24px 54px;counter-increment:steps}
.steps li:not(:last-child):after{content:"";position:absolute;top:38px;bottom:0;left:18px;width:1px;background:color-mix(in srgb,var(--primary) 28%,transparent)}
.steps li:before{content:counter(steps);position:absolute;top:0;left:0;display:grid;width:37px;height:37px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);border-radius:50%;color:var(--primary);font-weight:800}
.steps b{font-size:16px}.steps span,.content-section p,.content-section li{color:color-mix(in srgb,var(--text) 70%,transparent);font-size:14px;line-height:1.7}
details{margin-top:16px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--page-bg) 22%,transparent)}
summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0}
.trust-section ul{display:grid;gap:11px;margin:0;padding-left:20px}
.text-links{display:flex;gap:12px;margin-top:22px}.text-links a{padding:10px 14px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:12px;text-decoration:none;font-size:14px}
footer{display:flex;justify-content:space-between;gap:16px;padding:26px 24px calc(26px + env(safe-area-inset-bottom,0px));color:color-mix(in srgb,var(--text) 48%,transparent);font-size:11px;background:var(--page-bg)}
[hidden]{display:none!important}
@supports not (color:color-mix(in srgb,#fff 50%,#000)){.hero:before{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.14),transparent 47%)}.eyebrow,.summary,.target,.steps span,.content-section p,.content-section li{color:rgba(255,255,255,.72)}.secondary-action{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}}
@media (max-width:380px){.hero{min-height:620px;padding-inline:18px}.content-section{padding-inline:20px}footer{padding-inline:20px}}
@media (prefers-reduced-motion:reduce){.atmosphere i{animation:none}.actions a{transition:none}}