@charset "UTF-8";
:root{color-scheme:dark;--orange:#ff7a22;--ink:#131313;--muted:#a4a4a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#faf7f2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.topbar{max-width:1200px;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:1px}.brand img{height:38px;width:38px;border-radius:11px}.web-link{font-size:14px;color:#d3d0ca;display:flex;gap:16px}.web-link:hover,.text-link:hover{color:var(--orange)}.hero{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;padding:66px 36px 94px;gap:36px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:600;color:var(--orange);display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(46px,5.4vw,72px);line-height:1.2;letter-spacing:-2px;margin:25px 0}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:16px;line-height:1.9;color:#aaa8a3}.download-card{margin-top:30px;max-width:418px;background:#20201f;border:1px solid #37352f;border-radius:18px;padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.small-label{font-size:12px;color:#c7c2ba}.version{font-size:11px;color:#b0a799;font-variant-numeric:tabular-nums}.button{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:11px;font-size:16px;font-weight:650;min-height:56px}.primary{background:var(--orange);color:#17110c;box-shadow:0 5px 25px #ff7a2215;transition:background .2s}.primary:hover{background:#ff9651}.primary span{font-size:22px;font-weight:400}.status{font-size:12px;line-height:1.7;color:#aaa69e;margin:13px 0}.other-options{display:flex;align-items:center;gap:13px;font-size:12px;border-top:1px solid #37352f;padding-top:15px}.other-options>a{padding:5px 0}.other-options>span{color:#555}.other-options a:hover{color:var(--orange)}.guide-link{display:inline-flex;align-items:center;gap:25px;margin-top:23px;font-size:12px;color:#aaa69e}.embedded-tip{max-width:418px;font-size:13px;color:#ffc69a;line-height:1.7;padding:12px;background:#3d291d;border-radius:8px}.hero-art{height:570px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#93452033 0%,transparent 65%)}.orbit{position:absolute;border:1px solid #b2774038;border-radius:50%;width:490px;height:490px;transform:rotate(-27deg) scaleY(.73)}.orbit-two{width:580px;height:580px;transform:rotate(43deg) scaleY(.65);border-color:#b277401a}.phone{width:260px;height:508px;background:#1f201f;border:6px solid #454541;outline:1px solid #171715;border-radius:41px;transform:rotate(8deg);box-shadow:18px 30px 65px #0009;position:relative;padding:48px 16px 20px;z-index:1}.island{position:absolute;top:13px;left:50%;transform:translateX(-50%);height:18px;width:76px;background:#090a08;border-radius:20px}.phone-brand{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:700;margin-bottom:23px}.phone-brand img{height:40px;width:40px;border-radius:12px}.phone-brand small{display:block;font-size:7px;color:#a7a395;letter-spacing:2px;margin-top:5px}.feature-screen{height:280px;padding:20px 15px;border-radius:19px;position:relative;display:flex;flex-direction:column;background:linear-gradient(153deg,#ffbe65 0%,#ee691e 40%,#632709 100%);overflow:hidden}.feature-screen:before{content:"";position:absolute;width:290px;height:290px;border:32px solid #ffc58c33;border-radius:50%;left:-82px;top:67px}.film-tag{font-size:9px;letter-spacing:2px;position:relative}.play-circle{height:68px;width:68px;display:grid;place-items:center;background:#fff2;border:1px solid #fff5;border-radius:50%;margin:auto;font-size:23px;backdrop-filter:blur(5px);padding-left:4px}.feature-screen strong{font-size:24px;letter-spacing:-1px;z-index:1}.screen-line{height:2px;background:linear-gradient(to right,#fff 30%,#ffffff40 30%);margin-top:14px}.phone-categories{display:flex;gap:7px;margin-top:16px}.phone-categories span{flex:1;border-radius:9px;padding:13px 0;text-align:center;font-size:10px;background:#30312d;color:#c1bdb3}.phone-bottom{position:absolute;width:85px;height:3px;border-radius:5px;background:#d9d8d1;bottom:10px;left:50%;transform:translateX(-50%)}.art-label{position:absolute;font-size:10px;letter-spacing:3px;color:#8d8171}.label-top{top:10px;right:0}.label-bottom{bottom:0;left:10px;font-size:8px}.floating-note{position:absolute;z-index:2;left:-4px;bottom:64px;display:flex;gap:12px;align-items:center;padding:17px 21px;border-radius:15px;border:1px solid #ffffff1a;background:#2b2925eb;box-shadow:0 12px 36px #0005;font-size:13px;transform:rotate(-5deg)}.note-icon{height:35px;width:35px;background:#ff7a2220;border-radius:50%;color:#ffae68;display:grid;place-items:center;font-size:20px}.floating-note small{display:block;color:#a19b91;font-size:10px;margin-top:7px}.install-section{background:#f3f0e9;color:#25241f;padding:68px max(36px,calc((100vw - 1128px)/2)) 58px}.section-heading h2{font-size:32px;letter-spacing:-1px;margin:15px 0}.section-heading>p{font-size:14px;color:#7c786e}.guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.guide{padding:28px;border:1px solid #dbd7cc;border-radius:16px;background:#fffefa}.guide-title{display:flex;align-items:center;gap:12px}.platform{color:#b3a893;font-size:12px}.guide h3{font-size:18px;margin:0}.pill{font-size:10px;color:#867660;border:1px solid #e4ddcf;border-radius:20px;padding:5px 8px;margin-left:auto}.guide ol{list-style:none;counter-reset:steps;padding:0;margin:26px 0}.guide li{counter-increment:steps;position:relative;padding-left:35px;margin:22px 0}.guide li:before{content:counter(steps);position:absolute;left:0;top:-1px;width:23px;height:23px;border-radius:50%;background:#f0ede6;display:grid;place-items:center;font-size:11px;color:#796a55}.guide li strong{font-size:14px;font-weight:600}.guide li p{font-size:12px;line-height:1.9;color:#817b6f;margin:6px 0}.text-link{font-size:12px;color:#b95112}.safari-option{margin-top:24px;padding:22px 25px;border-radius:12px;background:#e8e4da}.safari-option strong{font-size:13px}.safari-option p{font-size:12px;color:#756e61;line-height:1.9;margin:7px 0 0}.safari-option a{color:#aa4b12;text-decoration:underline}.faq{max-width:900px;padding:64px 36px;margin:auto}.faq h2{font-size:24px;margin:0 0 26px}.faq details{border-bottom:1px solid #34332f;padding:21px 0}.faq summary{font-size:14px;cursor:pointer;line-height:1.6}.faq details p{font-size:13px;color:#aba59b;line-height:1.9;margin-bottom:0;overflow-wrap:anywhere}footer{border-top:1px solid #34332f;max-width:1128px;padding:27px 0 35px;margin:auto;display:flex;gap:22px;align-items:center;color:#77746c;font-size:11px}footer>span:first-child{font-size:14px;color:#c5bfb3}footer>a{margin-left:auto}@media(max-width:850px){.hero{gap:10px}.hero-art{transform:scale(.84);transform-origin:center}.orbit{width:350px}.orbit-two{width:420px}.label-top{right:20px}.floating-note{left:-25px}.guides{gap:14px}.guide{padding:22px}.guide-title{flex-wrap:wrap;gap:8px}.pill{margin-left:0}footer{margin:0 36px}}@media(max-width:620px){.topbar{padding:20px 22px}.brand{font-size:18px}.brand img{height:34px;width:34px}.web-link{font-size:12px;gap:9px}.hero{display:block;padding:38px 22px 35px;overflow:hidden}.hero-copy{position:relative;z-index:3}h1{font-size:49px;margin:20px 0;letter-spacing:-1.5px}.intro{font-size:14px}.download-card{max-width:none;margin-top:26px}.hero-art{height:438px;transform:scale(.78);margin:-15px -40px -40px}.label-top{top:-15px;right:22px}.label-bottom{bottom:-25px;left:50px}.floating-note{left:30px;bottom:4px}.install-section{padding:42px 22px 34px}.section-heading h2{font-size:26px}.guides{grid-template-columns:1fr;gap:16px}.guide{padding:23px}.pill{margin-left:auto}.safari-option{padding:20px}.faq{padding:42px 22px}.faq h2{font-size:21px}.faq summary{font-size:13px}footer{margin:0 22px;gap:12px;flex-wrap:wrap;padding-bottom:max(26px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}