@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--bg:#f5f6ef;--ink:#143c32;--muted:#64756c;--lime:#ccec99;--line:#dfe5d9;--white:#fff;--red:#ad4036}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #86ad5c;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.nav{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:800 29px 'Manrope',sans-serif;display:flex;align-items:center;gap:10px}.brand img{width:45px;height:45px;object-fit:contain}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:15px 25px;background:var(--ink);color:white;font-weight:600;font-size:14px;transition:transform .2s,background .2s;min-height:48px}.btn:hover{transform:translateY(-2px);background:#245a47}.btn.light{background:var(--lime);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:#719d45;border-radius:50%;display:inline-block}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center;min-height:700px;padding:70px 0 80px}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.1;letter-spacing:-.055em}h1{font-size:clamp(50px,6.1vw,83px);font-weight:650;margin:25px 0}h1 em{font-style:normal;color:#789452}p{color:var(--muted)}.hero-copy>p{font-size:18px;max-width:410px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}.small{font-size:12px;color:var(--muted)}.hero-art{position:relative;height:510px;border-radius:220px 220px 35px 35px;background:#e9eddf;overflow:visible;display:flex;justify-content:center}.orbit{position:absolute;border:1px solid #d2dbc7;border-radius:50%;width:420px;height:420px;top:35px;transform:rotate(-25deg) scaleY(.7)}.orbit.two{transform:rotate(25deg) scaleY(.7)}.mascot{width:310px;height:310px;object-fit:contain;position:absolute;top:20px;filter:drop-shadow(0 20px 22px #143c3220);animation:float 6s ease-in-out infinite}.sample{position:absolute;bottom:28px;left:25px;right:25px;background:#ffffffeb;backdrop-filter:blur(12px);border:1px solid white;border-radius:24px;padding:20px 24px;box-shadow:0 20px 55px #17392b0b}.sample-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:16px}.pill{background:#e8efdf;padding:4px 9px;border-radius:50px;color:#386843;font-size:10px;letter-spacing:.04em}.bubble{font-size:12px;border-left:2px solid var(--lime);padding-left:12px;margin:12px 0;color:#455c4f}.bubble b{font-size:10px;display:block;text-transform:uppercase;color:#789452}.mini{position:absolute;right:-15px;top:95px;background:var(--ink);color:white;font-size:11px;border-radius:15px;padding:11px 16px;box-shadow:0 15px 30px #193f2720}.mini span{color:var(--lime)}.strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:12px}.strip span{display:flex;align-items:center;gap:12px}.strip i{font-style:normal;font-size:18px;color:#759648}.section{padding:110px 0}.section h2{font-size:clamp(34px,4.5vw,56px);font-weight:600;max-width:680px;margin:18px 0 45px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #cdd6c4;padding-top:20px}.num{color:#789452;font-size:12px}.step h3{font-size:25px;font-weight:600;letter-spacing:-.035em}.step p{font-size:14px;max-width:280px}.dark-panel{background:var(--ink);border-radius:32px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:65px;color:white;align-items:center}.dark-panel h2{font-size:44px;margin:16px 0 22px}.dark-panel p{color:#b8cbbb;font-size:15px}.dark-panel .eyebrow{color:var(--lime)}.receipt{background:#f5f6ef;border-radius:24px;padding:28px;color:var(--ink);transform:rotate(2deg)}.receipt h3{font-size:23px;margin:12px 0}.receipt p{color:var(--muted);font-size:13px}.receipt-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:12px;gap:15px}.wave{display:flex;gap:4px;align-items:center;height:44px}.wave i{display:block;width:3px;background:#7c9c63;border-radius:5px;height:var(--h);animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--d)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split h2{margin-top:18px}.controls{list-style:none;margin:0;padding:0}.controls li{border-bottom:1px solid var(--line);padding:22px 0}.controls b{font-family:'Manrope',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.03em}.controls p{font-size:13px;margin:8px 0 0}.faq{max-width:780px;margin:0 auto}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:500;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq summary:after{content:'+';font-size:20px;color:#789452}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;max-width:680px}.cta{background:#e7eddc;border-radius:30px;padding:65px 40px;text-align:center;position:relative;overflow:hidden}.cta h2{font-size:52px;margin:0 auto 22px;max-width:750px}.cta p{margin:0 auto 25px;max-width:470px}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0;font-size:12px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.legal{max-width:760px;margin:65px auto 90px}.legal h1{font-size:48px}.legal h2{font-size:24px;letter-spacing:-.03em;margin-top:35px}.legal p,.legal li{font-size:15px;color:var(--muted)}.legal a{text-decoration:underline}.portal{padding:50px 0 90px}.portal h1{font-size:48px}.card{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats .card{margin:0}.stat-value{font-size:30px;font-weight:600}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th,td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-weight:600;color:var(--muted)}table .btn{font-size:11px;padding:8px 12px;min-height:36px;white-space:nowrap}input{border:1px solid var(--line);border-radius:8px;padding:8px;max-width:100px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#edf1e6;padding:15px;border-radius:10px}.notice{border-left:3px solid #a5c878;padding:12px 16px;background:#edf2e6;font-size:13px}.error{color:var(--red)}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes wave{to{transform:scaleY(.5)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:850px){.wrap{padding:0 22px}.nav{height:80px}.navlinks{gap:16px}.navlinks .desktop{display:none}.hero{grid-template-columns:1fr;gap:45px;padding:45px 0 60px;min-height:auto}.hero-copy>p{max-width:560px}.hero-art{height:460px;max-width:520px;width:100%;margin:auto}.mascot{width:270px;height:270px}.strip{flex-wrap:wrap;justify-content:center}.steps{gap:25px}.dark-panel{padding:35px;gap:35px}.split{gap:45px}.section{padding:75px 0}.footer{align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.navlinks>a:not(.btn){display:none}.hero h1{font-size:53px}.hero-art{height:430px}.orbit{width:310px;height:310px;top:25px}.mascot{width:250px;height:250px}.sample{bottom:18px;left:15px;right:15px;padding:17px}.mini{right:0;top:70px}.steps,.split,.dark-panel{grid-template-columns:1fr}.step p{max-width:none}.dark-panel{padding:28px;border-radius:24px}.dark-panel h2{font-size:36px}.receipt{transform:none}.section h2{font-size:38px}.cta{padding:45px 24px}.cta h2{font-size:37px}.footer{flex-direction:column}.footer-links{gap:18px}.stats{grid-template-columns:1fr 1fr}.stats .card{padding:16px}.legal h1,.portal h1{font-size:38px}.brand{font-size:25px}.brand img{width:36px;height:36px}}