
:root{--red:#e00000;--red-dark:#b80000;--green:#168d35;--ink:#17191d;--muted:#626a73;--line:#e7e9ec;--paper:#fff;--soft:#f7f8f9;--dark:#17191d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:#181a1d;color:#e7e7e7;font-size:.84rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.topbar a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eee}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:290px;max-width:45vw}.nav-links{display:flex;align-items:center;gap:25px;font-weight:650;font-size:.93rem}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--red)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid var(--red);border-radius:5px;background:var(--red);color:#fff;font-weight:750;cursor:pointer;transition:.2s}.nav-cta:hover,.btn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--ink);border-color:#c9cdd2}.btn-outline:hover{background:var(--ink);border-color:var(--ink)}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:5px;padding:9px 12px;font-size:1.2rem}.hero{position:relative;overflow:hidden;background:#f7f8f9}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:52px;padding:75px 0 78px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--red);font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";height:3px;width:28px;background:var(--green)}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(2.7rem,5.1vw,4.65rem);font-weight:850}h2{font-size:clamp(2rem,3.6vw,3.1rem);font-weight:820}h3{font-size:1.35rem}p{margin:0 0 18px;color:var(--muted)}.hero p{font-size:1.12rem;max-width:590px;line-height:1.85}.red{color:var(--red)}.green{color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-photo{position:relative;min-height:450px}.hero-photo img{width:100%;height:450px;object-fit:cover;border-radius:4px}.photo-label{position:absolute;left:-22px;bottom:25px;background:#fff;padding:20px 24px;box-shadow:0 16px 45px #16181c20;border-left:4px solid var(--green);max-width:245px}.photo-label strong{display:block;font-size:1.08rem}.photo-label span{font-size:.88rem;color:var(--muted)}.hero-accent{position:absolute;right:-20px;top:-18px;width:95px;height:95px;border-top:8px solid var(--red);border-right:8px solid var(--red)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0}.trust-item{display:flex;align-items:center;gap:12px;font-weight:750}.trust-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fceeee;color:var(--red);font-size:1.2rem}.section{padding:88px 0}.section.soft{background:var(--soft)}.section-head{max-width:740px;margin-bottom:42px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{font-size:1.03rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff;padding:28px;border-radius:5px;transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 42px #1418200d;border-color:#f0b8b8}.card-icon{height:52px;width:52px;display:grid;place-items:center;background:#fff0f0;color:var(--red);font-size:1.45rem;margin-bottom:22px;border-radius:5px}.card p{margin-bottom:0}.card-link{display:inline-flex;gap:8px;color:var(--red);font-weight:800;margin-top:20px}.product-card{padding:0;overflow:hidden}.product-card .product-top{height:170px;overflow:hidden;background:#eee}.product-card .product-top img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-top img{transform:scale(1.04)}.product-content{padding:25px}.tag{display:inline-block;background:#fceeee;color:var(--red);padding:5px 9px;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.product-content h3{margin-bottom:10px}.product-content p{min-height:76px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split-photo{position:relative}.split-photo img{width:100%;height:430px;object-fit:cover}.split-photo:after{content:"";position:absolute;left:-12px;bottom:-12px;width:44%;height:40%;border-left:6px solid var(--red);border-bottom:6px solid var(--green);z-index:-1}.check-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px}.check-list li{display:flex;gap:11px;color:#444}.check-list li:before{content:"✓";font-weight:900;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{border-left:3px solid var(--red);padding:8px 0 8px 16px}.stat strong{display:block;font-size:1.6rem;line-height:1.3}.stat span{font-size:.87rem;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:2px solid var(--line);padding-top:22px}.step-number{font-weight:900;color:var(--red);font-size:.9rem;letter-spacing:.1em}.step h3{margin-top:13px}.cta-band{background:var(--dark);color:#fff;padding:58px 0;position:relative;overflow:hidden}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:10px}.cta-band p{color:#c5c9ce;margin:0}.cta-band .btn{flex-shrink:0}.page-hero{background:#f7f8f9;padding:68px 0 62px;border-bottom:1px solid var(--line)}.page-hero .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.page-hero p{max-width:650px;margin:0}.crumb{font-size:.88rem;color:var(--muted);margin-bottom:16px}.crumb a{color:var(--red)}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:start}.detail-image{width:100%;height:350px;object-fit:cover}.detail-panel{padding:28px;border:1px solid var(--line);background:#fff}.detail-panel h3{font-size:1.1rem}.detail-panel ul{padding-left:20px;color:var(--muted)}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shot{border:1px solid var(--line);background:#fff;padding:8px;border-radius:5px}.shot img{height:175px;width:100%;object-fit:cover}.shot figcaption{padding:11px 5px 4px;font-size:.86rem;font-weight:700}.access-box{border:1px solid #d9eadc;background:#f4fbf5;padding:22px;border-radius:5px;margin-top:24px}.access-box p{margin:0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-info{background:#191b1e;color:#fff;padding:32px}.contact-info p{color:#c8cbd0}.contact-info a{color:#fff}.contact-line{padding:18px 0;border-bottom:1px solid #ffffff20}.contact-form{border:1px solid var(--line);padding:32px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.9rem;font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid #d8dce0;border-radius:4px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px #e0000010}.field textarea{min-height:140px;resize:vertical}.note{font-size:.84rem;margin-top:12px}.footer{background:#101215;color:#d6d9dd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr;gap:35px}.footer-logo{width:245px;background:#fff;padding:8px;margin-bottom:17px}.footer h3{font-size:1rem;color:#fff;letter-spacing:0}.footer p,.footer li{font-size:.9rem;color:#aeb4bc}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1b;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#969da7;font-size:.84rem}.wa-float{position:fixed;right:22px;bottom:22px;z-index:1100;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 10px 28px #0003;border:3px solid #fff;transition:transform .2s}.wa-float:hover{color:#fff;transform:scale(1.06)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}.notice{padding:12px 15px;background:#f4fbf5;border-left:3px solid var(--green);margin-top:15px;display:none}.notice.show{display:block}
@media(max-width:950px){.nav-links{gap:14px;font-size:.86rem}.logo{width:235px}.hero-grid{gap:30px}.hero-photo,.hero-photo img{height:390px;min-height:390px}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.split{gap:32px}}
@media(max-width:760px){.topbar .container{justify-content:center}.topbar .top-extra{display:none}.nav-wrap{min-height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 22px 22px;align-items:stretch;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 0}.nav-cta{margin-top:10px}.hero-grid{grid-template-columns:1fr;padding:52px 0 55px}.hero-photo,.hero-photo img{height:340px;min-height:340px}.photo-label{left:10px;bottom:12px}.hero-accent{right:-5px}.trust-grid{grid-template-columns:1fr 1fr}.section{padding:65px 0}.cards{grid-template-columns:1fr}.split,.detail-grid,.contact-layout{grid-template-columns:1fr}.split-photo img{height:330px}.process{grid-template-columns:1fr 1fr}.page-hero .container{display:block}.page-hero{padding:48px 0}.screenshots{grid-template-columns:1fr 1fr}.cta-band .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.detail-image{height:280px}}
@media(max-width:460px){.container{width:min(100% - 28px,1160px)}.logo{width:205px;max-width:70vw}.trust-grid{grid-template-columns:1fr 1fr;gap:12px}.trust-item{font-size:.83rem}.trust-icon{width:35px;height:35px}.process{grid-template-columns:1fr}.screenshots{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-form,.contact-info{padding:23px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.wa-float{width:55px;height:55px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.reveal{opacity:1;transform:none}}


/* Refined corporate design: calmer utility bar, roomier navigation, stronger CTA and footer */
.topbar{font-size:.74rem}
.topbar .container{padding:4px 0;min-height:26px;align-items:center}
.nav-wrap{min-height:106px;gap:28px}
.logo{width:320px;max-width:42vw}
.nav-links{gap:20px;font-size:.9rem}
.nav-cta{padding:12px 17px}
.hero{background:linear-gradient(112deg,#fff 0%,#fff 53%,#f4f6f5 53%,#f4f6f5 100%)}
.hero-grid{padding:68px 0 72px;gap:62px}
.hero h1{max-width:650px;font-size:clamp(2.9rem,5vw,4.45rem);line-height:1.04}
.hero-photo{min-height:470px;padding:8px 0 8px 12px}
.hero-photo img{height:460px;box-shadow:16px 16px 0 #e5eee7}
.hero-accent{right:-8px;top:0;width:82px;height:82px}
.photo-label{left:-10px;bottom:25px;max-width:270px;padding:20px 24px}
.trust-strip{display:none!important}
.cta-band{background:linear-gradient(115deg,#151719 0%,#202327 65%,#193323 100%);padding:70px 0;isolation:isolate}
.cta-band:before{content:"";position:absolute;right:-70px;top:-175px;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06;z-index:-1}
.cta-band:after{content:"";position:absolute;left:0;bottom:0;width:7px;height:100%;background:linear-gradient(var(--red) 0 58%,var(--green) 58% 100%)}
.cta-band .container{gap:40px}
.cta-copy{max-width:740px}
.cta-kicker{display:inline-block;color:#ffb9b9;font-size:.75rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}
.cta-band h2{font-size:clamp(2.1rem,3.6vw,3.15rem);max-width:700px;line-height:1.1;margin-bottom:15px}
.cta-band p{font-size:1.02rem;max-width:670px;line-height:1.8}
.cta-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:#e5e7eb;font-size:.88rem}
.cta-points span:before{content:"✓";color:#7bdd91;font-weight:900;margin-right:8px}
.cta-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:205px}
.cta-actions .btn{padding:14px 18px}
.cta-actions .btn-light{background:#fff;color:#17191c;border-color:#fff}
.cta-actions .btn-light:hover{background:#edf0f1;color:#111}
.cta-actions .btn-quiet{background:transparent;color:#fff;border-color:#ffffff55}
.testimonials{background:#f5f7f7;padding:76px 0}
.testimonial-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
.testimonial-head .section-head{margin:0}
.testimonial-controls{display:flex;gap:8px;flex-shrink:0}
.testimonial-controls button{height:42px;width:42px;border:1px solid #d7dbe0;background:#fff;border-radius:50%;font-size:1.1rem;cursor:pointer}
.testimonial-controls button:hover{background:var(--red);border-color:var(--red);color:#fff}
.testimonial-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.testimonial-card{padding:26px;background:#fff;border:1px solid #e5e8e9;border-radius:5px;min-height:235px;display:flex;flex-direction:column}
.testimonial-stars{color:#d99b18;letter-spacing:2px;margin-bottom:15px}
.testimonial-card blockquote{margin:0 0 22px;color:#4e555e;line-height:1.8;flex:1}
.testimonial-person{display:flex;align-items:center;gap:12px;border-top:1px solid #eef0f2;padding-top:16px}
.testimonial-avatar{width:42px;height:42px;display:grid;place-items:center;background:#fceeee;color:var(--red);font-weight:850;border-radius:50%}
.testimonial-person strong{display:block;font-size:.92rem}
.testimonial-person small{color:var(--muted)}
.footer{padding:0;background:#111315}
.footer-main{padding:58px 0 42px}
.footer-grid{grid-template-columns:1.5fr .75fr 1fr 1.05fr;gap:42px}
.footer-brand-intro{max-width:330px;color:#b4bac2;line-height:1.85}
.footer-logo{width:255px;padding:9px 11px;border-radius:2px;margin-bottom:19px}
.footer h3{font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:19px}
.footer ul{gap:12px}
.footer li a{color:#b4bac2;transition:color .2s}
.footer li a:hover{color:#fff}
.footer-contact-card{border-left:2px solid var(--green);padding-left:16px}
.footer-contact-card a{color:#fff;overflow-wrap:anywhere}
.footer-socials{display:flex;gap:9px;margin-top:20px}
.footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;color:#fff}
.footer-socials a:hover{background:var(--red);border-color:var(--red)}
.footer-bottom{margin-top:0;padding:19px 0;border-top:1px solid #ffffff18}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-bottom .brand-note{color:#b4bac2}
@media(max-width:950px){.nav-wrap{min-height:94px}.logo{width:270px}.nav-links{gap:12px;font-size:.83rem}.hero-grid{gap:34px}.hero-photo,.hero-photo img{height:410px;min-height:410px}.footer-grid{gap:27px}}
@media(max-width:760px){.topbar .container{padding:4px 0;min-height:24px;font-size:.7rem}.nav-wrap{min-height:84px}.logo{width:245px;max-width:70vw}.hero{background:linear-gradient(180deg,#fff 0%,#fff 55%,#f4f6f5 55%,#f4f6f5 100%)}.hero-grid{padding:48px 0 58px;gap:35px}.hero-photo,.hero-photo img{height:340px;min-height:340px}.hero-photo{padding:5px 0 5px 5px}.hero-photo img{box-shadow:10px 10px 0 #e5eee7}.photo-label{left:0;bottom:17px;padding:17px 19px}.testimonial-head{align-items:flex-start}.testimonial-track{grid-template-columns:1fr}.testimonial-card:not(.active){display:none}.cta-band .container{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:row;flex-wrap:wrap}.footer-main{padding:44px 0 32px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:460px){.nav-wrap{min-height:77px}.logo{width:215px}.testimonial-head{display:block}.testimonial-controls{margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-logo{width:235px}.footer-bottom-inner{flex-direction:column}}


/* Final refinement: logo scale, fresh green hero accent, and clearer CTA/footer separation */
.nav-wrap .logo{width:275px;max-width:42vw}
.footer-logo{width:235px;padding:12px 14px;border-radius:14px;background:#fff}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 54%,#f1f8f1 54%,#f1f8f1 100%)}
.hero-photo img{box-shadow:18px 18px 0 #e3f1e5}
.cta-band{background:linear-gradient(115deg,#202327 0%,#26332b 100%);padding:62px 0 68px}
.cta-band .cta-kicker{color:#bde8c5}
.cta-band h2{color:#fff}
.cta-band p{color:#d4d9d5}
.cta-band .cta-points{color:#f0f3f0}
.cta-band:before{border-color:#b6e5bf30;box-shadow:0 0 0 35px #b6e5bf0a,0 0 0 75px #b6e5bf07}
.footer{background:#111315}
.footer-main{padding-top:52px}
.footer-logo{box-shadow:0 5px 20px #00000020}
@media(max-width:760px){
 .nav-wrap .logo{width:225px;max-width:68vw}
 .hero{background:linear-gradient(180deg,#fff 0%,#fff 55%,#f1f8f1 55%,#f1f8f1 100%)}
 .hero-photo img{box-shadow:10px 10px 0 #e3f1e5}
}
@media(max-width:460px){.nav-wrap .logo{width:205px}}

/* Business-type solutions and illustrative product preview */
.business-solutions{background:#f4f8f4}
.business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.business-card{background:#fff;border:1px solid #e3eae4;border-radius:12px;padding:25px 22px;box-shadow:0 8px 24px #172b1a06;transition:transform .2s,box-shadow .2s}
.business-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #172b1a12}
.business-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eaf5ec;color:var(--green);font-size:1.35rem;margin-bottom:19px}
.business-card h3{font-size:1.08rem;margin-bottom:10px}
.business-card p{font-size:.91rem;color:var(--muted);line-height:1.75;min-height:96px}
.business-card a{font-size:.85rem;font-weight:800;color:var(--red);text-decoration:none;display:flex;justify-content:space-between;gap:8px;margin-top:15px}
.product-preview-section{overflow:hidden}
.preview-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}
.preview-copy h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;margin:12px 0 18px}
.preview-copy>p{color:var(--muted);line-height:1.85}
.preview-copy .check-list{margin:22px 0 28px}
.preview-disclaimer{font-size:.76rem!important;margin-top:18px;color:#818992!important}
.dashboard-mock{background:#fff;border:1px solid #e2e8e3;border-radius:15px;padding:22px;box-shadow:0 25px 65px #1a382015;min-width:0}
.mock-top,.mock-welcome,.mock-chart-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mock-top{padding-bottom:18px;border-bottom:1px solid #edf0ed;font-size:.76rem;color:#707a73}
.mock-brand{font-weight:800;color:#27332b}.mock-brand i{color:var(--green);margin-right:7px}
.mock-period{border:1px solid #e4e9e4;border-radius:6px;padding:7px 9px;white-space:nowrap}
.mock-welcome{padding:22px 0 18px}.mock-welcome small{font-size:.62rem;letter-spacing:.13em;color:#7d8b80;font-weight:800}.mock-welcome h3{font-size:1.15rem;margin:5px 0 0;color:#243329}
.mock-status{font-size:.7rem;background:#edf8ef;color:#337c42;border-radius:20px;padding:7px 10px;white-space:nowrap}.mock-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#47a65b;margin-right:5px}
.mock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mock-metrics>div{padding:14px 12px;border:1px solid #e9eee9;border-radius:8px;min-width:0}.mock-metrics small,.mock-metrics strong,.mock-metrics em{display:block}.mock-metrics small{font-size:.68rem;color:#7d877f}.mock-metrics strong{font-size:clamp(.9rem,1.5vw,1.28rem);color:#25352a;margin:9px 0}.mock-metrics em{font-size:.65rem;color:#30924a;font-style:normal}.mock-metrics .mock-warn{color:#c08424}
.mock-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:13px}.mock-chart,.mock-activity{border:1px solid #e9eee9;border-radius:8px;padding:14px;min-width:0}.mock-chart-title{font-size:.75rem;align-items:flex-start;flex-direction:column;gap:4px}.mock-chart-title small{color:#879088;font-size:.65rem}.chart-bars{height:105px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e6ece6;margin-top:12px;padding:0 3px}.chart-bars i{flex:1;background:linear-gradient(180deg,#70bb7b,#2e8745);border-radius:4px 4px 0 0;min-width:5px}.chart-days{display:flex;justify-content:space-between;color:#879088;font-size:.58rem;padding-top:8px}.mock-activity>strong{font-size:.75rem;color:#26372b}.mock-activity p{font-size:.65rem;color:#68756a;display:flex;gap:7px;align-items:center;margin:15px 0 0;line-height:1.4}.mock-activity p i{color:#459b57;font-size:.82rem}
@media(max-width:950px){.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout{gap:32px}}
@media(max-width:760px){.preview-layout{grid-template-columns:1fr;gap:32px}.business-card p{min-height:0}.dashboard-mock{padding:15px}.mock-lower{grid-template-columns:1fr}.mock-activity{display:none}}
@media(max-width:460px){.business-grid{grid-template-columns:1fr}.mock-metrics{gap:6px}.mock-metrics>div{padding:10px 7px}.mock-metrics small{font-size:.61rem}.mock-welcome h3{font-size:1rem}.mock-status{font-size:.62rem}}


/* Added homepage sections: custom software, FAQ, and clearer CTA placement */
.custom-build-section{background:linear-gradient(135deg,#f4faf4 0%,#fff 68%)}
.custom-build-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.custom-build-copy h2,.faq-intro h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14;margin:12px 0 18px}
.custom-build-copy>p,.faq-intro>p{color:var(--muted,#667085);line-height:1.8}
.custom-build-panel{position:relative;overflow:hidden;border:1px solid #dcebdd;border-radius:24px;padding:34px;background:#fff;box-shadow:0 22px 60px rgba(25,80,40,.09)}
.custom-build-panel:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-75px;border-radius:50%;background:#eef8ee;z-index:0}
.custom-build-panel>*{position:relative;z-index:1}
.custom-panel-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#eaf6ea;color:#258347;font-size:27px;margin-bottom:24px}
.custom-build-panel h3{font-size:1.55rem;line-height:1.35;margin:14px 0}
.custom-build-panel p{color:var(--muted,#667085);line-height:1.75}
.custom-panel-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.custom-panel-steps span{background:#f4f8f4;border:1px solid #e3eee3;border-radius:999px;padding:9px 13px;font-size:.9rem}
.custom-panel-steps b{color:#258347;margin-right:5px}
.faq-section{background:#f8faf8}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.faq-list details{background:#fff;border:1px solid #e5ebe5;border-radius:14px;padding:19px 22px;margin-bottom:12px;box-shadow:0 5px 18px rgba(25,50,25,.025)}
.faq-list summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:28px;color:var(--heading,#17231b)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:-3px;font-size:1.4rem;color:#258347;font-weight:500}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{color:var(--muted,#667085);line-height:1.75;margin:14px 0 0}
@media(max-width:800px){.custom-build-grid,.faq-layout{grid-template-columns:1fr;gap:28px}.custom-build-panel{padding:26px}.faq-layout{gap:20px}}

/* Larger product detail gallery thumbnails */
.product-detail-page .screenshots,
body:has(.detail-grid) .screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
body:has(.detail-grid) .shot{padding:12px;border-radius:9px;box-shadow:0 10px 28px rgba(20,24,32,.06);}
body:has(.detail-grid) .shot img{height:300px;display:block;object-fit:cover;border-radius:5px;}
body:has(.detail-grid) .shot figcaption{font-size:.95rem;padding:14px 6px 5px;}
@media(max-width:760px){body:has(.detail-grid) .screenshots{grid-template-columns:1fr;gap:20px;}body:has(.detail-grid) .shot img{height:260px;}}
@media(max-width:460px){body:has(.detail-grid) .shot img{height:220px;}}

/* Homepage featured product carousel with laptop-framed interface previews */
.product-carousel-section{overflow:hidden;background:linear-gradient(180deg,#f7faf7 0%,#fff 100%)}
.featured-carousel{margin-top:35px;background:#fff;border:1px solid #e6ece6;border-radius:24px;padding:clamp(20px,3.5vw,46px);box-shadow:0 24px 70px rgba(25,50,25,.07)}
.featured-slide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,62px);align-items:center;animation:featuredFade .35s ease}
.featured-slide[hidden]{display:none!important}
@keyframes featuredFade{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.featured-visual{min-width:0;position:relative;padding:24px 8px 8px}
.macbook{width:100%;max-width:680px;margin:auto;position:relative;padding:0 2.2%;filter:drop-shadow(0 22px 22px rgba(25,37,28,.13))}
.macbook-screen{position:relative;background:#22272b;border:7px solid #30363a;border-bottom-width:10px;border-radius:15px 15px 7px 7px;padding:10px 10px 12px;aspect-ratio:1.52;overflow:hidden}
.macbook-camera{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#111;box-shadow:0 0 0 1px #444}
.macbook-base{height:13px;margin:0 -1.5%;background:linear-gradient(180deg,#d8dcdf,#aeb5b9 70%,#8e969b);border-radius:0 0 45% 45%;position:relative}
.macbook-base:after{content:"";position:absolute;left:40%;top:0;width:20%;height:4px;background:#a3aaae;border-radius:0 0 7px 7px}
.app-window{height:100%;display:grid;grid-template-columns:19% 81%;background:#f8faf8;border-radius:3px;overflow:hidden;color:#253329;font-family:Arial,sans-serif;font-size:clamp(6px,.72vw,10px)}
.app-sidebar{background:#fff;border-right:1px solid #e7ece7;padding:10px 6px;display:flex;flex-direction:column;gap:8px;color:#788279;font-size:.92em;overflow:hidden}
.app-logo-mark{width:22px;height:22px;display:grid;place-items:center;background:#e8f5eb;color:#278344;font-weight:900;border-radius:6px;margin:0 auto 7px;font-size:1.1em}.red-mark{background:#fff0eb;color:#c84d37}.blue-mark{background:#eaf3ff;color:#3271b9}
.app-sidebar>span{padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px}.app-sidebar .side-active{background:#eaf5ec;color:#277c3c;font-weight:700}
.app-main{padding:12px 13px;min-width:0;overflow:hidden}.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid #e8ece8;color:#29382d}.app-toolbar span{border:1px solid #e0e7e0;border-radius:4px;padding:4px 6px;color:#738076;white-space:nowrap;font-size:.85em}
.app-greeting{padding:11px 0 10px}.app-greeting small{font-size:.7em;letter-spacing:.1em;color:#819084;font-weight:700}.app-greeting h4{font-size:1.35em;margin:4px 0 0;font-weight:750;line-height:1.25}
.app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.app-stats>div{background:#fff;border:1px solid #e7ece7;border-radius:5px;padding:8px 7px;min-width:0}.app-stats small,.app-stats b,.app-stats em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-stats small{font-size:.82em;color:#7a857c}.app-stats b{font-size:1.25em;margin:6px 0;color:#29382d}.app-stats em{font-size:.76em;color:#33884a;font-style:normal}.app-stats em.warn{color:#b77c27}
.app-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:8px;min-height:0}.app-panel{background:#fff;border:1px solid #e7ece7;border-radius:5px;padding:9px;min-width:0;overflow:hidden}.app-panel>b,.table-heading b{font-size:.9em}.mini-bars{height:58px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #e6ece6;margin-top:8px;padding:0 3px}.mini-bars i{flex:1;background:linear-gradient(180deg,#83c98b,#32894a);border-radius:2px 2px 0 0;min-width:3px}.mini-days{font-size:.64em;color:#8a948c;white-space:nowrap;margin-top:5px}.inventory-panel p{display:flex;align-items:center;gap:4px;font-size:.77em;color:#6f7b70;margin:10px 0 0;white-space:nowrap}.inventory-panel p i{width:5px;height:5px;border-radius:50%;background:#4eaa61;flex:none}.inventory-panel p:nth-of-type(2) i{background:#e2aa4e}.inventory-panel p:nth-of-type(3) i{background:#d86c5d}.inventory-panel p strong{margin-left:auto;color:#334136}
.table-panel{margin-top:8px;padding:8px}.table-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:7px}.table-heading span{color:#33884a;font-size:.75em;white-space:nowrap}.fake-row{display:grid;grid-template-columns:1.3fr .75fr .65fr;gap:5px;align-items:center;padding:6px 3px;border-top:1px solid #edf0ed;font-size:.78em;color:#68746a}.fake-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fake-row b{font-weight:700;color:#354337}.fake-row em{font-style:normal;color:#32874a;background:#eef8ef;border-radius:3px;padding:3px 4px;text-align:center;white-space:nowrap;font-size:.85em}.fake-row:nth-child(3) em{background:#fff6e7;color:#ad7a2a}.fake-row:nth-child(4) em{background:#eef4ff;color:#4977b6}.header-row{font-size:.7em;color:#89938b}
.screen-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#7a867c;font-size:.78rem;margin-top:14px}.screen-note i{color:#4a985b}
.featured-copy{padding:6px 0}.featured-copy .tag{display:inline-block}.featured-count{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--red);margin:20px 0 7px}.featured-count span,.featured-current span{color:#a0aaa1;font-weight:600}.featured-copy h3{font-size:clamp(2.2rem,3.7vw,3.3rem);letter-spacing:-.045em;line-height:1.06;margin:0 0 17px;color:#1d2b21}.featured-copy>p:not(.featured-count){color:var(--muted,#667085);line-height:1.8;font-size:.98rem}.featured-copy .featured-lead{font-size:1.18rem!important;font-weight:700;color:#344338!important;line-height:1.5!important;margin:0 0 12px}.featured-benefits{list-style:none;padding:0;margin:22px 0 27px;display:grid;gap:11px}.featured-benefits li{display:flex;align-items:flex-start;gap:10px;color:#465449;font-size:.91rem;line-height:1.5}.featured-benefits i{color:#3b9953;margin-top:3px;flex:none}.featured-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.featured-text-link{font-size:.88rem;font-weight:750;color:#314536;text-decoration:none}.featured-text-link span{color:var(--red);padding-left:4px;transition:padding .2s}.featured-text-link:hover span{padding-left:9px}
.featured-carousel-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf0ed;margin-top:34px;padding-top:22px}.featured-dots{display:flex;align-items:center;gap:9px}.featured-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#d5ddd5;cursor:pointer;transition:all .2s}.featured-dot.active{width:29px;border-radius:8px;background:#338c49}.featured-nav{display:flex;align-items:center;gap:9px}.featured-current{font-size:.78rem;font-weight:800;color:#344338;margin-right:9px}.featured-prev,.featured-next{width:39px;height:39px;border-radius:50%;border:1px solid #dfe7df;background:#fff;color:#304536;cursor:pointer;transition:all .2s}.featured-prev:hover,.featured-next:hover{background:#eaf5ec;border-color:#bcdcc1}.featured-disclaimer{font-size:.76rem;color:#89928a;margin:15px 2px 0;line-height:1.6}
@media(max-width:900px){.featured-slide{grid-template-columns:1fr;gap:24px}.featured-visual{max-width:680px;width:100%;margin:auto}.featured-copy{max-width:680px;width:100%;margin:auto}.featured-count{margin-top:13px}.featured-copy h3{font-size:2.6rem}.featured-benefits{grid-template-columns:1fr 1fr;column-gap:20px}.featured-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.featured-carousel-footer{margin-top:26px}}
@media(max-width:560px){.featured-carousel{padding:16px;border-radius:16px}.featured-visual{padding:12px 0 0}.macbook{padding:0 1.5%}.macbook-screen{border-width:5px;border-bottom-width:7px;border-radius:9px 9px 4px 4px;padding:5px 5px 6px}.macbook-camera{top:4px;width:3px;height:3px}.macbook-base{height:8px}.app-window{font-size:6px}.app-sidebar{padding:5px 3px;gap:4px}.app-logo-mark{width:13px;height:13px;margin-bottom:2px}.app-sidebar>span{padding:3px 2px}.app-main{padding:6px}.app-toolbar{padding-bottom:4px}.app-toolbar span{padding:2px 3px}.app-greeting{padding:5px 0}.app-stats{gap:3px}.app-stats>div{padding:4px 3px}.app-stats b{margin:3px 0}.app-panels{gap:3px;margin-top:4px}.app-panel{padding:4px}.mini-bars{height:27px;gap:3px}.mini-days{font-size:5px}.inventory-panel p{font-size:6px;margin-top:4px}.table-panel{margin-top:4px;padding:4px}.fake-row{padding:3px 1px;gap:2px}.featured-copy h3{font-size:2.2rem}.featured-copy .featured-lead{font-size:1.05rem!important}.featured-benefits{grid-template-columns:1fr;gap:9px;margin:18px 0 22px}.featured-actions{align-items:flex-start;flex-direction:column}.featured-carousel-footer{margin-top:22px;padding-top:16px}.featured-prev,.featured-next{width:35px;height:35px}.featured-current{margin-right:3px}.featured-disclaimer{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.featured-slide{animation:none}}
