@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f7f2;--ink:#213d31;--muted:#747e73;--green:#29513d;--lime:#d8edb4;--line:#dce1d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #82a14e;outline-offset:6px}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px}.brand-light{font-weight:500}.brand-dot{color:#85a45c}.brand-icon{width:33px;height:33px;margin-right:11px;background:var(--green);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:3px}.brand-icon i{width:3px;background:var(--lime);height:11px;border-radius:1px}.brand-icon i:nth-child(2){height:20px}.brand-icon i:nth-child(3){height:14px}.brand-icon i:nth-child(4){height:18px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}nav a span{margin-left:16px}.nav-download{padding:12px 20px;border:1px solid #bdc8b7;border-radius:7px}.nav-download:hover{background:var(--lime)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;min-height:702px;padding-block:54px 60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:inline-flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#668d49;box-shadow:0 0 0 4px #e8eddf}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.4vw,60px);letter-spacing:-3px;font-weight:650;line-height:1.14;margin:28px 0}.heading-accent{position:relative;color:#5a7748}.heading-accent svg{position:absolute;left:0;bottom:-15px;width:100%;height:17px;fill:none;stroke:#bad28c;stroke-width:3;stroke-linecap:round}.hero-description{font-size:16px;line-height:1.85;color:#778075;margin:30px 0}.download-button{display:inline-flex;align-items:center;gap:15px;background:var(--green);color:white;padding:18px 23px;border-radius:10px;box-shadow:0 8px 18px #294e3b15;transition:transform .2s,background .2s}.download-button:hover{background:#1e402e;transform:translateY(-3px)}.download-button>span{font-size:15px;font-weight:600}.download-button small{display:block;font-size:10px;letter-spacing:.3px;margin-top:4px;color:#c6d5c4;font-weight:400}.download-button .button-arrow{margin-left:23px;color:var(--lime);font-size:23px}.download-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin:14px 0 0 4px}.download-meta span{margin-inline:3px}.download-status{font-size:12px;line-height:1.6;max-width:330px;margin:8px 0 0;color:var(--green)}.download-status:empty{display:none}.hero-note{display:flex;align-items:center;gap:12px;margin-top:37px}.note-icon{width:31px;height:31px;border:1px solid #d6decd;border-radius:50%;display:grid;place-items:center;transform:rotate(-35deg);color:#7e936f}.hero-note p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.hero-note strong{font-weight:500;color:#52674b}.hero-art{height:565px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-grid{position:absolute;inset:26px -10px 35px;border-radius:50%;background:radial-gradient(ellipse,#e2edce 0%,#ebf0df 48%,transparent 72%);z-index:-3}.art-grid:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#97aa8210 1px,transparent 1px),linear-gradient(90deg,#97aa8210 1px,transparent 1px);background-size:34px 34px;border-radius:50%;mask-image:radial-gradient(ellipse,black,transparent 70%)}.orbit{position:absolute;border:1px solid #d6dfc9;border-radius:50%;width:470px;height:470px;z-index:-2}.orbit-two{width:365px;height:365px;border-style:dashed}.phone{width:266px;height:522px;background:#fcfcf9;border:6px solid #26362d;border-radius:39px;transform:rotate(-7deg);box-shadow:10px 23px 36px #334e3226,inset 0 0 0 2px #dbe0d5;padding:15px 17px;position:relative}.phone-camera{position:absolute;top:9px;left:92px;width:70px;height:17px;border-radius:14px;background:#26362d}.phone-top{display:flex;justify-content:space-between;font-size:9px;margin:0 3px 24px}.phone-top span{font-size:8px}.app-header{display:flex;justify-content:space-between;align-items:center}.app-mark{font-size:30px;font-weight:800;letter-spacing:-3px;line-height:1}.app-mark span{color:#97b974}.avatar{display:grid;place-items:center;background:#e8eddf;border-radius:50%;width:26px;height:26px;font-size:8px;font-weight:700}.app-greeting{font-size:8px;color:var(--muted);margin:19px 0 6px}.phone h2{font-size:20px;letter-spacing:-.7px;margin:0 0 15px}.phone h2 span{color:#87a56b;font-size:18px}.portfolio{height:174px;background:#294d3b;border-radius:12px;padding:16px;color:#f2f5e8;overflow:hidden;position:relative}.portfolio-label{font-size:6px;letter-spacing:1px;color:#c9d7c0;display:flex;justify-content:space-between}.portfolio-label span{font-size:12px}.portfolio-value{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;line-height:1.18;margin:9px 0}.portfolio-chip{font-size:6px;color:#d1e4ad;background:#ffffff0c;border-radius:4px;padding:4px 6px}.chart{position:absolute;width:100%;height:73px;bottom:0;left:0}.watchlist-heading{display:flex;justify-content:space-between;align-items:center;margin:19px 0 8px;font-size:9px}.watchlist-heading>span{color:#829475}.app-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf0e7;font-size:8px;font-weight:600}.row-icon{background:#e8eddc;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:15px}.row-icon.second{background:#f2ead7}.app-row small{display:block;font-size:6px;color:#889080;margin-top:4px;font-weight:400}.row-arrow{margin-left:auto}.app-bottom{display:flex;justify-content:space-around;color:#98a08e;margin-top:15px;font-size:16px;text-align:center;line-height:1}.app-bottom small{display:block;font-size:6px;margin-top:5px}.app-bottom .active{color:#315038}.home-bar{position:absolute;bottom:7px;left:89px;width:77px;height:3px;background:#293a2f;border-radius:4px}.floating-card{position:absolute;z-index:2;background:#fffffff5;border:1px solid white;border-radius:11px;box-shadow:0 13px 35px #314c3010;display:flex;align-items:center;gap:11px;padding:15px;font-size:10px}.market-card{left:-5px;top:112px;transform:rotate(-5deg)}.floating-card small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.mini-chart{background:#edf3df;color:#587a38;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:24px}.pocket-card{right:-6px;bottom:97px;transform:rotate(5deg);line-height:1.7}.pocket-card strong{font-weight:600}.pocket-icon{color:#62814b;font-size:29px;padding-inline:3px}.art-spark{position:absolute;color:#718d55;font-size:42px}.spark-one{right:30px;top:48px;transform:rotate(12deg)}.spark-two{left:39px;bottom:80px;font-size:30px}.preview-label{position:absolute;bottom:-5px;font-size:8px;letter-spacing:.4px;color:#8d9783}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:repeat(3,1fr)}.benefits>div{display:flex;align-items:center;gap:15px;justify-content:center;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits>div>span{font-size:23px;color:#738b59;width:39px;height:39px;background:#edf0e4;border-radius:50%;display:grid;place-items:center}.benefits p{margin:0}.benefits strong{font-size:12px;font-weight:600}.benefits small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.installation{padding-block:74px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end}.section-intro .eyebrow{color:#81926c;font-size:9px}.section-intro h2,.faq h2{font-family:Manrope,sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.2px;margin:12px 0 0}.section-intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.steps article{border:1px solid var(--line);border-radius:12px;padding:25px 26px;background:#ffffff30}.step-number{font-family:Manrope,sans-serif;font-size:12px;color:#84996e;display:block;margin-bottom:29px}.steps h3{font-size:15px;font-weight:600;display:flex;justify-content:space-between;margin:0 0 12px}.steps h3 span{font-size:18px;color:#7b9566}.steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.faq{padding-block:0 65px;display:grid;grid-template-columns:1fr 1.3fr;gap:45px}.faq h2{font-size:24px;margin:15px 0}.faq-list details{border-bottom:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:#7b9566}details[open] summary span{transform:rotate(45deg)}details p{margin:0 30px 20px 0;font-size:12px;color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--line);padding-block:29px;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:20px}.footer p,.footer small{font-size:10px;color:var(--muted)}@media(min-width:1400px){.hero{min-height:750px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}h1{font-size:46px}.hero{gap:0}.hero-art{transform:scale(.89);transform-origin:center right}.market-card{left:-22px}.pocket-card{right:-18px}.orbit{width:390px;height:390px}.hero-description{font-size:14px}.benefits>div{gap:9px}.benefits small{font-size:9px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:21px}.brand-icon{width:29px;height:29px;margin-right:7px}nav{gap:0}nav>a:first-child{display:none}.nav-download{font-size:11px;padding:10px 12px}nav a span{margin-left:7px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:25px}.hero-copy{text-align:center}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:clamp(38px,8vw,58px);letter-spacing:-2px;margin:23px 0 28px}.hero-description{font-size:14px;margin-block:28px}.download-button{text-align:left}.download-meta{justify-content:center}.download-status{margin:10px auto 0}.hero-note{display:none}.hero-art{transform:none;width:min(440px,100%);height:550px;margin:35px auto 0}.phone{transform:rotate(-6deg) scale(.94)}.orbit{width:95%;height:auto;aspect-ratio:1}.orbit-two{width:75%}.market-card{left:0;top:111px;font-size:9px;padding:12px}.market-card small{font-size:7px}.pocket-card{right:0;bottom:83px;font-size:9px;padding:12px}.spark-one{right:18px;top:42px;font-size:33px}.spark-two{left:18px}.preview-label{bottom:7px;font-size:7px}.benefits{grid-template-columns:1fr;gap:22px;padding:25px 18px}.benefits>div{border:0;justify-content:flex-start;gap:17px}.benefits strong{font-size:12px}.benefits small{font-size:11px}.installation{padding-block:48px}.section-intro{display:block}.section-intro h2{font-size:29px}.section-intro>p{margin-top:15px}.steps{grid-template-columns:1fr;gap:12px;margin-top:25px}.steps article{padding:22px}.step-number{margin-bottom:18px}.steps p{font-size:12px}.faq{grid-template-columns:1fr;gap:7px;padding-bottom:40px}.faq h2{font-size:23px}.footer{flex-wrap:wrap;gap:12px;padding-block:24px}.footer p{display:none}.footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Download calls to action */
.nav-download{background:var(--green);color:white;border-color:var(--green)}.nav-download:hover{background:#1e402e}.download-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding:32px 36px;background:#e8efdb;border:1px solid #d8e2c8;border-radius:16px}.download-banner .eyebrow{font-size:9px;color:#637b4d}.download-banner h2,.final-download h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;font-weight:650;margin:12px 0}.download-banner p,.final-download p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.download-banner .download-button{flex-shrink:0}.step-download{display:inline-flex;align-items:center;gap:22px;margin-top:17px;padding:10px 15px;background:var(--green);color:white;border-radius:7px;font-size:12px;font-weight:600}.step-download:hover{background:#1e402e}.final-download{text-align:center;border-radius:20px;background:var(--green);color:var(--paper);padding:45px 24px;margin-bottom:55px}.final-download .eyebrow{color:var(--lime);font-size:9px}.final-download h2{font-size:34px}.final-download p{color:#cad6c7}.final-download .download-button{margin-top:25px;background:var(--lime);color:var(--ink);text-align:left}.final-download .download-button small,.final-download .button-arrow{color:#506a3e}.final-download>small{display:block;font-size:10px;color:#cad6c7;margin-top:15px}.mobile-download{display:none}.download-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;width:calc(100% - 40px);max-width:430px;margin:0;padding:16px 20px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 35px #213d3126;text-align:center}.download-toast:empty{display:none}
@media(max-width:760px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.hero .download-button{width:min(100%,350px);justify-content:center}.download-banner{flex-direction:column;text-align:center;padding:27px 22px;gap:22px;margin-top:28px}.download-banner h2{font-size:25px}.download-banner .download-button{width:100%;justify-content:center}.final-download{padding:34px 20px;margin-bottom:32px}.final-download h2{font-size:28px}.mobile-download{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f7f2f5;border-top:1px solid var(--line);padding:13px 20px calc(13px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 25px #213d310d;backdrop-filter:blur(12px)}.mobile-download strong{font-family:Manrope,sans-serif;font-size:16px}.mobile-download small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.mobile-download a{background:var(--green);color:white;border-radius:8px;padding:14px 17px;font-size:12px;font-weight:600;white-space:nowrap}.mobile-download a span{margin-left:8px;color:var(--lime)}.download-toast{bottom:calc(94px + env(safe-area-inset-bottom,0px))}}
