:root{--paper:#f7f7f0;--paper-alt:#e9eedf;--card:#fbfcf7;--ink:#163d34;--ink-soft:#466057;--ink-mute:#637467;--teal:#164c3e;--teal-dark:#113f36;--teal-tint:#e6eedb;--coral:#bd472d;--coral-deep:#a83b24;--coral-tint:#f5e8dc;--line:#d8dfd5;--r:7px;--shadow-soft:none}
body{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}.wrap{max-width:1300px;padding:0 48px}h1,h2,h3,h4,.logo{font-family:'Manrope',sans-serif}h1{font-size:clamp(38px,4.6vw,62px);font-weight:600;letter-spacing:-.045em;line-height:1.13}h2{font-weight:600;letter-spacing:-.035em;line-height:1.2}.hero{padding:65px 0}.hero .wrap{gap:42px}.hero .hl{color:var(--coral)}.hero p.sub{font-size:18px;line-height:1.75;margin-top:24px}.eyebrow{padding:0;background:none;border-radius:0;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--ink);margin-bottom:24px}.nav{background:var(--paper)}.nav .wrap{height:88px}.logo{font-size:34px;letter-spacing:-2px}.nav-links .top{font-size:14px!important}.btn{border-radius:5px;font-size:15px;padding:14px 22px;font-weight:600}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover{background:#22624f}.card{padding:28px;box-shadow:none}.card h3{font-size:22px;letter-spacing:-.025em}.card h4{font-size:20px}.card p,.benefits li{font-size:16px}.card .ic{border:1px solid var(--line);border-radius:7px;background:none;font-size:16px}.over{font-size:12px;letter-spacing:1.5px}.split .copy>p{font-size:17px}.quote{border-radius:8px}.quote .q{font-style:normal}.final h2{font-size:clamp(32px,4vw,51px)}.final p{font-size:18px}.post,.featured-post{border-radius:7px}.post h3{font-size:22px;line-height:1.3}.post p{font-size:16px}.article-body{font-size:18px;line-height:1.85}.story-page .lead{font-family:'Manrope',sans-serif;font-size:30px}.feature-catalog .card .ic{font:600 12px 'DM Sans',sans-serif;width:auto;display:block;height:auto;border:0;margin-bottom:22px;text-transform:uppercase;letter-spacing:1px}.feature-catalog .card ul li{font-size:14px!important}.feature-catalog .card{box-shadow:none}.micro{font-size:13px}.brand-example-label{font-size:12px;color:var(--ink-mute);text-align:right;padding-top:16px}
@media(min-width:981px){.mob-menu,.mob-menu.open{display:none}}
@media(max-width:1100px){.wrap{padding:0 28px}.hero .wrap{gap:28px}.hero h1{font-size:44px}.nav .wrap{gap:16px}.nav-links a.top,.nav-links span.top{padding:9px}}
@media(max-width:980px){.nav .wrap{height:74px}.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:clamp(40px,6.5vw,60px)}.hero .devices{margin-top:12px}.hero p.sub{max-width:650px}.grid3.feature-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{padding:0 20px}.hero{padding:40px 0}.hero h1{font-size:40px}.hero p.sub{font-size:17px}.grid3.feature-catalog{grid-template-columns:1fr}.card{padding:25px}.nav .logo{font-size:31px}.nav-cta .btn{font-size:13px;padding:10px 13px}.nav-cta .login{display:none}.story-page .lead{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.devices>.brand-example-label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;padding:0}

/* drawn tick - never the check glyph, it renders differently per OS */
.tick::before{content:"";display:inline-block;width:10px;height:10px;background:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M4.5%2010.5l4%204%207-8.5%27%20fill=%27none%27%20stroke=%27%23059669%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E) no-repeat center/10px 10px;margin-right:4px;vertical-align:-1px}
.tick-svg{display:inline-block;width:16px;height:16px;background:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M4.5%2010.5l4%204%207-8.5%27%20fill=%27none%27%20stroke=%27%23164c3e%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E) no-repeat center/16px 16px;vertical-align:-3px}
/* 44px minimum touch target */
.nav-burger{min-height:44px;min-width:44px}
.btn,.btn-primary{min-height:44px}

.ic .ic-svg{width:20px;height:20px;display:block;color:var(--teal)}