:root{--ink:#16211f;--muted:#596965;--soft:#f5f1e8;--paper:#fffdf8;--surface:#fff;--teal:#236e62;--teal-dark:#174d45;--blue:#315f9d;--coral:#d96b57;--gold:#c79a37;--violet:#7765c5;--line:#16211f1f;--line-strong:#16211f33;--shadow-soft:0 18px 44px #1f37331a;--shadow-strong:0 26px 70px #14273a2e;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);background:var(--paper);flex-direction:column;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;display:flex}main{flex:1 0 auto}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-height:1}h1{max-width:880px;margin-bottom:24px;font-size:4.75rem;font-weight:900}h2{color:var(--teal-dark);margin-bottom:18px;font-size:3.75rem;font-weight:900}h3{color:var(--ink);margin-bottom:10px;font-size:1.18rem;font-weight:850}.site-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf8e6;border-bottom:1px solid #16211f14;position:sticky;top:0}.nav,.section-inner,.footer-inner{width:min(1280px,100% - 56px);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;font-size:1.32rem;font-weight:900;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:46px;height:46px;box-shadow:0 10px 24px #236e6238}.nav-links{color:#40534f;justify-content:flex-end;align-items:center;gap:24px;font-size:.94rem;font-weight:760;display:flex}.nav-links a,.footer a{text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible,.footer a:hover,.footer a:focus-visible,.compat-note a:hover,.compat-note a:focus-visible,.legal-body a:hover,.legal-body a:focus-visible{color:var(--teal);text-underline-offset:4px;outline:none;text-decoration:underline}.button{border-radius:var(--radius);background:var(--teal);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 19px;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 14px 30px #236e623d}.button.secondary{color:var(--teal-dark);box-shadow:none;background:#ffffffc7;border-color:#236e623d}.button.text-button{min-height:44px;color:var(--teal-dark);box-shadow:none;background:0 0;border:0;padding-inline:0}.button:hover,.button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 18px 36px #236e6247}.button.secondary:hover,.button.secondary:focus-visible,.button.text-button:hover,.button.text-button:focus-visible{box-shadow:none}.nav-cta{min-height:42px;padding:0 16px}.hero{isolation:isolate;color:#fff;background:linear-gradient(90deg,#16211f 0% 48%,#1f5d54 100%);min-height:calc(100vh - 76px);position:relative;overflow:hidden}.hero-bg{z-index:-2;object-fit:cover;object-position:86% center;opacity:.24;filter:saturate(.9)contrast(1.02)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#16211f 0% 46%,#16211fd6 58%,#16211f29 100%),linear-gradient(#16211f1a,#16211fb8);position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#16211ffa,#16211ff0 78%,#16211f00);width:min(58vw,820px);position:absolute;inset:0 auto 0 0}.hero-inner{grid-template-columns:minmax(620px,.98fr) minmax(500px,.9fr);align-items:center;gap:70px;width:min(1280px,100% - 56px);min-height:calc(100vh - 76px);margin:0 auto;padding:100px 0 64px;display:grid}.hero-copy{max-width:720px}.hero .hero-icon{border-radius:8px;width:82px;height:82px;margin-bottom:24px;box-shadow:0 18px 40px #00000047}.hero .lead{color:#ffffffeb}.hero .body-copy{color:#ffffffbd}.hero .button.secondary{color:#fff;background:#ffffff24;border-color:#ffffff42}.hero .trust-row span{color:#ffffffdb;background:#ffffff1c;border-color:#ffffff38}.hero-showcase{border-radius:var(--radius);min-height:650px;position:relative}.hero-phone,.workflow-shot,.phone-shot,.screenshot-grid img{aspect-ratio:9/16;object-fit:contain;object-position:top center;border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--shadow-strong);background:linear-gradient(#f6fbf8,#fff8ec);border:1px solid #ffffffb8}.hero-phone{width:255px;position:absolute;top:50%}.hero-phone-1{z-index:3;left:50%;transform:translate(-50%,-50%)}.hero-phone-2{z-index:2;opacity:.92;left:16%;transform:translate(-50%,-43%)rotate(-5deg)}.hero-phone-3{z-index:1;opacity:.88;right:-2%;transform:translateY(-42%)rotate(5deg)}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(120deg, #f5f1e8f5, #fffdf8fa 45%, #e7f4f0eb), var(--soft);position:relative;overflow:hidden}.page-hero:after{content:"";background:linear-gradient(90deg, var(--teal), var(--blue), var(--coral), var(--gold));width:42%;height:8px;position:absolute;bottom:0;right:0}.page-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(320px,.68fr);align-items:center;gap:52px;width:min(1280px,100% - 56px);margin:0 auto;padding:78px 0 68px;display:grid}.page-hero .hero-icon{width:72px;height:72px;box-shadow:var(--shadow-soft);border-radius:8px;margin-bottom:24px}.page-hero h1{color:var(--ink);font-size:4.35rem}.lead{color:#334642;max-width:760px;margin-bottom:28px;font-size:1.46rem;font-weight:760;line-height:1.28}.body-copy,.section-copy{max-width:670px;color:var(--muted);margin-bottom:34px;font-size:1.08rem}.eyebrow{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.trust-row{flex-wrap:wrap;gap:10px;display:flex}.trust-row span{border:1px solid var(--line);color:#40534f;background:#ffffffb3;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.86rem;font-weight:780;display:inline-flex}.section-inner{padding:104px 0}.section-head{max-width:810px;margin-bottom:42px}.section-head p,.muted{color:var(--muted);font-size:1.08rem}.feature-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.card,.legal-body{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffd1}.feature-card,.card{padding:26px}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--blue), var(--coral));border-radius:999px;width:44px;height:4px;margin-bottom:22px;display:block}.feature-card p,.card p{color:var(--muted);margin-bottom:0}.card h2{font-size:2rem}.card img{margin-bottom:18px}.wide-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg, #e7f4f0e0, #fffdf8fa 52%, #f6eae0e0), var(--soft)}.workflow-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:center;gap:72px;display:grid}.step-list{gap:16px;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);align-items:start;gap:18px;padding:22px 0;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step-number{border-radius:var(--radius);background:var(--teal-dark);color:#fff;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.step h3{margin-bottom:6px}.step p{color:var(--muted);margin-bottom:0}.workflow-shot{justify-self:center;max-width:340px}.split-section{grid-template-columns:minmax(0,.88fr) minmax(430px,.82fr);align-items:center;gap:72px;display:grid}.proof-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.proof-grid div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px;padding:24px}.proof-grid div:nth-child(2n){border-right:0}.proof-grid div:nth-last-child(-n+2){border-bottom:0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{color:var(--teal-dark);margin-bottom:10px;font-size:1.05rem;font-weight:900}.proof-grid span{color:var(--muted)}.guide-link-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.guide-link-card{border:1px solid var(--line);border-radius:var(--radius);min-height:178px;box-shadow:var(--shadow-soft);background:#ffffffd6;padding:22px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}.guide-link-card strong,.guide-link-card span{display:block}.guide-link-card strong{color:var(--teal-dark);margin-bottom:10px;font-size:1.05rem;font-weight:900;line-height:1.12}.guide-link-card span{color:var(--muted);font-size:.95rem}.guide-link-card:hover,.guide-link-card:focus-visible{border-color:#236e6257;outline:none;transform:translateY(-2px);box-shadow:0 20px 46px #1f373324}.closing-cta .guide-link-card{box-shadow:none;background:#ffffff1a;border-color:#ffffff2e}.closing-cta .guide-link-card strong{color:#fff}.closing-cta .guide-link-card span{color:#ffffffbd}.seo-landing-hero .phone-shot{max-width:330px}.seo-content-layout{grid-template-columns:minmax(0,.86fr) minmax(430px,.9fr);align-items:start;gap:68px;display:grid}.seo-point-list{gap:16px;display:grid}.screenshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.screenshot-grid img{box-shadow:0 18px 42px #14273a21}.image-panel{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-strong);border:1px solid #ffffffc2}.phone-shot{justify-self:center;max-width:360px}.compat-note{color:var(--muted);margin-top:18px;font-size:.95rem}.compat-note a,.legal-body a{color:var(--teal-dark);font-weight:850}.closing-cta{color:#fff;background:linear-gradient(120deg,#16211f,#174d45 62%,#315f9d)}.closing-cta .section-inner{padding:96px 0}.closing-cta h2{color:#fff;max-width:940px}.closing-cta .eyebrow{color:#ffb199}.closing-cta .button.secondary{color:#fff;background:#ffffff1a;border-color:#ffffff47}.legal-body{max-width:980px;margin:0 auto;padding:46px}.legal-body h2{margin:38px 0 10px;font-size:2rem}.legal-body h2:first-child{margin-top:0}.legal-body p{color:#40534f}.not-found-page{background:linear-gradient(120deg,#fffdf8,#e7f4f0 58%,#f6eae0);overflow:hidden}.not-found-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:center;gap:54px;width:min(1180px,100% - 40px);min-height:min(780px,100vh - 76px);margin:0 auto;padding:82px 0 92px;display:grid}.not-found-kicker{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:.88rem;font-weight:900}.not-found-links{flex-wrap:wrap;gap:12px;display:flex}.not-found-links a{min-height:40px;color:var(--teal-dark);border-bottom:2px solid #236e6247;align-items:center;font-weight:850;text-decoration:none;display:inline-flex}.not-found-links a:hover,.not-found-links a:focus-visible{border-color:var(--teal-dark);outline:none}.not-found-visual{place-items:center;min-height:430px;display:grid;position:relative}.route-board{z-index:1;border:1px solid var(--line);border-radius:var(--radius);width:min(100%,430px);box-shadow:var(--shadow-strong);background:#ffffffdb;padding:28px;position:relative}.route-board-top{align-items:center;gap:16px;display:flex}.route-board-top img{border-radius:var(--radius);width:74px;height:74px;box-shadow:0 14px 30px #14273a24}.route-board-top span,.route-stats span{color:#62736f;font-size:.88rem;font-weight:760;display:block}.route-board-top strong{color:var(--ink);font-size:1.55rem;line-height:1.05;display:block}.route-path{border-radius:var(--radius);background-color:#e7f4f0cc;background-image:linear-gradient(90deg,#236e6214 1px,#0000 1px),linear-gradient(#236e6214 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #236e6240;height:188px;margin:26px 0;position:relative}.route-path:before{content:"";border-top:8px solid var(--teal);border-right:8px solid var(--teal);border-bottom:8px solid var(--coral);opacity:.82;border-left:8px solid #0000;border-radius:42% 58% 46% 54%;position:absolute;inset:34px 48px 44px 46px;transform:rotate(-10deg)}.route-dot{background:var(--coral);border:5px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;box-shadow:0 8px 18px #14273a26}.route-dot-one{bottom:42px;left:34px}.route-dot-two{background:var(--teal);top:46px;left:34%}.route-dot-three{background:var(--blue);bottom:34px;right:30%}.route-dot-four{top:34px;right:36px}.route-stats{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.lost-code{color:#16211f14;letter-spacing:0;font-size:12rem;font-weight:950;line-height:.75;position:absolute;bottom:-24px;right:-8px}.footer{color:#ffffffc7;background:#16211f;flex-shrink:0;margin-top:auto}.footer-inner{grid-template-columns:minmax(220px,.78fr) minmax(170px,.5fr) minmax(320px,1fr) auto;align-items:center;gap:28px;min-height:184px;font-size:.94rem;display:grid}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{color:#fff;margin-bottom:4px;font-size:1.12rem}.footer-section{align-self:center}.footer-heading{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900}.footer-links{flex-wrap:wrap;gap:10px 16px;display:flex}.footer-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.footer a{color:#fff}.footer-contact{justify-self:end;font-weight:800}@media (min-width:1440px){h1{font-size:5.25rem}h2{font-size:4.15rem}.nav,.hero-inner,.page-hero-inner,.section-inner,.footer-inner,.not-found-hero{width:min(1360px,100% - 80px)}.hero-inner{grid-template-columns:minmax(560px,.86fr) minmax(620px,1fr);gap:86px}.hero-showcase{min-height:660px}.hero-phone{width:260px}.feature-grid{gap:22px}.screenshot-grid{gap:20px}}@media (max-width:1180px){h1{font-size:4rem}h2{font-size:3.15rem}.nav,.hero-inner,.page-hero-inner,.section-inner,.footer-inner,.not-found-hero{width:min(100% - 44px,1180px)}.hero-inner{grid-template-columns:minmax(0,.9fr) minmax(390px,.78fr);gap:46px;padding:82px 0 54px}.hero-showcase{min-height:540px}.hero-phone{width:210px}.feature-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-layout,.split-section,.seo-content-layout{gap:48px}}@media (max-width:980px){h1{font-size:3.7rem}h2{font-size:2.7rem}.nav{min-height:68px}.nav-links{gap:14px;font-size:.88rem}.hero,.hero-inner{min-height:auto}.hero-inner,.page-hero-inner,.workflow-layout,.split-section,.seo-content-layout,.not-found-hero{grid-template-columns:1fr}.hero-inner{padding:68px 0 54px}.hero-showcase{order:0;min-height:460px}.hero-phone{width:205px}.hero-phone-1{left:50%}.hero-phone-2{left:31%}.hero-phone-3{right:8%}.page-hero-inner,.not-found-hero{padding:54px 0 76px}.page-hero h1{font-size:3.35rem}.feature-grid,.card-grid,.screenshot-grid,.guide-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr;justify-items:start;padding:28px 0}.footer-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-contact{justify-self:start}}@media (max-width:760px){.site-header{position:sticky}.nav,.hero-inner,.page-hero-inner,.not-found-hero,.section-inner,.footer-inner{width:min(100% - 32px,720px)}.hero{background:#16211f;min-height:auto}.hero-bg{display:none}.hero:before{background:linear-gradient(#16211ffa,#16211fe6 68%,#16211ffa)}.hero:after{display:none}.hero-inner{gap:28px;padding:34px 0 46px}.hero-copy{text-align:left}.hero .hero-icon{width:56px;height:56px;margin-bottom:16px}.hero-showcase{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff1f;order:0;width:100%;max-width:390px;min-height:260px;margin:0 auto}.hero-phone{border-radius:10px;width:122px}.hero-phone-1{left:50%;transform:translate(-50%,-48%)}.hero-phone-2{left:24%;transform:translate(-50%,-42%)rotate(-4deg)}.hero-phone-3{right:4%;transform:translateY(-42%)rotate(4deg)}.trust-row{align-items:flex-start;display:flex}.trust-row span{text-align:left;justify-content:flex-start}.page-hero-inner{padding:44px 0 54px}.section-inner{padding:62px 0}.section-head{margin-bottom:28px}.workflow-layout{gap:34px}.workflow-shot{max-width:260px}.screenshot-grid{gap:18px}.screenshot-grid img,.phone-shot{max-width:300px;margin-inline:auto}.proof-grid div{min-height:auto}}@media (max-width:680px){.nav,.hero-inner,.page-hero-inner,.not-found-hero,.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/"],.nav-links a[href="/support/"]{display:none}h1{font-size:3.05rem}h2{font-size:2.15rem}.page-hero h1{font-size:2.75rem}.lead{font-size:1.18rem}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.nav-links .button{width:auto;min-height:42px;padding:0 14px}.hero:before{background:#16211ffa}.hero-showcase{min-height:246px}.hero-phone{width:116px}.hero-phone-2{left:22%}.hero-phone-3{right:-1%}.section-inner{padding:58px 0}.feature-grid,.card-grid,.screenshot-grid,.proof-grid,.guide-link-grid{grid-template-columns:1fr}.proof-grid div,.proof-grid div:nth-child(2n),.proof-grid div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.proof-grid div:last-child{border-bottom:0}.legal-body{padding:28px}.step{grid-template-columns:44px 1fr}.step-number{width:44px;height:44px}.not-found-visual{min-height:360px}.route-board{padding:20px}.route-board-top{align-items:flex-start}.route-board-top img{width:62px;height:62px}.route-board-top strong{font-size:1.25rem}.route-stats{flex-direction:column}.lost-code{font-size:8rem}}@media (max-width:430px){.nav,.hero-inner,.page-hero-inner,.not-found-hero,.section-inner,.footer-inner{width:min(100% - 24px,430px)}.brand{gap:9px;font-size:1.12rem}.brand img{width:36px;height:36px}.nav-links .button{min-height:38px;padding:0 11px;font-size:.82rem}h1{font-size:2.55rem}h2{font-size:1.88rem}.page-hero h1{font-size:2.25rem}.lead{font-size:1.08rem}.body-copy,.section-copy,.section-head p{font-size:1rem}.hero-inner{padding-top:28px}.hero-showcase{min-height:218px}.hero-phone{width:100px}.hero-phone-2{left:21%}.hero-phone-3{right:1%}.feature-card,.card{padding:22px}.footer-guides{grid-template-columns:1fr}.step{grid-template-columns:40px 1fr;gap:14px}.step-number{width:40px;height:40px}.screenshot-grid img,.phone-shot,.workflow-shot{max-width:min(100%,280px)}}