:root{--ink:#111827;--muted:#657184;--line:#e7ebef;--green:#39d39f;--green-dark:#16a979;--soft:#f5f7f8;--navy:#101826}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.03em}.brand img{width:36px;height:36px;border-radius:10px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650;color:#4b5563}.nav-cta{padding:11px 16px;border:1px solid #d8dde3;border-radius:10px;color:var(--ink)}.hero{max-width:1180px;margin:0 auto;padding:72px 24px 88px;display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--green-dark);margin-bottom:18px}.hero h1{font-size:64px;line-height:.97;letter-spacing:-.055em;margin:0 0 26px}.hero h1 span{color:#7b8797}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:560px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:11px;font-weight:750;font-size:15px}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#fff;border:1px solid #d9dee4}.btn.light{background:#fff;color:var(--navy);white-space:nowrap}.proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#6b7280;font-size:12px}.product-shell{background:#111827;padding:9px;border-radius:18px;box-shadow:0 30px 70px rgba(16,24,38,.18);transform:rotate(1deg)}.mock-top{height:34px;background:#1b2432;color:#8994a5;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:11px}.mock-top strong{margin-left:8px;color:#dfe5ec}.dot{width:7px;height:7px;background:#526071;border-radius:50%}.mock-body{display:grid;grid-template-columns:108px 1fr;min-height:420px;background:#f6f8f9;border-radius:0 0 10px 10px;overflow:hidden}.mock-body aside{background:#101826;color:#8995a7;display:flex;flex-direction:column;gap:18px;padding:18px 13px;font-size:10px}.mock-body aside b{color:#fff}.mock-logo{width:25px;height:25px;display:grid;place-items:center;background:#fff;color:#101826;border-radius:7px;font-weight:900;font-size:13px;margin-bottom:10px}.mock-main{padding:27px 24px}.mock-heading{display:flex;justify-content:space-between;align-items:end}.mock-heading small,.metrics small{font-size:7px;letter-spacing:.08em;color:#8b96a4}.mock-heading h3{font-size:21px;margin:4px 0 0}.mock-heading button{border:0;background:#101826;color:#fff;border-radius:7px;padding:8px 11px;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.metrics div{background:#fff;border:1px solid #e7ebef;border-radius:9px;padding:13px}.metrics strong{display:block;font-size:18px;margin-top:8px}.mock-card{background:#fff;border:1px solid #e7ebef;border-radius:10px;padding:15px}.card-title{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px}.card-title span{color:#96a0ad}.job{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;border-top:1px solid #eef1f3;padding:13px 0;font-size:8px}.job i{font-style:normal;color:#687482}.job div{display:flex;flex-direction:column;gap:4px}.job div span{color:#87929f}.job em{font-style:normal;background:#e8faf3;color:#18875e;padding:5px 7px;border-radius:10px}.job em.quoted{background:#fff3df;color:#b46d0d}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:54px;flex-wrap:wrap;padding:21px 24px;color:#9aa3ae;font-size:11px;font-weight:800;letter-spacing:.14em}.section{max-width:1180px;margin:auto;padding:96px 24px}.section-head{max-width:700px}.section-head h2{font-size:46px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.section-head p{font-size:18px;color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature-grid article{border:1px solid var(--line);border-radius:16px;padding:28px;min-height:220px}.feature-grid h3{font-size:19px;margin:22px 0 10px}.feature-grid p{color:var(--muted);line-height:1.55;margin:0}.icon{width:40px;height:40px;border-radius:10px;background:#eaf9f4;color:#12875e;display:grid;place-items:center;font-weight:900}.how{background:var(--soft);max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}.steps span{font-size:12px;font-weight:900;color:var(--green-dark)}.steps h3{margin:14px 0 8px}.steps p{color:var(--muted);line-height:1.55;font-size:14px}.cta{max-width:1132px;margin:96px auto;background:var(--navy);color:#fff;border-radius:22px;padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta .eyebrow{color:#6ee6bd}.cta h2{font-size:38px;letter-spacing:-.035em;margin:0 0 12px}.cta p{margin:0;color:#aeb8c4}footer{max-width:1180px;margin:auto;padding:10px 24px 44px;display:flex;align-items:center;justify-content:space-between;color:#8a94a0;font-size:13px}footer .brand{color:var(--ink);font-size:18px}footer .brand img{width:30px;height:30px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:52px}.hero h1{font-size:52px}.product-shell{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.cta{margin:60px 20px}.site-header nav a:not(.nav-cta){display:none}}@media(max-width:600px){.hero h1{font-size:43px}.lead{font-size:17px}.product-shell{overflow:hidden}.mock-body{grid-template-columns:75px 1fr;min-height:350px}.mock-body aside{padding:13px 9px}.mock-main{padding:18px 12px}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(3){display:none}.mock-heading h3{font-size:16px}.section{padding:70px 20px}.section-head h2{font-size:36px}.feature-grid,.steps{grid-template-columns:1fr}.feature-grid article{min-height:0}.strip{gap:20px}.cta{padding:34px 28px;display:block}.cta h2{font-size:31px}.cta .btn{margin-top:26px}footer{flex-direction:column;gap:16px;text-align:center}.proof{gap:10px}.site-header{padding:0 18px}}