:root{font-family:Arial,Helvetica,sans-serif;color:#171e1b;background:#f5f5ed;font-synthesis:none;--green:#d4f46b;--ink:#171e1b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #609247;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dcd2}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:23px;letter-spacing:-1.1px}.brand-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:var(--green);border-radius:9px;font-size:29px;font-weight:400;line-height:1}.brand-dot{align-self:flex-start;font-size:10px;letter-spacing:0;margin-top:3px}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:58px;padding:0 24px;background:var(--ink);color:white;font-size:14px;font-weight:700;border-radius:8px;transition:transform .15s,background .15s}.button:hover{background:#334838;transform:translateY(-2px)}.button span{font-size:22px;font-weight:400}.button-small{min-height:43px;padding:0 17px;gap:24px;font-size:12px}.button-small span{font-size:18px}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:35px;padding-top:77px;padding-bottom:78px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.7;margin:0 0 24px}.status-dot{width:7px;height:7px;background:#87aa40;border-radius:50%}h1{font-size:clamp(52px,5.6vw,78px);line-height:1.025;letter-spacing:-4px;margin:0 0 26px;font-weight:800}h1 span{display:inline-block;background:var(--green);padding:1px 13px 6px;margin:5px 0 0 -10px;transform:rotate(-2deg);border-radius:5px}.intro{max-width:400px;color:#667066;font-size:16px;line-height:1.65;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #9da597;padding:8px 0}.text-link span{margin-left:7px}.hero-note{color:#7d8578;font-size:11px;margin:18px 0 0}.hero-visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;background:#e9edde;border-radius:220px 220px 28px 28px;overflow:hidden;margin-top:8px}.orbit{position:absolute;width:500px;height:500px;border:1px solid #d4dbc8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-45%)}.orbit-two{width:360px;height:360px}.link-slip{position:absolute;top:58px;left:46px;right:30px;height:55px;background:#fff;border:1px solid #dce1d3;border-radius:9px;transform:rotate(-8deg);display:flex;gap:11px;align-items:center;padding:0 15px;font-size:11px;box-shadow:0 8px 20px #1a23100c}.slip-icon{font-size:19px;color:#8a9682}.slip-check{margin-left:auto;background:var(--green);border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.save-card{position:relative;background:#fff;width:290px;border:1px solid #e1e4d8;border-radius:14px;padding:14px;transform:rotate(5deg) translateY(14px);box-shadow:0 20px 45px #313b2520}.card-top{display:flex;justify-content:space-between;align-items:center;padding:2px 1px 14px}.card-label{font-size:7px;letter-spacing:1.5px;color:#798373;font-weight:700}.card-menu{font-size:20px;line-height:10px;letter-spacing:1px}.landscape{position:relative;height:220px;overflow:hidden;border-radius:8px;background:#b8cbd1}.sun{position:absolute;right:43px;top:28px;width:40px;height:40px;background:#f5e6a8;border-radius:50%}.hill{position:absolute;width:370px;height:270px;border-radius:48% 45% 0 0;transform:rotate(-25deg)}.hill-back{background:#8eaa8f;bottom:-148px;left:-80px}.hill-front{background:#486d58;bottom:-156px;right:-130px;transform:rotate(25deg)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff3b;color:white;font-size:14px;padding-left:3px;backdrop-filter:blur(5px);border:1px solid #ffffff80}.duration{position:absolute;bottom:10px;right:10px;font-size:9px;color:#fff;background:#24362b80;padding:3px 6px;border-radius:3px}.card-bottom{padding:16px 1px 2px;display:flex;align-items:center;justify-content:space-between}.small-label{display:block;font-size:9px;color:#879080;margin-bottom:6px}.card-bottom strong{font-size:16px;letter-spacing:-.6px}.download-mark{background:var(--green);height:33px;width:33px;border-radius:50%;display:grid;place-items:center;font-size:24px}.saved-tag{position:absolute;right:17px;bottom:84px;transform:rotate(-5deg);background:var(--ink);color:#fff;padding:13px 17px;border-radius:7px;font-size:10px;box-shadow:0 10px 20px #19231220}.saved-tag span{color:var(--green);margin-right:7px}.visual-caption{position:absolute;bottom:25px;font-size:7px;letter-spacing:2px;color:#7b8974}.formats{border-top:1px solid #d9dcd2;border-bottom:1px solid #d9dcd2}.formats-inner{min-height:95px;display:flex;align-items:center;gap:35px}.formats-inner>span:first-child{color:#798274;font-size:11px;margin-right:auto}.formats strong{font-size:24px;letter-spacing:-1px}.format-plus{color:#a0aa96;font-size:22px}.format-note{font-size:10px;color:#798274;margin-left:auto}.how{padding:95px 0 85px}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;column-gap:40px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.collection h2,.cta h2{font-size:46px;line-height:1.08;letter-spacing:-2px;font-weight:700;margin:0}.section-heading>p:last-child{align-self:end;color:#74806e;font-size:14px;line-height:1.8;margin:0 0 4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:48px}.steps article{position:relative;border-top:1px solid #cfd5c7;padding-top:21px}.step-number{font-family:monospace;font-size:11px;color:#839079}.step-symbol{font-size:35px;color:#627853;margin-top:32px;height:45px}h3{font-size:19px;font-weight:700;letter-spacing:-.7px;margin:19px 0 12px}.steps p{font-size:13px;color:#73806b;line-height:1.8;max-width:290px;margin:0}.collection{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;border-radius:20px;background:#e8eddf;padding:52px;margin-bottom:90px}.collection .eyebrow{font-size:9px;margin-bottom:17px}.collection h2{font-size:37px;letter-spacing:-1.6px}.collection p{font-size:13px;line-height:1.8;color:#6b7864;max-width:345px;margin:21px 0 0}.collection-list{align-self:center}.collection-list>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid #cdd7c0;padding:23px 0}.collection-list>div:last-child{border-bottom:0}.list-icon{width:39px;height:39px;flex-shrink:0;background:#d7e1cb;border-radius:10px;display:grid;place-items:center;font-size:23px;color:#5a6c4b}.collection-list strong{font-size:13px;display:block;font-weight:700}.collection-list small{display:block;font-size:10px;color:#7c8973;margin-top:7px}.list-arrow{margin-left:auto;color:#819273}.cta{background:var(--green);border-radius:20px;text-align:center;padding:58px 30px}.cta .eyebrow{display:block;font-size:9px;margin-bottom:21px}.cta h2{font-size:52px;margin-bottom:27px}.cta .button{min-width:240px;text-align:left}.cta>p:last-child{font-size:10px;line-height:1.8;color:#658037;margin:23px 0 0}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 0;color:#727c6a}footer .brand{font-size:17px;color:var(--ink)}footer .brand-icon{height:25px;width:25px;font-size:24px;border-radius:7px}footer>span,footer>a:last-child{font-size:10px}@media(min-width:1400px){.hero{gap:70px}}@media(max-width:960px){.wrap{width:calc(100% - 48px)}.nav nav{gap:20px}.hero{gap:20px;padding-top:55px}h1{font-size:60px;letter-spacing:-3px}.hero-visual{min-height:490px}.hero-actions{gap:13px}.hero-actions .button{font-size:12px;gap:20px;padding:0 17px}.hero-visual .save-card{width:255px}.landscape{height:200px}.formats-inner{gap:20px}.formats strong{font-size:21px}.format-note{display:none}.collection{gap:35px;padding:35px}.collection h2{font-size:33px}.section-heading h2{font-size:40px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{height:79px}.brand{font-size:19px;gap:7px}.brand-dot,.nav-how{display:none}.brand-icon{height:27px;width:27px;font-size:25px}.button-small{font-size:10px;min-height:38px;padding:0 12px;gap:13px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:32px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:22px}h1{font-size:clamp(48px,12.8vw,72px);letter-spacing:-2.8px;margin-bottom:23px}.intro{font-size:14px;max-width:350px;line-height:1.75}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;min-height:52px;padding:0 18px}.text-link{font-size:11px}.hero-note{font-size:10px}.hero-visual{min-height:405px;margin-top:0;border-radius:180px 180px 22px 22px}.hero-visual .save-card{width:250px;transform:rotate(5deg) translateY(9px)}.landscape{height:175px}.link-slip{top:34px;left:30px;right:15px;font-size:9px;height:47px}.saved-tag{bottom:48px;font-size:9px;right:5px}.visual-caption{bottom:17px;font-size:6px}.formats-inner{flex-wrap:wrap;gap:16px;min-height:110px;padding-top:19px;padding-bottom:20px;justify-content:center}.formats-inner>span:first-child{width:100%;text-align:center;margin:0;font-size:10px}.formats strong{font-size:22px}.how{padding:55px 0}.section-heading{grid-template-columns:1fr;gap:15px}.section-heading .eyebrow{margin-bottom:0}.section-heading h2{font-size:38px;letter-spacing:-1.5px}.section-heading>p:last-child{font-size:12px;line-height:1.7}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps article{display:grid;grid-template-columns:38px 1fr;column-gap:11px;padding-top:17px}.step-number{grid-column:1;grid-row:1;font-size:10px}.step-symbol{grid-column:1;grid-row:2/4;margin-top:10px;font-size:28px}.steps h3{grid-column:2;grid-row:1/3;margin:0 0 7px;font-size:18px}.steps p{grid-column:2;max-width:none;font-size:12px;line-height:1.8}.collection{grid-template-columns:1fr;gap:20px;padding:30px 23px;margin-bottom:45px;border-radius:15px}.collection h2{font-size:33px;letter-spacing:-1.4px}.collection p{font-size:12px;margin-top:15px}.collection-list>div{padding:18px 0}.collection-list strong{font-size:12px}.collection-list small{font-size:9px}.list-icon{width:35px;height:35px}.cta{padding:40px 17px;border-radius:15px}.cta h2{font-size:37px;letter-spacing:-1.6px}.cta>p:last-child{font-size:8px}.cta .button{min-height:53px;min-width:230px;font-size:12px}footer{gap:20px;flex-wrap:wrap;padding:30px 0}footer>span{order:3;width:100%;font-size:9px}footer .brand{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
