:root{--ink:#19332e;--muted:#5d6b65;--paper:#f5f2eb;--green:#244e41;--line:#d9ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ce7a35;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:20px}.brand img{border-radius:10px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}.language{border:1px solid #b7c4b9;border-radius:30px;padding:8px 16px}main{padding:0 40px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:70px 0 90px;min-height:760px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;margin:0 0 20px;color:#47725e}h1,h2,h3{font-weight:650;line-height:1.14;letter-spacing:-.045em;margin:0}h1{font-size:clamp(46px,5.3vw,72px)}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:clamp(32px,3.8vw,49px)}.intro{font-size:18px;max-width:530px;margin:28px 0;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:22px;align-items:center;background:var(--green);color:white;border-radius:12px;padding:15px 22px;font-size:15px;font-weight:650;transition:background .2s}.button:hover{background:#17372d}.text-link{font-weight:600}.small{font-size:12px;color:var(--muted);margin-top:17px}.hero-art{position:relative;display:flex;justify-content:center;padding:25px 0}.hero-phone{position:relative;width:250px;height:auto;border-radius:32px;border:7px solid #fff;box-shadow:0 24px 65px #183e2925;transform:rotate(5deg)}.orbit{position:absolute;width:420px;height:420px;border-radius:50%;background:#dbe5d7;top:85px;max-width:100%}.floating{position:absolute;bottom:60px;left:-10px;border:1px solid #e2e6dc;background:#fffef8;border-radius:14px;padding:15px 22px;box-shadow:0 10px 30px #19332e0b;font-size:13px}.floating span{color:#46725d;margin-right:10px}.section-heading{padding:25px 0 40px;max-width:750px}.section-heading p:last-child{color:var(--muted)}.feature{border-radius:28px;margin:0 0 24px;padding:62px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;background:#e8ede3;overflow:hidden}.copy>p:not(.eyebrow){color:var(--muted);margin:24px 0;font-size:16px}.tags{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.tags li{font-size:11px;border:1px solid #9cad9c;border-radius:30px;padding:6px 12px}.screens{display:flex;justify-content:center;align-items:center;gap:18px}.screens img{width:205px;max-width:100%;height:auto;border:5px solid #fff;border-radius:22px;box-shadow:0 14px 35px #0002}.feature-1{background:#ebe6dc}.feature-2{background:#13243c;color:#f4f7ff}.feature-2 .copy>p:not(.eyebrow){color:#bbcadc}.feature-2 .eyebrow{color:#9fc4ff}.feature-2 .tags li{border-color:#506580}.feature-3{background:#163a30;color:#eff7ee}.feature-3 .copy>p:not(.eyebrow){color:#b8cfc1}.feature-3 .eyebrow{color:#9ed6b4}.feature-3 .tags li{border-color:#5c806c}.duo img{width:calc(50% - 9px);border:4px solid #ffffff35;border-radius:16px}.duo .secondary{margin-top:70px}.friends{display:flex;align-items:center;gap:50px;margin:76px 0;padding:0 30px}.friends h2{font-size:32px}.friends p:last-child{color:var(--muted);max-width:760px}.avatars{display:flex;padding:15px}.avatars span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#d6e4d1;border:4px solid var(--paper);margin-left:-15px;font-size:26px}.avatars span:nth-child(2){background:#e9cbbb;color:#914b39}.info{max-width:830px;margin:90px auto;text-align:center}.info>p:not(.eyebrow){color:var(--muted);margin-top:25px}.download{background:#e1e8db;border-radius:28px;padding:55px 65px;display:flex;justify-content:space-between;align-items:center;gap:35px}.download h2{margin-bottom:25px}.download figure{margin:0;text-align:center;max-width:220px}.download img{display:block;margin:0 auto 15px;border:8px solid white;border-radius:12px}.download figcaption{font-size:12px;color:var(--muted)}.screen-note{text-align:center;font-size:11px;color:var(--muted);margin:55px 0 30px}footer{border-top:1px solid var(--line);padding:25px 40px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-80px;background:white;padding:10px;z-index:3}.skip:focus{top:10px}@media(max-width:950px){.feature{padding:40px;gap:30px}.hero{gap:25px}.duo{gap:8px}.floating{left:0}.brand{font-size:17px}nav{gap:14px}}@media(max-width:700px){header{padding:18px 22px;flex-wrap:wrap;gap:15px}nav{width:100%;justify-content:space-between;font-size:12px;gap:10px}.language{padding:5px 12px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:35px;min-height:0}h1{font-size:48px}.intro{font-size:16px}.hero-art{padding:12px 0 28px}.hero-phone{width:220px}.orbit{width:330px;height:330px;top:65px}.floating{left:8px;bottom:45px}.feature{grid-template-columns:1fr;padding:32px 24px;gap:25px;border-radius:22px}.screens img{width:215px}.duo img{width:calc(50% - 7px);max-width:200px}.duo .secondary{margin-top:35px}.friends{padding:0;flex-direction:column;align-items:flex-start;gap:15px;margin:55px 0}.friends h2{font-size:30px}.info{margin:65px auto;text-align:left}.download{padding:32px 24px;flex-direction:column;align-items:flex-start}.download figure{display:flex;align-items:center;text-align:left;max-width:none;gap:18px}.download img{width:105px;height:105px;margin:0}.download h2{font-size:32px}.download figcaption{max-width:180px}footer{padding:24px 22px;flex-wrap:wrap}.screen-note{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.guides{margin:80px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.guide-card{padding:30px;border:1px solid var(--line);border-radius:20px;display:block}.guide-card:hover{background:#e8ede3}.guide-card h3{font-size:25px;line-height:1.35}.guide-card p{color:var(--muted)}.guide-card span{font-size:14px;font-weight:650}.guide-body{max-width:860px;padding-top:65px;padding-bottom:65px}.guide-body h1{font-size:clamp(34px,4vw,52px)}.guide-body section{margin-top:40px}.guide-body h2{font-size:26px;line-height:1.4;letter-spacing:-.02em}.guide-body section p{font-size:17px;color:var(--muted)}.guide-next{padding:32px;background:#e1e8db;border-radius:24px;margin:50px 0}@media(max-width:700px){.guide-grid{grid-template-columns:1fr}.guides{margin:60px 0}.guide-card{padding:24px}.guide-body{padding-top:38px}.guide-body section p{font-size:16px}}