.for-page{color:#14201a;min-height:100vh;font-family:var(--font-manrope), "Avenir Next", "Segoe UI", sans-serif;background:#fbfcfb}.for-hero{text-align:center;max-width:820px;margin:0 auto;padding:64px 20px 36px}.for-eyebrow{color:#23864a;background:#eaf7ef;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:750;display:inline-block}.for-hero h1{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(2rem,5.4vw,3.3rem);font-weight:800;line-height:1.06}.for-hero p{color:#5d675f;max-width:620px;margin:0 auto;font-size:1.06rem;line-height:1.6}.for-hero small{color:#8a948d;margin-top:12px;font-size:.82rem;display:block}.for-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.for-btn{background:#3dbd6b;border-radius:12px;align-items:center;gap:6px;padding:13px 22px;font-weight:750;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 6px 18px #3dbd6b47;color:#fff!important}.for-btn:hover{background:#34a95f;transform:translateY(-1px)}.for-btn-ghost{box-shadow:none;background:#fff;border:1.5px solid #dfe7e2;color:#1d2a22!important}.for-btn-ghost:hover{background:#f4faf6;border-color:#3dbd6b}.for-showcase{text-align:center;max-width:1120px;margin:0 auto;padding:36px 20px 20px}.for-showcase h2,.for-faq h2,.for-cta h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800}.for-showcase-sub{color:#66706a;margin:0 0 30px}.for-examples{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.for-example{background:#fff;border:1px solid #e4ebe6;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:22px 18px 18px;display:flex;box-shadow:0 12px 32px #14201a0d}.for-phone{background:#121815;border-radius:40px;width:266px;height:540px;padding:10px;box-shadow:0 20px 40px #14201a2e,inset 0 0 0 2px #2a322d}.for-phone-screen{background:#fff;border-radius:31px;width:246px;height:520px;position:relative;overflow:hidden}.for-phone-poster{width:100%;height:auto;position:absolute;top:0;left:0}.for-phone-screen iframe{transform-origin:0 0;border:0;width:390px;height:824px;position:absolute;top:0;left:0;transform:scale(.6308)}.for-example-info{width:100%;min-height:84px;padding-right:92px;position:relative}.for-example-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.for-example-head h3{margin:0;font-size:1.05rem;font-weight:800}.for-chip{color:#2459c7;background:#eef4ff;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:800}.for-chip-pdf{color:#c2410c;background:#fff0ec}.for-example-info p{color:#66706a;margin:4px 0 8px;font-size:.88rem}.for-example-actions{flex-wrap:wrap;gap:14px;font-size:.86rem;font-weight:750;display:flex}.for-example-actions a{color:#23864a;text-decoration:none}.for-example-actions a:hover{text-decoration:underline}.for-qr{background:#fff;border:1px solid #e4ebe6;border-radius:10px;width:80px;height:80px;padding:4px;position:absolute;top:0;right:0}.for-features{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto;padding:44px 20px 10px;display:grid}.for-feature{background:#fff;border:1px solid #e4ebe6;border-radius:18px;padding:22px}.for-feature h3{margin:0 0 6px;font-size:1.02rem;font-weight:800}.for-feature p{color:#5d675f;margin:0;font-size:.92rem;line-height:1.55}.for-steps{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto;padding:30px 20px;display:grid}.for-steps b{color:#23864a;background:#e7f7ed;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.for-steps h3{margin:10px 0 4px;font-size:1rem;font-weight:800}.for-steps p{color:#66706a;margin:0;font-size:.9rem;line-height:1.5}.for-faq{max-width:760px;margin:0 auto;padding:36px 20px}.for-faq details{border-bottom:1px solid #e4ebe6;padding:14px 2px}.for-faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:1rem;font-weight:750;list-style:none;display:flex}.for-faq summary:after{content:"+";color:#3dbd6b;font-weight:800}.for-faq details[open] summary:after{content:"–"}.for-faq details p{color:#5d675f;margin:8px 0 0;line-height:1.6}.for-cta{text-align:center;background:#fff;border:1px solid #e4ebe6;border-radius:26px;max-width:900px;margin:20px auto 60px;padding:40px 24px}.for-cta>p{color:#66706a;margin:0}.for-others{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.for-others a{background:#fbfcfb;border:1px solid #e4ebe6;border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:650;text-decoration:none;color:#3a4540!important}.for-others a:hover{border-color:#3dbd6b;color:#1b6e3b!important}@media (max-width:980px){.for-examples{grid-template-columns:1fr;max-width:440px;margin:0 auto}.for-features,.for-steps{grid-template-columns:1fr}}
