@font-face{font-family:Outfit;src:url('assets/Outfit.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#173e32;--muted:#607168;--cream:#f7f3e9;--yellow:#ffdc72;--line:#d9dfd3;--paper:#fffdf7;--green:#dce8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2870a0;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{display:block}p{line-height:1.65}h1,h2,h3,p,figure{margin:0}em{font-style:normal;color:#6a824e}button{cursor:pointer}.wrap{max-width:1320px;margin-inline:auto;width:calc(100% - 96px)}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand svg{width:100px;height:82px}.header nav{display:flex;gap:34px;font-size:15px;font-weight:500}.header nav a{text-decoration:none}.header nav a:hover{color:#718446}.nav-cta{border:1px solid var(--ink);border-radius:8px;padding:12px 22px;font-weight:600;text-decoration:none;font-size:15px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:45px;padding-block:84px 108px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;line-height:1.5}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#87ab61;margin-right:8px;vertical-align:1px}h1{font-size:clamp(50px,5.4vw,78px);letter-spacing:-3.5px;font-weight:650;line-height:1.03;margin:22px 0}h1 em{position:relative;display:inline-block}h1 em:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:6px;background:var(--yellow);transform:rotate(-2deg);border-radius:4px}.lead{max-width:440px;font-size:17px;color:var(--muted);margin-top:30px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{border:0;border-radius:8px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:27px;text-decoration:none;font-weight:600;font-size:15px;transition:transform .15s,background .15s}.primary{color:var(--cream);background:var(--ink)}.primary:hover{background:#285a45;transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.8;transform:none}.text-link{text-underline-offset:5px;text-decoration-thickness:1px;font-size:14px;font-weight:500}.text-link span{margin-left:10px}.micro{margin-top:16px;color:var(--muted);font-size:11px}.hero-visual{position:relative;padding-top:38px;padding-bottom:32px}.hero-shot{position:relative;border-radius:13px;background:#c5d7b3;box-shadow:0 25px 45px #19372c17;transform:rotate(-2deg);padding:8px;z-index:1}.hero-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px}.hero-shot figcaption{padding:12px 8px 6px;font-size:9px;font-weight:600;letter-spacing:1.5px}.receipt{position:absolute;right:24px;top:-50px;width:150px;background:#fffdf5;padding:22px 20px 26px;transform:rotate(12deg);box-shadow:0 5px 16px #263c2520;font-size:9px;letter-spacing:1px;border-bottom:4px dashed var(--cream)}.receipt strong{display:block;line-height:1.05;font-size:27px;letter-spacing:-.5px;margin:12px 0}.barcode{height:20px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px)}.sticker{position:absolute;z-index:2;background:var(--yellow);border:1px solid #c2a657;bottom:2px;left:-18px;padding:18px 38px 18px 19px;transform:rotate(5deg);font-size:12px;line-height:1.35;box-shadow:2px 4px 0 #173e321a}.sticker strong{font-size:17px}.sticker span{position:absolute;right:9px;top:20px;font-size:29px}.ticker{background:var(--ink);color:var(--cream);padding:25px 0}.ticker>div{display:flex;justify-content:space-between;align-items:center;gap:18px}.ticker span{font-size:15px}.ticker b{font-weight:600;color:var(--yellow)}.ticker i{font-size:22px;color:#9aac7b;font-style:normal}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:0 100px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:18px}h2{font-size:clamp(35px,3.9vw,53px);line-height:1.08;font-weight:550;letter-spacing:-1.7px}.section-heading>p:last-child{color:var(--muted);font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:54px}.steps article{border-top:1px solid #a8b8a2;padding-top:22px}.step-number{font-size:11px;letter-spacing:1.3px;color:#728363}.steps h3{font-size:22px;font-weight:550;letter-spacing:-.5px;margin:20px 0 10px}.steps p{font-size:15px;color:var(--muted)}.coop-note{display:grid;grid-template-columns:1fr 1.25fr;gap:18px 60px;margin-top:65px;background:var(--green);padding:38px 42px;border-radius:12px}.coop-note h3{font-size:29px;line-height:1.12;font-weight:550;letter-spacing:-.6px;margin-top:12px}.coop-note>p{font-size:15px;grid-column:2;grid-row:1/3;align-self:center}.coop-note>a{grid-column:1}.gallery-section{background:#e9eade;border-block:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.gallery-heading h2{margin-top:15px}.gallery-heading>p{font-size:14px;color:var(--muted)}.gallery-main{border-radius:12px;overflow:hidden;background:var(--ink);box-shadow:0 8px 25px #19372c0b}.gallery-main img{width:100%;aspect-ratio:16/9;object-fit:contain}.gallery-main figcaption{color:#d4ddca;font-size:12px;padding:14px 22px;letter-spacing:.3px}.gallery-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.gallery-buttons button{border:1px solid #c5cebc;background:transparent;padding:17px 10px;text-align:left;border-radius:7px;font-size:14px;color:var(--ink);display:flex;gap:14px;align-items:center}.gallery-buttons button span{font-size:11px;color:#77866b}.gallery-buttons button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.gallery-buttons button[aria-pressed=true] span{color:var(--yellow)}.gallery-buttons button:hover{border-color:var(--ink)}.download-section{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:100px;padding-block:110px}.download-copy h2{font-size:66px;margin:22px 0}.download-copy>p:not(.eyebrow){max-width:390px}.download-copy>p{color:var(--muted);font-size:16px}.download-copy .release-line{font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--ink);margin-top:25px}.release-line span{margin:0 12px}.download-copy .availability{font-size:12px;margin-top:16px}.download-card{border:1px solid #bdc9b4;background:var(--paper);border-radius:13px;padding:32px;box-shadow:7px 7px 0 #e7e9dc}.download-card-top{display:flex;gap:16px;align-items:center;margin-bottom:28px}.windows-icon{width:32px;height:32px;fill:var(--ink);flex-shrink:0}.download-card h3{font-size:20px;letter-spacing:-.4px;font-weight:550}.download-card-top p{font-size:11px;color:var(--muted);margin-top:4px}.version-pill{font-size:10px;background:#e8eddf;padding:6px 9px;border-radius:4px;margin-left:auto}.download-button{width:100%;justify-content:space-between;background:var(--yellow);color:var(--ink)}.download-button:hover{background:#f6d260}.download-state{min-height:52px;padding-top:10px}.download-state p{font-size:11px;color:var(--muted);line-height:1.4}.download-state progress{width:100%;height:6px;accent-color:var(--ink);margin-bottom:5px}.install-steps{list-style:none;padding:22px 0 0;margin:8px 0 0;border-top:1px dashed #cdd5c2;display:grid;gap:20px}.install-steps li{display:flex;gap:15px;align-items:start}.install-steps li>span{font-size:12px;background:#edf0e6;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.install-steps strong{font-size:14px;font-weight:500}.install-steps p{font-size:12px;color:var(--muted);margin-top:3px}.download-footnote{font-size:10px!important;color:var(--muted);line-height:1.5;margin-top:25px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:90px;padding-top:70px}.faq-intro h2{margin:18px 0}.faq-intro>p:last-child{font-size:15px;color:var(--muted);max-width:250px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-weight:500;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);margin-top:15px}.footer{padding:35px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.footer-name{text-decoration:none;font-weight:600;font-size:20px}.footer-name span,.footer>div>span{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.5;margin-top:6px}.footer>div{text-align:right;font-size:12px}.skip{position:absolute;top:-60px;left:16px;z-index:10;background:var(--yellow);padding:14px}.skip:focus{top:10px}.credits{max-width:760px;padding-block:60px}.credits h1{font-size:50px}.credits h2{font-size:25px;margin:35px 0 12px}.credits p{margin:12px 0;color:var(--muted)}.credits li{margin:10px 0}
@media(min-width:1600px){.hero{padding-block:100px 125px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-block:70px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 18px;gap:15px}.hero-actions .text-link{font-size:12px}.lead{font-size:16px}.hero-shot img{aspect-ratio:1.35}.receipt{right:12px;top:-40px;width:125px}.receipt strong{font-size:23px}.section-heading{gap:0 40px}.download-section{gap:50px}.download-card{padding:25px}.download-copy h2{font-size:57px}.gallery-buttons button{font-size:12px;gap:9px}.faq-section{gap:50px}.coop-note{gap:18px 35px;padding:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:89px;gap:15px}.brand svg{width:79px;height:65px}.header nav{gap:17px;font-size:12px}.header nav a:last-child{display:none}.nav-cta{font-size:12px;padding:11px 13px}.nav-cta span{margin-left:5px}.hero{grid-template-columns:1fr;gap:40px;padding-block:48px 55px}.eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:58px;letter-spacing:-2.5px}.lead{max-width:470px;margin-top:25px}.hero-actions{gap:25px}.hero-actions .text-link{font-size:13px}.micro{font-size:10px}.hero-visual{margin:12px 5px 0 12px;padding:27px 0 25px}.hero-shot img{aspect-ratio:16/10}.receipt{top:-24px;right:17px;width:110px;padding:15px}.receipt strong{font-size:20px;margin:8px 0}.receipt>span{font-size:7px}.sticker{padding:13px 32px 13px 15px;left:-12px;bottom:-2px;font-size:10px}.sticker strong{font-size:14px}.sticker span{font-size:22px;right:7px;top:14px}.ticker{padding-block:22px}.ticker>div{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.ticker span{font-size:12px}.ticker i{display:none}.section{padding-block:65px}.section-heading{display:block}.section-heading>p:last-child{margin-top:22px;font-size:15px}h2{font-size:38px;letter-spacing:-1.3px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin-top:12px}.steps article{padding-top:17px}.coop-note{display:block;margin-top:40px;padding:25px}.coop-note h3{font-size:28px}.coop-note>p{margin:22px 0}.coop-note>a{display:inline-block}.gallery-heading{display:block;margin-bottom:25px}.gallery-heading>p{margin-top:15px;font-size:12px}.gallery-main figcaption{font-size:10px;padding:12px}.gallery-buttons{grid-template-columns:1fr 1fr;gap:9px}.gallery-buttons button{padding:14px 10px;font-size:12px}.download-section{grid-template-columns:1fr;gap:32px}.download-copy h2{font-size:52px}.download-copy .availability{max-width:350px}.download-card{padding:23px}.download-card h3{font-size:18px}.download-card-top{gap:12px}.version-pill{font-size:9px;padding:5px 6px}.windows-icon{width:26px}.download-button{font-size:14px;padding:17px}.faq-section{display:block}.faq-intro>p:last-child{max-width:none}.faq-list{margin-top:30px}.faq-list summary{font-size:16px}.footer{display:block;padding-block:30px}.footer>div{text-align:left;margin-top:22px}.credits h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
