:root{--ink:#20271e;--muted:#6b7167;--paper:#f6f5ee;--lime:#d3ed8b;--line:#dedfd4;--green:#426144}
.hero-art{position:relative;height:530px;isolation:isolate}.orbit{position:absolute;width:440px;height:440px;border:1px solid #daddce;border-radius:50%;top:40px;left:50%;transform:translateX(-50%)}.orbit:after{content:"";position:absolute;inset:37px;border:1px dashed #daddce;border-radius:50%}.spark{position:absolute;color:#758957;font-size:42px}.spark-one{right:8px;top:48px;transform:rotate(12deg)}.spark-two{bottom:70px;left:4px;font-size:30px}.phone{position:absolute;top:0;left:50%;width:256px;height:493px;transform:translateX(-50%) rotate(-5deg);border:7px solid #292e27;border-radius:37px;background:#171e18;box-shadow:18px 25px 50px #22281726,0 0 0 1px #7c8571;overflow:hidden;z-index:3}.notch{position:absolute;width:84px;height:16px;top:0;left:50%;transform:translateX(-50%);background:#292e27;border-radius:0 0 12px 12px;z-index:5}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:27px 15px 15px;color:#cdd3c8;font-size:12px}.phone-top b{color:var(--lime);font-size:22px;letter-spacing:-1px}.phone-top b span{font-size:12px;color:#f1f4eb;letter-spacing:-.5px;margin-left:2px}.poster{height:338px;position:relative;overflow:hidden;margin:0 9px;border-radius:17px;background:linear-gradient(160deg,#72966c 0%,#466d52 46%,#243d30 100%)}.poster-label{position:absolute;top:17px;left:17px;letter-spacing:2px;font-size:7px;color:#e0e8cf;z-index:2}.poster-moon{position:absolute;width:170px;height:170px;border-radius:50%;background:#d7dfab;right:-3px;top:54px;opacity:.94}.poster:before,.poster:after{content:"";position:absolute;width:260px;height:180px;transform:rotate(35deg);background:#32523d;bottom:-32px;left:-99px;border-radius:50%}.poster:after{left:100px;background:#294d3b;transform:rotate(-35deg)}.figure{position:absolute;bottom:0;width:160px;height:233px;left:42px;z-index:1}.face{position:absolute;top:0;left:49px;width:53px;height:86px;border-radius:45% 48% 40% 50%;background:#c1a58c;transform:rotate(-12deg);border-top:20px solid #253b2c;border-left:12px solid #253b2c;box-shadow:8px 4px 0 6px #253b2c}.coat{position:absolute;top:79px;bottom:-35px;width:155px;left:0;background:linear-gradient(105deg,#9aa578 0 39%,#d6d5af 40% 57%,#798760 58%);border-radius:55px 45px 0 0;transform:rotate(-4deg)}.poster-title{position:absolute;left:18px;top:42px;color:#f1eed8;font-size:29px;line-height:1.04;font-weight:800;letter-spacing:-1.5px;z-index:2}.poster-title em{font-family:Georgia,serif;font-weight:400}.poster-play{position:absolute;right:15px;bottom:35px;width:37px;height:37px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;background:#ffffff18;z-index:3}.poster-footer{position:absolute;left:15px;right:15px;bottom:14px;color:#e3e6cc;font-size:6px;letter-spacing:1px;z-index:3;display:flex;justify-content:space-between}.poster-footer span{font-size:13px}.progress{height:2px;background:#4e5b48;margin:16px 18px 0}.progress span{display:block;width:36%;height:100%;background:var(--lime)}.phone-bottom{display:flex;justify-content:space-between;color:#a6af9f;font-size:8px;padding:17px 23px}.phone-bottom b{color:var(--lime)}
.back-card{position:absolute;top:115px;width:176px;height:295px;border:5px solid var(--paper);border-radius:17px;overflow:hidden;box-shadow:0 15px 30px #1e2a1c12}.back-card>span{position:absolute;top:15px;left:15px;font-size:7px;letter-spacing:2px;color:#ede8dc;z-index:1}.back-card strong{position:absolute;bottom:21px;left:15px;z-index:1;letter-spacing:-1px;line-height:1.05;font-size:25px;color:#ece6dc}.card-left{left:2px;transform:rotate(-17deg);background:linear-gradient(155deg,#7a788f,#383445)}.card-right{right:-3px;transform:rotate(15deg);background:linear-gradient(155deg,#d7ad94,#975d4b)}.moon{position:absolute;width:90px;height:90px;border-radius:50%;background:#bbb8c1;left:35px;top:50px}.moon:after{content:"";position:absolute;width:70px;height:150px;background:#474053;border-radius:50px 50px 0 0;top:61px;left:10px}.sun{position:absolute;width:110px;height:110px;border-radius:50%;background:#ebc8a1;right:-12px;top:57px}.sun:after{content:"";position:absolute;width:90px;height:150px;background:#a66e55;border-radius:60px 60px 0 0;top:55px;left:-30px}.floating-note{position:absolute;bottom:5px;right:5px;z-index:4;display:flex;gap:11px;align-items:center;background:#fdfcf6;border:1px solid #e3e5d9;border-radius:13px;padding:14px 18px;box-shadow:0 9px 25px #3341240c;transform:rotate(3deg);font-size:11px}.floating-note>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lime);font-size:20px}.art-disclaimer{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:8px;color:#919588}
.steps{border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:40px;padding:36px 0 40px}.steps-heading .eyebrow{margin-bottom:12px;font-size:9px}.steps h2{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:0}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;margin:0;padding:0}.steps li{display:flex;gap:12px}.step-number{font-family:Georgia,serif;color:#7c8e68;font-size:23px;line-height:1.1}.steps h3{font-size:12px;margin:2px 0 9px;font-weight:600}.steps li p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);min-height:76px;font-size:10px;color:#818777}.footer>span:first-child{color:#58614f}.footer-divider{padding:0 12px;color:#b6bcae}
@media(min-width:1440px){.hero{min-height:700px}.hero-art{transform:scale(1.04)}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:0}.hero-art{transform:scale(.87);transform-origin:center right}.steps{grid-template-columns:180px 1fr;gap:20px}.steps ol{gap:18px}.steps li{gap:8px}}
@media(max-width:760px){.shell{width:calc(100% - 40px);max-width:520px}.header{height:78px}.brand{font-size:19px}.brand-mark{width:31px;height:31px;border-radius:9px;font-size:13px}.header-note{font-size:10px;gap:6px}.hero{display:flex;flex-direction:column;padding:44px 0 38px;gap:33px;min-height:0}.hero-copy{width:100%}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}h1{font-size:clamp(44px,11vw,62px);letter-spacing:-2px;margin-bottom:22px}.description{font-size:13px;max-width:340px;margin-bottom:21px}.chips{font-size:10px;gap:15px;margin-bottom:26px}.actions{width:100%;max-width:400px}.hero-art{width:100%;height:475px;transform:scale(.9);transform-origin:center center;margin:0 0 -10px}.phone{top:0}.back-card{top:120px}.card-left{left:-6px}.card-right{right:-6px}.orbit{width:370px;height:370px;top:75px}.floating-note{bottom:-15px;right:-6px}.spark-one{right:0;top:20px}.spark-two{left:-4px;bottom:25px}.art-disclaimer{bottom:-43px}.steps{grid-template-columns:1fr;gap:25px;padding:31px 0}.steps-heading .eyebrow{margin-bottom:9px}.steps h2{font-size:21px}.steps ol{grid-template-columns:1fr;gap:23px}.steps li{gap:18px}.step-number{font-size:24px}.steps h3{font-size:13px;margin-top:3px}.steps li p{font-size:11px;max-width:330px}.footer{min-height:100px;align-items:flex-start;justify-content:center;flex-direction:column;gap:11px;padding:22px 0;font-size:9px}.page-status{font-size:10px}.help{font-size:9px}}
@media(max-width:370px){.header-note{font-size:9px}.brand{font-size:17px}.hero-art{transform:scale(.78);margin-top:-35px;margin-bottom:-45px}.hero{overflow:hidden}.chips{gap:9px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
@media(max-width:760px){h1{font-size:clamp(35px,10vw,56px)}.chips{flex-wrap:wrap;row-gap:8px}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--ink);color:var(--lime);font-size:17px;padding-left:2px}.header-note{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.header-note i{width:6px;height:6px;border-radius:50%;background:#7c9752}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:650px;padding:54px 0 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--green);margin:0 0 28px;display:flex;align-items:center;gap:12px}.hero-copy>.eyebrow:before{content:"";width:27px;height:1px;background:var(--green)}h1{font-size:clamp(46px,5.6vw,76px);line-height:1.25;letter-spacing:-3px;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--green);position:relative;white-space:nowrap}h1 em:after{content:"";position:absolute;height:10px;bottom:2px;left:0;right:0;background:var(--lime);z-index:-1}.description{font-size:15px;line-height:1.9;max-width:390px;color:var(--muted);margin:0 0 24px}.chips{display:flex;gap:17px;font-size:11px;color:#555f4c;margin-bottom:30px}.chips>span:before{content:"✓";margin-right:5px;color:var(--green)}.actions{display:flex;flex-direction:column;gap:11px;width:328px;max-width:100%}.button{display:flex;align-items:center;min-height:68px;padding:14px 21px;border-radius:12px;gap:15px;text-decoration:none;transition:transform .18s,background .18s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid #7e994e;outline-offset:4px}.primary{background:var(--ink);color:#fff}.primary small{display:block;color:#c0c7b9;font-size:10px;margin-bottom:5px;letter-spacing:.3px}.primary strong{font-size:14px;font-weight:600}.store-mark{font-size:36px;line-height:1;color:var(--lime)}.arrow{margin-left:auto;font-size:23px;color:var(--lime)}.secondary{justify-content:space-between;min-height:49px;border:1px solid #cbd1c2;font-size:12px;background:transparent}.button[aria-disabled="true"]{opacity:.42;cursor:not-allowed;transform:none}.page-status{font-size:11px;line-height:1.8;max-width:390px;color:var(--green);margin:17px 0 0}.page-status.is-warning{color:#8b6547}.help{font-size:10px;color:#8a8e83;line-height:1.7;max-width:360px;margin:6px 0 0}
