@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--navy:#113749;--teal:#147e8d;--muted:#66797e;--line:#dce6e5;--cream:#f8f9f5;--mint:#e9f2ed;--gold:#bd9b53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}.wrap{max-width:1190px;margin:0 auto;padding-left:25px;padding-right:25px}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(25px,calc((100vw - 1140px)/2));background:#f8f9f5f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font:800 23px Manrope;letter-spacing:-1px;white-space:nowrap}.brand img{width:43px;height:43px;object-fit:contain}.brand b{color:var(--teal)}.top nav{display:flex;gap:25px;font-size:12px}.top-actions{display:flex;gap:22px;align-items:center;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bacdcb;border-radius:8px;padding:15px 22px;font:700 13px 'DM Sans';background:transparent;transition:transform .18s,background .18s;text-align:center}.button:hover{transform:translateY(-2px);background:#e7efeb}.dark{background:var(--navy);border-color:var(--navy);color:white}.dark:hover{background:#205267}.small{padding:11px 17px;font-size:11px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding-top:80px;padding-bottom:85px}.pill{font-size:9px;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #cdded5;border-radius:30px}.dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}h1{font:800 clamp(40px,4.8vw,65px)/1.09 Manrope;letter-spacing:-2.9px;margin:24px 0}em{font-style:normal;color:var(--teal)}p{color:var(--muted);line-height:1.85}h1+p{font-size:15px;max-width:450px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.quiet{font-size:12px;font-weight:700}.quiet span{margin-left:8px}.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#6a7f77}.hero-scene{position:relative;padding:42px 12px 60px;background:radial-gradient(ellipse at center,#c8e1d680,transparent 70%)}.scene-label{font-size:8px;letter-spacing:1.5px;color:#6a8b82;text-align:center;margin-bottom:20px}.sheet{background:white;border:1px solid #e2eae3;border-radius:12px;padding:30px;transform:rotate(3deg);box-shadow:0 22px 50px #183a3620}.sheet-top{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:700}.sheet-top small{font-size:8px;color:#7c8e8f;font-weight:400;line-height:2}.mark img{width:30px;height:35px;object-fit:contain}.draft{margin-left:auto;background:#edf4ea;border-radius:20px;padding:7px;color:#6a8556;font-size:7px}.sheet h3{font:800 25px/1.25 Manrope;letter-spacing:-.8px;margin:25px 0}.sheet-client{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:10px}.sheet-client small,.sheet-client b{display:block}.sheet-client small{font-size:7px;letter-spacing:1.5px;color:#7e9090;margin-bottom:8px}.sheet-client b{font-size:11px}.sheet-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;padding:12px 0}.sheet-row small{display:block;font-size:8px;color:#849394;margin-top:4px}.sheet-total{background:#e8f2ee;padding:18px 14px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px}.sheet-total strong{font:800 25px Manrope}.sheet-bottom{display:flex;justify-content:space-between;font-size:8px;color:#7e8f8d;margin-top:14px}.float-card{position:absolute;bottom:18px;left:-20px;background:#113749;color:white;border:1px solid #365968;box-shadow:0 15px 35px #133f3a25;border-radius:10px;padding:17px 22px;display:flex;gap:15px;transform:rotate(-3deg)}.float-card>span{font-size:27px;color:#b8d7ca}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{color:#b4ccd0;font-size:9px;margin-top:7px}.audience{display:flex;align-items:center;justify-content:center;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;font-size:12px;background:#f0f4ed}.audience>span:first-child{font-size:8px;letter-spacing:1.6px;color:#718279}.audience>span:not(:first-child){color:#9baf9a}.how{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding-top:95px;padding-bottom:95px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--teal)}h2{font:800 clamp(28px,3vw,40px)/1.18 Manrope;letter-spacing:-1.5px;margin:18px 0}h2+p{font-size:13px}.steps article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article>span{font:600 12px Manrope;color:#7a978a;padding-top:5px}.steps h3{font:800 18px Manrope;margin:0}.steps p{font-size:12px;margin:9px 0 0}.demo-section{background:var(--navy);color:white;padding:75px 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.demo-section .eyebrow{color:#aacabb}.demo-section p{color:#b1c6c8;font-size:13px}.demo-tabs{display:flex;gap:9px;margin:30px 0 16px}.demo-tabs button{border:1px solid #4b6c77;border-radius:25px;padding:9px 15px;background:transparent;color:#d4e2e2;font-size:11px}.demo-tabs button.selected{background:#d6e6ce;color:var(--navy);border-color:#d6e6ce}.demo-section .example-note{font-size:10px;max-width:330px}.calculator{background:#f8faf7;color:var(--navy);padding:27px;border-radius:14px}.calc-heading{display:flex;justify-content:space-between;font-weight:700;margin-bottom:25px}.calculator label,.auth-form label{font-size:11px;font-weight:600;display:block;margin-bottom:14px}.calculator input,.auth-form input{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #d4e0dc;border-radius:6px;background:white;color:var(--navy);font-size:13px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calc-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0;font-size:13px}.calc-total strong{font:800 30px Manrope}.calculator .button{width:100%}.contract-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:95px;padding-bottom:95px}.contract-preview{background:#e9eee5;border-radius:16px;padding:32px}.document-pill{font-size:8px;letter-spacing:1px;color:#756335;border:1px solid #d3ccaf;padding:7px 10px;border-radius:20px}.contract-preview h3{font:800 24px/1.25 Manrope;letter-spacing:-.7px}.clause{background:#fafbf8;border-radius:9px;padding:17px;margin-top:12px}.clause b{font-size:11px}.clause p{font-size:10px;margin:7px 0}.clause span{font-size:8px;color:#608578}.clause.amber span{color:#99813d}.checklist{list-style:none;padding:0;margin:25px 0}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.checklist li:before{content:'✓';margin-right:12px;color:var(--teal)}.contract-story p{font-size:13px}.contract-story .legal-note{font-size:11px;background:#eef1e9;border-radius:7px;padding:13px;margin:20px 0}.plans-section{padding:80px 0;background:#eef2eb;border-block:1px solid var(--line)}.center{text-align:center}.center p{font-size:13px}.payment-switch{display:flex;justify-content:center;width:fit-content;margin:30px auto 0;background:#e0e8de;border-radius:9px;padding:5px;gap:5px}.payment-switch button{border:0;background:transparent;font-size:11px;color:#60746c;padding:11px 16px;border-radius:6px}.payment-switch button.selected{background:white;box-shadow:0 2px 5px #1736200c;color:var(--navy)}.payment-description{text-align:center;font-size:10px;margin:12px 0 38px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing article{position:relative;background:#f9faf6;border:1px solid #d1ddd0;border-radius:12px;padding:28px 23px;display:flex;flex-direction:column}.plan-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--teal)}.pricing h3{font:700 16px Manrope;margin:13px 0 20px}.price{font:800 36px Manrope;letter-spacing:-1px}.price small{display:block;font:11px 'DM Sans';letter-spacing:0;color:var(--muted);margin-top:5px}.pricing ul{list-style:none;padding:20px 0;margin:10px 0 20px;border-block:1px solid var(--line);flex:1}.pricing li{font-size:11px;padding:9px 0}.pricing li:before{content:'✓';color:var(--teal);margin-right:8px}.pricing .button{width:100%;font-size:11px}.plan-foot{font-size:8px;text-align:center;color:#7c8c80;margin-top:13px}.pricing .featured{border:2px solid #2e7983;background:white}.recommended{position:absolute;top:-14px;left:18px;right:18px;background:#277786;color:white;border-radius:20px;padding:7px 8px;text-align:center;font-size:7px;letter-spacing:1px}.pricing-note{font-size:9px;line-height:1.9;color:#718377;margin:22px 0 0}.faq{padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.questions details{border-bottom:1px solid var(--line);padding:18px 0}.questions summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.6}.questions p{font-size:12px}.final-cta{background:#e0ebde;border:1px solid #cfdfce;border-radius:16px;display:flex;justify-content:space-between;align-items:center;padding:38px 45px;gap:30px;margin-bottom:50px}.final-cta h2{margin-bottom:0}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:35px}.landing-footer p,.landing-footer>a:last-child{font-size:10px}.landing-footer .brand{font-size:20px}.landing-footer img{width:35px;height:35px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--navy);color:white;padding:55px 12%;display:flex;flex-direction:column;justify-content:space-between}.auth-story .brand b{color:#9acbca}.auth-story h1{font-size:45px}.auth-story p{color:#adc6c9;font-size:13px}.auth-story ul{list-style:none;padding:0;line-height:2.6;font-size:12px;color:#c6dcda}.auth-story small{font-size:9px;color:#9ab7b8}.auth-panel{padding:50px;display:flex;justify-content:center;align-items:center}.auth-inner{width:100%;max-width:390px}.back{font-size:11px;color:var(--muted)}.auth-inner h2{font-size:30px;margin-bottom:10px}.auth-inner>p{font-size:12px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:25px 0}.auth-tabs button{border:0;background:transparent;padding:12px 20px;color:var(--muted);font-size:12px}.auth-tabs button.selected{border-bottom:2px solid var(--teal);color:var(--teal);font-weight:700}.auth-form .button{width:100%;margin-top:10px}.password-wrap{display:flex;align-items:center;gap:7px}.password-wrap button{font-size:10px;border:0;background:none;color:var(--teal);padding:8px}.check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.6;font-size:10px!important;margin-top:18px}.check input{width:auto!important;flex-shrink:0;margin-top:3px!important}.form-status{font-size:11px!important;line-height:1.7;min-height:20px;color:var(--teal)}.integration-note{background:#eaf0e7;padding:13px;border-radius:8px;font-size:10px!important}.auth-divider{display:flex;gap:12px;align-items:center;font-size:9px;color:#84918c;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.demo-entry{display:block;text-align:center;font-size:12px;text-decoration:underline}.auth-footer{font-size:9px!important;margin-top:25px}button:disabled{opacity:.55;cursor:not-allowed}.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:60px auto;padding:0 25px}.checkout-card{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.checkout-card h2{font-size:27px}.checkout-card .price{margin:25px 0}.checkout-card ul{font-size:12px;line-height:2.4;padding-left:16px}.checkout-card .payment-switch{display:flex;flex-wrap:wrap;margin:20px 0}.checkout-card .button{width:100%}.checkout-card p{font-size:12px}.tagline{font-size:10px;color:var(--teal);letter-spacing:1px}.statebox{padding:15px;background:#f1f4ec;border-radius:8px;font-size:11px;line-height:1.8;margin:20px 0}.motion-reveal{animation:arrive .65s both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:950px){.top nav{gap:12px}.hero{gap:25px}.hero h1{font-size:47px}.how,.contract-story,.demo-layout{gap:35px}.pricing{gap:10px}.pricing article{padding:25px 16px}.price{font-size:30px}.hero-benefits{gap:9px}.audience{gap:18px}.auth-story{padding:45px 12%}.auth-story h1{font-size:36px}}@media(max-width:720px){.top{padding:11px 18px;gap:12px}.top nav{display:none}.top .brand{font-size:20px}.brand img{width:35px;height:35px}.top-actions{gap:12px;font-size:11px}.top-actions .button{padding:10px;font-size:10px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:15px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-scene{max-width:420px;width:100%;margin:auto;padding-bottom:65px}.float-card{left:0}.audience{gap:14px;flex-wrap:wrap;font-size:10px;padding:20px}.audience>span:first-child{width:100%;text-align:center}.how,.demo-layout,.contract-story,.faq{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.demo-section{padding:0}.contract-preview{order:2}.pricing{grid-template-columns:1fr;gap:25px}.plans-section{padding:50px 0}.price{font-size:37px}.payment-switch button{padding:10px 8px;font-size:10px}.final-cta{border-radius:0;margin:0 0 35px;display:block;padding:32px 22px}.final-cta .button{margin-top:25px}.landing-footer{align-items:flex-start;flex-wrap:wrap}.landing-footer p{max-width:180px}.auth-page{grid-template-columns:1fr}.auth-story{padding:18px 25px}.auth-story>div,.auth-story>small{display:none}.auth-panel{padding:30px 25px}.auth-inner{max-width:430px}.checkout-layout{grid-template-columns:1fr;margin-top:30px;gap:20px}.hero-copy .actions{gap:18px}.hero-copy .button{font-size:12px}}