@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#063f43;--teal:#004b50;--mint:#48cc9c;--paper:#f8f8f2;--line:#dce2da;--muted:#61736f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1280px;margin:auto;padding:28px 52px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{width:125px;height:auto}nav{display:flex;gap:30px;font-size:14px;align-items:center}nav a.active{color:var(--teal);text-decoration:underline;text-underline-offset:8px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white;border:1px solid var(--teal);padding:15px 23px;border-radius:7px;font-size:14px;font-weight:600;gap:14px}.button.light{background:transparent;color:var(--ink);border-color:#b7c8be}.wrap{max-width:1176px;margin:auto;padding:0 30px}.hero{padding:75px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--teal);display:block;margin-bottom:22px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.1vw,67px);letter-spacing:-3px;line-height:1.08;font-weight:500;margin:0 0 26px}h1 em{font-style:normal;color:var(--teal)}p{line-height:1.75;color:var(--muted)}.intro{font-size:17px;max-width:460px;margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.small{font-size:12px}.stage{background:#dce9de;border-radius:16px;padding:36px 28px;position:relative;min-height:470px;background-image:linear-gradient(90deg,#ffffff26 1px,transparent 1px),linear-gradient(#ffffff26 1px,transparent 1px);background-size:24px 24px}.screen{background:#fff;border:1px solid #d9e1d9;border-radius:10px;padding:23px;box-shadow:0 14px 40px #163b3010}.screen .bar{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#73837b;padding-bottom:17px;border-bottom:1px solid #edf0eb}.note{font-size:19px;line-height:1.65;letter-spacing:-.3px;color:var(--ink);padding:5px 0}.pill{font-size:10px;display:inline-block;border-radius:4px;padding:6px 8px;background:#edf3ed;color:var(--teal)}.flow-line{height:35px;border-left:1px dashed #749f8c;margin-left:40px;display:flex;align-items:center;padding-left:18px;font-size:10px;color:#47745d}.activity{margin-left:35px;transform:rotate(-2deg)}.row{display:flex;justify-content:space-between;gap:16px;align-items:center}.invoice-mini{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.sample{font-size:10px;color:#627e6d;display:block;text-align:right;margin-top:15px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.strip b{font-weight:500}.section{padding:85px 0}h2{font-size:39px;line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:0 0 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading p{max-width:360px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #a4beb0;padding-top:22px}.number{color:var(--teal);font-size:12px}h3{font-size:22px;letter-spacing:-.6px;font-weight:600}.band{background:var(--ink);color:#f7f7eb;border-radius:14px;padding:58px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}.band p{color:#bfd1c7}.band .button{background:#d7edc0;color:var(--ink);border:0;white-space:nowrap}footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:22px}.foot a{margin-left:20px}.page-head{max-width:800px;padding:75px 0 50px}.page-head h1{font-size:60px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.workflow .stage{min-height:0;padding:32px}.workflow h2{font-size:34px}.workflow:nth-child(even) .visual{order:2}.callout{border-left:2px solid var(--teal);padding:3px 0 3px 20px;font-size:14px}.billing{display:flex;padding:5px;background:#e7ece4;border-radius:8px;width:max-content;gap:5px;margin:0 auto 35px}.billing button{background:transparent;border:0;border-radius:5px;padding:10px 22px;color:var(--muted)}.billing button.selected{background:white;color:var(--ink);box-shadow:0 2px 5px #00000008}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid var(--line);padding:30px;border-radius:12px;background:#ffffff70;position:relative}.plan.featured{border-color:var(--teal);background:#e8f0e7}.plan .price{font:500 45px Manrope;letter-spacing:-2px}.price small{font:400 13px 'DM Sans';letter-spacing:0;color:var(--muted)}ul{padding:0;list-style:none}li{padding:10px 0;font-size:14px}li:before{content:'✓';color:var(--teal);margin-right:12px}.plan .button{width:100%;margin:20px 0 8px}.plan h3{margin-top:10px}.badge{position:absolute;right:20px;top:20px;font-size:10px;color:var(--teal)}details{padding:21px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500}.faq{max-width:760px;margin:auto}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.quote{background:var(--mint);padding:45px;border-radius:10px;font:500 30px/1.5 Manrope;letter-spacing:-1px}.about-copy h3{margin-top:32px}.notice{background:#e9eee4;padding:15px 20px;border-radius:7px;font-size:12px;line-height:1.6;color:#536c5b;margin:28px 0}.dialog{position:fixed;inset:0;background:#10292388;display:grid;place-items:center;z-index:10;padding:25px}.dialog[hidden]{display:none}.dialog-inner{background:var(--paper);padding:40px;border-radius:14px;max-width:500px}.dialog-inner h2{font-size:30px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b5c987;outline-offset:4px}@media(max-width:800px){header{padding:20px 24px;flex-wrap:wrap;gap:20px}nav{gap:17px;font-size:12px;flex-wrap:wrap}header>.button{display:none}.hero,.workflow,.about-grid{grid-template-columns:1fr;gap:35px}.hero{padding:40px 0 55px}h1{letter-spacing:-2px}.stage{min-height:0}.strip{flex-wrap:wrap;justify-content:center}.steps,.plans{grid-template-columns:1fr;gap:25px}.section{padding:55px 0}.section-heading,.band{display:block}.section-heading p{margin-top:20px}.band{padding:32px}.band .button{margin-top:12px}.page-head{padding:45px 0 25px}.page-head h1{font-size:43px}.workflow{padding:35px 0}.workflow:nth-child(even) .visual{order:0}.foot{flex-wrap:wrap}.quote{padding:28px;font-size:26px}}

/* Teal and mint brand accents */
.logo{width:145px;display:block}
.button{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.button:hover{background:#65d6ae;border-color:#65d6ae}
.button.light{background:transparent;border-color:#a9c6ba;color:var(--ink)}
.button.light:hover{background:#e0f5eb}
.stage{background-color:#def3e9}
.pill{background:#d8f5e8;color:var(--teal)}
.number{display:inline-block;border-top:3px solid var(--mint);padding-top:10px}
.step{border-top-color:#b6d8c8}
.band{background:var(--teal)}
.band .button{background:var(--mint);color:var(--ink)}
.band .eyebrow{color:var(--mint)}
.plan.featured{background:#e2f6ec;border-color:var(--mint);box-shadow:inset 0 4px 0 var(--mint)}
.badge{background:var(--mint);color:var(--ink);padding:5px 7px;border-radius:4px}
.quote{background:#def3e9;border-top:4px solid var(--mint)}
.callout{border-left-color:var(--mint)}
.billing button.selected{box-shadow:inset 0 -3px 0 var(--mint)}
nav a.active{text-decoration-color:var(--mint);text-decoration-thickness:3px}
::selection{background:var(--mint);color:var(--ink)}
/* Legal audience pages */
.feature-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-links>a{padding:35px;border:1px solid var(--line);border-radius:12px;background:#e6f3eb}.feature-links>a:hover{border-color:var(--teal)}.feature-links h3{display:flex;justify-content:space-between}.feature-links p{max-width:380px}.text-link{display:inline-block;color:var(--teal);font-weight:600;border-bottom:2px solid var(--mint);padding-bottom:8px;margin-top:16px}header{padding-left:30px;padding-right:30px}nav{gap:22px}.hero h1{font-size:clamp(42px,4.7vw,63px)}.dialog-inner:focus{outline:0}@media(max-width:800px){.feature-links{grid-template-columns:1fr}nav{gap:16px}header{padding:20px 24px}.hero h1{font-size:43px}}
/* Current product feature overview */
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.capabilities article{padding:27px;background:#edf4ec;border:1px solid var(--line);border-radius:10px}.capabilities article h3{font-size:21px;line-height:1.35}.capabilities p{font-size:14px}.capabilities .text-link{font-size:13px;margin-top:6px}.feature-jump{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-jump a{background:#e2f3e9;padding:10px 16px;border-radius:5px;font-size:13px}.feature-jump a:hover{background:var(--mint)}.feature-section{scroll-margin-top:24px;border-bottom:1px solid var(--line)}.feature-showcase{padding:30px;background:#deeee3;border-radius:12px;margin-bottom:36px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:25px 0}.profile-grid h3{margin-bottom:12px}.profile-grid p{font-size:14px}.deadline-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.deadline-row>div{flex:1}.deadline-row p{margin:6px 0 0;font-size:13px}.date-tile{text-align:center;background:#e0f5e9;border-radius:6px;padding:9px 13px;font-size:10px;color:var(--teal)}.date-tile strong{display:block;font-size:25px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}header nav{gap:17px;font-size:13px}@media(max-width:850px){.capabilities{grid-template-columns:1fr 1fr}}@media(max-width:600px){.capabilities,.profile-grid{grid-template-columns:1fr}.feature-showcase{padding:16px}.deadline-row{gap:12px;flex-wrap:wrap}.deadline-row>.pill{margin-left:60px}.payment-row{font-size:13px}.payment-row .pill{max-width:135px}.feature-jump a{padding:9px 11px}}

.login-link{font-size:13px;white-space:nowrap}header{gap:20px}header nav{gap:13px}@media(max-width:800px){.login-link{margin-left:auto}}
