:root{--ink:#172923;--muted:#6d7b73;--green:#a1dbbf;--line:#dce4dc;--paper:#f8faf6;--cream:#f1f5ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #29805b;outline-offset:3px}
.container{width:min(1200px,calc(100% - 80px));margin:auto}
.site-header{height:88px;background:rgba(248,250,246,.96);border-bottom:1px solid #e8eee7}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1.3px;line-height:1}
.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#1f4839;color:white}
.brand-mark svg{width:29px;height:29px}
.brand-accent,.footer-brand span{color:#5e9f7d}
.brand small{display:block;color:#9aa8a0;font-size:6px;letter-spacing:1.15px;margin-top:5px}
nav{display:flex;gap:37px;font-size:13px;font-weight:600;color:#52645a}
nav a:hover,.text-link:hover,.package-footnote a:hover{color:#40835e}
.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:51px;padding:0 20px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.button-dark{background:#1b3529;color:white}.button-dark:hover{background:#345b47}.header-cta{min-height:42px}
.hero{overflow:hidden;padding:97px 0 99px}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:9px;color:#52735e;font-size:10px;font-weight:800;letter-spacing:1.65px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79ba90;box-shadow:0 0 0 4px #dcefe1}
h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-2.7px;line-height:1.08}h1{font-size:clamp(47px,5.3vw,72px);margin:25px 0}h1 em,h2 em{font-family:Georgia,serif;color:#649b7a;font-weight:400}
.hero-copy>p{max-width:480px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:7px}
.hero-note{margin-top:57px;font-size:11px;color:#7a8a7f;font-weight:600}.note-icon{color:#71ac85;font-size:17px;margin-right:8px}.separator{padding:0 12px;color:#c5d0c7}
.preview-wrap{padding:23px;background:#e6f0e5;border:1px solid #d6e7d8;border-radius:12px;box-shadow:0 28px 65px #4f73521a;transform:rotate(1deg)}
.preview-label{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#6b8c75;margin:1px 0 18px 4px}.preview-label .dot{width:6px;height:6px;margin-right:9px}
.preview{display:flex;min-height:354px;background:#fff;border:1px solid #e1e9e1;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #4a71501a}.preview-sidebar{width:54px;background:#19372a;color:#83a994;display:flex;align-items:center;flex-direction:column;gap:16px;padding:14px 0}.mini-logo{font-size:22px;color:#bce6c7;margin-bottom:15px}.mini-nav{font-size:16px}.mini-nav.active{background:#496757;color:white;padding:6px;border-radius:4px}.mini-avatar{margin-top:auto;border-radius:50%;background:#b4d7bc;color:#345842;padding:6px;font-size:9px}
.preview-main{flex:1;padding:20px;min-width:0}.preview-top{display:flex;justify-content:space-between;color:#91a096;font-size:8px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #edf1ec;padding-bottom:15px}.preview-top b{padding:0 6px;color:#d0d9d1}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px}.preview-heading small,.preview-stats small{font-size:7px;letter-spacing:1px;color:#91a196;font-weight:700}.preview-heading h2{font-size:21px;letter-spacing:-.7px;font-weight:700;margin:5px 0}.preview-heading p{font-size:9px;color:#a1afa5;margin:0}.preview-btn{font-size:8px;color:#fff;background:#244737;padding:10px;border-radius:4px;white-space:nowrap}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-stats div{padding:11px;background:#f5f8f3;border:1px solid #eef2ed;border-radius:4px}.preview-stats small,.preview-stats strong,.preview-stats span{display:block}.preview-stats strong{font-size:18px;margin:6px 0}.preview-stats span{font-size:8px;color:#93a297}
.calendar{margin-top:19px;border:1px solid #edf1ec;border-radius:4px;padding:12px}.calendar-head{display:flex;justify-content:space-between;font-size:9px;margin-bottom:15px}.calendar-head span{color:#93a297}.weekdays,.calendar-row{display:grid;grid-template-columns:35px repeat(5,1fr);gap:4px;align-items:center}.weekdays{font-size:7px;color:#a8b4aa;text-align:center;margin-bottom:8px}.calendar-row{font-size:7px;color:#89988d;margin-bottom:5px}.calendar-row i{font-style:normal;background:#e3f3e7;color:#659775;min-height:24px;padding:8px 2px;text-align:center;border-radius:3px;white-space:nowrap;overflow:hidden}.calendar-row i:empty{background:#f8faf7}.calendar-row i.peach{background:#f9eee4;color:#c68d64}.preview-foot{display:flex;justify-content:space-between;margin:17px 3px 0;color:#7a9d82;font-size:9px;font-weight:700}
.intro-strip{background:#203b2e;color:#b3cab9}.strip-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.strip-inner span{font-size:9px;font-weight:700;letter-spacing:1.4px}.strip-inner p{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#e5eee3;margin:0}
.section{padding:112px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:47px}.section-heading h2,.contact-section h2{font-size:clamp(38px,4vw,55px);margin:20px 0 0}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:250px;padding:25px 22px;background:#fff;border:1px solid #e4ebe3;border-radius:8px}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#e6f3e7;color:#4a8a61;font-size:21px;margin-bottom:28px}.peach-icon{background:#f9ece2;color:#ca8e6e}.yellow-icon{background:#f6f1dc;color:#ad9c54}.lilac-icon{background:#eeeaf6;color:#9685b5}.card-index{color:#93a599;font-size:9px;font-weight:800;letter-spacing:1.1px}.feature-card h3{font-size:16px;margin:12px 0}.feature-card p{color:#829086;font-size:12px;line-height:1.75;margin:0}
.alpha-note{display:flex;gap:14px;align-items:start;background:#f0f5eb;border:1px solid #e0eadc;border-radius:7px;padding:18px 20px;margin-top:24px;color:#627567;font-size:12px;line-height:1.65}.alpha-note>span{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid #9db8a2;border-radius:50%;font-weight:700}.alpha-note p{margin:0}.alpha-note a{text-decoration:underline}
.packages-section{background:#edf3eb}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.package-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce8dc;border-radius:9px;padding:28px}.package-card h3{font-size:25px;letter-spacing:-.8px;margin:13px 0 20px}.package-price strong{font-size:32px;letter-spacing:-1px}.package-price span,.package-limits,.renewal,.lifetime{font-size:12px;color:#76877a}.package-limits{margin:14px 0 6px}.lifetime{margin:6px 0}.renewal{margin:6px 0 0}.package-divider{height:1px;background:#e9eee8;margin:24px 0}.feature-label{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#8da093}.package-features{list-style:none;padding:0;margin:6px 0 26px;flex:1}.package-features li{display:flex;gap:10px;margin-bottom:14px;font-size:12px;line-height:1.5}.package-features strong,.package-features li div span{display:block}.package-features li div span{color:#829086;margin-top:2px}.check{color:#4b9868;font-weight:700}.button-outline{border-color:#cdded0;color:#294c38;width:100%}.button-outline:hover{background:#edf6ed}.package-status{color:#64786a;line-height:1.7}.package-footnote{text-align:center;color:#829187;font-size:12px;margin:30px 0 0}.package-footnote a{color:#396c4a;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact-intro{max-width:410px;color:var(--muted);font-size:15px;line-height:1.8;margin:25px 0 32px}.contact-email{display:inline-flex;justify-content:space-between;gap:40px;padding-bottom:10px;border-bottom:1px solid #b5ceba;font-size:15px;font-weight:700}.contact-email span{color:#75a889}.contact-small{color:#a1afa4;font-size:11px;margin-top:19px}
.contact-form{background:#fff;border:1px solid #e1e9df;border-radius:9px;padding:30px;box-shadow:0 18px 50px #4664450a}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.form-header h3{font-size:19px;letter-spacing:-.5px;margin:9px 0 0}.form-header>span{font-size:20px;color:#82b396}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:17px}.optional{color:#a2b0a5;font-weight:400}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #e1e9e0;border-radius:5px;background:#fafcf9;color:var(--ink);font-size:12px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aab8ad}.form-hint{font-size:11px;color:#839388;line-height:1.6}.contact-form button{width:100%;margin-top:5px}
footer{background:#1b3428;color:#b7c9bc}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:22px;font-weight:800;letter-spacing:-1.3px;color:#fff}.footer-brand b{font-size:15px;margin-left:5px;color:#9dcdaa}.footer-inner p,.footer-inner div,.footer-inner small{font-size:11px}.footer-inner p{margin:0;color:#8ea697}.footer-inner div{display:flex;gap:24px}.footer-inner small{color:#789081}
@media(max-width:900px){.hero-grid{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:40px}.preview-wrap{padding:15px}.preview-main{padding:14px}}
@media(max-width:700px){.container{width:min(100% - 36px,520px)}.site-header{height:auto;min-height:74px}.header-inner{flex-wrap:wrap;padding:16px 0;gap:15px}.brand{font-size:20px}nav{order:3;width:100%;justify-content:space-between;gap:12px}.header-cta{min-height:38px;padding:0 12px;gap:8px;font-size:11px}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:50px}h1{letter-spacing:-2px}.hero-note{margin-top:35px}.preview-wrap{transform:none}.strip-inner{min-height:105px;flex-wrap:wrap;padding:22px 0}.strip-inner p{width:100%;order:3}.strip-inner span:last-child{margin-left:auto}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.section-heading h2,.contact-section h2{letter-spacing:-1.8px}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-inner{padding:28px 0;flex-wrap:wrap}.footer-inner p{width:100%;order:2}.footer-inner small{order:3}.footer-inner div{margin-left:auto}}
@media(max-width:400px){.feature-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.preview-sidebar{width:40px}.preview-main{padding:10px}.calendar{padding:8px}.preview-stats div{padding:7px}.calendar-row{grid-template-columns:27px repeat(5,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}