.download-page{color:#14251e;background:#fcfdf9;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.download-page .wrap{width:min(1220px,calc(100% - 64px))}
.download-page .hero{position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 24px 24px;background:radial-gradient(ellipse at 100% 60%,#126342 0,transparent 48%),linear-gradient(110deg,#053322,#00271c 60%,#064932)}
.download-page .hero:before,.download-page .hero:after{content:"";position:absolute;z-index:-1;width:540px;height:240px;border:80px solid #36be7c0d;border-radius:50%;transform:rotate(-36deg);pointer-events:none}
.download-page .hero:before{right:-150px;top:-180px}
.download-page .hero:after{left:-320px;bottom:-230px}
.download-page header{border:0;padding:22px 0;gap:28px}
.download-page .brand{font-size:23px;letter-spacing:-.7px;gap:14px}
.download-page .brand span{color:#34d780}
.download-page header .site-nav{gap:12px 27px;font-size:14px;font-weight:600}
.download-page header .site-nav a[aria-current]{text-decoration-color:#35d780;text-decoration-thickness:2px;text-underline-offset:10px}
.download-page header .site-nav a:last-child{border:1px solid #bdd4c8;border-radius:17px;padding:10px 27px;margin-left:16px}
.download-page .intro{padding:22px 0 38px}
.download-hero-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:24px}
.download-page .download-hero-layout h1{font-size:clamp(38px,3.9vw,56px)}
.download-page .download-hero-layout .lead{font-size:17px}
.download-hero-layout .benefits{gap:22px}
.download-hero-layout .benefits li{gap:10px;font-size:12px}
.download-hero-layout .benefits .icon{padding:10px}
.device-showcase{position:relative;margin:20px -16px 0 0;aspect-ratio:1.47;align-self:end;filter:drop-shadow(0 18px 16px #001c1a40)}
.device{position:absolute;background:linear-gradient(130deg,#404743,#080a09 25%,#111613 80%,#6a716b);border:2px solid #c4cbc3;padding:10px;border-radius:20px;box-shadow:0 4px 8px #0005}
.device-screen{overflow:hidden;border-radius:8px;background:#f2f7f6}
.device img{display:block;width:100%;height:auto;border-radius:0}
.laptop{width:78%;left:10%;top:0;border-radius:21px 21px 8px 8px;padding:17px 12px 15px}
.laptop:before{content:"";position:absolute;width:4px;height:4px;top:6px;left:50%;border-radius:50%;background:#626c64}
.laptop-base{position:absolute;left:-9%;bottom:-13px;width:118%;height:14px;background:linear-gradient(#d9ddd9,#8d968e 65%,#3c443f);border-radius:2px 2px 45% 45%}
.laptop-base:after{content:"";position:absolute;top:0;left:41%;width:18%;height:4px;border-radius:0 0 6px 6px;background:#68716a}
.tablet{width:35%;right:0;bottom:30px;border-radius:18px;padding:10px 8px}
.phone{width:23%;left:0;bottom:18px;border-radius:21px;padding:11px 5px 8px}
.phone .device-screen{border-radius:13px}
.phone:before{content:"";position:absolute;top:10px;left:29%;width:42%;height:8px;background:#101411;border-radius:0 0 8px 8px;z-index:1}
.phone:after{content:"";position:absolute;bottom:4px;left:35%;width:30%;height:2px;border-radius:2px;background:#b2bab3}
.device-showcase figcaption{position:absolute;bottom:0;right:0;font-size:10px;color:#c4d4c3;letter-spacing:.2px}
@media(max-width:1100px) and (min-width:761px){.download-hero-layout{grid-template-columns:1fr 1fr}.download-hero-layout .benefits{gap:14px}.download-hero-layout .benefits li{font-size:11px}.download-hero-layout .benefits .icon{padding:8px}}
@media(max-width:760px){.download-hero-layout{grid-template-columns:1fr;gap:0}.device-showcase{width:min(100%,540px);margin:4px auto 20px}.download-page .download-hero-layout .intro{padding-bottom:20px}.device-showcase figcaption{font-size:9px}}
.download-page .intro .eyebrow{color:#37d385;letter-spacing:1.5px;margin:0 0 16px}
.download-page h1{font-size:clamp(38px,4.2vw,58px);letter-spacing:-2px;line-height:1.06;margin:0 0 18px;font-weight:780}
.download-page h1 span{color:#35d580}
.download-page .lead{max-width:650px;font-size:18px;line-height:1.65;color:#c4d4c3;margin:0}
.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.benefits{display:flex;flex-wrap:wrap;gap:34px;list-style:none;padding:0;margin:28px 0 0}
.benefits li{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:600;line-height:1.7}
.benefits .icon{box-sizing:content-box;background:#ffffff13;padding:13px;border-radius:50%}
.download-page .layout{grid-template-columns:310px minmax(0,1fr);gap:28px;padding-top:36px}
.download-page aside nav{position:sticky;top:24px;display:block;background:#f2f6ed;padding:20px 14px 26px;border-radius:24px}
.download-page aside .eyebrow{padding:0 10px;margin-bottom:14px;color:#084c36;letter-spacing:1.6px}
.download-page aside nav a{gap:16px;align-items:center;padding:13px 16px;font-size:14px;line-height:1.6;border-radius:11px;color:#111b16}
.download-page aside nav a:first-of-type{background:#def3dd}
.download-page aside nav a:hover{background:#def3dd;text-decoration:none}
.download-page main section{padding:24px 28px 24px 158px;border:1px solid #e4ebdf;border-radius:22px;margin-bottom:12px;min-height:150px}
.card-icon{position:absolute;left:28px;top:24px;display:grid;place-items:center;width:100px;height:100px;border-radius:23px;background:#f0f5e9;color:#074c36}
.card-icon .icon{width:46px;height:46px}
#app .card-icon{color:#078216}
.download-page h2{color:#0a100c;font-size:24px;margin:0 0 2px;letter-spacing:-.6px}
.download-page .prose{color:#59616c;line-height:1.6;font-size:15px}
.download-page .prose p+p{margin-top:12px}
.download-page .download-action{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.download-page .page-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#07864a,#007638);padding:12px 24px;border-radius:15px;font-size:16px;line-height:1.5}
.download-page .page-button .icon{width:20px;height:20px}
.download-page .page-button .icon:last-child{margin-left:20px}
.version-badge{padding:4px 13px;border-radius:20px;background:#e8f5e5;color:#08752c;font-size:13px;white-space:nowrap}
.download-page .button-outline{background:white;border:1px solid #15734c;color:#09613c!important;font-weight:600}
.download-page .button-outline .icon:last-child{margin-left:0;width:16px;height:16px}
.download-page h3{font-size:17px;color:#183e2c;margin:24px 0 8px}
.mobile-menu{display:none}
@media(max-width:760px){
 .download-page header{flex-wrap:nowrap;position:relative;z-index:3;padding:20px 0;justify-content:space-between}
 .download-page header>.site-nav{display:none}
 .mobile-menu{display:block}
 .mobile-menu summary{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid #ffffff40;border-radius:13px;background:#ffffff08;cursor:pointer;list-style:none}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{width:20px;height:2px;background:#e6f4ed;border-radius:2px}
 .download-page .mobile-menu .site-nav{position:absolute;top:74px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;width:auto;padding:16px;background:#073d2c;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 12px 30px #001c1a66}
 .download-page .mobile-menu .site-nav a{padding:10px 12px;min-height:44px}
 .download-page .mobile-menu .site-nav a:last-child{margin:0;border:0;padding:10px 12px}
 .download-page .hero{border-radius:0;padding-bottom:34px}
 .download-hero-layout{position:relative;display:block}
 .download-page .download-hero-layout .intro{padding:18px 0 12px;display:grid;grid-template-columns:60% 40%;grid-template-rows:auto auto 1fr auto;align-items:start;min-height:440px}
 .download-page .intro .eyebrow{grid-column:1/-1;font-size:10px;margin-bottom:20px}
 .download-page .download-hero-layout h1{grid-column:1;font-size:clamp(27px,6.5vw,44px);letter-spacing:-1px;line-height:1.12;margin-bottom:18px;z-index:1}
 .download-page .download-hero-layout .lead{grid-column:1;font-size:clamp(13px,3.2vw,17px);line-height:1.65;padding-right:8px}
 .download-page .download-hero-layout .benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
 .download-hero-layout .benefits li{gap:7px;font-size:10px;line-height:1.5;align-items:center}
 .download-hero-layout .benefits .icon{width:19px;height:19px;padding:9px}
 .device-showcase{position:absolute;width:min(40%,180px);height:auto;aspect-ratio:.7;right:0;top:90px;margin:0;filter:drop-shadow(0 10px 10px #001c1a55)}
 .device-showcase:before{content:"";position:absolute;inset:0 -15px 0 5px;border-radius:45% 20% 30% 20%;background:linear-gradient(140deg,#13c976,#00653f);transform:rotate(15deg)}
 .device-showcase .laptop{display:none}
 .device-showcase .phone{width:72%;left:8%;bottom:0;z-index:2;transform:rotate(-7deg);padding:9px 4px 7px;border-radius:18px}
 .device-showcase .tablet{width:74%;right:0;bottom:14px;transform:rotate(7deg);padding:8px 4px;border-radius:17px}
 .device-showcase .tablet img{aspect-ratio:390/844;object-fit:cover}
 .device-showcase .tablet .device-screen{border-radius:10px}
 .device-showcase figcaption{position:absolute;bottom:-22px;right:0;width:100%;text-align:center;font-size:7px;line-height:1.3}
 .download-page .wrap.layout{display:flex;flex-direction:column;gap:0;width:100%;margin-top:-16px;padding:16px 12px 32px;border-radius:26px 26px 0 0;position:relative;background:#fcfdf9}
 .download-page main{display:contents}
 .download-page #app{order:1}
 .download-page #web{order:2}
 .download-page .layout>aside{order:3;margin:4px 0 18px}
 .download-page #install,.download-page #update,.download-page #start{order:4}
 .download-page main section{padding:18px;border-radius:20px;min-height:0;box-shadow:0 3px 12px #183e2c04;margin-bottom:14px}
 .download-page #app,.download-page #web{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:14px;align-items:start}
 .download-page #app .card-icon,.download-page #web .card-icon{grid-column:1;grid-row:1/3;width:62px;height:68px;margin:0;border-radius:16px}
 .download-page #app h2,.download-page #web h2{grid-column:2;font-size:19px;line-height:1.25;letter-spacing:-.4px;margin:0 0 5px}
 .download-page #app .prose,.download-page #web .prose{display:contents}
 .download-page #app .prose>p:first-child,.download-page #web .prose>p:first-child{grid-column:2;font-size:13px;line-height:1.5;margin:0 0 14px}
 .download-page #app .prose>p:not(:first-child),.download-page #web .prose>p:not(:first-child),.download-page #web h3{grid-column:1/-1;margin:10px 0 0;font-size:13px;line-height:1.55;color:#626b74}
 .download-page .download-action{display:flex;gap:8px}
 .download-page .download-action .page-button,.download-page #web .page-button{width:100%;min-height:48px;padding:12px;font-size:14px;gap:8px;border-radius:13px}
 .download-page .download-action .page-button .icon:last-child{margin-left:auto}
 .download-page .version-badge{display:block;width:100%;padding:9px 14px;border-radius:11px;background:#f0f6eb;color:#264b3c;font-size:12px}
 .download-page .version-badge:before{content:"✧";font-size:19px;margin-right:12px;vertical-align:middle}
 .download-page aside nav{padding:16px 12px;border-radius:20px}
 .download-page aside nav a{font-size:12px;padding:10px;gap:12px;min-height:44px}
 .download-page aside nav a:after{content:"›";margin-left:auto;font-size:22px;line-height:1}
 .download-page aside .eyebrow{font-size:10px;margin-bottom:10px}
}
@media(max-width:360px){
 .download-hero-layout .benefits li{flex-direction:column;align-items:flex-start;font-size:10px}
 .download-page #app,.download-page #web{grid-template-columns:50px minmax(0,1fr);column-gap:10px}
 .download-page #app .card-icon,.download-page #web .card-icon{width:50px;height:60px}
 .download-page #app h2,.download-page #web h2{font-size:17px}
 .download-page .download-action .page-button{font-size:12px}
}
@media(min-width:1600px){.download-page .wrap{width:min(1260px,calc(100% - 64px))}}
@media(max-width:1100px){.download-page header{flex-wrap:wrap}.download-page header .site-nav{gap:10px 22px}.download-page header .site-nav a:last-child{margin-left:0}.download-page .layout{grid-template-columns:260px minmax(0,1fr);gap:22px}.download-page main section{padding-left:110px}.card-icon{width:64px;height:64px;left:22px}.card-icon .icon{width:34px;height:34px}}
@media(max-width:760px){.download-page .wrap{width:calc(100% - 36px)}.download-page .intro{padding:20px 0 30px}.download-page header .site-nav{gap:8px 18px;font-size:13px}.download-page header .site-nav a:last-child{padding:6px 16px;border-radius:12px}.download-page .lead{font-size:16px}.benefits{gap:18px 24px}.benefits li{gap:10px;font-size:12px}.benefits .icon{padding:10px;width:20px;height:20px}.download-page .layout{grid-template-columns:1fr;padding-top:24px;gap:20px}.download-page aside nav{position:static}.download-page aside nav a{padding:10px 12px}.download-page main section{padding:22px}.card-icon{position:static;width:60px;height:60px;margin-bottom:16px;border-radius:17px}.download-page h2{font-size:22px}.download-page .page-button{padding:12px 16px;font-size:14px}.download-page .page-button .icon:last-child{margin-left:4px}}
@media print{.download-page .hero{background:none;color:black}.download-page h1 span,.download-page .lead{color:black}.benefits{display:none}.download-page main section{padding:16px 0}.card-icon{display:none}}