:root{--forest:#145842;--deep:#213d30;--pine:#254d3c;--sage:#7eaa8f;--mint:#e9f2e9;--cream:#f7f8f3;--line:#e3ebe0;--sub:#6f8b79;--white:#fff;--shadow:0 19px 60px rgba(27,69,43,.09);--radius:22px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--cream);color:var(--deep);font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;top:-120px;left:12px;padding:12px 17px;background:var(--white);z-index:1000}.skip-link:focus{top:12px}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.section{padding:112px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,251,248,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(220,231,219,.75);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 24px #123d2e0b}.header-inner{height:85px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:28px;font-weight:800;letter-spacing:-1.9px;color:#174732;text-decoration:none;white-space:nowrap;line-height:1}.brand img{border-radius:13px}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.main-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#587463;transition:color .2s}.main-nav a:hover,.nav-login:hover{color:var(--forest)}.header-actions{display:flex;align-items:center;gap:22px}.nav-login{font-size:13px;font-weight:800;color:#426750;text-decoration:none;white-space:nowrap}.button{min-height:54px;padding:0 24px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:-.12px;border:1px solid transparent;transition:background .18s,color .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:focus-visible,.main-nav a:focus-visible,.nav-login:focus-visible,.showcase-tab:focus-visible,summary:focus-visible,.price-button:focus-visible,.menu-button:focus-visible{outline:3px solid #81b698;outline-offset:4px}.button .icon,.text-cta .icon{width:17px;height:17px}.button-primary{background:var(--forest);color:#fff;box-shadow:0 12px 23px #1759431f}.button-primary:hover{background:#0e4d39;box-shadow:0 16px 28px #17594327}.button-small{min-height:43px;padding:0 17px;font-size:12px;border-radius:11px;gap:8px}.button-ghost{border-color:#d4e1d5;background:rgba(255,255,255,.67);color:#275841}.button-ghost:hover{background:white}.menu-button{display:none;border:0;background:transparent;color:var(--forest);width:42px;height:42px;align-items:center;justify-content:center}.menu-button .icon-close{display:none}
/* Hero */
.hero{padding-top:84px;padding-bottom:91px;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 21%,rgba(226,240,223,.8),transparent 38%),linear-gradient(180deg,#fafbf7 0%,#f3f6f0 100%)}.hero-glow{pointer-events:none;position:absolute;border-radius:50%}.hero-glow-a{width:480px;height:480px;background:radial-gradient(circle,#dcebdd90,transparent 67%);right:-185px;top:-100px}.hero-glow-b{width:230px;height:230px;background:radial-gradient(circle,#d3e6d366,transparent 70%);left:-165px;bottom:10px}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:42px}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#367552;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;background:#e7f2e7;border:1px solid #d8e8da;border-radius:999px;padding:10px 15px}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#3e9f71;box-shadow:0 0 0 4px #cde8d1}.hero h1{font-size:clamp(39px,4.65vw,63px);line-height:1.18;letter-spacing:-2.95px;font-weight:800;margin:26px 0 20px}.highlight-word{color:#639d76}.hero-lead{font-size:15px;color:#688371;line-height:1.9;max-width:560px;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.trial-note{font-size:10.5px;line-height:1.55;color:#7b9884;display:flex;gap:7px;align-items:flex-start;margin:16px 0 0;max-width:520px}.trial-note .icon{width:15px;height:15px;color:#46846b;margin-top:2px}.hero-social{margin-top:44px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:800;color:#668a72}.hero-social-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #c4dbca;border-radius:50%;background:#e9f3e9;color:#2b8053}.hero-social-icon .icon{width:14px;height:14px}.hero-visual{min-width:0;position:relative;isolation:isolate;padding:18px 0 44px}.visual-orbit{position:absolute;z-index:-1;border:1px solid #c5dfc9;border-radius:50%;pointer-events:none}.visual-orbit-one{width:660px;height:660px;top:-125px;left:-75px}.visual-orbit-two{width:800px;height:800px;top:-195px;left:-140px;border-color:#dfebe0}.app-window,.showcase-desktop-frame{overflow:hidden;background:#fff;border:1px solid #dce6dc;border-radius:16px;box-shadow:0 27px 65px #183d2b1c,0 5px 14px #183d2b08}.app-window{width:114%;max-width:none;position:relative;transform:translateX(0);box-shadow:0 34px 68px #183d2b22,0 6px 16px #183d2b09}.app-window img{width:100%;height:auto}.app-window .hero-demo-mobile{display:none}.window-top{background:#f9fbf8;display:flex;align-items:center;justify-content:center;position:relative;height:38px;color:#8aab96;font-size:10px;font-weight:700;letter-spacing:.1px;border-bottom:1px solid #edf2eb}.window-dots{position:absolute;left:13px;display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#cbdccb;border-radius:50%}.window-dots i:first-child{background:#e1c5b4}.window-dots i:nth-child(2){background:#e7ddb9}.window-top>.icon{width:13px;height:13px;position:absolute;right:15px}.hero-mini-card{z-index:2;position:absolute;right:-7%;bottom:6px;display:flex;gap:12px;align-items:center;padding:16px 16px;background:rgba(255,255,255,.96);border:1px solid #e0e9e0;border-radius:17px;box-shadow:0 16px 36px #234c3624}.mini-icon{display:grid;place-items:center;width:42px;height:42px;background:#e9f3e8;color:#2d7651;border-radius:12px}.hero-mini-card small{display:block;color:#8aac96;font-size:9px}.hero-mini-card strong{display:block;color:#345e45;font-size:11px;margin-top:2px}.mini-tick{border-radius:50%;background:#e6f2e5;color:#2c8960;width:25px;height:25px;display:grid;place-items:center}.mini-tick svg{width:14px;height:14px}.demo-indicator{position:absolute;z-index:2;right:2%;top:0;color:#6b9b7b;font-size:8px;font-weight:800;letter-spacing:1.1px;display:flex;align-items:center;gap:5px}.demo-indicator span{background:#54ad76;width:6px;height:6px;border-radius:50%}
.trust-strip{background:#fff;border-block:1px solid #e9efe7}.trust-inner{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:18px}.trust-inner span{display:inline-flex;align-items:center;gap:9px;color:#668b71;font-size:12px;font-weight:800;white-space:nowrap}.trust-inner svg{width:19px;height:19px;color:#468567}
/* Headings */
.section-kicker{font-size:10px;letter-spacing:2px;color:#448466;font-weight:800;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:16px 0 34px}.section-heading h2,.showcase-header h2,.benefit-copy h2,.faq-intro h2{margin:0;font-size:clamp(31px,3.7vw,48px);font-weight:800;line-height:1.27;letter-spacing:-1.8px}.section-heading h2 span,.showcase-header h2 span,.benefit-copy h2 span,.faq-intro h2 span{color:#77a78a}.section-heading>p,.showcase-header>p{font-size:13px;color:#769380;line-height:1.95;max-width:355px;margin:0 4px 0 0}
/* features */
.features-section{background:#f8faf6}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{border:1px solid #e6ede3;background:#fff;border-radius:20px;min-height:210px;padding:27px;box-shadow:0 8px 24px #1e5a3108;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 19px 35px #1e5a3113}.feature h3{font-size:17px;line-height:1.3;letter-spacing:-.5px;margin:18px 0 9px}.feature p{font-size:12px;color:#789482;line-height:1.8;margin:0}.feature-icon{width:49px;height:49px;border-radius:15px;color:#2e7952;background:#eaf4e9;display:grid;place-items:center}.feature-icon.warm{background:#faf1e3;color:#b48d58}.feature-icon svg{width:23px;height:23px}.feature-large{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:center;column-gap:20px;background:#eef5ec;border-color:#dbe9d8;overflow:hidden}.feature-large .feature-icon{grid-column:1}.feature-large>div:nth-child(2){grid-column:1;align-self:start}.feature-large h3{margin:17px 0 8px}.feature-mini-schedule{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:8px;padding:13px;background:#fff;border:1px solid #e0eae1;border-radius:16px;box-shadow:0 7px 23px #1559430d}.feature-mini-schedule>div{display:flex;align-items:center;gap:11px;background:#f7faf6;padding:10px 11px;border-radius:10px;font-size:11px}.feature-mini-schedule span{font-weight:800;color:#346747}.feature-mini-schedule i{height:7px;width:7px;background:#9abea2;border-radius:50%}.feature-mini-schedule b{color:#385b45;flex:1}.feature-mini-schedule em{color:#7fa58c;font-style:normal}
/* showcase */
.showcase-section{background:#edf4ec;border-block:1px solid #e0ebe0}.showcase-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:29px}.showcase-header h2{margin:14px 0 0}.showcase-tabs{display:flex;gap:5px;align-items:center;padding:5px;background:#dfeade;width:max-content;border-radius:12px;margin:0 0 22px}.showcase-tab{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#5b8069;padding:11px 18px;font-size:12px;font-weight:800;border-radius:10px}.showcase-tab.active{background:#fff;color:#1b6146;box-shadow:0 2px 7px #1c533017}.showcase-tab .icon{width:17px;height:17px}.showcase-stage{background:linear-gradient(145deg,#e1eee0,#d6e7d8);border:1px solid #ccdfce;border-radius:26px;padding:43px 55px 57px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:510px;overflow:hidden}.showcase-desktop-frame{width:min(100%,1032px)}.showcase-desktop-frame img{width:100%;height:auto}.showcase-mobile-frame{position:relative;width:258px;padding:12px 8px;border:5px solid #274a3a;border-radius:36px;background:#fff;box-shadow:0 22px 55px #19472c36}.showcase-mobile-frame img{width:100%;height:auto;border-radius:23px}.showcase-mobile-frame .mobile-notch{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);width:66px;height:10px;background:#1d3c2e;border-radius:30px}.showcase-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#4f805e;font-weight:800;margin-top:23px}.showcase-label .icon{width:16px;height:16px}.showcase-desktop-frame[hidden],.showcase-mobile-frame[hidden]{display:none}
/* comparison */
.benefit-section{background:#f8faf6}.benefit-wrap{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:75px;align-items:center}.benefit-copy h2{margin:18px 0 18px}.benefit-copy p{color:#769380;font-size:13px;line-height:1.95;margin:0 0 20px;max-width:410px}.text-cta{display:inline-flex;align-items:center;gap:11px;color:#206c4e;text-decoration:none;font-size:13px;font-weight:800}.text-cta:hover{gap:16px}.comparison{padding:14px 28px;border:1px solid #e1eae0;background:#fff;border-radius:22px;box-shadow:0 18px 38px #164e2b0c}.compare-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #ebf0e9;padding:15px 0 20px;font-size:13px;font-weight:800}.compare-before{color:#a0a5a1}.compare-after{color:#23784e}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px 0;align-items:center;border-bottom:1px solid #eef2ed;font-size:12px}.compare-row:last-child{border:0}.compare-row>span{color:#8b9d90}.compare-row>b{font-weight:800;color:#37694b;display:flex;align-items:center;gap:9px}.compare-row svg{width:15px;height:15px;stroke-width:2.6;color:#2f9a65}
/* steps */
.steps-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step{border:1px solid #e8eee6;border-radius:20px;padding:29px;position:relative;background:#fafcf9;min-height:225px}.step-number{font-size:11px;letter-spacing:1px;color:#9abc9e;font-weight:800}.step-icon{margin-top:17px;background:#eaf3e9;color:#347f56;width:49px;height:49px;border-radius:14px;display:grid;place-items:center}.step-icon .icon{width:23px;height:23px}.step h3{font-size:16px;letter-spacing:-.4px;margin:17px 0 8px}.step p{color:#779280;font-size:12px;line-height:1.8;margin:0}.step::after{content:'→';font-size:26px;position:absolute;right:-15px;top:50%;z-index:2;color:#70a77f}.step:last-child:after{display:none}
/* pricing */
.pricing-section{background:linear-gradient(155deg,#1d6149 0%,#104331 100%);color:#fff;overflow:hidden;position:relative}.pricing-section:before,.pricing-section:after{position:absolute;content:'';border-radius:50%;border:1px solid #ffffff14;pointer-events:none}.pricing-section:before{width:680px;height:680px;right:-210px;top:-320px}.pricing-section:after{width:940px;height:940px;right:-350px;top:-425px}.pricing-section>.container{position:relative;z-index:1}.section-kicker.light{color:#b4dabd}.pricing-head{text-align:center;margin-bottom:38px}.pricing-head h2{font-size:clamp(36px,4vw,52px);letter-spacing:-1.8px;line-height:1.2;margin:15px 0 16px}.pricing-head h2 span{color:#b5d6ba}.pricing-head p{font-size:13px;color:#c0dcc8;max-width:495px;margin:0 auto;line-height:1.8}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}.price-card{padding:26px 23px 22px;background:#fff;color:var(--deep);border-radius:20px;border:2px solid #fff;position:relative;display:flex;flex-direction:column;min-height:310px}.price-card.recommended{border-color:#a6d2b0;background:#f8fcf7;box-shadow:0 0 0 4px #ffffff10}.price-ribbon{position:absolute;top:-15px;right:13px;background:#d5eacb;color:#205d3c;padding:8px 10px;border-radius:8px;font-size:8px;font-weight:800;letter-spacing:.6px}.price-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:46px}.price-duration{font-size:13px;font-weight:800;color:#2a5842}.price-note{font-size:9px;color:#8ca998;text-align:right;max-width:87px}.price-amount{font-size:39px;font-weight:800;letter-spacing:-1.9px;line-height:1.2;margin:24px 0 5px;color:#163e2c;white-space:nowrap}.price-monthly{margin:0;color:#73907d;font-size:12px}.price-savings{margin:17px 0 auto;background:#eaf5e8;color:#2d7b4c;padding:7px 10px;font-size:10px;font-weight:800;border-radius:9px;align-self:flex-start}.price-card:first-child .price-savings{color:#879c8b;background:#f1f5f1}.price-button{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;background:#175943;text-decoration:none;padding:13px;border-radius:11px;font-size:11px;font-weight:800;margin-top:19px}.price-button:hover{background:#104a36}.price-button svg{width:15px;height:15px}.pricing-disclosure{display:flex;align-items:flex-start;gap:14px;background:#ffffff13;border:1px solid #ffffff26;border-radius:15px;padding:20px 23px;margin-top:26px}.pricing-disclosure>.icon{width:20px;height:20px;flex:none;color:#b5e1c2;margin-top:3px}.pricing-disclosure p{color:#d0e4d4;margin:0;font-size:11px;line-height:1.9}.pricing-disclosure strong{color:#fff}
/* FAQ */
.faq-section{background:#f8faf6}.faq-wrap{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:66px}.faq-intro h2{margin:15px 0 16px}.faq-intro p{color:#7f9a86;font-size:13px;line-height:1.8}.faq-list{display:flex;flex-direction:column;gap:11px}.faq-list details{background:#fff;border:1px solid #e2ece2;border-radius:15px;overflow:hidden}.faq-list details[open]{border-color:#bcd6c3;box-shadow:0 10px 22px #184c320a}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;color:#2b5740;font-size:13px;font-weight:800;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:17px;height:17px;color:#52936a;transition:transform .25s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{font-size:12px;color:#6d8b78;line-height:1.9;padding:0 23px 23px;margin:0}
/* Final */
.last-cta{padding:27px 0 112px;background:#f8faf6}.cta-panel{background:#174f3c;border:1px solid #2f7858;position:relative;overflow:hidden;border-radius:28px;text-align:center;padding:76px 30px 68px;color:#fff}.cta-panel:after{content:'';pointer-events:none;position:absolute;right:-160px;bottom:-250px;width:650px;height:650px;border:1px solid #ffffff26;border-radius:50%}.cta-orb{position:absolute;left:-220px;top:-280px;width:570px;height:570px;border:1px solid #ffffff21;border-radius:50%}.cta-kicker{color:#abd9b7;letter-spacing:1.9px;font-size:10px;font-weight:800;position:relative}.cta-panel h2{position:relative;margin:17px 0 13px;font-size:clamp(28px,3.3vw,44px);line-height:1.3;letter-spacing:-1.5px}.cta-panel h2 span{color:#c1e0c5}.cta-panel p{position:relative;color:#c1dfc9;font-size:13px;margin:0 0 27px}.cta-actions{position:relative;display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.button-white{background:#fff;color:#18523a}.button-white:hover{background:#eef5ed}.button-white-outline{border-color:#ffffff52;color:#fff;background:#ffffff10}.button-white-outline:hover{background:#ffffff20}.cta-panel small{display:block;position:relative;color:#b0d6ba;font-size:10px;margin-top:18px}
.footer{border-top:1px solid #e4eae0;background:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:39px 0}.brand-footer{font-size:24px}.footer-main p{margin:11px 0 0;color:#9ab3a2;font-size:11px}.footer-main nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-main nav a{font-size:12px;color:#6b8875;text-decoration:none;font-weight:700}.footer-main nav a:hover,.footer-bottom a:hover{color:#16553d}.footer-bottom{border-top:1px solid #f0f3ef;padding:22px 0 28px;display:flex;justify-content:space-between;gap:16px;color:#93a99a;font-size:10px}.footer-bottom a{color:#4c8765;text-decoration:underline}.mobile-sticky{display:none}
/* Responsive */
@media(max-width:1190px){.main-nav{gap:19px}.header-inner{gap:20px}.header-actions{gap:13px}.hero h1{font-size:clamp(39px,4.45vw,56px)}.app-window{width:110%}.hero-inner{gap:25px}.hero-buttons .button{font-size:12px;padding-inline:17px}.benefit-wrap{gap:38px}}
@media(max-width:980px){.header-inner{height:77px}.main-nav{gap:14px}.main-nav a{font-size:11px}.header-cta{display:none}.hero{padding:65px 0 60px}.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.eyebrow{margin:auto}.hero h1{max-width:820px;margin:24px auto 18px}.hero-lead{margin:0 auto 24px}.hero-buttons{justify-content:center}.trial-note{justify-content:center;max-width:none}.hero-social{margin-top:25px;justify-content:center}.hero-visual{max-width:770px;width:100%;margin:14px auto 0;padding:14px 0 35px}.app-window{width:100%}.hero-mini-card{right:-12px;bottom:0}.demo-indicator{right:8px}.section{padding:85px 0}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-wrap{grid-template-columns:1fr;gap:30px}.benefit-copy{max-width:690px}.comparison{max-width:750px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.price-card{min-height:295px}.steps-grid{gap:12px}.step{padding:22px}.faq-wrap{gap:28px}.last-cta{padding:25px 0 88px}}
@media(max-width:700px){.container{width:min(100% - 34px,1180px)}.site-header{background:rgba(250,251,248,.96)}.header-inner{height:69px;gap:10px}.brand{font-size:25px}.brand img{width:37px;height:37px}.header-actions{margin-left:auto}.nav-login{font-size:12px}.menu-button{display:inline-flex}.menu-button[aria-expanded="true"] .icon-menu{display:none}.menu-button[aria-expanded="true"] .icon-close{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid #e0eae0;box-shadow:0 19px 27px #17392518;padding:17px;flex-direction:column;align-items:stretch;gap:0;margin:0}.main-nav.open{display:flex}.main-nav a{display:block;padding:12px 11px;font-size:14px}.section{padding:72px 0}.hero{padding:51px 0 44px}.hero h1{font-size:clamp(34px,7.7vw,49px);letter-spacing:-1.6px}.hero-lead{font-size:13px}.hero-buttons{flex-direction:column;align-items:stretch;width:min(100%,390px);margin:auto}.hero-buttons .button{width:100%}.trial-note{font-size:10px;max-width:380px;margin:13px auto 0}.hero-visual{width:100%;padding-bottom:28px;margin-top:16px}.visual-orbit-one{width:420px;height:420px;left:-50px;top:-45px}.visual-orbit-two{width:540px;height:540px;top:-100px}.app-window{border-radius:10px}.window-top{height:29px;font-size:8px}.hero-mini-card{position:absolute;bottom:1px;right:-5px;padding:9px;gap:8px;border-radius:12px}.mini-icon{width:28px;height:28px;border-radius:8px}.mini-icon svg{width:15px;height:15px}.hero-mini-card small{font-size:8px}.hero-mini-card strong{font-size:9px}.mini-tick{width:18px;height:18px}.mini-tick svg{width:11px;height:11px}.demo-indicator{font-size:7px}.trust-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 0;min-height:0}.trust-inner span{font-size:10px;white-space:normal}.trust-inner svg{width:17px;height:17px}.section-heading,.showcase-header{display:block;margin-top:15px}.section-heading h2,.showcase-header h2,.benefit-copy h2,.faq-intro h2{font-size:clamp(30px,6.4vw,40px);letter-spacing:-1.3px}.section-heading>p,.showcase-header>p{max-width:550px;font-size:12px;margin:17px 0 0}.features-grid{gap:10px}.feature{padding:20px;min-height:190px}.feature-large{grid-column:span 2;gap:10px}.feature h3{font-size:15px}.feature p{font-size:11px}.feature-icon{width:43px;height:43px}.feature-icon svg{width:21px;height:21px}.showcase-header{margin-bottom:25px}.showcase-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.showcase-tab{justify-content:center;padding:10px 8px}.showcase-stage{padding:20px 17px 27px;min-height:310px;border-radius:17px}.showcase-desktop-frame{border-radius:9px}.showcase-desktop-frame .window-top{height:23px}.showcase-label{font-size:9px}.benefit-wrap{gap:26px}.benefit-copy p{font-size:12px}.comparison{padding:9px 17px}.compare-head{font-size:12px}.compare-row{gap:11px;padding:15px 0;font-size:10px}.steps-grid{grid-template-columns:1fr;gap:12px}.step{min-height:0;padding:21px;display:grid;grid-template-columns:50px 1fr;column-gap:18px}.step-number{grid-row:1;grid-column:1;font-size:12px}.step-icon{grid-row:2/span 2;grid-column:1;margin-top:9px}.step h3{grid-column:2;grid-row:2;margin:8px 0}.step p{grid-column:2;grid-row:3}.step::after{display:none}.pricing-head h2{font-size:39px}.price-grid{gap:10px}.price-card{padding:22px 17px;min-height:285px}.price-amount{font-size:33px}.price-ribbon{font-size:7px;right:7px}.price-note{font-size:8px}.price-button{font-size:10px;padding:11px}.pricing-disclosure{padding:17px}.faq-wrap{display:block}.faq-intro{margin-bottom:26px}.faq-intro p{font-size:12px}.faq-list summary{font-size:12px;padding:17px}.faq-list details p{padding:0 17px 18px}.cta-panel{border-radius:22px;padding:48px 20px}.cta-panel h2{font-size:29px}.cta-panel h2 br{display:none}.cta-panel p{font-size:12px;line-height:1.75}.cta-actions{flex-direction:column;align-items:stretch;max-width:370px;margin:auto}.footer-main{flex-direction:column;align-items:flex-start;gap:28px}.footer-main nav{gap:15px}.footer-bottom{flex-direction:column;gap:5px}.mobile-sticky{display:block;position:fixed;z-index:45;left:0;right:0;bottom:0;padding:9px 17px max(9px,env(safe-area-inset-bottom));background:rgba(252,253,250,.97);border-top:1px solid #e0eae0;box-shadow:0 -5px 22px #17392515;transform:translateY(110%);transition:transform .3s}.mobile-sticky.visible{transform:translateY(0)}.mobile-sticky a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--forest);color:#fff;text-decoration:none;border-radius:12px;min-height:47px;font-weight:800;font-size:12px}.mobile-sticky .icon{width:16px;height:16px}body{padding-bottom:0}.footer-bottom{padding-bottom:84px}}
@media(max-width:420px){.container{width:calc(100% - 30px)}.hero h1{font-size:34px}.hero-lead{font-size:12px}.hero-mini-card{right:-3px}.hero-social{font-size:10px}.feature-large{grid-template-columns:1fr}.feature-large .feature-icon,.feature-large>div:nth-child(2){grid-column:1}.feature-mini-schedule{grid-column:1;grid-row:3;margin-top:10px}.feature{padding:17px}.features-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-mini-schedule>div{font-size:10px}.price-grid{grid-template-columns:1fr}.price-card{min-height:260px;padding:23px 25px}.price-top{min-height:25px}.price-amount{margin-top:14px}.price-ribbon{top:-13px;right:15px}.pricing-head h2{font-size:35px}.faq-list summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Smartphone preview on compact screens: same mobile Beyorio demo UI */
@media(max-width:700px){
 .hero-visual{margin-top:32px;padding-bottom:25px}
 .hero-visual .app-window{width:min(267px,78vw);margin-inline:auto;border:6px solid #345848;border-radius:32px;overflow:hidden;box-shadow:0 25px 52px #183d2b26}
 .hero-visual .window-top{display:none}
 .hero-visual .app-window .hero-demo-desktop{display:none}
 .hero-visual .app-window .hero-demo-mobile{display:block;width:100%;height:auto}
 .hero-mini-card{right:max(0px,calc((100vw - 500px)/3));bottom:19px;z-index:3}
 .demo-indicator{right:7px;top:2px}
}

@media(min-width:421px) and (max-width:700px){.features-grid>.feature:last-child{grid-column:span 2}}