.nav ul a.cur{color:var(--text)}
.nav ul{gap:22px}
.strip a{display:flex;flex-direction:column;text-decoration:none;padding:24px 20px 22px;border-left:1px solid var(--line);transition:background .15s}
.strip a:last-child{border-right:1px solid var(--line)}
.strip a:hover{background:rgba(63,174,110,.06)}
.strip a[aria-current]{background:rgba(63,174,110,.08);box-shadow:inset 0 -2px 0 var(--green)}
.strip a:hover .see span{transform:translateX(3px)}
@media (max-width:1060px){.strip a:nth-child(4),.strip a:nth-child(5){border-top:1px solid var(--line)}}
@media (max-width:760px){.strip a{border-top:1px solid var(--line)}.strip a:last-child{grid-column:span 2}}
.page-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(900px 500px at 80% 20%,rgba(63,174,110,.13),transparent 60%)}
.page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;padding-top:64px;padding-bottom:76px}
.page-hero h1{font-size:clamp(36px,4.4vw,56px);margin:16px 0 18px}
.page-hero .lead{font-size:18px;color:var(--muted);max-width:560px}
.page-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.crumb{font-size:12px;color:var(--dim);text-decoration:none}
a.crumb:hover{color:var(--text)}
.page-shot img{width:100%;height:auto;display:block}
.page-hero .phone{margin:0 auto}
.page-hero .sheet{max-width:640px;margin-left:auto}
.tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.tool:first-of-type{border-top:0;padding-top:8px}
.tool.rev .copy{order:2}
.tool .step{font-size:12px;color:var(--green-hi);text-transform:uppercase;letter-spacing:.08em}
.tool h3{font-size:clamp(24px,2.4vw,32px);margin:10px 0 12px}
.tool p{color:var(--muted);font-size:16.5px;margin-bottom:18px}
.frame{border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:var(--card);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.frame a{display:block;cursor:zoom-in}
.frame img{width:100%;height:auto;max-height:780px;object-fit:cover;object-position:top;display:block}
.frame figcaption{padding:10px 14px;font-size:12.5px;color:var(--dim);border-top:1px solid var(--line)}
.frame.phone{background:var(--bg-2);padding:20px;display:flex;flex-direction:column;align-items:center}
.frame.phone img{width:auto;max-width:100%;max-height:640px;border-radius:26px;border:1px solid var(--line-2)}
.pending{color:var(--dim);font-family:var(--mono);font-size:13px}
.caps{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.caps h2{font-size:clamp(28px,3vw,40px);margin:12px 0 12px}
.caps p{color:var(--muted)}
.checks.cols{grid-template-columns:1fr 1fr;gap:14px 24px}
.demo-note{margin-top:18px;font-size:12px!important;color:var(--dim)!important}
.pager{padding:0}
.pager-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.pager a{padding:28px 24px;text-decoration:none;border-bottom:1px solid var(--line)}
.pager a.r{text-align:right;border-left:1px solid var(--line)}
.pager a:hover{background:rgba(255,255,255,.02)}
.pager .mono{font-size:12px;color:var(--dim)}
.pager b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:4px}
.cta-band{padding:80px 0}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border:1px solid rgba(63,174,110,.4);border-radius:20px;padding:40px;background:linear-gradient(120deg,rgba(63,174,110,.14),rgba(11,15,13,0) 60%),var(--card);max-width:calc(var(--max) - 48px)}
.cta-band h2{font-size:clamp(28px,3vw,40px);margin:12px 0 8px}
.cta-band p{color:var(--muted)}
.cta-band .ctas{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:1060px){.page-hero-grid,.tool,.caps{grid-template-columns:1fr}.tool.rev .copy{order:0}.nav ul{gap:16px}}
@media (max-width:760px){.checks.cols{grid-template-columns:1fr}.cta-band .wrap{margin:0 16px;padding:26px}.pager b{font-size:18px}}
@media (max-width:1200px) and (min-width:761px){.nav ul a{font-size:13.5px}}