/* Reference-image matched homepage */
:root{--ref-green:#079948;--ref-dark:#002d20}body{background:#fff!important;color:#0c1318!important;font-family:Inter,Arial,Helvetica,sans-serif!important}.ref-wrap{max-width:914px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.ref-header{height:51px;background:white;border-bottom:1px solid #e7ecea;position:relative;z-index:40}.ref-head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.ref-brand{font-weight:850;font-size:19px;color:#111;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:7px}.ref-brand-icon{width:26px;height:26px;border-radius:50%;background:#00c853;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900;line-height:1;transform:rotate(-10deg)}.ref-topnav{display:flex;align-items:center;gap:5px}.ref-topnav a{font-size:12px;color:#0d1519;padding:9px 13px;border-radius:30px;white-space:nowrap}.ref-topnav a.current,.ref-topnav a:hover{background:#b6f9d1}.ref-actions{display:flex;align-items:center;gap:10px}.ref-actions button{color:#15222a;font-size:13px;white-space:nowrap}.ref-actions #theme-toggle-btn{background:#f4f6f7;border-radius:50%;width:29px;height:29px}.ref-language{position:relative}.ref-language #lang-dropdown{position:absolute;right:0;top:30px;background:white;min-width:130px;box-shadow:0 6px 22px #0002;padding:8px;border-radius:10px}.ref-language #lang-dropdown a{display:block;font-size:12px;padding:8px}.ref-hero{height:363px;background:radial-gradient(circle at 78% 45%,#006739 0,#003b29 42%,#00291e 75%,#002016 100%);color:white}.ref-hero-inner{display:flex;align-items:flex-start;justify-content:space-between;height:100%;position:relative}.ref-hero-copy{padding-top:37px;position:relative;z-index:2}.ref-pill{display:inline-block;background:#006c36;color:white;padding:5px 13px;border-radius:20px;font-weight:700;font-size:11px;margin-bottom:12px}.ref-hero h1{font-size:39px;font-weight:850;letter-spacing:-1.6px;line-height:1.1;color:#fff;margin:0 0 12px}.ref-hero p{font-size:14px;line-height:1.5;max-width:480px;color:#fff;margin:0}.ref-hero-perks{display:flex;gap:20px;margin-top:19px;align-items:center}.ref-hero-perks span{font-size:12px;font-weight:700;color:#fff}.ref-headphones{position:absolute;right:0;top:17px;width:395px;height:255px;object-fit:cover;mix-blend-mode:lighten;border-radius:35px}.ref-download-wrap{position:relative;z-index:5;}.ref-download-box{background:#fff;border-radius:14px;padding:26px 30px 22px;box-shadow:0 6px 18px #132c2619;border:1px solid #e9eeec}.ref-tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:20px}.ref-tool-tabs a{background:#f7f8f9;color:#0d171b;text-align:center;padding:14px 4px;border-radius:11px;font-size:12px;font-weight:750;white-space:nowrap}.ref-tool-tabs a.active{background:linear-gradient(100deg,#008a3b,#009d55);color:white}.ref-input-line{display:flex;gap:14px}.ref-input-wrap{height:50px;display:flex;align-items:center;flex:1;min-width:0;border:1.5px solid #d1dee5;border-radius:11px;padding:0 12px;gap:12px}.ref-input-wrap:focus-within{border-color:#0aa153}.ref-input-icon{font-size:23px;color:#213c4c}.ref-input-wrap input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:14px;color:#10202c}.ref-input-wrap button{color:#1c3644;font-size:21px}.ref-download-btn{width:176px;border-radius:11px;background:linear-gradient(95deg,#00bd5e,#00a568);color:#fff;font-weight:800;font-size:15px}.ref-example{font-size:12px;color:#1c303d;margin:10px 0 0}.ref-example span{color:#009d51}.ref-ad-wrap{margin-top:20px}.ref-ad{height:79px;border:1px solid #d0f3e1;border-radius:10px;background:linear-gradient(120deg,#e9fcf3,#fafffc 48%,#d7f8e6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#314b57}.ref-ad small{font-size:11px}.ref-ad strong{font-size:17px}.ref-results{padding-top:22px}.ref-features{text-align:center;padding-top:34px}.ref-section-pill{display:inline-block;border-radius:30px;background:#b8fbd4;color:#00562d;font-size:11px;font-weight:700;padding:5px 12px}.ref-features h2{font-size:25px;font-weight:850;letter-spacing:-.7px;margin:9px 0 20px}.ref-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ref-feature-grid article{border:1px solid #e6ebeb;border-radius:13px;box-shadow:0 4px 10px #0c28200d;padding:12px 15px 18px;min-height:133px}.ref-feature-grid article>span{display:inline-grid;place-items:center;background:#e6f9ef;color:#00ae55;border-radius:50%;width:40px;height:40px;font-size:24px;font-weight:800}.ref-feature-grid h3{font-size:16px;font-weight:800;margin:6px 0}.ref-feature-grid p{font-size:12px;line-height:1.4;margin:0}.ref-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:35px;padding-bottom:30px}.ref-laptop-frame{display:grid;place-items:center}.ref-laptop-frame img{width:410px;height:auto;max-width:100%;border-radius:15px}.ref-about h2{font-size:25px;font-weight:850;margin:7px 0}.ref-about p{font-size:13px;line-height:1.45}.ref-about ul{list-style:none;padding:0;margin:10px 0}.ref-about li{font-size:12px;margin:7px 0}.ref-about li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#00c84d;color:#fff;margin-right:8px}.ref-steps{display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:15px;background:#eafaf1;border-radius:12px;padding:20px 24px}.ref-steps h2{font-size:19px;font-weight:850;line-height:1.2}.ref-steps>div{display:flex;align-items:flex-start;gap:10px}.ref-steps b{background:#009b50;color:#fff;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.ref-steps strong{display:block;font-size:13px}.ref-steps small{font-size:10px;line-height:1.3;display:block;margin-top:5px}.ref-popular{padding-top:23px;padding-bottom:26px}.ref-popular h2{text-align:center;font-size:20px;font-weight:850;margin-bottom:12px}.ref-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ref-popular-grid a{border:1px solid #e8eeee;border-radius:12px;padding:13px 9px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 8px #0000000c;color:#18322c;font-size:14px}.ref-popular-grid i{font-size:21px;color:#00ac57;background:#e6fbef;border-radius:9px;padding:5px;font-style:normal}.ref-popular-grid span{flex:1}.ref-popular-grid strong{font-size:11px;display:block}.ref-popular-grid small{display:block;font-size:9px;margin-top:4px}.ref-extra-heading{text-align:center;padding:45px 0 0}.ref-extra-heading h2{font-size:24px;font-weight:800}.ref-extra-heading p{font-size:13px;color:#53646a}html.dark .ref-header,html.dark .ref-download-box,html.dark .ref-feature-grid article,html.dark .ref-popular-grid a{background:#fff;color:#111}html.dark .ref-header a,html.dark .ref-download-box a{color:#111}html.dark .ref-tool-tabs a.active{color:#fff}html.dark .ref-topnav a{color:#111}html.dark body{background:#fff!important;color:#111!important}
@media(max-width:950px){.ref-wrap{margin-left:20px;margin-right:20px}.ref-topnav a{padding:8px 6px;font-size:11px}.ref-headphones{width:35%;height:auto;top:50px}.ref-hero-copy{max-width:65%}}
@media(max-width:700px){.ref-header{height:auto;min-height:55px}.ref-head-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:10px}.ref-topnav{order:3;width:100%;overflow-x:auto;white-space:nowrap}.ref-topnav a{flex-shrink:0}.ref-hero{height:380px}.ref-hero-copy{max-width:100%;padding-top:28px}.ref-hero h1{font-size:30px}.ref-hero p{font-size:12px;max-width:90%}.ref-headphones{opacity:.19;width:65%;right:-10px;top:55px}.ref-hero-perks{gap:9px;flex-wrap:wrap}.ref-hero-perks span{font-size:10px}.ref-download-wrap{margin-top:-82px}.ref-download-box{padding:15px}.ref-tool-tabs{grid-template-columns:repeat(2,1fr);gap:6px}.ref-tool-tabs a{font-size:11px}.ref-input-line{flex-direction:column}.ref-download-btn{width:100%;height:47px}.ref-ad{height:75px}.ref-ad strong{font-size:13px}.ref-features h2{font-size:22px}.ref-feature-grid{grid-template-columns:repeat(2,1fr)}.ref-about{grid-template-columns:1fr;gap:10px}.ref-steps{grid-template-columns:1fr;gap:15px}.ref-steps h2 br{display:none}.ref-popular-grid{grid-template-columns:repeat(2,1fr)}.ref-popular-grid a{min-height:72px}}