:root{--ink:#233d4e;--green:#198b97;--lime:#def3f1;--cream:#fff;--muted:#637583;--line:#e4ebef}body{background:#fff}.announcement{background:#247580;color:#e3f5f7;text-align:center;padding:12px 20px;font-size:12px}.announcement a{text-decoration:underline;margin-left:6px}header{max-width:none;background:#4aa4b0;color:#fff;border:0;height:88px;padding:0 6%}.brand{letter-spacing:-1.3px}.mark{background:white;color:#288591}.mark span{color:#1b5f69}.dot{color:#c4f3ef}header nav a{font-size:13px;font-weight:600}header .text{color:white}header .button{background:#fff;color:#287c87;border-radius:30px}.hero{display:block;max-width:none;min-height:0;text-align:center;background:#4aa4b0;color:white;padding:85px 20px 105px}.hero-copy{max-width:920px;margin:auto}.hero .eyebrow{justify-content:center;color:#d6f2f2;font-size:11px}.hero h1{font-size:clamp(40px,4.8vw,65px);letter-spacing:-2.8px;line-height:1.15;font-weight:700;margin:25px 0}.hero-copy>p{max-width:690px;margin:25px auto 0;color:#f0fbfc;line-height:1.85;font-size:17px}.hero-actions{justify-content:center;gap:17px;margin:35px 0 20px;flex-direction:row}.hero .button{background:white;color:#286572;border-radius:35px;padding:20px 30px;box-shadow:0 9px 24px #175c6925}.hero .button.outline{background:transparent;color:white;border:1.5px solid #d4f0f3;box-shadow:none}.hero small{color:#d5eff1}.product-showcase{max-width:1000px;margin:-42px auto 50px;position:relative;padding:0 25px}.preview-window{background:white;border:1px solid #e3eaef;border-radius:12px;box-shadow:0 20px 65px #2447561a;overflow:hidden}.window-bar{background:#f6f8fa;padding:15px 20px;display:flex;justify-content:space-between;gap:20px;color:#7b919d;font-size:9px;letter-spacing:1px}.window-bar>span:first-child{color:#b2c5ce}.mini-app{display:grid;grid-template-columns:170px 1fr}.mini-app aside{padding:30px 18px;background:#f7fafc;display:flex;flex-direction:column;gap:12px;border-right:1px solid #e8eff3}.mini-app aside strong{font:800 23px 'Segoe UI',Arial,sans-serif;margin:0 10px 18px;color:#26949f}.mini-app aside>span{font-size:11px;padding:11px 13px}.mini-app .selected{background:#e0f2f4;border-radius:5px;color:#22838e}.mini-main{padding:35px}.mini-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.mini-heading h2{font-size:23px;font-weight:700;letter-spacing:-.6px}.mini-new{font-size:9px;background:#2a98a4;color:#fff;padding:11px 13px;border-radius:4px}.mini-main>p{font-size:11px;color:var(--muted);margin-top:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.mini-stats>div{border:1px solid var(--line);border-radius:5px;padding:15px;font-size:9px;color:var(--muted)}.mini-stats strong{display:block;font:700 23px 'Segoe UI',Arial,sans-serif;color:var(--ink);margin-bottom:5px}.mini-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);font-size:10px}.mini-row>span{color:var(--muted)}.mini-row i{font-size:8px;font-style:normal;background:#fff3d6;border-radius:15px;padding:6px 8px;text-align:center;color:#a87a1b}.mini-row .neutral{background:#edf1f6;color:#687888}.mini-row .complete{background:#dff2e9;color:#3d8968}.mini-main>.text{font-size:11px;margin-top:14px;color:#238a97}.sample-caption{text-align:center;font-size:10px;color:#8696a1;margin-top:18px}.audience{max-width:1150px;margin:auto;border-top:0;padding:25px 4% 40px;color:#82929c}.audience strong{font-size:15px}.section{padding-top:80px;padding-bottom:80px}.eyebrow{color:#278c98}h2{font-weight:700;letter-spacing:-1.7px}h3{font-weight:700}.section-head>p{max-width:300px}.number{color:#2d95a0}.step-icon{background:#e4f3f5;color:#27909d}.steps article{border-color:#d9e8ee}.feature-explorer{background:#f6fafb;max-width:none}.center-heading{text-align:center;max-width:760px;margin:0 auto}.center-heading .eyebrow{justify-content:center}.center-heading h2{margin:20px 0;font-size:42px}.center-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.feature-tabs{display:flex;justify-content:center;gap:8px;margin:35px auto 0;flex-wrap:wrap}.feature-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:17px 22px;font-size:13px;color:#687d89}.feature-tabs button[aria-selected=true]{border-color:#2a98a4;color:#1e7e89;font-weight:700}.feature-detail{max-width:1000px;margin:35px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:40px;background:#fff;border:1px solid #e4edf1;border-radius:12px}.feature-detail h3{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:17px 0}.feature-detail p{color:var(--muted);font-size:14px;line-height:1.9;margin:20px 0 25px}.feature-detail .button{background:#2898a4;border-radius:30px}.signing-card{padding:32px;background:#fdfefe;border:1px solid #dce8ed;box-shadow:0 12px 25px #263d4c0a;transform:rotate(2deg);border-radius:6px}.signing-card>span{font-size:9px;letter-spacing:1.5px;color:#8a9ba5}.signing-card h3{font-size:22px;margin:25px 0}.demo-lines i{display:block;background:#edf1f5;height:5px;margin:12px 0}.demo-lines i:last-child{width:75%}.signature-field{background:#e9f7f8;border:1px dashed #49a3ac;padding:15px;margin:30px 0 12px;position:relative;border-radius:4px}.signature-field small{display:block;font-size:8px}.signature-field>span{font:italic 28px Georgia;color:#277989;display:block;margin-top:12px}.signature-field b{position:absolute;right:13px;top:40px;color:#2b9c91}.feature-section{background:#fff}.feature-list article{border-color:var(--line)}.feature-list article>span{color:#25929f}.feature-section .text{color:#248b99}.plans{background:#f6fafb;max-width:none}.plan-grid{max-width:950px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.plan-grid article{background:white;padding:35px;border:1px solid #dce7ed;border-radius:10px}.plan-grid .featured-plan{border:2px solid #4aa4b0}.plan-grid h3{font-size:24px;letter-spacing:-.6px;margin:18px 0;line-height:1.4}.plan-grid p,.plan-grid li{font-size:13px;line-height:1.9;color:var(--muted)}.plan-grid ul{padding-left:20px;margin:23px 0}.plan-note{display:block;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#267f8c}.closing{background:#4aa4b0}.closing .eyebrow{color:#ddf7f7}.closing .button{border-radius:30px;background:white;color:#237d8a}.closing h2{font-size:48px}.button{background:#258d9b}.button:hover{background:#1b7481;color:white}.text{color:#287e8a}.account-shell>aside{background:#e7f4f5}.account-shell em{color:#26909b}.account-note{border-color:#c7e1e5}.account-shell h1{font-weight:600}.company-avatar{background:#298e9a;color:white}.side-link.active{background:#e1f3f5}.preview-banner{background:#e5f3f6}.badge.completed{background:#def2e9}.badge.awaiting{background:#fff0cb}.stats>div{background:#fff}footer .brand{color:#258591}.form-panel .eyebrow{color:#278c98}dialog{background:white}
@media(max-width:900px){.hero{padding-top:65px}.hero-actions{flex-direction:row;align-items:center}.mini-app{grid-template-columns:135px 1fr}.mini-main{padding:25px}.mini-heading h2{font-size:19px}.feature-detail{gap:30px;padding:30px}.feature-tabs button{padding:14px;font-size:12px}}@media(max-width:600px){.announcement{font-size:10px;padding:10px 15px}.announcement a{display:block}.hero{padding:50px 20px 85px}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-copy>p{font-size:15px;line-height:1.8}.hero .eyebrow{font-size:9px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;margin-left:auto;margin-right:auto}.hero .button{justify-content:center;padding:17px 20px;font-size:13px}.hero small{font-size:10px}.product-showcase{padding:0 13px;margin-bottom:30px}.window-bar{font-size:7px;padding:12px}.window-bar>span:last-child{display:none}.mini-app{grid-template-columns:1fr}.mini-app aside{display:none}.mini-main{padding:20px 15px}.mini-heading h2{font-size:17px}.mini-new{font-size:8px;padding:9px}.mini-stats{gap:8px}.mini-stats>div{padding:10px;font-size:8px}.mini-row{font-size:9px;gap:8px}.mini-row>span{display:none}.mini-row{grid-template-columns:1fr 1fr}.mini-row i{font-size:8px}.audience strong{font-size:12px}.center-heading h2{font-size:30px}.feature-tabs{gap:0}.feature-tabs button{padding:13px 9px;font-size:11px}.feature-detail{grid-template-columns:1fr;padding:25px;gap:35px}.feature-detail h3{font-size:25px}.signing-card{transform:none;padding:25px}.plan-grid{grid-template-columns:1fr}.plan-grid article{padding:28px}.closing h2{font-size:36px}header{padding:0 5%}header .brand{font-size:24px}header .button.small{padding:11px 14px}header .nav-actions{gap:14px}}
