:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#142839;background:#fbfcfa}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.site-header{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.05em}.brand span{color:#159178}.site-header nav{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:600}.button{background:#087c66;color:white;padding:16px 23px;border-radius:8px;display:inline-flex;align-items:center;gap:25px;font-weight:700;box-shadow:0 8px 22px #087c6622}.button:hover{background:#066652}.button-small{padding:11px 18px;box-shadow:none}.hero{max-width:1200px;margin:0 auto;padding:104px 28px 115px;display:grid;grid-template-columns:1.13fr 1fr;gap:80px;align-items:center}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:#087c66}.eyebrow span{display:inline-block;width:8px;height:8px;background:#14a786;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.055em;margin:24px 0}.hero h1 em{color:#07826b;font-style:normal}.intro{font-size:1.08rem;line-height:1.75;color:#60717b;max-width:520px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.secondary{font-weight:700;font-size:.93rem}.footnote{font-size:.78rem;color:#82908f;margin-top:32px}.preview{background:#fff;border:1px solid #e3ebe5;border-radius:16px;padding:28px;box-shadow:0 24px 75px #153f3014;transform:rotate(1deg)}.preview-head,.preview-item,.preview-total{display:flex;align-items:center;gap:14px}.preview-head strong,.preview-item strong{display:block;font-size:.91rem}.preview-head small,.preview-item small{display:block;color:#8a9998;font-size:.76rem;margin-top:5px}.preview-mark,.avatar{display:grid;place-items:center;flex:none;background:#def3ed;color:#087c66;font-weight:800;width:42px;height:42px;border-radius:10px}.badge{margin-left:auto;background:#edf7f3;color:#16806d;border-radius:20px;padding:7px 11px;font-size:.7rem;font-weight:700}.preview-label{font-size:.65rem;color:#92a19e;font-weight:800;letter-spacing:.1em;margin:32px 0 14px}.preview-item{padding:15px 0;border-top:1px solid #eef1ee}.preview-item b{margin-left:auto;font-size:.8rem}.purple{background:#eeeaf8;color:#7867a5}.preview-total{justify-content:space-between;border-top:1px solid #e8eeea;margin-top:8px;padding:22px 0;color:#657572;font-size:.85rem}.preview-total strong{font-size:1.1rem;color:#172e29}.preview-action{background:#087c66;border-radius:7px;color:white;text-align:center;padding:14px;font-size:.85rem;font-weight:700}.preview-action span{float:right}.features{background:#f0f6f1;padding:78px max(28px,calc((100% - 1144px)/2)) 96px}.features h2{font-size:2rem;letter-spacing:-.035em;max-width:540px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.feature-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#d9ece1;color:#0b8069;font-weight:800;font-size:.75rem}.feature-grid h3{font-size:1rem;margin-top:20px}.feature-grid p{color:#667b76;line-height:1.7;font-size:.9rem}footer{max-width:1200px;padding:32px 28px;margin:auto;display:flex;justify-content:space-between;color:#7a8b83;font-size:.8rem}footer span:first-child{font-weight:800;color:#1e5142}@media(max-width:800px){.site-header{height:68px}.hero{grid-template-columns:1fr;padding:60px 24px;gap:48px}.hero h1{font-size:2.8rem}.preview{transform:none}.feature-grid{grid-template-columns:1fr;gap:20px}footer{gap:15px;flex-direction:column}}
