:root{--ink:#102f2a;--navy:#08265f;--green:#2f6b58;--green-dark:#1d4f42;--mint:#c5e5d9;--mint-soft:#edf8f4;--cream:#fffaf1;--lavender:#eee8ff;--clay:#ed765f;--line:#1d4f4229;--shadow:0 22px 60px #1c413a2e;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf1eb;border-bottom:1px solid #2f6b581f;position:sticky;top:0}.nav,.section-inner,.footer-inner{width:min(1180px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{color:var(--navy);letter-spacing:0;align-items:center;gap:12px;font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:850;text-decoration:none;display:inline-flex}.brand img{border-radius:12px;width:46px;height:46px;box-shadow:0 10px 22px #08265f2e}.nav-links{color:#29453e;justify-content:flex-end;align-items:center;gap:22px;font-size:.94rem;font-weight:700;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible,.footer a:hover,.footer a:focus-visible{color:var(--green-dark);outline:none}.footer a:hover,.footer a:focus-visible{color:#fff;text-underline-offset:4px;text-decoration:underline}.button{border-radius:var(--radius);background:var(--green);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 14px 28px #2f6b583d}.button.secondary{color:var(--green-dark);box-shadow:none;background:#ffffffc2;border-color:#2f6b5838}.button:hover,.button:focus-visible{transform:translateY(-1px)}.hero{background:linear-gradient(112deg,#fffaf1fa 0%,#fffaf1eb 44%,#d3eee6d1 100%);border-bottom:1px solid #2f6b581a;align-items:center;min-height:min(820px,100vh - 76px);display:grid;position:relative;overflow:hidden}.hero-inner,.page-hero-inner{align-items:center;gap:52px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.hero-inner{grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);padding:72px 0 94px}.page-hero{background:linear-gradient(112deg,#fffaf1fa 0%,#fffaf1ed 48%,#c5e5d9d1 100%);border-bottom:1px solid #2f6b581a}.page-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(320px,.7fr);padding:74px 0 62px}.hero-icon{width:94px;height:94px;box-shadow:var(--shadow);border-radius:24px;margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);letter-spacing:0;margin-bottom:18px;font-size:clamp(3.6rem,7vw,6.2rem);font-weight:900;line-height:.9}h2{color:var(--green-dark);letter-spacing:0;font-size:clamp(2.15rem,5vw,4.3rem);font-weight:900;line-height:1}.lead{color:#234139;max-width:690px;margin-bottom:28px;font-size:clamp(1.25rem,2.3vw,1.9rem);font-weight:760;line-height:1.25}.body-copy{color:#45655c;max-width:640px;margin-bottom:34px;font-size:1.08rem}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.trust-row{flex-wrap:wrap;gap:12px;display:flex}.trust-row span{color:#3e5f56;background:#ffffffad;border:1px solid #2f6b5824;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.88rem;font-weight:750;display:inline-flex}.feature-poster,.image-panel{border:1px solid #ffffffc2;border-radius:22px;width:100%;box-shadow:0 24px 70px #08265f30}.phone-shot{aspect-ratio:9/16;object-fit:contain;background:linear-gradient(#edf8f4db,#fffaf1f0);justify-self:center;width:min(100%,390px);height:auto}.section-inner{padding:82px 0}.section-head{max-width:790px;margin-bottom:38px}.section-head p,.muted{color:#49675f;font-size:1.08rem}.feature-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.screenshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.feature-card,.legal-body{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;box-shadow:0 16px 34px #2f6b5814}.feature-card{padding:24px}.feature-card h3,.card h3{color:var(--green-dark);margin-bottom:8px}.feature-card p,.card p{color:#506a62;margin-bottom:0}.screenshot-grid img{aspect-ratio:9/16;object-fit:contain;object-position:top center;background:linear-gradient(#edf8f4db,#fffaf1f0);border:1px solid #2f6b581f;border-radius:16px;width:100%;height:auto;box-shadow:0 18px 46px #08265f24}.card{padding:26px}.card img{margin-bottom:18px}.step-list{gap:16px;max-width:920px;display:grid}.step{grid-template-columns:52px 1fr;align-items:start;gap:16px;padding:22px;display:grid}.step-number{background:var(--mint);width:52px;height:52px;color:var(--green-dark);border-radius:14px;place-items:center;font-weight:900;display:grid}.step h3{margin-bottom:4px}.compat-note{color:#506a62;margin-top:18px;font-size:.95rem}.wide-band{background:linear-gradient(90deg,#c5e5d980,#fffaf1f5 54%,#eee8ff70);border-top:1px solid #2f6b581a;border-bottom:1px solid #2f6b581a}.legal-body{max-width:980px;margin:0 auto;padding:clamp(24px,5vw,46px)}.legal-body h2{margin:38px 0 10px;font-size:clamp(1.5rem,3vw,2.15rem)}.legal-body h2:first-child{margin-top:0}.legal-body p{color:#3f5d55}.legal-body a{color:var(--green-dark);font-weight:800}.footer{color:#ffffffc7;background:#153c33}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:96px;font-size:.94rem;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer a{color:#fff;text-decoration:none}@media (max-width:980px){.nav{min-height:68px}.nav-links{gap:14px;font-size:.88rem}.hero{min-height:auto}.hero-inner,.page-hero-inner{grid-template-columns:1fr;padding:54px 0 76px}.feature-grid,.card-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.nav,.hero-inner,.page-hero-inner,.section-inner,.footer-inner{width:min(100% - 28px,1180px)}.brand img{width:40px;height:40px}.nav-links a[href="/features/"],.nav-links a[href="/faq/"],.nav-links a[href="/privacy/"]{display:none}h1{font-size:clamp(2.8rem,15vw,4.2rem)}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.nav-links .button{width:auto;min-height:42px;padding:0 14px}.feature-grid,.card-grid,.screenshot-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;padding:24px 0}.step{grid-template-columns:44px 1fr;padding:16px}.step-number{width:44px;height:44px}}
