:root{color-scheme:dark;--bg:#08120f;--bg2:#0c1914;--surface:#101d18;--surface2:#15251d;--line:#2b4435;--line2:#395944;--text:#f1f9f2;--muted:#9caf9f;--mint:#acf2bb;--mint-dark:#102c1b;--warm:#f1ce92;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:15px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}a:hover{text-decoration:none}svg{display:block}h1,h2,h3,p{margin-top:0}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.ambient{position:absolute;top:0;left:0;right:0;height:780px;background:radial-gradient(ellipse 53% 60% at 77% 25%,#22513963,transparent 80%),radial-gradient(ellipse 50% 75% at 8% 0%,#12352580,transparent 85%);pointer-events:none;z-index:-1}
.site-header{border-bottom:1px solid #d4f0cf12;position:relative;z-index:2}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;background:var(--mint);color:#0a2714;border-radius:13px;width:42px;height:42px;box-shadow:0 0 35px #6aff9621}.brand-name{font-size:17px;font-weight:900;letter-spacing:.17em}.brand-divider{width:1px;height:23px;background:#6b8871}.brand-sub{font-size:13px;color:var(--muted);font-weight:650}.nav-actions{display:flex;align-items:center;gap:22px}.top-status{display:flex;align-items:center;gap:9px;color:#b3c5b5;font-size:12px;white-space:nowrap}.status-dot{background:#74d98e;width:7px;height:7px;border-radius:100%;box-shadow:0 0 0 5px #74d98e12}.lang-switch{background:#1a2d22;border:1px solid #375440;color:#edf8ee;border-radius:11px;padding:9px 16px;font-size:13px;font-weight:750;min-width:80px;transition:background .18s}.lang-switch:hover{background:#284335}
.hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(240px,.84fr);gap:50px;align-items:center;padding:70px 0 73px}.eyebrow,.section-kicker,.panel-kicker{font-size:11px;font-weight:850;letter-spacing:.19em;color:var(--mint)}.eyebrow{display:flex;gap:12px;align-items:center;margin-bottom:24px}.eyebrow-line{height:2px;width:28px;background:var(--mint)}h1{font-size:clamp(45px,5.9vw,77px);font-weight:860;line-height:1.06;letter-spacing:-.061em;margin:0 0 23px;max-width:740px}h1 em{font-style:normal;color:var(--mint)}.hero-intro{font-size:17px;line-height:1.8;color:#aec2b1;max-width:540px;margin:0 0 27px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 21px;color:#d0dfd0;font-size:12px;font-weight:600}.hero-meta>span{display:flex;align-items:center;gap:7px}.hero-meta svg{width:16px;height:16px;stroke:var(--mint);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-art{height:323px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{width:340px;height:340px;border-radius:50%;border:1px solid #9fecab18;position:absolute;z-index:-2}.orbit-two{height:280px;width:280px;border-style:dashed;border-color:#b0f2bb22;transform:rotate(25deg)}.hero-iphone{width:169px;height:318px;border-radius:30px;border:7px solid #294539;background:#070d0b;position:relative;transform:rotate(9deg);box-shadow:22px 26px 56px #000a,0 0 0 2px #567761 inset,0 0 55px #73df9533}.island{width:65px;height:17px;background:#030705;border-radius:0 0 12px 12px;position:absolute;top:0;left:calc(50% - 32px);z-index:3}.iphone-screen{margin:6px;border-radius:19px;height:calc(100% - 12px);background:linear-gradient(160deg,#173425,#08120e);overflow:hidden;padding:27px 12px 12px}.screen-top{font-size:8px;font-weight:950;letter-spacing:.18em;color:#c6f4d0;display:flex;justify-content:space-between}.screen-top span{font-size:6px;color:#83b993}.screen-poster{height:152px;margin-top:17px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(ellipse at 50% 26%,#437857 0,#1a3b28 32%,#0a1810 79%);overflow:hidden;position:relative}.poster-glow{position:absolute;border:1px solid #ffffff2a;width:100px;height:100px;border-radius:100%;box-shadow:0 0 0 17px #ffffff08,0 0 0 42px #ffffff04}.play-glyph{font-size:28px;color:var(--mint);filter:drop-shadow(0 0 13px #a4efb4)}.screen-line{background:#41664c;height:5px;width:60%;border-radius:8px;margin-top:9px}.screen-line.big{width:89%;margin-top:14px}.screen-row{display:flex;gap:7px;margin-top:12px}.screen-row i{flex:1;height:28px;border-radius:5px;background:linear-gradient(140deg,#31553c,#14261b)}.floating-chip{position:absolute;display:flex;gap:8px;align-items:center;background:#173324ee;border:1px solid #4b7754;padding:10px 15px;border-radius:14px;box-shadow:0 14px 25px #0007;font-size:12px;font-weight:800;letter-spacing:.025em;backdrop-filter:blur(15px)}.floating-chip span:first-child{color:var(--mint)}.chip-top{top:52px;left:24px;transform:rotate(-7deg)}.chip-bottom{bottom:55px;right:6px;transform:rotate(-4deg)}
.choose,.help{margin-bottom:86px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-top h2,.guide-header h2,.download h2{font-size:clamp(26px,3vw,35px);line-height:1.18;letter-spacing:-.04em;margin:10px 0 9px;font-weight:830}.section-top p,.guide-header p{margin:0;color:var(--muted);font-size:14px}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.method-card{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;position:relative;padding:23px;border-radius:var(--radius);border:1px solid #365040;background:linear-gradient(155deg,#172b20 0%,#111e17 65%);color:var(--text);transition:transform .17s,border-color .17s,box-shadow .17s;box-shadow:0 12px 36px #0000000b}.method-card:hover{border-color:#79bc88;transform:translateY(-4px);box-shadow:0 18px 48px #0005}.method-card[aria-pressed="true"]{border-color:#b0f2bb;box-shadow:0 0 0 1px #b0f2bb,0 18px 46px #0005;background:linear-gradient(150deg,#1b3e29,#102117 73%)}.method-card[aria-pressed="true"]:after{content:"✓";position:absolute;right:19px;top:22px;border-radius:50%;background:var(--mint);color:#0a2314;width:24px;height:24px;text-align:center;line-height:24px;font-size:13px;font-weight:900}.method-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #426949;background:#1d3827;border-radius:14px;color:var(--mint);margin-bottom:18px}.method-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.method-content{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%}.method-tag{font-size:10px;letter-spacing:.16em;font-weight:900;color:#a6d0ae}.method-tag.recommended{color:var(--mint)}.method-content strong{font-size:20px;font-weight:850;line-height:1.22;letter-spacing:-.028em}.method-desc{font-size:13px;line-height:1.6;color:#b4c9b9;max-width:275px}.method-foot{font-size:11px;color:#819b89;margin-top:6px}.method-arrow{position:absolute;right:24px;bottom:20px;font-size:20px;color:var(--mint)}
.guide{margin:4px 0 88px;scroll-margin-top:28px;animation:slideIn .25s ease}.guide-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 26px}.text-button{background:transparent;border:0;color:var(--mint);font-size:13px;font-weight:750;padding:9px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.version-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:16px 19px;margin:-5px 0 20px;background:#12281b;border:1px solid #3b5d46;border-radius:16px}.version-box label{font-weight:750;font-size:13px}.version-box select{background:#081810;color:#edf9f0;border:1px solid #56755c;border-radius:10px;min-height:42px;padding:8px 35px 8px 12px;max-width:100%}.version-box small{font-size:11px;color:#9db49f}.compatibility-note{background:#33251a;border:1px solid #7b5d3d;color:#f6d9a8;padding:17px 20px;border-radius:14px;margin-bottom:20px;font-size:13px;line-height:1.7}.compatibility-note strong{color:#ffe4b5}.compatibility-note button{border:0;background:transparent;color:#ffd998;text-decoration:underline;font-weight:800;margin:0 2px;padding:4px}.guide-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.85fr);gap:20px;align-items:start}.guide-primary{background:linear-gradient(160deg,#101e16,#0b1711);border:1px solid #324c3a;border-radius:20px;padding:30px}.steps-list{margin:0;padding:0;list-style:none;counter-reset:steps}.step-item{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:18px;position:relative;padding:0 0 29px}.step-item:last-child{padding-bottom:18px}.step-item:not(:last-child):before{content:"";position:absolute;width:1px;left:18px;top:42px;bottom:8px;background:#375741}.step-count{border-radius:13px;border:1px solid #4c7a55;background:#20432b;color:var(--mint);display:grid;place-items:center;width:36px;height:36px;font-size:14px;font-weight:900;position:relative;z-index:1}.step-main h3{font-size:17px;font-weight:830;line-height:1.35;margin:3px 0 8px;letter-spacing:-.015em}.step-main p{color:#abc0b0;font-size:13px;line-height:1.78;margin:0 0 11px}.step-actions{display:flex;flex-wrap:wrap;gap:8px}.mini-link{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #486a50;background:#1b3625;border-radius:10px;color:#d9f1dc;font-weight:750;font-size:12px;transition:background .15s}.mini-link:hover{background:#284b33}.mini-link.primary-mini{background:#b0f2bb;color:#10301c;border-color:#b0f2bb}.mini-link.primary-mini:hover{background:#cbffd3}.finish-callout{display:flex;align-items:flex-start;gap:12px;background:#162b1d;border:1px solid #385e42;border-radius:14px;padding:18px 18px 14px}.finish-icon{width:28px;height:28px;border:1px solid #87c99a;background:#2e5836;border-radius:9px;color:#b0f2bb;flex-shrink:0;display:grid;place-items:center;font-weight:900}.finish-callout strong{font-size:13px}.finish-callout p{margin:5px 0 0;color:#abc1ae;font-size:12px;line-height:1.65}.guide-aside{display:grid;gap:16px}.resource-panel,.video-panel{background:#122219;border:1px solid #334d3a;border-radius:20px;padding:23px}.panel-kicker{font-size:10px;color:#8dcb99}.resource-panel h3,.video-panel h3{font-size:18px;letter-spacing:-.025em;margin:8px 0 15px}.resource-list{display:grid;gap:8px}.resource-link{display:flex;align-items:center;gap:10px;border:1px solid #385741;background:#172c1e;border-radius:12px;padding:12px 12px;min-height:55px;transition:background .15s}.resource-link:hover{background:#23422c}.resource-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid #466b4e;background:#274731;color:#b0f2bb;font-size:15px;flex:0 0 30px}.resource-content{min-width:0;display:flex;flex-direction:column;flex:1}.resource-content strong{font-size:12px;line-height:1.4;font-weight:800}.resource-content small{color:#9cbaa4;font-size:10px}.resource-link>.resource-arrow{color:#b0efbd}.video-panel{background:linear-gradient(160deg,#192d22,#0c1911)}.video-preview{display:flex;align-items:center;justify-content:center;position:relative;border-radius:13px;min-height:154px;background:radial-gradient(circle at 50% 40%,#36634a,#183523 60%,#102016);border:1px solid #416b4d;overflow:hidden;gap:14px;flex-direction:column}.video-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,#c2f7c30d 48%,transparent 52%)}.video-preview:hover .play-circle{transform:scale(1.09)}.play-circle{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:#b4f3c0;color:#12301d;font-size:19px;padding-left:4px;box-shadow:0 0 0 10px #acf2bb16;transition:transform .15s}.video-preview #video-caption{position:relative;font-weight:800;font-size:12px;color:#e0f6e3}.video-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#a6bfa9;font-size:11px;margin-top:12px}.external-icon{color:var(--mint);font-size:18px}
.download{border:1px solid #426f4c;background:radial-gradient(circle at 0% 0%,#2b5739 0,#153323 40%,#101d16 80%);border-radius:24px;display:grid;grid-template-columns:56px minmax(0,1fr) 250px;gap:25px;align-items:center;padding:33px;margin-bottom:92px}.download-mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid #68a778;background:#2a5135;color:#b5f7c0;border-radius:17px}.download-mark svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.download h2{margin:8px 0 5px}.download-copy>p{color:#c7dccb;font-size:13px;margin:0}.download-copy .download-note{color:#9ebaa5;font-size:12px;margin-top:10px;line-height:1.7;max-width:570px}.download-actions{display:flex;flex-direction:column;gap:10px}.primary-button,.secondary-button{width:100%;min-height:47px;border-radius:11px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850;transition:transform .14s,background .14s}.primary-button{background:#b0f2bb;color:#0d2a18}.primary-button:hover{transform:translateY(-2px);background:#cdfbd3}.secondary-button{background:#25482e;color:#dffce6;border:1px solid #507b58}.secondary-button:hover{background:#315d3e}.release-link{font-size:11px;color:#b3ddbb;text-decoration:underline;text-underline-offset:3px;text-align:center}.release-link:hover{color:#fff}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.faq-item{border:1px solid #334e3a;background:#122019;border-radius:14px;padding:0 18px}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:13px;padding:18px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:20px;line-height:1;color:var(--mint);flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0 0 18px;color:#aebfac;font-size:12px;line-height:1.75}.faq-item a{color:#b0f2bb;text-decoration:underline}.footnote{display:flex;align-items:flex-start;gap:11px;padding:20px 0 32px;margin-top:-26px;color:#819b89;font-size:11px;line-height:1.6}.footnote span{font-size:16px}.footnote p{margin:0}.site-footer{border-top:1px solid #e2ffe112;color:#8fa893;padding:27px 0 31px;font-size:11px}.footer-inner,.footer-inner>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner a{color:#c2e4c5}.footer-inner a:hover{text-decoration:underline}.footer-separator{margin:0 5px;color:#56705c}
[hidden]{display:none!important}@keyframes slideIn{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.hero{grid-template-columns:minmax(0,1fr) 250px;gap:10px}.hero-art{height:290px}.hero-iphone{transform:scale(.87) rotate(8deg)}.orbit{width:270px;height:270px}.orbit-two{width:220px;height:220px}.chip-top{left:0}.chip-bottom{right:-5px}.method-card{padding:20px;min-height:274px}.method-content strong{font-size:18px}.guide-layout{grid-template-columns:minmax(0,1.25fr) minmax(250px,.8fr)}.download{grid-template-columns:46px minmax(0,1fr) 225px;gap:18px;padding:25px}.download-mark{width:46px;height:46px}}
@media(max-width:760px){.header-inner{min-height:74px}.shell{width:min(100% - 34px,620px)}.top-status{display:none}.hero{grid-template-columns:1fr;padding:54px 0 38px;min-height:0}.hero-art{display:none}.hero-intro{font-size:15px}.method-grid{grid-template-columns:1fr;gap:11px}.method-card{min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px}.method-icon{margin:0}.method-content{gap:4px;padding-right:20px}.method-content strong{font-size:18px}.method-desc{max-width:none}.method-foot{margin-top:2px}.method-arrow{right:18px;bottom:18px}.guide-layout{grid-template-columns:1fr}.guide-aside{grid-template-columns:1fr 1fr;align-items:start}.guide-primary{padding:23px}.guide-header{align-items:flex-start}.version-box{align-items:flex-start;flex-direction:column}.version-box select{width:100%}.download{grid-template-columns:48px 1fr;margin-bottom:72px}.download-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.release-link{grid-column:1/-1}.faq-list{grid-template-columns:1fr}.choose,.help{margin-bottom:70px}}
@media(max-width:560px){.brand-name{font-size:14px;letter-spacing:.11em}.brand-symbol{width:37px;height:37px;border-radius:11px}.brand-divider{height:20px}.brand-sub{font-size:11px}.lang-switch{padding:8px 10px;min-width:66px}.hero{padding:50px 0 42px}h1{font-size:clamp(39px,10.6vw,59px);line-height:1.1}.eyebrow{margin-bottom:17px}.hero-intro{margin-bottom:20px}.hero-meta{gap:9px 13px;font-size:11px}.guide-header{display:block}.text-button{margin-top:8px}.guide-primary{padding:19px 17px}.step-item{grid-template-columns:32px 1fr;gap:12px;padding-bottom:24px}.step-count{width:31px;height:31px;border-radius:10px;font-size:12px}.step-item:not(:last-child):before{left:15px;top:34px}.step-main h3{font-size:15px;margin-top:1px}.guide-aside{grid-template-columns:1fr}.resource-panel,.video-panel{padding:19px}.download{padding:21px;gap:13px}.download h2{font-size:25px}.download-actions{grid-template-columns:1fr}.release-link{grid-column:auto}.download-mark{width:44px;height:44px}.method-card{grid-template-columns:43px minmax(0,1fr)}.method-icon{width:42px;height:42px}.brand-sub{max-width:70px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
[dir="rtl"] .brand-name{letter-spacing:.15em}[dir="rtl"] .method-card{text-align:right}[dir="rtl"] .method-content{align-items:flex-start}[dir="rtl"] .method-arrow{right:auto;left:22px;transform:scaleX(-1)}[dir="rtl"] .method-card[aria-pressed="true"]:after{right:auto;left:19px}[dir="rtl"] .step-item:not(:last-child):before{left:auto;right:18px}[dir="rtl"] .mini-link,[dir="rtl"] .method-icon,[dir="rtl"] .resource-icon{direction:ltr}[dir="rtl"] .compatibility-note button{direction:rtl}[dir="rtl"] .play-circle{padding:0 4px 0 0}[dir="rtl"] .method-content{padding-right:0;padding-left:23px}[dir="rtl"] .brand-divider{order:initial}[dir="rtl"] .section-kicker,[dir="rtl"] .eyebrow,[dir="rtl"] .panel-kicker{letter-spacing:.04em}[dir="rtl"] .step-main h3{letter-spacing:0}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] .method-content strong{letter-spacing:0}[dir="rtl"] .download-actions .primary-button span:last-child,[dir="rtl"] .secondary-button span:last-child{transform:scaleX(-1)}
@media(max-width:560px){[dir="rtl"] .step-item:not(:last-child):before{right:15px}}