:root{--bg:#f6f6f3;--ink:#202124;--muted:#666b70;--accent:#dcece3;--border:#e3e5e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #247a58;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.brand{font-size:32px;font-weight:800;letter-spacing:-2px}.brand span{color:#202124}nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--ink);color:white;padding:17px 24px;border-radius:10px;font-weight:600;transition:transform .18s,background .18s}.button:hover{background:#247a58;transform:translateY(-2px)}.button.small{padding:11px 18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:65px 0 90px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1{font-size:clamp(42px,5.4vw,72px);line-height:1.07;letter-spacing:-3px;margin:0 0 28px}h1 em{font-style:normal;color:#247a58}.lead{font-size:19px;max-width:465px;margin-bottom:30px;color:#526157}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin-top:16px}.roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.roles span{border:1px solid var(--border);border-radius:30px;font-size:11px;padding:6px 10px}.example{background:white;border:1px solid #e1e5dc;border-radius:24px;padding:30px;box-shadow:0 22px 65px #2021240d;transform:rotate(1deg)}.card-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:bold}.live-dot{width:7px;height:7px;background:#247a58;border-radius:50%}.sample{margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1px}.muted{font-size:12px;color:var(--muted)}.earned{display:flex;flex-direction:column;gap:4px;margin:24px 0 12px;font-size:13px}.earned strong{font-size:44px;letter-spacing:-2px}.earned small{font-size:26px}.bars{display:flex;gap:12px;align-items:end;height:90px;margin-bottom:28px}.bars i{flex:1;background:#dce8d1;border-radius:5px 5px 0 0;height:45%}.bars i:nth-child(2n){height:75%}.bars i:nth-child(3n){height:60%}.bars i:nth-child(4n){height:92%;background:#5f997f}.bars i:last-child{height:100%;background:#247a58}.line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #edf0e9;font-size:14px}.remaining{background:var(--accent);border-radius:12px;padding:18px 20px;margin-top:12px;display:flex;flex-direction:column;font-size:12px}.remaining strong{font-size:36px;letter-spacing:-1px}.band{background:#e8eddf}.promise{display:flex;justify-content:space-between;align-items:center;padding:32px 0;gap:32px}.promise p{font-size:22px;margin:0}.promise span{font-size:14px;color:var(--muted)}.section{padding:90px 0}h2{font-size:clamp(30px,3.3vw,43px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 24px}h3{font-size:21px;line-height:1.25;letter-spacing:-.5px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.features article{border-top:1px solid var(--border);padding-top:25px}.step{font-size:10px;letter-spacing:2px;color:var(--muted)}.features p,.duo p{color:var(--muted);font-size:15px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:35px 0 65px;align-items:center}.duo .status{font-size:12px;max-width:400px}.note{background:#e8eddf;padding:35px;border-radius:18px}.note>span{font-size:10px;letter-spacing:2px}.note h3{font-size:28px}.note a{font-size:13px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.intro{color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.plans article{border:1px solid var(--border);border-radius:16px;padding:28px 22px;position:relative;background:#fff}.plans .featured{background:#edf4de;border-color:#247a58}.badge{position:absolute;top:-13px;left:22px;background:var(--ink);color:white;font-size:9px;letter-spacing:1px;padding:5px 12px;border-radius:20px}.price{font-size:48px;font-weight:bold;letter-spacing:-2px;margin:22px 0 0;line-height:1.2}.price span{font-size:26px}.plans p:not(.price){font-size:13px;color:var(--muted)}.plan-detail{min-height:42px;padding-top:15px}.plans .button{width:100%;font-size:12px;padding:14px 8px;gap:8px}.outline{background:transparent;color:var(--ink);border:1px solid var(--border)}.outline:hover{background:#edf2e5}.faq{max-width:800px;padding:25px 0 65px}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-size:17px;font-weight:600}details p{color:var(--muted);font-size:15px}.final-cta{text-align:center;border-radius:24px;padding:65px 24px;background:#e8eddf;margin-bottom:65px}.final-cta h2{margin-bottom:30px}footer{display:flex;align-items:center;gap:26px;padding-bottom:28px}footer p,footer>span{font-size:12px;color:var(--muted)}footer>span{margin-left:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:12px;z-index:2}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:36px;padding:35px 0 55px}h1{font-size:55px}.example{transform:none;max-width:500px;width:100%;justify-self:center}.features,.plans{grid-template-columns:1fr;gap:24px}.duo{grid-template-columns:1fr;gap:25px}.section{padding:55px 0}.promise{align-items:start}.promise p{font-size:18px}.promise span{font-size:12px}.plan-detail{min-height:0}.plans article{padding:28px}.nav nav{gap:16px}nav>a:not(.button){display:none}.faq{padding-bottom:45px}footer{flex-wrap:wrap;gap:12px}footer>span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}@media(max-width:380px){h1{font-size:45px}.example{padding:20px}.promise{flex-direction:column;gap:12px}.hero .button{font-size:13px}}