@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-bold.ttf') format('truetype');font-weight:700 800;font-display:swap}
:root{--ink:#1c2424;--muted:#626d6b;--teal:#144d4d;--pale:#edf2ef;--line:#dce2df;--white:#fff;--gutter:64px;--split:42%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;letter-spacing:0}body.menu-open{overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}img{max-width:100%;display:block}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #40a7a1;outline-offset:5px}button,a,summary{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.12}h1{font-size:68px}h2{font-size:52px}h3{font-size:21px}p{font-size:15px}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;padding:12px 20px;background:#fff}.skip-link:focus{top:10px}.site-header{height:90px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20;background:white;border-bottom:1px solid #efefed}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;line-height:1}.brand img{border-radius:9px}.brand-dot{color:var(--teal)}.desktop-nav{display:flex;gap:32px;align-items:center}.desktop-nav a{font-size:13px;font-weight:600;position:relative;padding:16px 0}.desktop-nav a:after{content:'';position:absolute;bottom:9px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.desktop-nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:14px 22px;border-radius:4px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.button-dark{background:var(--teal);color:white}.button-dark:hover{background:#0b3738;box-shadow:0 4px 16px #0b373820}.button-white{background:white;color:var(--ink)}.button-white:hover{background:#edf5f2}.header-download{min-width:145px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;height:662px;min-height:600px;color:#fff;overflow:hidden;background:#394440}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 54%;position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,22,.65),rgba(13,24,22,.15) 64%,rgba(13,24,22,.02)),linear-gradient(0deg,rgba(13,24,22,.42),transparent 36%)}.hero-topline{position:absolute;top:31px;left:48px;right:48px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:600;line-height:1.4}.hero-topline>span:first-child{display:flex;align-items:center;gap:12px}.tiny-cross{font-size:20px;line-height:1}.hero-edition{background:#173d3e70;padding:7px 10px;border:1px solid #ffffff40;border-radius:2px}.hero-content{position:absolute;left:var(--gutter);top:132px;max-width:780px}.eyebrow{font-size:10px;font-weight:700;color:var(--teal);line-height:1.5;margin-bottom:24px}.eyebrow.light{color:#dbe6dc}.hero h1{font-weight:500;line-height:1.13;text-wrap:balance}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:15px;line-height:1.8;color:#f0f1ec;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.store-button{display:flex;align-items:center;gap:12px;background:white;color:#172320;border-radius:5px;padding:9px 19px;min-height:58px;transition:background .2s}.store-button:hover{background:#e4ede7}.store-button svg{fill:currentColor;width:25px;height:31px;stroke:none}.store-button span{display:flex;flex-direction:column;line-height:1.1}.store-button small{font-size:10px;margin-bottom:3px}.store-button strong{font-size:23px;font-weight:600}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:600;padding:9px 0;border-bottom:1px solid currentColor}.text-link:hover{color:#298783}.light-link{color:white}.light-link:hover{color:#d7e8dd}.download-note{font-size:10px;margin-top:15px;color:#e1e6df}.download-note span{padding:0 6px}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#f0f2eb}.hero-scroll{display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;height:42px;width:42px}.hero-scroll:hover{background:#ffffff20}.hero-caption{position:absolute;right:118px;bottom:37px;font-size:9px;color:#e2e7e3}.promise-strip{display:flex;justify-content:space-between;align-items:center;padding:27px var(--gutter);border-bottom:1px solid var(--line);gap:25px}.promise-strip span{display:flex;align-items:center;gap:12px;font-size:12px}.promise-strip svg{width:18px;color:var(--teal)}.section-wrap{max-width:1440px;margin:auto;padding:100px var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:18px}.section-intro{max-width:410px;color:var(--muted);font-size:14px;line-height:1.9;padding-bottom:3px}.compare{position:relative;width:100%;aspect-ratio:16/8.7;background:#d5dbd6;overflow:hidden;border-radius:5px}.compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare .before-image{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:22px;padding:7px 12px;border-radius:3px;background:#172721b8;color:white;font-size:9px;line-height:1.5;pointer-events:none}.before-label{left:23px}.after-label{right:23px;background:#fff;color:var(--ink)}.compare-line{position:absolute;left:var(--split);width:2px;background:white;top:0;bottom:0;transform:translateX(-1px);pointer-events:none}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:white;color:var(--ink);width:48px;height:48px;border-radius:50%;box-shadow:0 3px 12px #0002}.compare-line svg{width:22px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.compare:focus-within{outline:3px solid #40a7a1;outline-offset:5px}.workbench-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px;border-bottom:1px solid var(--line)}.style-options{display:flex;gap:8px}.style-choice{display:flex;align-items:center;gap:10px;padding:9px 14px;background:white;border:1px solid var(--line);border-radius:3px;font-size:12px;min-height:44px}.style-choice.active{border-color:var(--teal);background:#eff6f2}.style-choice svg{width:14px;visibility:hidden}.style-choice.active svg{visibility:visible}.style-swatch{width:13px;height:13px;border-radius:50%}.modern-swatch{background:#154c51}.japandi-swatch{background:#bc9e7d}.workbench-footer>p{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.workbench-footer>p svg{width:16px}.image-disclosure{margin-top:13px;font-size:10px;color:var(--muted)}.how-section{background:#153c3c;color:white}.how-section .section-intro{color:#c2d4ce}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:56px}.steps article{border-top:1px solid #ffffff40;padding-top:26px;position:relative}.step-num{font-size:11px;color:#b2ccc1}.steps article>svg{position:absolute;right:0;top:25px;width:24px;height:24px;color:#d4e2d6}.steps h3{margin:30px 0 16px}.steps p{font-size:13px;color:#c4d6d0;line-height:1.9;max-width:320px}.how-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;margin-top:54px;padding-top:24px;gap:24px}.how-bottom>span{font-size:9px;color:#bfcec5}.tools-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.tools-photo-wrap{position:relative;min-width:0;height:800px;overflow:hidden;border-radius:5px}.tools-photo-wrap>img{width:100%;height:100%;object-fit:cover}.photo-index{position:absolute;top:25px;left:24px;font-size:9px;color:white;background:#183f3caa;padding:7px 10px}.photo-note{position:absolute;bottom:16px;right:16px;font-size:9px;color:white;text-shadow:0 1px 6px #000}.tools-content{padding-top:24px}.tools-intro{margin-top:23px;color:var(--muted);max-width:350px;font-size:14px}.tool-list{margin-top:31px}.tool-list article{display:flex;gap:20px;border-top:1px solid var(--line);padding:22px 0}.tool-list article>svg{color:var(--teal);margin-top:2px;width:21px;height:21px}.tool-list h3{font-size:16px;line-height:1.4}.tool-list p{margin-top:7px;font-size:12px;color:var(--muted);line-height:1.8}.tool-list a{display:inline-flex;gap:15px;font-size:11px;margin-top:10px;font-weight:600;border-bottom:1px solid #c6d3ce}.app-section{background:var(--pale)}.app-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.app-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:25px;max-width:410px;line-height:1.9}.app-copy .button{margin-top:32px}.app-availability{display:block;font-size:10px;color:var(--muted);margin-top:14px}.app-preview{margin:0;position:relative}.screen-mat{background:#dbe5de;border-radius:5px;display:flex;justify-content:center;padding:35px 55px 0;max-height:530px;overflow:hidden}.screen-mat img{width:280px;height:auto;max-width:100%;object-fit:contain;object-position:top;box-shadow:0 10px 40px #17382a20}.app-preview figcaption{font-size:9px;display:flex;gap:12px;align-items:center;padding-top:16px;font-weight:600}.app-preview figcaption>span:last-child{font-size:9px;color:var(--muted);margin-left:auto;font-weight:400}.small-cross{font-size:18px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}.faq-heading>p:last-child{margin-top:24px;max-width:250px;color:var(--muted);font-size:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:23px 0;font-size:14px;font-weight:600;min-height:68px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:17px;height:17px;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 35px 24px 0}.final-section{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:white;overflow:hidden;background:#2c3e34}.final-section>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 58%}.final-shade{position:absolute;inset:0;background:#1528209e}.final-content{position:relative;padding:70px 24px}.final-content h2{font-size:58px;line-height:1.15}.final-content .button{margin-top:30px}.final-content>p:last-child{font-size:10px;color:#e3e9e3;margin-top:15px}.final-caption{position:absolute;right:24px;bottom:16px;font-size:9px;color:#e3e9e3}.site-footer{padding:45px var(--gutter) 24px;max-width:1440px;margin:auto}.footer-top{display:flex;align-items:center;gap:40px}.footer-top>p{color:var(--muted);font-size:13px}.footer-top>.text-link{margin-left:auto}.footer-guides{display:flex;gap:28px;margin-top:38px;padding-bottom:30px;font-size:11px;color:var(--muted)}.footer-guides a:hover,.footer-bottom a:hover{color:var(--teal);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;color:var(--muted);font-size:10px}.footer-bottom nav{display:flex;gap:20px}.guide-hero{padding-top:75px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.guide-hero h1{font-size:55px}.guide-hero p:not(.eyebrow){color:var(--muted);margin-top:24px}.guide-hero .button{margin-top:28px}.guide-hero>img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:5px}.guide-body{max-width:900px;padding-top:50px;padding-bottom:80px}.guide-body h2{font-size:32px;margin:42px 0 20px}.guide-body p,.guide-body li{font-size:15px;color:var(--muted)}.guide-body li{margin:12px 0}.guide-body ul,.guide-body ol{padding-left:23px}.guide-body a{color:var(--teal);text-decoration:underline}.guide-body .button{margin-top:30px;color:white;text-decoration:none}.guide-note{font-size:11px!important;margin-top:12px!important}.guide-related{padding-top:30px;border-top:1px solid var(--line);margin-top:50px;display:flex;gap:20px;flex-wrap:wrap}
@media(min-width:1600px){.hero{height:740px}.hero-content{top:175px;left:max(64px,calc((100% - 1312px)/2))}.hero h1{font-size:76px}.hero-photo{object-position:center 57%}.hero-topline{left:max(48px,calc((100% - 1344px)/2));right:max(48px,calc((100% - 1344px)/2))}}
@media(max-width:1100px){:root{--gutter:38px}.site-header{padding:0 32px}.desktop-nav{gap:20px}.hero h1{font-size:59px}.tools-section{gap:50px}.tools-photo-wrap{height:770px}h2{font-size:44px}.app-layout{gap:55px}.screen-mat{padding:25px 32px 0}.faq-section{gap:45px}.section-intro{max-width:340px}.guide-hero h1{font-size:45px}}
@media(max-width:760px){:root{--gutter:22px}.site-header{height:76px;padding:0 22px;gap:16px}.brand{font-size:27px;gap:8px}.brand img{width:32px;height:32px;border-radius:8px}.desktop-nav{display:none}.header-download{min-width:auto;min-height:43px;padding:10px 15px;font-size:11px;gap:18px;margin-left:auto}.header-download svg{width:16px;height:16px}.menu-toggle{display:grid;place-items:center;width:36px;height:44px;border:0;background:white;padding:0}.mobile-nav{position:fixed;top:76px;left:0;right:0;bottom:0;padding:40px 24px;background:white;z-index:19;display:flex;flex-direction:column;gap:0}.mobile-nav a{padding:20px 0;border-bottom:1px solid var(--line);font-size:18px}.mobile-nav .app-link{color:var(--teal);font-weight:700}.hero{height:620px;min-height:0}.hero-photo{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#1428228c,transparent 95%),linear-gradient(0deg,#12241ed1 0%,#172b2365 58%,#172b2320 100%)}.hero-topline{top:22px;left:22px;right:22px;font-size:8px}.hero-edition{display:none}.hero-content{top:auto;bottom:103px;left:22px;right:22px;max-width:590px}.hero-content .eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:43px;line-height:1.17;font-weight:500}.hero-copy{margin-top:20px;font-size:13px;max-width:340px}.hero-actions{gap:23px;margin-top:26px;flex-wrap:wrap}.store-button{padding:8px 14px;min-height:54px;gap:9px}.store-button strong{font-size:21px}.store-button small{font-size:9px}.store-button svg{width:23px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-actions .text-link svg{width:17px}.download-note{font-size:9px}.hero-bottom{bottom:22px;left:22px;right:22px;font-size:7px;max-width:100%;gap:20px}.hero-bottom>span{max-width:215px;line-height:1.8}.hero-scroll{width:36px;height:36px}.hero-caption{right:69px;bottom:35px;font-size:7px}.promise-strip{padding:23px 22px;gap:14px;display:grid;grid-template-columns:1fr}.promise-strip span{font-size:11px;gap:13px}.promise-strip svg{width:16px;height:16px}.section-wrap{padding:64px 22px}.section-head{display:block;margin-bottom:28px}.eyebrow{font-size:9px;margin-bottom:18px}.section-head .eyebrow{margin-bottom:18px}h2{font-size:38px;line-height:1.14}.section-intro{margin-top:21px;font-size:13px;max-width:450px;line-height:1.8}.compare{aspect-ratio:1.15}.compare>img{object-position:57% center}.compare-label{top:12px;padding:6px 7px;font-size:7px}.before-label{left:12px}.after-label{right:12px}.compare-line>span{width:38px;height:38px}.workbench-footer{padding:14px 0;display:block}.style-options{gap:7px}.style-choice{padding:9px 11px;font-size:11px;min-height:44px}.workbench-footer>p{margin-top:12px;font-size:10px}.image-disclosure{font-size:9px;line-height:1.7;margin-top:12px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps article{padding:22px 40px 0 43px}.step-num{position:absolute;left:0;top:22px}.steps article>svg{top:22px;width:22px;height:22px}.steps h3{font-size:20px;margin:0 0 12px}.steps p{max-width:100%;font-size:12px}.how-bottom{margin-top:35px;padding-top:22px;align-items:start;flex-direction:column;gap:15px}.how-bottom>span{font-size:8px}.tools-section{grid-template-columns:1fr;gap:36px}.tools-photo-wrap{height:auto;aspect-ratio:4/4.5}.tools-photo-wrap img{object-position:center 50%}.tools-content{padding:0}.tools-content h2{font-size:40px}.tools-intro{font-size:13px}.tool-list{margin-top:25px}.tool-list article{padding:20px 0}.tool-list h3{font-size:16px}.tool-list p{font-size:12px}.app-layout{grid-template-columns:1fr;gap:38px}.app-copy>p:not(.eyebrow){font-size:13px;margin-top:22px}.app-copy .button{margin-top:25px;font-size:12px;gap:20px}.app-preview{max-width:460px;width:100%;margin:auto}.screen-mat{max-height:490px;padding:28px 38px 0}.screen-mat img{width:250px}.app-preview figcaption{font-size:8px;gap:8px}.app-preview figcaption>span:last-child{font-size:8px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-heading>p:last-child{margin-top:18px;max-width:100%;font-size:13px}.faq-list summary{font-size:13px;padding:21px 0;gap:20px}.faq-list details>p{font-size:12px;padding-right:12px}.final-section{min-height:450px}.final-content{padding:58px 22px}.final-content h2{font-size:41px}.final-content .button{font-size:11px;padding:14px 17px;gap:18px}.final-content>p:last-child{font-size:9px}.final-caption{font-size:8px}.site-footer{padding:34px 22px 24px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{order:3;width:100%;font-size:12px}.footer-top>.text-link{font-size:12px}.footer-guides{gap:18px;flex-wrap:wrap;font-size:10px;margin-top:28px;padding-bottom:24px}.footer-bottom{font-size:9px;gap:14px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.footer-bottom nav{gap:13px}.guide-hero{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:40px}.guide-hero h1{font-size:40px}.guide-hero>img{aspect-ratio:1.25}.guide-body{padding-top:18px}.guide-body h2{font-size:27px}.guide-body p,.guide-body li{font-size:14px}}
.screen-mat img{width:220px}
.guide-hero>img{object-position:70% center}
.brand,.menu-toggle{flex-shrink:0}
@media(max-width:370px){.site-header{padding:0 18px;gap:10px}.site-header .brand{font-size:24px}.site-header .brand img{width:28px;height:28px}.header-download{padding:10px 12px;gap:8px}.menu-toggle{width:28px}}
@media(max-width:760px){.hero{height:min(620px,calc(100svh - 130px));min-height:540px}.hero-bottom>span{max-width:190px}.hero-caption{bottom:75px;right:22px}.screen-mat img{width:210px}}
@media(max-width:370px){.hero h1{font-size:37px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px;gap:6px}.hero-content{bottom:100px}.hero-copy{font-size:12px}.hero-caption{display:none}.header-download{gap:12px}.final-content h2{font-size:35px}h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}