@charset "UTF-8";
/* Public homepage only. Authentication and account styles stay unchanged. */
#landing-screen{--lp-ink:#0b1735;--lp-muted:#4d5d75;--lp-teal:#008a86;background:#fff;color:var(--lp-ink);min-height:100svh}
#landing-screen a{color:inherit}
#landing-screen a:focus-visible,#landing-screen summary:focus-visible{outline:3px solid var(--lp-teal);outline-offset:5px}
#landing-screen .lp-wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}
#landing-screen .lp-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:108px}
#landing-screen .lp-brand{display:inline-flex;align-items:baseline;gap:12px;font-size:32px;font-weight:750;letter-spacing:-1.6px;text-decoration:none;white-space:nowrap}
#landing-screen .lp-brand span{font-size:14px;font-weight:450;letter-spacing:3px;color:var(--lp-muted)}
#landing-screen .lp-nav nav{display:flex;gap:36px;margin-left:auto;margin-right:auto}
#landing-screen .lp-nav nav a{font-size:15px;text-decoration:none;padding:10px 0}
#landing-screen .lp-nav nav a:hover{text-decoration:underline}
#landing-screen .lp-login{border:1px solid var(--lp-teal);color:#00777e;padding:10px 23px;border-radius:7px;text-decoration:none;white-space:nowrap}
#landing-screen .lp-login:hover{background:#edf9f8}
#landing-screen .lp-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:40px;padding-block:55px 62px}
#landing-screen .lp-copy{min-width:0}
#landing-screen .lp-eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:600;color:#59718c;margin-bottom:22px}
#landing-screen h1{font-size:clamp(42px,4.45vw,68px);line-height:1.07;letter-spacing:-2.9px;font-weight:750;max-width:640px;text-wrap:balance}
#landing-screen .lp-lead{font-size:clamp(17px,1.55vw,22px);color:var(--lp-muted);line-height:1.6;margin-top:26px;max-width:590px}
#landing-screen .lp-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--lp-teal);color:white;border-radius:8px;padding:16px 24px;font-size:17px;font-weight:600;text-decoration:none;margin-top:28px;min-height:56px}
#landing-screen .lp-button:hover{background:#007571}
#landing-screen .lp-button span{font-size:26px;line-height:1}
#landing-screen .lp-illustration{position:relative;min-width:0;margin:0;padding:36px 0 22px}
#landing-screen .lp-illustration::before{content:"";position:absolute;inset:0 -16px 20px;background:linear-gradient(140deg,#f0fbfa,#e3f5f3);border-radius:49% 51% 36% 64% / 46% 48% 52% 54%}
#landing-screen .lp-flow{position:relative;display:grid;grid-template-columns:1.05fr 24px 1.2fr 24px .72fr;align-items:center;gap:10px;min-height:310px}
#landing-screen .lp-paper,#landing-screen .lp-review,#landing-screen .lp-export{background:linear-gradient(135deg,#fff,#f9fbff);border:1px solid #dae5ef;border-radius:9px;box-shadow:0 15px 25px #21464c12}
#landing-screen .lp-paper{padding:24px 20px;height:280px;transform:rotate(-3deg)}
#landing-screen .lp-paper>strong{font-size:16px}
#landing-screen .lp-paper-lines{display:grid;gap:13px;margin-top:20px}
#landing-screen .lp-paper-lines i{height:5px;background:#d7dfe8;border-radius:5px}
#landing-screen .lp-paper-lines i:nth-child(2n){width:65%}
#landing-screen .lp-paper-lines i:nth-child(3n){width:85%}
#landing-screen .lp-paper-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:25px;border-top:1px solid #dce4ed;padding-top:12px}
#landing-screen .lp-paper-table i{height:6px;border-radius:3px;background:#d7dfe8}
#landing-screen .lp-paper-total{display:block;height:17px;width:45%;background:#dce6ef;margin:20px 0 0 auto;border-radius:3px}
#landing-screen .lp-arrow{font-size:29px;color:var(--lp-teal);text-align:center}
#landing-screen .lp-review{padding:20px 16px;transform:rotate(-1deg)}
#landing-screen .lp-review>strong{display:block;font-size:19px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #e1e8f0}
#landing-screen .lp-review>div{display:grid;grid-template-columns:1fr auto 15px;align-items:center;gap:8px;padding-block:12px;font-size:13px;border-bottom:1px solid #e9edf2;white-space:nowrap}
#landing-screen .lp-review>div:last-child{border:0}
#landing-screen .lp-review b{font-weight:450;font-variant-numeric:tabular-nums}
#landing-screen .lp-review i{font-style:normal;background:var(--lp-teal);color:white;width:15px;height:15px;border-radius:50%;font-size:10px;display:grid;place-items:center}
#landing-screen .lp-export{padding:25px 8px;text-align:center}
#landing-screen .lp-export>strong{display:block;font-size:11px;margin-top:17px;white-space:nowrap}
#landing-screen .lp-csv-icon{display:grid;gap:5px;width:37px;padding:13px 5px 6px;border:3px solid var(--lp-teal);border-radius:3px;margin:auto}
#landing-screen .lp-csv-icon i{height:5px;border:1px solid var(--lp-teal)}
#landing-screen figcaption{position:relative;text-align:center;font-size:11px;color:var(--lp-muted);margin-top:16px}
#landing-screen .lp-steps{padding-block:15px 55px;scroll-margin-top:24px}
#landing-screen .lp-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:0}
#landing-screen .lp-steps li{display:flex;align-items:center;gap:22px;min-width:0}
#landing-screen .lp-number{font-size:43px;color:#298f8d;font-weight:700;line-height:1}
#landing-screen .lp-steps li>div{border-left:1px solid #d4dfeb;padding-left:22px}
#landing-screen .lp-steps h2{font-size:25px;letter-spacing:-.6px}
#landing-screen .lp-steps p{font-size:15px;color:var(--lp-muted);margin-top:5px}
#landing-screen .lp-step-arrow{margin-left:auto;font-size:31px;color:#69809a}
#landing-screen .lp-pricing{background:#eaf8f7;scroll-margin-top:24px}
#landing-screen .lp-price-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:38px}
#landing-screen .lp-price-inner h2{font-size:clamp(32px,3.45vw,49px);letter-spacing:-1.7px}
#landing-screen .lp-price-inner>div>p{font-size:21px;margin-top:6px}
#landing-screen .lp-price{border-left:1px solid #bcd9dc;padding-left:64px}
#landing-screen .lp-price>p:first-child{display:flex;align-items:baseline;gap:14px;margin:0}
#landing-screen .lp-price strong{font-size:64px;line-height:1.1;color:#007f7c;font-weight:750;letter-spacing:-2px}
#landing-screen .lp-price>p>span{font-size:25px;font-weight:600;white-space:nowrap}
#landing-screen .lp-price small{display:block;color:#526d81;font-size:12px;margin-top:10px}
#landing-screen .lp-footer{display:flex;align-items:baseline;gap:25px;padding-block:24px;font-size:12px;color:var(--lp-muted);flex-wrap:wrap}
#landing-screen .lp-footer>span{margin-right:auto}
#landing-screen .lp-footer a{text-decoration:none}
#landing-screen .lp-footer a:hover{text-decoration:underline}
#landing-screen .lp-notices summary{cursor:pointer;min-height:24px}
#landing-screen .lp-notices[open]{flex-basis:100%}
#landing-screen .lp-notices>div{max-width:900px;padding-top:16px;font-size:13px;line-height:1.7}
@media(min-width:1600px){#landing-screen .lp-hero{padding-block:75px 80px}}
@media(max-width:1100px){
#landing-screen .lp-wrap{width:calc(100% - 64px)}
#landing-screen .lp-hero{gap:28px}
#landing-screen h1{font-size:48px;letter-spacing:-2px}
#landing-screen .lp-flow{gap:6px;grid-template-columns:1fr 16px 1.22fr 16px .68fr;min-height:275px}
#landing-screen .lp-paper{padding:20px 12px;height:235px}
#landing-screen .lp-review{padding:16px 10px}
#landing-screen .lp-review>strong{font-size:16px}
#landing-screen .lp-review>div{font-size:11px;gap:5px}
#landing-screen .lp-export>strong{font-size:9px}
#landing-screen .lp-arrow{font-size:23px}
#landing-screen .lp-steps ol{gap:25px}
#landing-screen .lp-steps li{gap:14px}
#landing-screen .lp-steps li>div{padding-left:14px}
#landing-screen .lp-steps h2{font-size:23px}
#landing-screen .lp-steps p{font-size:13px}
#landing-screen .lp-step-arrow{display:none}
#landing-screen .lp-price-inner{gap:35px}
#landing-screen .lp-price{padding-left:35px}
}
@media(max-width:800px){
#landing-screen .lp-nav{min-height:90px;flex-wrap:wrap;gap:15px;padding-block:20px}
#landing-screen .lp-brand{font-size:28px}
#landing-screen .lp-brand span{font-size:12px}
#landing-screen .lp-nav nav{order:3;flex-basis:100%;justify-content:center;gap:30px}
#landing-screen .lp-hero{grid-template-columns:1fr;gap:25px;padding-block:28px 40px}
#landing-screen h1{max-width:660px;font-size:clamp(38px,7vw,60px)}
#landing-screen .lp-lead{font-size:19px;max-width:630px}
#landing-screen .lp-illustration{width:100%;max-width:580px;justify-self:center}
#landing-screen .lp-flow{grid-template-columns:1fr 22px 1.2fr 22px .72fr;gap:10px}
#landing-screen .lp-paper{height:260px;padding:23px 17px}
#landing-screen .lp-review{padding:20px 14px}
#landing-screen .lp-review>strong{font-size:19px}
#landing-screen .lp-review>div{font-size:13px}
#landing-screen .lp-export>strong{font-size:11px}
#landing-screen .lp-price-inner{grid-template-columns:1fr;gap:24px}
#landing-screen .lp-price{border-left:0;border-top:1px solid #bcd9dc;padding:23px 0 0}
}
@media(max-width:540px){
#landing-screen .lp-wrap{width:calc(100% - 36px)}
#landing-screen .lp-nav{gap:12px}
#landing-screen .lp-brand{font-size:23px;letter-spacing:-1px;gap:7px}
#landing-screen .lp-brand span{font-size:9px;letter-spacing:1.5px}
#landing-screen .lp-login{font-size:12px;padding:9px 11px}
#landing-screen .lp-nav nav a{font-size:13px}
#landing-screen .lp-eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:18px}
#landing-screen h1{font-size:clamp(36px,9.8vw,49px);letter-spacing:-1.7px}
#landing-screen .lp-lead{font-size:17px;margin-top:20px}
#landing-screen .lp-button{font-size:14px;padding:14px 18px;gap:18px}
#landing-screen .lp-illustration{padding:10px 0}
#landing-screen .lp-illustration::before{inset:0 -6px 20px}
#landing-screen .lp-flow{grid-template-columns:.8fr 14px 1.2fr 14px .68fr;gap:5px;min-height:210px}
#landing-screen .lp-paper{height:183px;padding:16px 9px}
#landing-screen .lp-paper>strong{font-size:10px}
#landing-screen .lp-paper-lines{gap:9px;margin-top:14px}
#landing-screen .lp-paper-lines i{height:3px}
#landing-screen .lp-paper-table{gap:6px;margin-top:16px;padding-top:8px}
#landing-screen .lp-paper-table i{height:4px}
#landing-screen .lp-paper-total{margin-top:9px;height:10px}
#landing-screen .lp-review{padding:13px 8px}
#landing-screen .lp-review>strong{font-size:13px;margin-bottom:9px;padding-bottom:9px}
#landing-screen .lp-review>div{font-size:9px;grid-template-columns:1fr auto 11px;gap:3px;padding-block:9px}
#landing-screen .lp-review i{width:11px;height:11px;font-size:8px}
#landing-screen .lp-arrow{font-size:20px}
#landing-screen .lp-export{padding:19px 4px}
#landing-screen .lp-export>strong{font-size:8px;margin-top:12px;white-space:normal}
#landing-screen .lp-csv-icon{width:27px;border-width:2px;padding:9px 3px 4px;gap:3px}
#landing-screen .lp-csv-icon i{height:4px}
#landing-screen figcaption{font-size:10px;margin-top:4px}
#landing-screen .lp-steps{padding-block:8px 35px}
#landing-screen .lp-steps ol{grid-template-columns:1fr;gap:24px}
#landing-screen .lp-steps li{gap:20px}
#landing-screen .lp-number{font-size:34px;min-width:44px}
#landing-screen .lp-steps li>div{padding-left:20px}
#landing-screen .lp-steps h2{font-size:24px}
#landing-screen .lp-steps p{font-size:14px}
#landing-screen .lp-price-inner{padding-block:30px}
#landing-screen .lp-price-inner>div>p{font-size:17px}
#landing-screen .lp-price strong{font-size:57px}
#landing-screen .lp-price>p>span{font-size:21px}
#landing-screen .lp-footer{gap:15px;font-size:11px}
#landing-screen .lp-footer>span{flex-basis:100%}
}
@media(prefers-reduced-motion:no-preference){#landing-screen .lp-button{transition:background .15s}}
