:root{color:#102639;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{color:#fff;background:#0b2035}nav{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:1.28rem;font-weight:800;text-decoration:none;display:flex}.mark{color:#48d5c1;border:2px solid #48d5c1;border-radius:8px;place-items:center;width:31px;height:31px;font-size:1.05rem;display:grid}.navlinks{align-items:center;gap:28px;font-size:.92rem;display:flex}.navlinks a{color:#c9d8e2;text-decoration:none}.navlinks a:hover{color:#fff}.pill{border-radius:50px;padding:11px 18px;color:#d9fff7!important;border:1px solid #48d5c1!important}.hero{color:#fff;background:#0b2035;padding:80px 0 105px;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:75px;display:grid}.eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#6fe1d0;margin:0 0 25px;font-size:.76rem;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:660px;margin:0 0 25px;font-size:clamp(3rem,5.6vw,5.35rem);line-height:1.04}.hero p{color:#c9d8e2;max-width:570px;margin:0 0 32px;font-size:1.16rem;line-height:1.65}.actions{flex-wrap:wrap;gap:13px;display:flex}.button{color:#062536;background:#48d5c1;border-radius:8px;padding:15px 23px;font-weight:800;text-decoration:none;display:inline-block}.button:hover{background:#71e3d3}.button.secondary{color:#fff;background:0 0;border:1px solid #557084}.fine{color:#9bb5c6!important;margin-top:19px!important;font-size:.84rem!important}.demo{color:#183247;background:#fff;border-radius:15px;overflow:hidden;transform:rotate(1deg);box-shadow:0 25px 65px #02132370}.demo-top{background:#f2f6f7;border-bottom:1px solid #dbe6e9;justify-content:space-between;align-items:center;padding:15px 22px;font-size:.85rem;font-weight:750;display:flex}.demo-body{padding:27px}.demo-label{color:#647c8b;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800}.demo h3{letter-spacing:-.03em;margin:8px 0 5px;font-size:1.38rem}.demo small{color:#69808e}.bar{background:#e8eff0;border-radius:8px;height:8px;margin:24px 0}.bar span{background:#36baa8;border-radius:8px;width:64%;height:100%;display:block}.step{border-top:1px solid #e7edef;align-items:flex-start;gap:13px;padding:15px 0;font-size:.91rem;display:flex}.step:last-child{padding-bottom:0}.check{color:#138a78;background:#e0f7f2;border-radius:7px;padding:3px 7px;font-weight:900}.pending{color:#a36612;background:#fff0d8}.step b{display:block}.step em{color:#78909c;margin-top:4px;font-size:.78rem;font-style:normal;display:block}.section{padding:98px 0}.section h2{letter-spacing:-.05em;margin:0 0 17px;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1}.intro{color:#526a78;max-width:680px;margin:0 0 38px;font-size:1.07rem;line-height:1.65}.three{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border:1px solid #dce7e9;border-radius:12px;padding:29px}.num{color:#159987;font-size:.88rem;font-weight:900}.card h3{margin:20px 0 12px;font-size:1.25rem}.card p{color:#58717e;margin:0;line-height:1.6}.dark{color:#fff;background:#102b40}.dark .intro{color:#bdd0da}.workflow{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.workflow ul{margin:0;padding:0;list-style:none}.workflow li{border-bottom:1px solid #385468;gap:16px;padding:19px 0;line-height:1.5;display:flex}.workflow li strong{color:#63ddcb;min-width:27px}.pricing{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.price{background:#fff;border:1px solid #dce7e9;border-radius:12px;padding:28px}.price.featured{border:2px solid #22ad9b}.price h3{margin:0}.amount{letter-spacing:-.055em;margin:23px 0 6px;font-size:2.45rem;font-weight:850}.amount span{color:#67808d;font-size:.95rem;font-weight:500}.price p{color:#58717e;line-height:1.5}.price ul{color:#344f60;padding-left:18px;line-height:2}.note{color:#667e8b;margin-top:25px;font-size:.88rem;line-height:1.5}.closing{background:#dff5f0;padding:80px 0}.closing h2{max-width:720px}.closing p{color:#456271;max-width:650px;line-height:1.6}.closing .button{color:#fff;background:#0b2035}footer{color:#c1d2dc;background:#0b2035;padding:35px 0;font-size:.9rem}footer .wrap{justify-content:space-between;gap:20px;display:flex}footer a{color:#73ddcd}@media (max-width:800px){.hero-grid,.workflow{grid-template-columns:1fr;gap:45px}.hero{padding:55px 0 75px}.demo{max-width:540px;transform:none}.three,.pricing{grid-template-columns:1fr}.section{padding:70px 0}.navlinks a:not(.pill){display:none}}@media (max-width:480px){.wrap{padding:0 19px}.hero h1{font-size:3.15rem}.actions{flex-direction:column}.button{text-align:center}footer .wrap{display:block}footer span{margin-top:12px;display:block}}.connect-shell{max-width:980px;margin:auto;padding:48px 24px 80px}.connect-shell h1{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(2.3rem,5vw,3.8rem)}.connect-shell h2{letter-spacing:-.03em;font-size:1.5rem}.connect-shell p,.connect-shell li{line-height:1.6}.connect-card{background:#fff;border:1px solid #dce7e9;border-radius:12px;margin:20px 0;padding:25px}.connect-field{margin:16px 0;font-weight:700;display:block}.connect-field input:not([type=checkbox]),.connect-field select{width:100%;max-width:590px;font:inherit;border:1px solid #9eb5be;border-radius:7px;margin-top:7px;padding:12px;display:block}.connect-shell button{color:#fff;font:inherit;cursor:pointer;background:#0b2035;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.connect-shell button:disabled{opacity:.5;cursor:not-allowed}.connect-shell .danger{background:#9b2e32}.connect-shell .subtle{color:#536e7d}.connect-shell .error{color:#9b2e32}.connect-shell .result{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf5f6;border-radius:8px;padding:15px}.connect-nav{color:#fff;background:#0b2035;padding:20px 24px}.connect-nav a{color:#98e7d8;font-weight:700;text-decoration:none}.connect-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.connect-row a{color:#fff;background:#0b2035;border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:600px){.connect-shell{padding:34px 19px}}.connect-field input[type=checkbox]{vertical-align:middle;width:18px;height:18px;margin-right:8px}
