body.demo-landing{background:#f2f7fb}
body.demo-landing #home-root{max-width:1080px;margin:0 auto;padding:30px 28px 32px}
body.demo-landing .landing-heading{text-align:center;margin:0 0 26px}
body.demo-landing .landing-heading h1{margin:0 0 11px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.04em;font-weight:700;color:#102f49}
body.demo-landing .landing-heading p{margin:0;font-size:1rem;line-height:1.6;color:#61788d}
body.demo-landing .landing-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.demo-landing .landing-path{display:flex;flex-direction:column;min-width:0;padding:23px 25px;border:1px solid #d3e2ed;border-radius:20px;background:#fff;color:#142c40;text-decoration:none;box-shadow:0 7px 22px #143a5907;transition:border-color .16s,box-shadow .16s}
body.demo-landing .landing-path:hover{border-color:#76acd5;box-shadow:0 8px 24px #143a5912}
body.demo-landing .landing-path:focus-visible{outline:3px solid #1485e5;outline-offset:4px}
body.demo-landing .landing-card-heading{display:flex;align-items:center;gap:15px;margin-bottom:13px}
body.demo-landing .landing-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#edf5fd;color:#126caa;border-radius:12px}
body.demo-landing .landing-icon svg{width:27px;height:27px}
body.demo-landing .landing-path h2{margin:0;font-size:1.38rem;line-height:1.25;letter-spacing:-.025em;font-weight:650}
body.demo-landing .landing-path p{margin:0 0 19px;font-size:.87rem;line-height:1.75;color:#536d83;max-width:420px;flex:1}
body.demo-landing .landing-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:10px 15px;background:#087fe5;border-radius:10px;color:#fff;font-size:.82rem;line-height:1.6;font-weight:600}
body.demo-landing .landing-action svg{width:19px;height:19px;flex-shrink:0}
body.demo-landing .landing-footer{display:flex;align-items:center;justify-content:space-between;max-width:1024px;margin:0 auto;padding:17px 0;border-top:1px solid #d7e4ee;color:#72879a;font-size:.74rem}
body.demo-landing .landing-footer a{color:#72879a;text-decoration:none;padding:8px 0}
@media(max-width:700px){body.demo-landing #home-root{padding:27px 17px 26px}body.demo-landing .landing-heading{margin-bottom:22px}body.demo-landing .landing-heading h1{font-size:1.9rem}body.demo-landing .landing-heading p{font-size:.9rem}body.demo-landing .landing-paths{grid-template-columns:1fr;gap:15px}body.demo-landing .landing-path{padding:21px;border-radius:17px}body.demo-landing .landing-card-heading{gap:13px;margin-bottom:12px}body.demo-landing .landing-path h2{font-size:1.24rem}body.demo-landing .landing-path p{font-size:.85rem;margin-bottom:17px}body.demo-landing .landing-footer{margin:0 17px}}
@media(max-width:600px){body.demo-landing #home-root{padding:22px 16px 24px}body.demo-landing .landing-heading{margin-bottom:20px}body.demo-landing .landing-heading h1{font-size:1.75rem;margin-bottom:9px}body.demo-landing .landing-heading p{font-size:.82rem}body.demo-landing .landing-paths{gap:12px}body.demo-landing .landing-path{position:relative;padding:15px 17px;border-radius:15px;box-shadow:none}body.demo-landing .landing-card-heading{gap:11px;margin-bottom:8px;padding-right:27px}body.demo-landing .landing-icon{width:33px;height:33px;border-radius:9px}body.demo-landing .landing-icon svg{width:23px;height:23px}body.demo-landing .landing-path h2{font-size:1.08rem;line-height:1.35}body.demo-landing .landing-path p{font-size:.75rem;line-height:1.7;margin:0}body.demo-landing .landing-action{position:absolute;right:17px;top:22px;min-height:0;width:19px;height:19px;padding:0;border-radius:0;background:transparent;color:#0878c8;font-size:0;line-height:0}body.demo-landing .landing-action svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){body.demo-landing .landing-path{transition:none}}