:root{--ink:#171b1a;--muted:#6c7470;--cream:#f4f5ef;--lime:#d5ff3f;--line:#dfe3db;--card:#fff;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 32px}.brand{font-weight:800;letter-spacing:-1px;font-size:20px;text-decoration:none;color:var(--ink)}.brand>span:last-child{color:#84941d}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);width:25px;height:25px;border-radius:7px;font-size:16px;margin-right:7px}.brand-mark span{font-size:11px}.nav-links{display:flex;gap:34px;margin-left:110px}.nav-links a,.text-link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:700}.header-cta{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;font-weight:800;font-size:13px}.header-cta span,.button span{margin-left:12px}.section-shell{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:42px;padding-bottom:75px}.eyebrow,.section-kicker{font:500 11px var(--mono);letter-spacing:1.5px;color:#69716c}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #e7f7ab}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-4px;margin:25px 0 25px}.hero h1 em,.final-cta h2 em{font-style:normal;color:#84941d}.hero-text{max-width:485px;color:var(--muted);line-height:1.7;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;padding:16px 20px;text-decoration:none;font-weight:800;font-size:13px;border-radius:3px}.button-primary{background:var(--ink);color:var(--lime);box-shadow:6px 6px 0 var(--lime)}.text-link{border-bottom:1px solid #aab0a9;padding-bottom:6px}.text-link span{margin-left:9px}.proof{display:flex;align-items:center;gap:14px;margin-top:54px}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;margin-left:-7px;border:2px solid var(--cream);font:9px var(--mono);background:#b6c7bf}.avatars span:nth-child(2){background:#e3ba9b}.avatars span:nth-child(3){background:#a9b6df}.proof p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.proof strong{color:var(--ink)}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d9ded6;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:500px;height:250px}.orbit-two{width:610px;height:350px;transform:rotate(28deg)}.dashboard-card{position:relative;width:min(100%,450px);background:#202624;color:white;padding:23px;border-radius:8px;box-shadow:20px 22px 0 rgba(25,30,28,.07);z-index:2}.dash-top,.metric-row,.product-head,.health-foot{display:flex;justify-content:space-between;align-items:center}.dash-top{font:11px var(--mono);color:#aeb8b2;border-bottom:1px solid #3b4440;padding-bottom:18px}.live-dot{color:var(--lime);font-size:9px}.metric-row{padding:22px 0 10px}.metric-row small,.dash-bottom small,.product-stats small,.health-foot small{display:block;color:#89958e;font-size:10px;margin-bottom:7px}.metric-row strong{font-size:31px;letter-spacing:-1px}.metric-row sup{font-size:16px}.trend{color:var(--lime);font:12px var(--mono);background:#39451c;padding:7px 9px}.chart{height:170px;display:flex;position:relative}.chart-labels{width:40px;display:flex;flex-direction:column;justify-content:space-between;font:8px var(--mono);color:#69756e;padding:9px 0 26px}.chart svg{width:calc(100% - 40px);height:145px;margin-top:4px}.gridline{stroke:#39433e;stroke-width:1}.area{fill:url(#fill)}.line{fill:none;stroke:var(--lime);stroke-width:2}.chart circle{fill:var(--lime);stroke:#202624;stroke-width:3}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b4440;padding-top:19px;gap:12px}.dash-bottom strong{font-size:17px}.dash-bottom b{color:var(--lime);font-size:10px}.float-tag{position:absolute;z-index:3;background:white;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 13px 30px #20262420;border-radius:5px}.float-tag span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf6b6;color:#8da317}.float-tag small{display:block;color:var(--muted);font-size:9px}.float-tag strong{font-size:13px}.tag-cost{top:63px;left:0}.tag-health{bottom:64px;right:-12px}.marquee{background:var(--lime);overflow:hidden;white-space:nowrap;padding:19px 0;font:500 11px var(--mono);letter-spacing:1.5px}.marquee div{word-spacing:18px;animation:scroll 25s linear infinite}.marquee b{font-size:15px}@keyframes scroll{to{transform:translateX(-20%)}}.problem{padding-top:115px;padding-bottom:110px}.section-heading,.pricing-heading{display:flex;justify-content:space-between;align-items:end;margin-top:20px}.section-heading h2,.pricing-heading h2{font-size:53px;line-height:1;letter-spacing:-3px;margin:0}.section-heading h2 span,.pricing-heading h2 span{color:#84941d}.section-heading p,.pricing-heading p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 40px 4px 0}.flow{display:flex;align-items:center;justify-content:space-between;margin-top:70px}.flow-item{background:white;width:190px;padding:25px 21px;border:1px solid var(--line);position:relative}.flow-item.active{background:var(--ink);color:white;transform:translateY(-12px);box-shadow:8px 8px 0 var(--lime)}.flow-icon{display:block;color:#9ab621;font-size:25px;margin-bottom:25px}.flow-item b{font-size:15px}.flow-item small{display:block;color:#909992;font-size:11px;margin-top:7px}.flow>i{color:#b0b8b0;font-style:normal}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:120px}.feature-card{padding:42px;min-height:475px;border-radius:3px}.feature-card h3{font-size:38px;line-height:1.05;letter-spacing:-2px;margin:24px 0 12px}.feature-card h3 span{color:#84941d}.feature-card p{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px}.health{background:#e5edc0}.fleet{background:var(--ink);color:white}.fleet .section-kicker{color:#a5b064}.product-panel{background:#fff;margin-top:40px;padding:19px;color:var(--ink);max-width:410px;box-shadow:12px 12px 0 rgba(112,126,38,.17)}.product-head{font-size:12px;font-weight:800}.status{font:9px var(--mono);color:#7d9412}.product-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px}.product-stats b{font-size:14px}.health-bar{height:6px;background:#e6e9de;margin:25px 0 15px}.health-bar span{display:block;width:79%;height:100%;background:var(--lime)}.health-foot strong{font-size:15px}.printer-list{margin-top:40px;border-top:1px solid #3b4440}.printer-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:15px 0;border-bottom:1px solid #3b4440}.printer-icon{color:var(--lime)}.printer-list b{font-size:12px}.printer-list em{font:10px var(--mono);font-style:normal;color:var(--lime)}.printer-list small{grid-column:2/4;color:#87938c;font-size:10px;margin-top:4px}.quote{padding:80px 32px 125px;text-align:center}.quote-mark{font:80px Georgia;color:#a6bb2e;line-height:.5}.quote blockquote{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:25px 0}.quote p{color:var(--muted);font-size:13px}.pricing{padding-bottom:125px}.pricing-heading{margin-bottom:55px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan{padding:32px 28px;background:white;border:1px solid var(--line);min-height:440px;display:flex;flex-direction:column;position:relative}.plan.popular{background:var(--ink);color:white;border-color:var(--ink);transform:translateY(-12px);box-shadow:10px 10px 0 var(--lime)}.plan-name{font:500 12px var(--mono);letter-spacing:1.5px}.plan-badge{position:absolute;right:25px;top:27px;background:var(--lime);color:var(--ink);font:500 9px var(--mono);padding:7px 9px}.plan h3{font-size:36px;margin:36px 0 3px;letter-spacing:-2px}.plan-desc{color:var(--muted);font-size:12px;min-height:42px}.popular .plan-desc{color:#aeb8b2}.plan-price{font-size:25px;margin:20px 0 25px}.plan-price small{font-size:11px;color:var(--muted)}.popular .plan-price small{color:#aeb8b2}.features{border-top:1px solid var(--line);padding-top:18px;flex-grow:1}.popular .features{border-color:#3b4440}.features div{font-size:11px;margin:11px 0}.features span{color:#84941d;margin-right:7px}.plan .button{justify-content:center;margin-top:25px;background:#eef0e7;color:var(--ink);box-shadow:none}.popular .button{background:var(--lime)}.final-cta{background:var(--lime);padding-top:67px;padding-bottom:67px;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.final-cta h2{font-size:48px;letter-spacing:-3px;line-height:1;margin:22px 0 0}.final-cta .button{background:var(--ink);box-shadow:none}.final-cta .eyebrow{color:#5b671b}footer{max-width:1240px;margin:auto;padding:35px 32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer .brand{color:var(--ink);font-size:16px}footer .brand-mark{width:21px;height:21px;font-size:13px}
@media(max-width:800px){.site-header{padding:0 20px}.nav-links{display:none}.header-cta{font-size:11px}.section-shell{padding-left:20px;padding-right:20px}.hero{display:block;padding-top:60px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-visual{margin-top:45px;height:390px}.orbit-one{width:400px}.orbit-two{width:480px}.tag-cost{left:0}.tag-health{right:0}.section-heading,.pricing-heading{display:block}.section-heading p,.pricing-heading p{margin-top:25px}.section-heading h2,.pricing-heading h2{font-size:45px}.flow{gap:10px;flex-wrap:wrap}.flow>i{display:none}.flow-item{width:calc(50% - 5px)}.feature-grid,.plans{grid-template-columns:1fr}.feature-card{padding:30px;min-height:430px}.plan.popular{transform:none}.quote blockquote{font-size:32px}.final-cta{display:block}.final-cta .button{margin-top:30px}footer{flex-wrap:wrap;gap:20px}}
/* Extended product storytelling */
.header-tools{display:flex;align-items:center;gap:22px}.language{font:10px var(--mono);color:var(--muted);letter-spacing:.5px}.language span{color:#c0c6bd;margin:0 4px}.header-login{font-size:12px;color:var(--ink);text-decoration:none;font-weight:700}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:42px;padding-bottom:95px;border-top:1px solid var(--line)}.benefit{border-left:2px solid var(--lime);padding-left:18px}.benefit>span{font:10px var(--mono);color:#89941d}.benefit h3{font-size:18px;margin:20px 0 7px}.benefit p,.operations p,.why p{font-size:14px;line-height:22px;color:var(--muted);margin:0}.operations{padding-bottom:120px}.operation-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-top:58px}.mini-dashboard,.calc-card,.finance-card{background:white;padding:26px;border:1px solid var(--line);min-height:355px}.calc-card{background:#e5edc0}.finance-card{background:var(--ink);color:#fff}.mini-title{font:10px var(--mono);color:#758079;letter-spacing:.8px;border-bottom:1px solid var(--line);padding-bottom:17px}.mini-title span{float:right;color:#879c16}.calc-card .mini-title{color:#6e791c}.finance-card .mini-title{color:#b3c17d;border-color:#3b4440}.operation-grid h3{font-size:21px;letter-spacing:-1px;line-height:1.2;margin:25px 0}.check{margin-top:24px}.check p{font-size:12px;color:var(--ink);padding:9px 0;border-bottom:1px solid #edf0e9}.check .pending{color:#9aa39c}.calc-line,.calc-total{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #cbd59c;font-size:12px}.calc-total{border:0;margin-top:10px;font-size:13px}.calc-total strong{font-size:25px}.finance-number{font-size:28px;margin-top:34px}.finance-number small{display:block;color:#9ba69e;font-size:10px;margin-top:5px}.finance-bars{display:flex;align-items:end;height:75px;gap:10px;border-bottom:1px solid #3b4440;margin-top:21px}.finance-bars i{width:100%;background:var(--lime);opacity:.9}.finance-foot{display:flex;gap:15px;justify-content:space-between;margin-top:15px;font-size:9px;color:#9ba69e}.finance-foot b{display:block;color:#fff;font-size:11px;margin-top:4px}.why{padding-bottom:120px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.why-grid>div{padding:28px;background:white;border-top:3px solid var(--lime)}.why-grid b{font-size:16px}.why-grid p{margin-top:15px}.final-cta{gap:40px}.final-cta p{font-size:14px;color:#61700e;max-width:480px}.signup-form{display:flex;gap:10px}.signup-form input{border:0;background:rgba(255,255,255,.65);padding:17px;width:230px;font:12px var(--sans);outline:none}.signup-form .button{border:0;cursor:pointer}footer{align-items:flex-start}footer>div{display:flex;flex-direction:column;gap:7px}footer>div:first-child{margin-right:auto}footer>div p{margin:12px 0 0;color:var(--muted);font-size:11px}footer>div b{font:10px var(--mono);color:var(--ink);margin-bottom:7px}footer>div a{font-size:11px;color:var(--muted);text-decoration:none}@media(max-width:800px){.header-tools{gap:8px}.language,.header-login{display:none}.benefits,.operation-grid,.why-grid{grid-template-columns:1fr 1fr}.benefits{gap:30px}.operation-grid{grid-template-columns:1fr}.signup-form{display:block}.signup-form input{width:100%;margin-top:22px}.signup-form .button{margin-top:10px}footer{display:grid;grid-template-columns:1fr 1fr}footer>span{grid-column:1/-1}}
/* UI/UX upgrade tokens and interaction layer */
:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.2s ease;--transition-normal:.25s ease;--font-title-size:45px;--font-title-weight:800;--font-title-line-height:1.6;--font-subtitle-size:18px;--font-subtitle-line-height:29px;--font-body-size:14px;--font-body-line-height:22px}body{font-size:var(--font-body-size);line-height:var(--font-body-line-height)}a,button,.plan,.benefit,.feature-card,.flow-item,.why-grid>div,details{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.button{min-height:48px;border-radius:var(--radius-sm);border:1px solid transparent}.button:hover{background:#b7df27;color:var(--ink);transform:translateY(-2px);box-shadow:7px 8px 0 #a6c922}.button-primary:hover{background:var(--lime)}.nav-links a:hover,.header-login:hover,.header-cta:hover{color:#84941d}.brand:hover .brand-mark{background:#84941d}.feature-card,.plan,.mini-dashboard,.calc-card,.finance-card,.product-panel,.why-grid>div{border-radius:var(--radius-lg)}.feature-card:hover,.plan:hover,.why-grid>div:hover,.benefit:hover{transform:translateY(-4px);border-color:#b1c52c;box-shadow:0 12px 25px rgba(23,27,26,.08)}.plan.popular:hover{transform:translateY(-16px);border-color:var(--lime);box-shadow:10px 14px 0 var(--lime)}.plan .button:hover{background:var(--lime)}.feature-card p,.section-heading p,.pricing-heading p,.hero-text,.quote p,.why p{font-size:var(--font-body-size);line-height:var(--font-body-line-height)}.section-heading h2,.pricing-heading h2,.why h2,.faq h2{font-size:var(--font-title-size);font-weight:var(--font-title-weight);line-height:1.18}.faq{padding-bottom:120px}.faq h2{margin:20px 0 45px}.faq h2 span{color:#84941d}.faq-list{max-width:820px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 4px}summary{cursor:pointer;list-style:none;padding:23px 34px 23px 0;font-size:18px;font-weight:700;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px;color:#84941d;font-size:24px;font-weight:400}details[open] summary:after{content:'−'}details p{max-width:680px;color:var(--muted);font-size:14px;line-height:22px;margin:0 0 22px}.mobile-menu{display:none;background:transparent;border:0;font-size:24px;color:var(--ink);cursor:pointer}.plan-badge{border-radius:var(--radius-sm)}.signup-form input{border-radius:var(--radius-sm);font-size:14px}.float-tag{border-radius:var(--radius-md)}
@media(max-width:800px){.mobile-menu{display:block;order:3}.site-header{position:relative}.nav-links{display:none;position:absolute;left:20px;right:20px;top:72px;margin:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);z-index:20;box-shadow:0 12px 25px rgba(23,27,26,.1);flex-direction:column;gap:18px}.nav-links.open{display:flex}.header-tools{margin-left:auto;margin-right:14px}.header-cta{font-size:11px}.hero h1{font-size:32px;line-height:42px;letter-spacing:-1.8px}.section-heading h2,.pricing-heading h2,.why h2,.faq h2{font-size:32px;line-height:42px}.section-heading p,.pricing-heading p{font-size:16px;line-height:26px}.plans{gap:24px}.plan{width:100%;padding:30px 24px}.plan h3{font-size:32px}.plan.popular:hover{transform:translateY(-4px)}summary{font-size:16px;line-height:24px}.faq{padding-bottom:85px}.feature-card h3{font-size:32px;line-height:40px}.final-cta h2{font-size:32px;line-height:42px}}
@media(min-width:801px) and (max-width:1100px){.nav-links{margin-left:20px;gap:16px}.language{display:none}.hero h1{font-size:45px}.section-heading h2,.pricing-heading h2{font-size:45px;line-height:52px}}
 .plan-badge-muted{background:#eef0e7;color:#5e691a}.popular .plan-badge-muted{background:var(--lime);color:var(--ink)}
/* Visual correction based on the attached references */
.brand-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}.brand-mark span{display:inline!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;font-size:14px!important;line-height:1!important;color:var(--lime)!important}.flow-item{width:220px;min-height:190px;padding:30px 26px;border-radius:16px}.flow-item.active{border-radius:16px}.flow-icon{font-size:30px;margin-bottom:35px}.flow-item b{font-size:17px}.flow-item small{font-size:14px;line-height:22px}.flow{gap:24px}.flow>i{font-size:22px}.flow-item:hover{transform:translateY(-6px);border-color:#b1c52c;box-shadow:0 12px 24px rgba(23,27,26,.1)}
@media(max-width:1100px){.flow{gap:12px}.flow-item{width:calc(25% - 12px)}}
@media(max-width:800px){.flow{gap:12px}.flow-item{width:calc(50% - 6px);min-height:170px;padding:24px 20px}.flow-icon{margin-bottom:24px}}
/* Final CTA redesign: charcoal product block with lime action accent */
.final-cta{position:relative;isolation:isolate;overflow:hidden;max-width:1176px;margin:0 auto 34px;padding:76px 72px;background:#111313;border-radius:18px;color:#fff;align-items:center;box-shadow:0 18px 45px rgba(23,27,26,.12)}.final-cta:before,.final-cta:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(2px)}.final-cta:before{width:420px;height:420px;right:-140px;top:-210px;background:radial-gradient(circle,rgba(200,255,46,.11),transparent 68%)}.final-cta:after{width:280px;height:280px;left:-170px;bottom:-200px;background:radial-gradient(circle,rgba(200,255,46,.07),transparent 70%)}.final-cta .eyebrow{color:#c8ff2e;font-size:12px}.final-cta .eyebrow i{background:#c8ff2e;box-shadow:0 0 0 4px rgba(200,255,46,.12)}.final-cta h2{font-size:45px;line-height:1.13;letter-spacing:-2px;color:#fff;margin:22px 0 18px}.final-cta h2 em{color:#c8ff2e}.final-cta p{max-width:600px;color:#a9ada7;font-size:18px;line-height:29px;margin:0}.signup-form{display:flex;align-items:stretch;gap:10px;min-width:470px}.signup-form input{height:64px;width:275px;padding:0 19px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease}.signup-form input::placeholder{color:#a9ada7}.signup-form input:focus{border-color:#c8ff2e;box-shadow:0 0 0 3px rgba(200,255,46,.08);outline:none}.signup-form .button{height:64px;border-radius:12px;padding:0 22px;background:#c8ff2e;color:#111313;box-shadow:none;white-space:nowrap}.signup-form .button:hover{background:#bfff00;color:#111313;transform:translateY(-2px);box-shadow:0 8px 25px rgba(200,255,46,.18)}
@media(max-width:1000px){.final-cta{padding:58px 45px}.final-cta h2{font-size:38px}.signup-form{min-width:390px}.signup-form input{width:210px}}
@media(max-width:800px){.final-cta{display:block;margin:0 20px 28px;padding:38px 24px;border-radius:16px}.final-cta h2{font-size:32px;line-height:1.2;letter-spacing:-1px}.final-cta p{font-size:16px;line-height:26px}.signup-form{display:flex;flex-direction:column;min-width:0;margin-top:28px;gap:12px}.signup-form input,.signup-form .button{width:100%;height:56px}.final-cta .button{margin-top:0}}
/* Marquee becomes readable and static */
.marquee div{animation:none;font-size:14px;line-height:22px;word-spacing:18px;transform:none;text-align:center}
@media(max-width:800px){.marquee div{font-size:14px;word-spacing:12px}}
/* Footer navigation aligned as a horizontal menu */
footer{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(110px,1fr)) auto;align-items:start;gap:30px;padding-top:45px;padding-bottom:45px}footer>div{display:block}footer>div:first-child{margin-right:0}footer>div b{display:block;margin:0 0 15px;font-size:11px}footer>div a{display:block;margin:0 0 10px;font-size:13px;line-height:22px}footer>div p{margin:12px 0 0;font-size:12px}footer>span{align-self:end;white-space:nowrap;font-size:11px}
@media(max-width:800px){footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px;padding-top:38px;padding-bottom:38px}footer>div:first-child{grid-column:1/-1}footer>div:nth-child(2),footer>div:nth-child(3),footer>div:nth-child(4){display:block}footer>div b{font-size:10px}footer>div a{font-size:12px;line-height:20px}footer>span{grid-column:1/-1;align-self:auto;white-space:normal;margin-top:5px}}
/* Brand and footer menu refinement */
.brand-mark{width:38px;height:38px;border-radius:11px;font-size:18px;font-weight:800}.brand-mark span{font-size:15px!important;font-weight:800!important}.brand{font-size:22px}
footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer>div:first-child{margin-right:auto}footer>div:not(:first-child){display:flex;align-items:center;gap:13px}footer>div:not(:first-child) b{margin:0 4px 0 0}footer>div:not(:first-child) a{display:inline;margin:0;white-space:nowrap}footer>span{margin-left:auto}
@media(max-width:800px){.brand{font-size:20px}.brand-mark{width:36px;height:36px}footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}footer>div:first-child{grid-column:1/-1;margin-right:0}footer>div:not(:first-child){display:block}footer>div:not(:first-child) b{display:block;margin:0 0 10px}footer>div:not(:first-child) a{display:block;margin-bottom:8px}footer>span{grid-column:1/-1;margin-left:0}}
/* Legal and privacy document pages */
.document-main { padding-top: 8rem; padding-bottom: 7rem; max-width: 900px; }
.document-main h1 { margin: 1rem 0 1.25rem; font-size: clamp(2.8rem, 6vw, 4.8rem); line-height: 1.08; letter-spacing: -2px; }
.document-main h1 em { display: inline-block; color: #63770d; font-style: normal; white-space: nowrap; }
.document-lead { max-width: 680px; color: var(--muted); font-size: 1.1rem; line-height: 1.8; margin-bottom: 3rem; }
.document-card { border-top: 1px solid var(--line); padding: 2.5rem 0; }
.document-card h2 { font-size: 1.6rem; margin: 0 0 1rem; }
.document-card p { color: var(--muted); line-height: 1.85; max-width: 760px; }
.document-card .text-link { color: #63770d; }
@media (max-width: 700px) { .document-main { padding-top: 5rem; padding-bottom: 4rem; } .document-card { padding: 1.75rem 0; } }

/* Pricing cards: improve vertical rhythm and prevent title collisions */
.plan h3 { line-height: 1.12; margin-top: 36px; margin-bottom: 14px; }
.plan-desc { line-height: 1.55; margin-top: 0; margin-bottom: 8px; }
.plan-price { line-height: 1.25; }
.features div { line-height: 1.55; margin-top: 14px; margin-bottom: 14px; }

/* Commercial landing sections */
.announcement { display:flex; justify-content:center; align-items:center; gap:28px; padding:18px 24px; background:var(--ink); color:#fff; font-size:16px; line-height:1.5; text-align:center; }
.announcement strong { color:var(--lime); }
.problem-grid,.benefit-grid { display:grid; gap:18px; margin-top:58px; }
.problem-grid { grid-template-columns:repeat(3,1fr); }
.problem-grid>div,.benefit-grid>div { padding:28px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); }
.problem-grid b,.benefit-grid h3 { display:block; font-size:20px; line-height:1.25; margin-bottom:12px; }
.problem-grid p,.benefit-grid p { margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
.solution { padding-bottom:120px; }
.benefit-grid { grid-template-columns:repeat(3,1fr); }
.benefit-grid>div>span { font:500 13px var(--mono); color:#63770d; }
.benefit-grid h3 { margin-top:20px; }
.section-cta { margin-top:42px; }
.pricing .plan { min-height:500px; }
.pricing .plan h3 { font-size:clamp(32px,4vw,44px); }
.plan-desc { font-size:16px; }
.plan-price small { font-size:14px; }
.features div { font-size:14px; }
.nav-links a,.header-cta,.header-login { font-size:14px; }
@media(max-width:800px){
  .announcement { display:block; padding:16px 20px; font-size:15px; }
  .announcement span { display:block; margin-top:4px; }
  .problem-grid,.benefit-grid { grid-template-columns:1fr; margin-top:35px; }
  .problem-grid p,.benefit-grid p { font-size:16px; }
  .pricing .plan { min-height:0; }
}

/* Oferta única: centraliza o card em vez de esticar/alinhar à esquerda
   (o grid de 3 colunas era pensado pros planos antigos). */
.plans { grid-template-columns: 1fr; justify-content: center; }
.plans .plan { max-width: 400px; margin: 0 auto; width: 100%; }
