:root{--green:#078b2e;--green-dark:#00551f;--orange:#ff7600;--red:#ef1018;--ink:#171b2b;--muted:#687083;--line:#e8ebef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #eee}.navbar{min-height:76px}.brand-logo{width:44px;height:44px;object-fit:contain}.brand-wordmark{line-height:1;letter-spacing:.04em}.brand-wordmark strong{display:block;color:var(--green-dark);font-size:1.15rem}.brand-wordmark small{display:block;font-size:.57rem;letter-spacing:.28em;margin-top:5px}.nav-link{font-weight:500;color:#202535!important}.nav-link.active,.nav-link:hover{color:var(--green)!important}.btn{border-radius:7px;font-weight:600}.btn-brand-green{background:var(--green);color:white;border-color:var(--green)}.btn-brand-green:hover{background:var(--green-dark);color:#fff}.btn-brand-orange{background:var(--orange);color:white}.btn-brand-red{background:var(--red);color:#fff}.btn-brand-red:hover{background:#c90810;color:#fff}.btn-outline-brand{border:1px solid var(--green);color:var(--green);background:#fff}.btn-outline-brand:hover{background:var(--green);color:#fff}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 82%,#fbfbfb 100%)}.min-vh-hero{min-height:660px}.hero h1{font-size:clamp(3rem,5vw,5.3rem);line-height:1.03;font-weight:800;letter-spacing:-.055em;margin:22px 0}.hero-copy{font-size:1.05rem;line-height:1.8;color:#454b59;max-width:650px}.eyebrow,.section-heading span{display:inline-block;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.08em}.eyebrow{padding:8px 13px;border:1px solid rgba(239,16,24,.35);border-radius:99px;background:#fff}.text-brand-green{color:var(--green)}.text-brand-orange{color:var(--orange)}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;font-size:.83rem}.hero-tags span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:9px}.hero-tags span:nth-child(2n):before{background:var(--orange)}.hero-tags span:nth-child(3n):before{background:var(--red)}.hero-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.22}.blob-orange{width:480px;height:480px;background:#ffb35e;right:5%;top:70px}.blob-green{width:430px;height:430px;background:#6ccc72;right:-6%;top:210px}
.dashboard-shell{position:relative;background:#111;border:9px solid #111;border-radius:24px;box-shadow:0 30px 65px rgba(20,30,30,.22);overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.browser-bar{height:33px;background:#f4f4f4;display:flex;align-items:center;gap:5px;padding:0 12px;font-size:.6rem;color:#777}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#ddd}.browser-bar span{margin-left:10px}.dashboard-body{display:flex;min-height:390px;background:#f6f8f7}.dashboard-body aside{width:118px;background:linear-gradient(#075c25,#043d1b);color:white;padding:18px 10px;display:flex;flex-direction:column;gap:17px;font-size:.62rem}.mini-brand{background:#fff;color:var(--green);width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-weight:800}.dash-main{flex:1;padding:20px}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat-grid>div,.chart-card,.table-card{background:#fff;border:1px solid #e9edeb;border-radius:8px;padding:12px}.stat-grid small{font-size:.5rem;display:block}.stat-grid strong{display:block;font-size:.85rem;margin:7px 0}.stat-grid em{font-size:.5rem;color:var(--green);font-style:normal}.fake-chart{height:90px;position:relative;margin-top:10px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 22px,#edf0ef 23px)}.fake-chart span{position:absolute;left:5%;right:5%;top:45%;height:3px;background:linear-gradient(90deg,var(--green),var(--orange));transform:skewY(-8deg)}.table-card{margin-top:10px}.fake-row{height:12px;border-bottom:1px solid #eee;margin-top:8px}
.section{padding:80px 0}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-weight:800;letter-spacing:-.035em;margin-top:7px}.product-card{height:100%;padding:26px;border:1px solid #b8ddc3;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fcf8)}.product-card.product-orange{border-color:#ffc08b;background:linear-gradient(135deg,#fff,#fff9f3)}.product-icon{width:42px;height:42px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:1.25rem}.product-icon.orange{background:var(--orange)}.product-card h3{font-size:1.25rem;font-weight:800;margin-top:15px}.product-card p{color:var(--muted)}.feature-list{padding:0;list-style:none;font-size:.8rem;line-height:2}.feature-list li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.mini-app{height:190px;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);display:flex;overflow:hidden}.mini-sidebar{width:18%;background:var(--green)}.orange-app .mini-sidebar{background:#075c25}.mini-content{flex:1;padding:12px}.mini-title{height:12px;width:45%;background:#e8e8e8;margin-bottom:16px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.product-grid span{height:45px;background:linear-gradient(135deg,#e9eee9,#cfd7cf);border-radius:4px}.donuts{display:flex;gap:18px;justify-content:center;margin:22px}.donuts i{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--green) 0 45%,var(--orange) 45% 75%,#eee 75%)}.mini-lines{height:40px;background:repeating-linear-gradient(#eee 0 1px,#fff 1px 11px)}
.solution-card{height:100%;border:1px solid var(--line);border-radius:12px;padding:25px;text-align:center;transition:.2s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.solution-card>i{width:54px;height:54px;border-radius:50%;background:#dff3e4;color:var(--green);display:grid;place-items:center;font-size:1.4rem;margin:0 auto 15px}.solution-card.orange>i{background:#fff0df;color:var(--orange)}.solution-card.red>i{background:#ffe3e3;color:var(--red)}.solution-card h5{font-weight:800}.solution-card p{font-size:.84rem;color:var(--muted);min-height:64px}.solution-card a{font-size:.78rem;color:var(--green);font-weight:700;text-decoration:none}
.why-section{background:linear-gradient(110deg,#003d1a,#006327);color:#fff}.why-section h2{font-weight:800;font-size:1.7rem}.why-section small{font-weight:800}.why-section .col i{display:block;font-size:1.7rem;color:#ffad35;margin-bottom:9px}.why-section .col b,.why-section .col span{display:block}.why-section .col span{font-size:.7rem;opacity:.85;margin-top:7px}
.deploy-card{height:100%;border:1px solid var(--line);border-radius:12px;padding:28px}.deploy-card>i{font-size:2.2rem;color:var(--green)}.deploy-card.orange>i{color:var(--orange)}.deploy-card.red>i{color:var(--red)}.deploy-card h4{font-size:1.05rem;font-weight:800;margin-top:12px}.deploy-card p,.deploy-card li{color:var(--muted);font-size:.82rem}.deploy-card ul{line-height:1.9;padding-left:18px}
.cta-band{background:linear-gradient(100deg,#168a2d 0%,#ff7a00 58%,#ed111b 100%);color:#fff;border-radius:15px;padding:34px 45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band h2{font-weight:800}.cta-band p{margin:0;opacity:.92}.footer{background:#092014;color:#fff}.footer-logo{width:48px}.footer h6{font-weight:800;margin-bottom:15px}.footer a,.footer span{display:block;color:#d6dfd8;text-decoration:none;font-size:.78rem;margin:8px 0}.footer a:hover{color:#fff}.footer-copy{color:#d6dfd8;max-width:280px}.footer hr{border-color:rgba(255,255,255,.15)}
.modal-content{border-radius:16px}.form-control,.form-select{min-height:46px;border-radius:8px}
@media(max-width:991.98px){.navbar-collapse{padding:18px 0}.hero{text-align:center}.hero-copy{margin:auto}.hero-tags{justify-content:center}.dashboard-shell{margin-top:35px;transform:none}.min-vh-hero{min-height:auto}.why-section .col{min-width:33%}.cta-band{flex-direction:column;text-align:center}}
@media(max-width:575.98px){.hero h1{font-size:3rem}.dashboard-body aside{display:none}.stat-grid{grid-template-columns:1fr}.stat-grid>div:nth-child(n+2){display:none}.dashboard-body{min-height:320px}.section{padding:55px 0}.why-section .col{min-width:50%}.cta-band{padding:28px 20px}.brand-wordmark strong{font-size:1rem}}

/* Program HRIS & Payroll */
.product-hris{border-color:#d9e5dc;background:linear-gradient(120deg,#fff 0%,#f6fbf7 55%,#fff8ef 100%);position:relative;overflow:hidden}
.product-icon.hris{background:linear-gradient(135deg,var(--green),var(--orange))}
.coming-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--red);background:#fff0f0;border:1px solid #ffd0d0;border-radius:99px;padding:6px 10px}
.lead-sm{max-width:720px;line-height:1.7}
.btn-hris{color:#fff;background:linear-gradient(90deg,var(--green),var(--orange));border:0}.btn-hris:hover{color:#fff;filter:brightness(.93)}
.hris-preview{background:#fff;border:1px solid #e6ebe7;border-radius:13px;padding:18px;box-shadow:0 18px 40px rgba(20,50,30,.12)}
.hris-preview-top{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:16px}.hris-preview-top span{color:var(--green);font-weight:700}
.hris-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hris-stats div{padding:12px;border-radius:8px;background:#f6f8f6}.hris-stats small{display:block;font-size:.52rem;color:#7a817c}.hris-stats strong{font-size:1rem}
.hris-chart{height:105px;display:flex;align-items:flex-end;gap:10px;padding:16px 8px;border-bottom:1px solid #eee}.hris-chart span{flex:1;background:linear-gradient(var(--orange),var(--green));border-radius:4px 4px 0 0}.hris-chart span:nth-child(1){height:38%}.hris-chart span:nth-child(2){height:62%}.hris-chart span:nth-child(3){height:50%}.hris-chart span:nth-child(4){height:82%}.hris-chart span:nth-child(5){height:67%}.hris-chart span:nth-child(6){height:92%}
.hris-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.hris-bottom div{height:34px;background:#f2f5f2;border-radius:6px}
.solution-card.hris>i{background:#e8f4eb;color:var(--green)}

/* v0.3 dedicated product pages */
.product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7fbf8 100%);border-bottom:1px solid #eef1ee}
.product-hero.orange{background:linear-gradient(135deg,#fff 0%,#fff8f0 100%)}
.product-hero.hris{background:linear-gradient(135deg,#fff 0%,#f7fbf8 55%,#fff8f0 100%)}
.product-hero h1{font-size:clamp(2.8rem,5vw,5rem);font-weight:800;letter-spacing:-.05em;line-height:1.04;margin:22px 0}
.product-hero .lead{color:#515866;max-width:680px;line-height:1.8}
.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.product-badges span{background:#fff;border:1px solid #e2e7e3;border-radius:99px;padding:7px 11px;font-size:.75rem;font-weight:700}
.product-dashboard-mock{background:#101615;border-radius:22px;padding:8px;box-shadow:0 28px 70px rgba(0,0,0,.2)}.product-dashboard-mock.orange{background:#20160c}.product-dashboard-mock.hris{background:#152017}
.pdm-top{height:44px;background:#fff;border-radius:15px 15px 0 0;display:flex;align-items:center;gap:18px;padding:0 18px;font-size:.72rem}.pdm-top span{font-weight:800;color:var(--green)}.orange .pdm-top span{color:var(--orange)}.pdm-top i{margin-left:auto}
.pdm-body{display:flex;min-height:330px;background:#f5f7f6;border-radius:0 0 15px 15px;overflow:hidden}.pdm-body aside{width:74px;background:#075521;display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:26px;color:#fff}.orange .pdm-body aside{background:#8f4100}.hris .pdm-body aside{background:#075521}.pdm-body main{flex:1;padding:20px}.pdm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pdm-stats div{background:#fff;border:1px solid #e8ece9;border-radius:8px;padding:14px}.pdm-stats small{font-size:.52rem;display:block;color:#7b827d}.pdm-stats strong{font-size:1rem}.pdm-chart{height:120px;background:#fff;border-radius:8px;margin:12px 0;position:relative;overflow:hidden}.pdm-chart:before{content:"";position:absolute;inset:15px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 22px,#edf0ee 23px)}.pdm-chart span{position:absolute;left:8%;right:8%;top:48%;height:4px;background:linear-gradient(90deg,var(--green),var(--orange));transform:skewY(-8deg)}.pdm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdm-grid div{height:68px;border-radius:8px;background:#fff;border:1px solid #e8ece9}
.feature-detail-card{height:100%;border:1px solid #e6ebe7;border-radius:14px;padding:25px;background:#fff;transition:.2s}.feature-detail-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.07)}.fd-icon{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--green);font-size:1.3rem}.fd-icon.orange{background:var(--orange)}.fd-icon.hris{background:linear-gradient(135deg,var(--green),var(--orange))}.feature-detail-card h3{font-size:1.08rem;font-weight:800;margin:15px 0 8px}.feature-detail-card p{font-size:.83rem;color:var(--muted);min-height:58px}.feature-detail-card ul{padding:0;list-style:none;font-size:.78rem;color:#555}.feature-detail-card li{margin:8px 0}.feature-detail-card li i{color:var(--green);margin-right:8px}
.product-proof{background:#fafbfa}.proof-screen{height:340px;background:#fff;border:1px solid #e0e5e1;border-radius:17px;box-shadow:0 20px 50px rgba(0,0,0,.1);display:flex;overflow:hidden}.proof-side{width:18%;background:#075521}.proof-screen.orange .proof-side{background:#8f4100}.proof-main{flex:1;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.proof-main div{background:linear-gradient(145deg,#f5f7f5,#e9eeea);border-radius:10px}.proof-main div:first-child{grid-column:1/-1}.section-kicker{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--red)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.check-grid span:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}
.pricing-card{height:100%;border:1px solid #e3e7e4;border-radius:15px;padding:28px;background:#fff;position:relative}.pricing-card h3{font-weight:800}.pricing-card>p{color:var(--muted);min-height:48px}.price-line{font-size:1.6rem;font-weight:800;margin:20px 0}.pricing-card ul{padding:0;list-style:none;min-height:180px}.pricing-card li{font-size:.82rem;margin:11px 0}.pricing-card li i{color:var(--green);margin-right:8px}.pricing-featured{border:2px solid var(--green);transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,100,40,.1)}.popular-ribbon{position:absolute;right:18px;top:18px;background:var(--green);color:#fff;padding:5px 9px;border-radius:99px;font-size:.65rem;font-weight:800}
.product-faq{max-width:900px}.product-faq .accordion-item{border:1px solid #e7ebe8;margin-bottom:10px;border-radius:10px!important;overflow:hidden}.product-faq .accordion-button{font-weight:700;box-shadow:none}.product-faq .accordion-button:not(.collapsed){background:#f7fbf8;color:var(--green-dark)}
@media(max-width:991.98px){.pricing-featured{transform:none}.product-hero{text-align:center}.product-badges,.product-hero .d-flex{justify-content:center}.product-hero .lead{margin-left:auto;margin-right:auto}}
@media(max-width:575.98px){.pdm-body aside{display:none}.pdm-stats{grid-template-columns:1fr}.pdm-stats div:nth-child(n+2){display:none}.proof-screen{height:260px}.check-grid{grid-template-columns:1fr}}

/* v0.4 commercial readiness */
.inner-hero{background:linear-gradient(135deg,#fff 0%,#f3faf5 60%,#fff7ef 100%);border-bottom:1px solid #edf0ed}.inner-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.045em;max-width:900px;margin:20px 0}.inner-hero p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.8}.inner-hero.compact h1{font-size:3rem}.form-card{border:1px solid #e5eae6;border-radius:16px;padding:28px;box-shadow:0 14px 35px rgba(0,0,0,.06)}.contact-info p{padding:14px 0;border-bottom:1px solid #eee}.contact-info i{color:var(--green);margin-right:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-grid div{padding:28px;border:1px solid #e4e9e5;border-radius:14px;background:#fff}.about-grid strong,.about-grid span{display:block}.about-grid strong{font-size:1.05rem}.about-grid span{font-size:.78rem;color:var(--muted);margin-top:7px}.legal-page{padding:60px 0}.legal-page .container{max-width:900px}.legal-page h2{font-size:1.2rem;font-weight:800;margin-top:30px}.legal-page p{color:#555;line-height:1.8}.admin-head{background:#f6faf7}.admin-head h1{font-weight:800;margin-top:10px}.lead-table-wrap{border:1px solid #e4e9e5;border-radius:12px;background:#fff;padding:8px}.lead-table-wrap th{font-size:.72rem;color:#66706a}.lead-table-wrap td{font-size:.8rem}

/* v0.5 admin portal */
.admin-auth{min-height:75vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7fbf8,#fff7ef)}.admin-auth .container{display:flex;justify-content:center}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid #e5eae6;border-radius:18px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.08)}.auth-card h1{font-weight:800;margin:12px 0 5px}.auth-card p{color:var(--muted)}
.admin-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #e6ebe7;background:#fff;border-radius:12px}.admin-nav>a{padding:8px 11px;border-radius:7px;color:#263029;text-decoration:none;font-size:.8rem;font-weight:700}.admin-nav>a:hover{background:#eef8f0;color:var(--green)}
.admin-stat{border:1px solid #dce9df;background:#f8fcf9;border-radius:13px;padding:22px}.admin-stat.orange{background:#fff9f2;border-color:#f4dfc7}.admin-stat.red{background:#fff5f5;border-color:#f0dada}.admin-stat small{display:block;font-size:.68rem;font-weight:800;color:#68736b}.admin-stat strong{display:block;font-size:2rem;margin-top:5px}
.admin-panel{background:#fff;border:1px solid #e4e9e5;border-radius:14px;padding:24px}.admin-panel h5{font-weight:800}.lead-message{padding:18px;background:#f8faf8;border-radius:10px;white-space:pre-wrap}.media-admin-card{height:100%;border:1px solid #e5eae6;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:7px}.media-admin-card img{width:100%;height:160px;object-fit:cover;border-radius:8px;background:#f3f5f3}.media-admin-card span,.media-admin-card small{color:var(--muted);font-size:.78rem}.media-admin-card a{font-size:.8rem;font-weight:700;color:var(--green)}

/* v0.5.2 CMS integration */
.media-or{display:flex;align-items:center;gap:12px;color:#8a928c;font-size:.72rem;font-weight:800}.media-or:before,.media-or:after{content:"";height:1px;background:#e5e9e6;flex:1}.media-preview-box{min-height:260px;border:1px dashed #cfd8d1;border-radius:12px;background:#f8faf8;display:grid;place-items:center;overflow:hidden}.media-preview-box img{width:100%;max-height:480px;object-fit:contain;background:#fff}.media-preview-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8c948e}.media-preview-empty i{font-size:2rem}.media-thumb{position:relative;border-radius:9px;overflow:hidden;background:#f4f6f4}.media-thumb img{width:100%;height:190px;object-fit:cover;display:block}.media-status{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:99px;font-size:.62rem;font-weight:800}.media-status.published{background:#e2f5e7;color:#08712d}.media-status.hidden{background:#f1f1f1;color:#666}.empty-admin-state{text-align:center;padding:60px 20px;border:1px dashed #cfd8d1;border-radius:14px;background:#fbfcfb}.empty-admin-state i{font-size:2.6rem;color:var(--green)}.empty-admin-state h4{font-weight:800;margin-top:14px}.empty-admin-state p{color:var(--muted)}
.product-gallery-section{background:#fafbfa}.public-media-card{margin:0;height:100%;border:1px solid #e4e9e5;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05)}.media-open-btn{display:block;width:100%;padding:0;border:0;background:#f2f5f2;position:relative;cursor:zoom-in}.media-open-btn img{width:100%;height:330px;object-fit:cover;display:block;transition:transform .25s}.media-open-btn:hover img{transform:scale(1.015)}.media-zoom{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.68);color:#fff}.public-media-card figcaption{padding:14px 16px;font-size:.82rem;color:#545c56}
.testimonials-public{background:linear-gradient(180deg,#fff,#f8fbf9)}.testimonial-public-card{height:100%;border:1px solid #e4e9e5;background:#fff;border-radius:15px;padding:26px;box-shadow:0 12px 30px rgba(0,0,0,.04)}.quote-mark{font-size:3.5rem;line-height:.8;color:var(--orange);font-weight:800}.testimonial-public-card>p{color:#4d554f;line-height:1.75;min-height:120px}.testimonial-person{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0ed;padding-top:16px}.testimonial-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--orange));color:#fff;font-weight:800}.testimonial-person strong,.testimonial-person span,.testimonial-person small{display:block}.testimonial-person span{font-size:.78rem;color:#5c665f}.testimonial-person small{font-size:.7rem;color:var(--green);margin-top:2px}
@media(max-width:575.98px){.media-open-btn img{height:230px}.media-preview-box{min-height:200px}}

/* v0.5.3 Carousel UX */
.product-gallery-section{overflow:hidden}.product-slider-shell{max-width:1180px;margin:0 auto}.product-slider-stage{position:relative}.product-slider-viewport{position:relative;min-height:560px;border:1px solid #e1e7e2;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.07);overflow:hidden;touch-action:pan-y}.product-slider-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .28s,transform .28s,visibility .28s}.product-slider-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}.product-fullscreen-trigger{width:100%;height:475px;border:0;padding:0;background:#f3f6f4;display:block;position:relative;cursor:zoom-in;overflow:hidden}.product-fullscreen-trigger img{width:100%;height:100%;object-fit:contain;background:#fff}.fullscreen-badge{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(18,24,21,.78);color:#fff}.product-slider-caption{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-top:1px solid #edf0ee}.product-slider-caption strong,.product-slider-caption span{display:block}.product-slider-caption span{font-size:.76rem;color:var(--muted);margin-top:4px}.product-slider-arrow,.testimonial-arrow{position:absolute;z-index:6;width:48px;height:48px;border-radius:50%;border:1px solid #e2e7e3;background:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.09)}.product-slider-arrow.prev{left:-24px;top:45%}.product-slider-arrow.next{right:-24px;top:45%}.product-slider-dots,.testimonial-dots{display:flex;justify-content:center;gap:9px;margin:18px 0}.product-slider-dot,.testimonial-dot{width:9px;height:9px;border:0;border-radius:50%;background:#cfd5d0;padding:0}.product-slider-dot.active,.testimonial-dot.active{background:var(--green);transform:scale(1.15)}.product-slider-thumbnails{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 12px;scroll-snap-type:x proximity}.product-slider-thumb{flex:0 0 210px;border:1px solid #e3e8e4;background:#fff;border-radius:11px;padding:7px;text-align:left;scroll-snap-align:center}.product-slider-thumb.active{border:2px solid var(--green);box-shadow:0 8px 22px rgba(0,120,45,.12)}.product-slider-thumb img{width:100%;height:105px;object-fit:cover;border-radius:7px}.product-slider-thumb span{display:block;font-size:.72rem;font-weight:700;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-slider-hint{text-align:center;color:#89918b;font-size:.75rem}.product-fullscreen-modal{background:rgba(10,14,12,.96);color:#fff}.product-fullscreen-modal .modal-header{border-color:rgba(255,255,255,.12)}.product-fullscreen-modal .modal-body{display:grid;place-items:center;overflow:auto}.product-fullscreen-modal .modal-body img{max-width:96vw;max-height:88vh;object-fit:contain}
.testimonials-carousel-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f6fbf8)}.testimonial-carousel{position:relative;max-width:1180px;margin:0 auto;padding:5px 70px 10px}.testimonial-carousel-viewport{position:relative;height:405px;overflow:visible;touch-action:pan-y}.testimonial-carousel-track{position:relative;height:100%}.testimonial-slide{position:absolute;top:28px;left:50%;width:36%;height:330px;opacity:0;transform:translateX(-50%) scale(.82);transition:transform .38s,opacity .38s,left .38s;pointer-events:none;z-index:1}.testimonial-slide.active{left:50%;width:48%;height:375px;top:0;opacity:1;transform:translateX(-50%) scale(1);z-index:4;pointer-events:auto}.testimonial-slide.prev{left:17%;opacity:.8;transform:translateX(-50%) scale(.9);z-index:2}.testimonial-slide.next{left:83%;opacity:.8;transform:translateX(-50%) scale(.9);z-index:2}.testimonial-slide.far{opacity:0}.testimonial-slide-card{height:100%;border:1px solid #e2e7e3;background:#fff;border-radius:16px;padding:27px;box-shadow:0 18px 42px rgba(0,0,0,.06);display:flex;flex-direction:column}.testimonial-slide.active .testimonial-slide-card{box-shadow:0 22px 55px rgba(0,80,30,.11)}.testimonial-slide-card .quote-mark{font-size:3.8rem;line-height:.75;color:var(--green)}.testimonial-slide-card>p{font-size:.93rem;line-height:1.75;color:#3f4741;overflow:auto;margin:14px 0 20px;flex:1}.testimonial-slide.active .testimonial-slide-card>p{font-size:1.03rem}.testimonial-arrow.prev{left:7px;top:43%}.testimonial-arrow.next{right:7px;top:43%}
@media(max-width:991.98px){.product-slider-viewport{min-height:485px}.product-fullscreen-trigger{height:400px}.product-slider-arrow.prev{left:10px}.product-slider-arrow.next{right:10px}.testimonial-slide.active{width:62%}.testimonial-slide.prev{left:10%}.testimonial-slide.next{left:90%}}
@media(max-width:767.98px){.product-slider-viewport{min-height:410px}.product-fullscreen-trigger{height:325px}.product-slider-thumb{flex-basis:155px}.product-slider-thumb img{height:82px}.testimonial-carousel{padding:5px 42px}.testimonial-carousel-viewport{height:390px;overflow:hidden}.testimonial-slide,.testimonial-slide.prev,.testimonial-slide.next{left:50%;width:92%;height:350px;top:10px;opacity:0;transform:translateX(-50%) scale(.94)}.testimonial-slide.active{left:50%;width:92%;height:350px;top:10px;opacity:1;transform:translateX(-50%) scale(1)}.testimonial-arrow.prev{left:0}.testimonial-arrow.next{right:0}}
@media(max-width:575.98px){.product-slider-viewport{min-height:350px}.product-fullscreen-trigger{height:265px}.product-slider-caption span{display:none}.product-slider-arrow{width:40px;height:40px}.product-slider-thumb{flex-basis:132px}.product-slider-thumb img{height:70px}.testimonial-carousel{padding:0 30px}.testimonial-carousel-viewport{height:380px}.testimonial-slide.active{width:100%;height:340px}.testimonial-slide-card{padding:22px}}

/* v0.6 Commercial Sales Readiness */
.lead-notes{display:flex;flex-direction:column;gap:10px}.lead-note{padding:14px 16px;border-left:3px solid var(--green);background:#f7faf8;border-radius:8px}.lead-note p{margin:0 0 7px;white-space:pre-wrap}.lead-note small{color:var(--muted)}
.analytics-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0ed}.analytics-row:last-child{border-bottom:0}.analytics-row span{color:#525b54}.analytics-row strong{min-width:40px;text-align:center;background:#edf8f0;color:var(--green-dark);border-radius:99px;padding:4px 9px}

/* v0.7 Customer Acquisition */
.marketing-card{height:100%;padding:26px;border:1px solid #e3e9e4;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.04)}.marketing-card h3{font-weight:800;margin:9px 0}.marketing-card p{color:var(--muted);line-height:1.7}.bg-soft{background:#f7faf8}.faq-accordion{max-width:900px;margin:auto}.faq-accordion .accordion-item{border:1px solid #e3e8e4;margin-bottom:10px;border-radius:10px!important;overflow:hidden}.faq-accordion .accordion-button:not(.collapsed){background:#edf8f0;color:var(--green-dark)}

/* v0.8 Marketing Automation & Conversion Tracking */
.resource-band{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid #e3e9e4;border-radius:18px;background:linear-gradient(135deg,#f7fbf8,#fff7ef)}.resource-band h2{margin:.25rem 0}.resource-band p{margin:0;color:var(--muted)}.resource-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.case-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:44px}.case-detail-image img{width:100%;border-radius:16px;border:1px solid #e1e7e2;box-shadow:0 15px 35px rgba(0,0,0,.06)}.case-detail-content section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #e8ece9}.case-detail-content p{white-space:pre-line;line-height:1.8;color:#465048}.marketing-card{position:relative}.marketing-card-link{display:inline-block;margin-top:14px;font-weight:700;color:var(--green)}
.funnel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.funnel-step{position:relative;padding:20px 16px;border-radius:14px;background:#fff;border:1px solid #e3e8e4;box-shadow:0 8px 20px rgba(0,0,0,.035)}.funnel-step small,.funnel-step strong,.funnel-step span{display:block}.funnel-step small{font-size:.68rem;font-weight:800;color:#69726b}.funnel-step strong{font-size:2rem;margin:4px 0}.funnel-step span{font-size:.75rem;color:var(--green);font-weight:700}
@media(max-width:991.98px){.funnel-grid{grid-template-columns:repeat(3,1fr)}.case-detail-grid{grid-template-columns:1fr}.resource-band{align-items:flex-start;flex-direction:column}.resource-actions{justify-content:flex-start}}
@media(max-width:575.98px){.funnel-grid{grid-template-columns:repeat(2,1fr)}}


/* v0.8.2 Unified Admin Navigation */
.admin-nav{
    display:flex;
    align-items:center;
    gap:6px 10px;
    flex-wrap:wrap;
}
.admin-nav>a{
    white-space:nowrap;
}
.admin-nav form.ms-auto{
    margin-left:auto!important;
}
@media(max-width:991.98px){
    .admin-nav form.ms-auto{
        margin-left:0!important;
        width:100%;
        margin-top:6px;
    }
}

/* v0.8.3 Admin CMS fixes */
.case-study-image-preview{max-width:520px;border:1px solid #e1e7e2;border-radius:10px;padding:6px;background:#fff}
.case-study-image-preview img{width:100%;max-height:260px;object-fit:contain;border-radius:7px}
.pagination .page-link{color:var(--green-dark)}
.pagination .page-item.active .page-link{background:var(--green);border-color:var(--green)}

/* v0.9 Demo Scheduling Workflow */
.demo-booking-shell{max-width:960px;margin:0 auto}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.demo-step{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:3px solid #dfe5e0;color:#89918b}.demo-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf1ee;font-weight:800}.demo-step.active{border-color:var(--green);color:var(--green-dark)}.demo-step.active span{background:var(--green);color:#fff}.demo-step small{font-weight:800}
.demo-panel{padding:32px;border:1px solid #e2e8e3;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.045)}.product-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-choice input{position:absolute;opacity:0}.product-choice span{display:flex;gap:10px;align-items:center;padding:20px;border:2px solid #e3e8e4;border-radius:13px;cursor:pointer;transition:.2s}.product-choice input:checked+span{border-color:var(--green);background:#f0faf3;color:var(--green-dark)}.product-choice i{font-size:1.3rem}
.demo-slot-grid{display:flex;gap:10px;flex-wrap:wrap}.demo-slot{border:1px solid #dfe6e0;background:#fff;border-radius:9px;padding:10px 14px;font-weight:700}.demo-slot:hover,.demo-slot.active{border-color:var(--green);background:var(--green);color:#fff}.demo-review{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-review>div{padding:15px;border:1px solid #e4e8e5;border-radius:10px}.demo-review span,.demo-review strong{display:block}.demo-review span{font-size:.72rem;color:#7b847d;text-transform:uppercase;font-weight:800}.demo-review strong{margin-top:4px}
.booking-confirmation{max-width:760px;margin:50px auto;text-align:center;padding:42px;border:1px solid #e2e8e3;border-radius:20px;background:#fff}.confirmation-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#eaf8ee;color:var(--green);font-size:2rem}.confirmation-summary{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left}.confirmation-summary>div{padding:16px;border:1px solid #e4e8e5;border-radius:10px}.confirmation-summary span,.confirmation-summary strong{display:block}.confirmation-summary span{font-size:.72rem;color:#7b847d;text-transform:uppercase;font-weight:800}.status-pending{color:#b06a00}
.demo-calendar{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e3e8e4;border-left:1px solid #e3e8e4}.demo-calendar-head{padding:10px;text-align:center;font-size:.72rem;font-weight:800;background:#f6f9f7;border-right:1px solid #e3e8e4;border-bottom:1px solid #e3e8e4}.demo-calendar-cell{min-height:130px;padding:8px;border-right:1px solid #e3e8e4;border-bottom:1px solid #e3e8e4;background:#fff}.demo-calendar-cell.muted{background:#fafbfa}.demo-calendar-cell.today{box-shadow:inset 0 0 0 2px var(--green)}.day-number{display:block;margin-bottom:6px}.calendar-booking{display:block;text-decoration:none!important;padding:6px 7px;margin-bottom:5px;border-radius:7px;background:#f1f5f2;color:#26332a}.calendar-booking span,.calendar-booking small,.calendar-booking em{display:block}.calendar-booking span{font-weight:800;font-size:.72rem}.calendar-booking small{font-size:.72rem}.calendar-booking em{font-size:.64rem;color:#6f7871;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-booking.status-confirmed{background:#eaf8ee;border-left:3px solid var(--green)}.calendar-booking.status-pending{background:#fff5e7;border-left:3px solid #e59a27}.calendar-booking.status-cancelled,.calendar-booking.status-no-show{background:#fbecec;border-left:3px solid #c94a4a}.calendar-booking.status-completed{background:#edf2fb;border-left:3px solid #597cc4}
@media(max-width:767.98px){.demo-steps{grid-template-columns:repeat(2,1fr)}.product-choice-grid,.demo-review,.confirmation-summary{grid-template-columns:1fr}.demo-calendar{overflow-x:auto;display:block}.demo-calendar-head{display:none}.demo-calendar-cell{min-height:auto;border-left:1px solid #e3e8e4;margin-bottom:8px}.demo-calendar-cell.muted{display:none}}

/* v0.9.1 Compact grouped admin navigation */
.admin-shell-nav{border:1px solid #e2e7e3;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.025);overflow:hidden}
.admin-brand-block{display:none}
.admin-menu-groups{display:flex;align-items:flex-start;gap:22px;padding:14px 18px;flex-wrap:wrap}
.admin-menu-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.admin-menu-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:#8a928c;font-weight:800;margin-right:4px}
.admin-menu-group a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1f2922;font-size:.77rem;font-weight:700;padding:7px 9px;border-radius:8px;white-space:nowrap}
.admin-menu-group a:hover{background:#eef8f1;color:var(--green-dark)}
.admin-menu-group a i{font-size:.92rem;color:#6d756f}
.admin-logout{margin-left:auto;align-self:center}
.admin-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e2e8e3;border-radius:14px;padding:20px 24px;background:#f8fbf9}
.admin-quick-actions h4{margin:.15rem 0}.admin-quick-actions p{margin:0;color:var(--muted)}
.admin-empty-state{text-align:center;padding:34px;border:1px dashed #cfd8d1;border-radius:16px;background:#fafcfb}.admin-empty-state .empty-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#eaf8ee;color:var(--green);font-size:1.5rem}.admin-empty-state p{max-width:700px;margin:0 auto 18px;color:var(--muted)}
@media(max-width:991.98px){
  .admin-brand-block{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0ee}
  .admin-brand-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#eef8f1;color:var(--green)}
  .admin-brand-block strong,.admin-brand-block small{display:block}.admin-brand-block small{font-size:.67rem;color:#7d857f}
  .admin-nav-toggle{margin-left:auto;border:0;background:transparent;font-size:1.4rem}
  .admin-menu-groups{display:none;flex-direction:column;gap:10px}
  .admin-menu-groups.open{display:flex}
  .admin-menu-group{width:100%}
  .admin-menu-label{width:100%;margin:4px 0}
  .admin-menu-group a{width:calc(50% - 4px);font-size:.8rem}
  .admin-logout{margin-left:0;width:100%;padding-top:4px}
}
@media(max-width:575.98px){.admin-menu-group a{width:100%}.admin-quick-actions{flex-direction:column;align-items:flex-start}}

.admin-menu-group a.active{background:#eaf8ee;color:var(--green-dark);box-shadow:inset 0 0 0 1px #cfe8d6}.admin-menu-group a.active i{color:var(--green)}

/* v0.9.1 compact dropdown admin menu */
.admin-compact-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid #e2e7e3;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.025)}
.admin-compact-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.admin-home-link,.admin-dropdown-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;text-decoration:none;color:#17221a;font-size:.8rem;font-weight:800;padding:8px 10px;border-radius:8px}
.admin-home-link:hover,.admin-dropdown-toggle:hover{background:#eef8f1;color:var(--green-dark)}
.admin-dropdown-menu{min-width:220px;padding:7px;border:1px solid #e1e7e2;border-radius:11px;box-shadow:0 14px 35px rgba(0,0,0,.1)}
.admin-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;font-size:.82rem;font-weight:600}
.admin-dropdown-menu .dropdown-item i{color:#69736b;width:18px}
.admin-dropdown-menu .dropdown-item:hover{background:#eef8f1;color:var(--green-dark)}
.admin-compact-logout{margin-left:auto}
@media(max-width:700px){
 .admin-compact-nav{align-items:flex-start}
 .admin-compact-left{gap:2px}
 .admin-home-link span,.admin-compact-logout span{display:none}
 .admin-home-link,.admin-dropdown-toggle{font-size:.74rem;padding:7px}
}

.admin-stat>a{display:block;margin-top:8px;font-size:.72rem;font-weight:700;text-decoration:none}.admin-stat>a:hover{text-decoration:underline}

/* v1.0.3 unified admin filtering + paging */
.admin-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px;border:1px solid #e3e8e4;border-radius:13px;background:#f9fbfa;margin-bottom:18px}
.admin-filter-bar .form-control,.admin-filter-bar .form-select{width:auto;min-width:145px}
.admin-filter-bar .filter-search{position:relative;flex:1 1 260px;min-width:220px}
.admin-filter-bar .filter-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8b948d;z-index:2}
.admin-filter-bar .filter-search .form-control{width:100%;padding-left:34px}
.admin-filter-bar .page-size{min-width:105px}
.admin-filter-bar .date-filter{min-width:145px}
.admin-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.admin-list-head .admin-filter-bar{margin-bottom:0}
.admin-pager-wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;flex-wrap:wrap}
.admin-pager-summary{font-size:.8rem;color:#6e7770}
.admin-list-empty{padding:28px;text-align:center;color:#7a837c}
.pagination .page-item.active .page-link{background:var(--green);border-color:var(--green);color:#fff}
.pagination .page-link{color:var(--green-dark)}
@media(max-width:991.98px){.admin-list-head{flex-direction:column}.admin-list-head>a{align-self:flex-end}.admin-filter-bar .form-control,.admin-filter-bar .form-select{flex:1 1 180px}.admin-filter-bar .filter-search{flex-basis:100%}}

/* v1.0.4 duplicate validation */
.validation-summary-valid{display:none!important}

/* v1.1.1 Sales Representative Management */
.workload-count{display:inline-flex;min-width:32px;justify-content:center;padding:4px 8px;border-radius:99px;font-size:.76rem;font-weight:800}
.workload-count.pending{background:#fff4df;color:#9a6200}
.workload-count.confirmed{background:#eaf8ee;color:#18733a}
.workload-count.completed{background:#edf2fb;color:#46669e}

/* v1.2 Lead CRM */
.crm-pipeline{display:grid;grid-template-columns:repeat(9,minmax(110px,1fr));gap:8px;overflow-x:auto;padding-bottom:5px}
.crm-stage{border:1px solid #e2e7e4;border-radius:12px;padding:14px;background:#fff;min-width:110px}
.crm-stage small,.crm-stage span{display:block;color:#66736c;font-size:.72rem}.crm-stage strong{display:block;font-size:1.6rem;margin:4px 0}
.crm-timeline{border-left:2px solid #e6ebe8;margin-left:8px;padding-left:22px}.crm-activity{position:relative;display:flex;gap:12px;padding:0 0 20px}.crm-activity-icon{position:absolute;left:-29px;color:#159447;font-size:.55rem;background:#fff;padding:2px}.crm-activity p{color:#34443b}
.crm-followup{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:inherit;padding:12px 0;border-bottom:1px solid #edf0ee}.crm-followup small{display:block;color:#6c7771}.crm-followup span{font-size:.78rem;white-space:nowrap}.crm-followup span.overdue{color:#c92828;font-weight:700}
@media(max-width:991px){.crm-pipeline{grid-template-columns:repeat(9,140px)}}

/* v1.3 Commercial operations */
.onboarding-item{padding:14px 0;border-bottom:1px solid #e8ece9}.commercial-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.commercial-flow span{padding:10px 14px;border:1px solid #dce5df;border-radius:10px;background:#f8fbf9;font-weight:700}.commercial-flow i{color:#159447}

/* v1.3.1 User Management & RBAC */
.role-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.role-option,.permission-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e1e7e3;border-radius:10px;background:#fff}
.role-option input,.permission-option input{margin-top:4px}
.role-option span,.permission-option span{display:block}.role-option small,.permission-option small{display:block;color:#748078;font-size:.72rem}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sticky-save-bar{position:sticky;bottom:10px;padding:12px;border:1px solid #dfe6e1;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(0,0,0,.08)}
@media(max-width:767.98px){.role-selection,.permission-grid{grid-template-columns:1fr}}