:root{--green:#00a84f;--green-2:#18d66b;--green-dark:#087b3c;--ink:#0a1224;--muted:#64748b;--soft:#f3f8f5;--line:#dce9e1;--white:#fff;--grey:#9aa5b1;--shadow:0 24px 70px rgba(10,18,36,.13);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}body.nav-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,233,225,.85)}.nav-row{min-height:78px;display:flex;align-items:center;gap:24px}.brand{flex:0 0 auto}.brand img{width:190px;height:58px;object-fit:contain}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:14px;font-weight:750}.primary-nav>a,.dropdown-trigger{padding:27px 0;transition:.2s}.primary-nav>a:hover,.dropdown-trigger:hover{color:var(--green)}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:5px}.dropdown-menu{position:absolute;top:calc(100% - 8px);left:50%;width:330px;transform:translate(-50%,12px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.24s}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.dropdown-menu a{display:block;padding:12px 13px;border-radius:12px}.dropdown-menu a:hover{background:#effaf3;color:var(--green-dark)}.dropdown-menu b,.dropdown-menu small{display:block}.dropdown-menu small{color:var(--muted);font-weight:550;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:13px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;box-shadow:0 12px 28px rgba(0,168,79,.24)}.btn-light{background:#fff;border-color:var(--line);color:var(--ink)}.nav-cta{margin-left:4px}.mobile-demo,.nav-toggle{display:none}.page-hero{position:relative;overflow:hidden;padding:82px 0 74px;background:radial-gradient(circle at 82% 22%,rgba(24,214,107,.2),transparent 33%),linear-gradient(180deg,#f8fffb,#fff)}.page-hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(0,168,79,.12);border-radius:50%;right:-180px;top:-250px}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;position:relative}.page-hero h1{font-size:clamp(42px,5.7vw,72px);line-height:1.04;letter-spacing:-.045em;margin:18px 0}.gradient{background:linear-gradient(135deg,var(--green-dark),var(--green-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:var(--muted);max-width:700px}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e9faf0;color:var(--green-dark);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.icon-hero{position:relative;min-height:430px}.hero-real-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.icon-hero:after{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(140deg,transparent 40%,rgba(0,70,34,.38));pointer-events:none}.hero-mascot{position:absolute;z-index:3;width:52%;right:-4%;bottom:-12%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.22));animation:float 5s ease-in-out infinite}.hero-tick-card,.floating-note{position:absolute;z-index:4;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:12px 15px;font-weight:800}.hero-tick-card{left:-24px;top:24px}.hero-tick-card span,.floating-note span{color:var(--green);letter-spacing:-4px;margin-right:7px}.home-visual{min-height:500px}.home-visual .hero-real-image{filter:saturate(.82);}.home-mascot{position:absolute;z-index:4;width:75%;left:12%;bottom:-12%;filter:drop-shadow(0 28px 30px rgba(0,0,0,.23));animation:float 5s ease-in-out infinite}.floating-note{font-size:14px}.note-one{left:-24px;top:17%}.note-two{right:-18px;bottom:14%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}.stat{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px;box-shadow:0 13px 36px rgba(10,18,36,.07)}.stat b{display:block;font-size:28px;color:var(--green)}.stat span{color:var(--muted)}.section-shell{padding:88px 0}.soft{background:var(--soft)}.section-head{max-width:790px;margin-bottom:38px}.section-head h2,.split-feature h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:12px 0}.section-head p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-card{border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden;transition:.3s;box-shadow:0 10px 35px rgba(10,18,36,.05)}.media-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#b9e8ca}.card-image{height:205px;overflow:hidden;background:#e7f3eb}.card-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.media-card:hover .card-image img{transform:scale(1.045)}.media-card-body{padding:24px}.media-card h3{font-size:21px;margin:0 0 8px}.media-card p{color:var(--muted);margin:0}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.mock-dashboard{position:relative;min-height:440px;border-radius:28px;overflow:hidden;background:#0b1525;box-shadow:var(--shadow)}.mock-dashboard>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.62) saturate(.88)}.dashboard-ui{position:absolute;z-index:2;inset:30px;background:rgba(8,17,31,.86);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:22px;padding:24px;color:#fff}.dash-top{font-weight:800;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:13px;margin-bottom:20px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 6px rgba(24,214,107,.13);margin-right:10px}.chat-stack{display:grid;gap:12px}.chat-bubble{padding:12px 14px;border-radius:15px;max-width:84%;font-size:14px}.chat-bubble.incoming{background:#1d2a3e}.chat-bubble.outgoing{background:#06a754;margin-left:auto}.workflow{display:grid;gap:14px;margin-top:26px}.step{display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.step span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:850}.step p{margin:3px 0 0;color:var(--muted)}.journey-ui{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.journey-node{padding:14px;background:#1d2a3e;border-radius:14px}.journey-node.active{background:var(--green)}.analytics-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.metric{background:#16263b;padding:16px;border-radius:15px;text-align:center}.metric b,.metric small{display:block}.metric b{font-size:27px;color:var(--green-2)}.bar-chart{grid-column:1/-1;height:160px;display:flex;align-items:end;gap:13px;padding:20px;background:#101d30;border-radius:16px}.bar-chart i{flex:1;background:linear-gradient(var(--green-2),var(--green));border-radius:8px 8px 2px 2px}.integration-flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:25px}.integration-flow span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800}.code-ui{display:grid;align-content:center;gap:13px}.code-ui code{background:#0f2135;color:#bff9d4;padding:14px;border-radius:12px;overflow:auto}.values-ui{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}.values-ui span{padding:24px;border-radius:17px;background:#15283d;text-align:center;font-weight:850}.center-action{text-align:center;margin-top:30px}.industry-teaser-grid .card-image{height:250px}.journey-list{display:grid;gap:58px}.industry-journey{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}.industry-journey.reverse .journey-copy{order:2}.industry-journey.reverse .industry-dashboard{order:1}.journey-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:13px 0}.journey-copy p{font-size:18px;color:var(--muted)}.journey-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.journey-chips span{background:#eafaf1;color:var(--green-dark);border-radius:999px;padding:8px 11px;font-weight:750;font-size:13px}.text-link{color:var(--green-dark);font-weight:850}.industry-dashboard{min-height:430px}.industry-ui{inset:auto 25px 24px 25px;min-height:210px}.timeline{display:grid;gap:11px}.timeline div{background:#14243a;border-radius:12px;padding:11px 13px;display:flex;gap:10px;align-items:center}.timeline span{color:var(--green-2);letter-spacing:-4px}.tool-card .btn{margin-top:20px}.tool-number{display:inline-block;color:var(--green-dark);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.toolbox{display:grid;grid-template-columns:1fr 1fr;gap:25px}.formbox,.previewbox,.contact-form-card{border:1px solid var(--line);border-radius:24px;padding:29px;background:#fff;box-shadow:0 15px 45px rgba(10,18,36,.07)}.formbox h2,.previewbox h2,.contact-form-card h2{margin-top:0;font-size:30px}label{display:block;font-weight:800;margin:15px 0 7px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #c8d7ce;border-radius:12px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,168,79,.1)}textarea{min-height:115px;resize:vertical}.formbox>.btn{margin-top:20px}.form-hint{font-size:13px;color:var(--muted)}.code{background:#07101f;color:#d7f9e4;padding:17px;border-radius:14px;overflow:auto;white-space:pre-wrap;max-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.real-preview{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;margin-top:27px;border:1px solid var(--line);border-radius:18px;padding:12px}.real-preview img{width:130px;height:100px;object-fit:cover;border-radius:13px}.real-preview p{margin:4px 0 0;color:var(--muted)}.widget-preview-stage{position:relative;height:300px;border-radius:18px;overflow:hidden}.widget-preview-stage>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.demo-wa-button{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;background:#00a84f;color:#fff;padding:13px 17px;border-radius:999px;font-weight:850;box-shadow:0 12px 28px rgba(0,0,0,.28)}.demo-wa-button svg{width:24px;height:24px;fill:#fff}.qr-canvas{min-height:330px;display:grid;place-items:center;border:1px dashed #b8cdbf;border-radius:18px;background:#f7fbf8;margin-bottom:20px;padding:20px}.qr-canvas img{max-width:100%;display:none}.qr-canvas.has-qr img{display:block}.qr-canvas.has-qr #qrPlaceholder{display:none}#qrPlaceholder{text-align:center;color:var(--muted)}#qrPlaceholder span{font-size:42px;letter-spacing:-10px;color:var(--green);margin-right:10px}.faq-section{background:#fbfdfc}.faq-list{max-width:900px;display:grid;gap:13px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.faq-item.open{border-color:#b9e8ca;box-shadow:0 12px 35px rgba(10,18,36,.07)}.faq-question{width:100%;border:0;background:transparent;padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-weight:850;cursor:pointer}.faq-icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#eafaf1}.faq-icon:before{content:"";display:block;width:27px;height:20px;background:url("double-check.png") center/contain no-repeat;transition:.25s}.faq-item.open .faq-icon{background:#f1f3f5}.faq-item.open .faq-icon:before{content:"−";display:grid;place-items:center;width:auto;height:auto;background:none;color:#9aa1aa;letter-spacing:0;margin:0;font-size:23px;font-weight:700}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .32s,transform .35s;transform:translateY(-7px)}.faq-answer>div{padding:0 23px 22px}.faq-answer p{margin:0;color:var(--muted)}.faq-item.open .faq-answer{opacity:1;transform:none}.cta-shell{padding-top:30px}.cta{background:linear-gradient(135deg,#071425,#0b5d39);color:#fff;border-radius:30px;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:40px;line-height:1.1;margin:0 0 12px}.cta p{margin:0;color:#cfe0d7}.cta .actions{margin:0}.contact-quick{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--green-dark);font-weight:800}.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:26px}.contact-info-stack{display:grid;gap:22px}.contact-info{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(10,18,36,.06)}.contact-info img{width:100%;height:100%;object-fit:cover;min-height:235px}.contact-info>div{padding:27px}.contact-info h3{font-size:25px;margin:12px 0 7px}.contact-info p{color:var(--muted)}.map-frame{border:1px solid var(--line);background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.map-frame iframe{width:100%;height:480px;border:0;display:block}.map-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px}.map-caption a{color:var(--green-dark);font-weight:850}.legal-copy{max-width:800px}.legal-copy h2{font-size:30px;margin-top:32px}.legal-copy p{color:var(--muted)}.footer{background:#07101f;color:#dce7e1;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,minmax(120px,1fr));gap:30px}.footer-brand img{width:230px;height:70px;object-fit:contain;filter:brightness(0) invert(1);object-position:left center}.footer p{color:#b9c6c0}.footer h4{color:#fff}.footer a{display:block;color:#b9c6c0;margin:8px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #223047;padding-top:21px;margin-top:36px;display:flex;justify-content:space-between;gap:20px;color:#9faea7;font-size:14px}.whatsapp-float{position:fixed;right:22px;bottom:70px;z-index:150}.whatsapp-launcher{border:0;background:#00a84f;color:#fff;border-radius:999px;padding:13px 17px;display:flex;align-items:center;gap:9px;font-weight:850;box-shadow:0 15px 38px rgba(0,0,0,.28);cursor:pointer}.whatsapp-launcher svg{width:28px;height:28px;fill:#fff}.whatsapp-panel{position:absolute;right:0;bottom:68px;width:330px;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:.28s}.whatsapp-float.open .whatsapp-panel{opacity:1;visibility:visible;transform:none}.wa-panel-head{background:#075e54;color:#fff;padding:15px;display:flex;align-items:center;gap:11px}.wa-avatar{width:42px;height:42px;border-radius:50%;background:#fff;overflow:hidden;flex:0 0 42px}.wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-panel-head b,.wa-panel-head small{display:block}.wa-panel-head small{opacity:.8}.wa-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.wa-panel-body{padding:18px;background:#efeae2}.wa-panel-body p{background:#fff;border-radius:12px;padding:13px;margin:0;box-shadow:0 3px 10px rgba(0,0,0,.08)}.wa-start{display:block;margin:14px;background:#25d366;color:#fff;text-align:center;padding:12px;border-radius:999px;font-weight:850}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#07101f;color:#fff;padding:11px 16px;border-radius:999px;opacity:0;z-index:300;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:980px){.nav-toggle{display:grid;margin-left:auto;width:43px;height:43px;border:1px solid var(--line);background:#fff;border-radius:12px;place-content:center;gap:5px}.nav-toggle span{width:21px;height:2px;background:var(--ink);display:block}.nav-cta{display:none}.primary-nav{position:fixed;inset:79px 0 auto 0;max-height:calc(100vh - 79px);overflow:auto;background:#fff;border-bottom:1px solid var(--line);padding:20px 4%;display:none;align-items:stretch;gap:0;box-shadow:0 20px 40px rgba(10,18,36,.12)}.primary-nav.open{display:block}.primary-nav>a,.dropdown-trigger{display:block;padding:13px 5px;border-bottom:1px solid #edf2ef}.mobile-demo{display:block!important;color:var(--green-dark)!important}.nav-dropdown .dropdown-menu{position:static;width:auto;transform:none;box-shadow:none;border:0;padding:5px 0 10px 14px;opacity:1;visibility:visible;pointer-events:auto;display:block}.dropdown-menu a{border-left:2px solid #dce9e1;border-radius:0;padding:10px 14px}.page-hero-grid,.split-feature,.industry-journey,.contact-layout{grid-template-columns:1fr}.icon-hero{min-height:430px;max-width:650px;width:100%;margin:auto}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.industry-journey.reverse .journey-copy,.industry-journey.reverse .industry-dashboard{order:initial}.contact-info{grid-template-columns:180px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta{display:block}.cta .actions{margin-top:24px}.toolbox{grid-template-columns:1fr}.map-caption{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.brand img{width:145px;height:50px}.nav-row{min-height:70px}.primary-nav{inset:71px 0 auto 0;max-height:calc(100vh - 71px)}.page-hero{padding:58px 0 62px}.page-hero h1{font-size:42px}.icon-hero,.home-visual{min-height:360px}.hero-mascot{width:58%;right:-2%;bottom:-8%}.home-mascot{width:84%;left:8%}.hero-tick-card,.note-one{left:8px}.note-two{right:8px}.grid,.stats,.footer-grid{grid-template-columns:1fr}.section-shell{padding:66px 0}.card-image{height:225px}.split-feature h2,.section-head h2{font-size:35px}.mock-dashboard,.industry-dashboard{min-height:390px}.dashboard-ui{inset:18px}.industry-ui{inset:auto 16px 16px}.cta{padding:30px}.cta h2{font-size:32px}.contact-info{grid-template-columns:1fr}.contact-info img{height:220px;min-height:0}.map-frame iframe{height:380px}.footer-bottom{flex-direction:column}.whatsapp-launcher span{display:none}.whatsapp-launcher{width:58px;height:58px;padding:0;justify-content:center}.whatsapp-panel{width:min(330px,calc(100vw - 30px));right:-7px}.real-preview{grid-template-columns:1fr}.real-preview img{width:100%;height:150px}.faq-question{padding:18px}.faq-answer>div{padding:0 18px 19px}}
/* SEO/GEO/AEO site architecture additions */
.dropdown-trigger{border:0;background:transparent;color:inherit;font-weight:750;cursor:pointer;font-size:14px}.mega-menu{width:min(760px,88vw);left:50%;padding:16px}.mega-menu-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--green-dark);font-weight:900;padding:4px 8px 12px}.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mega-links a{min-width:0}.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.breadcrumbs{background:#f8fbf9;border-bottom:1px solid var(--line)}.breadcrumbs ol{width:min(1180px,92%);margin:0 auto;padding:11px 0;display:flex;gap:9px;align-items:center;list-style:none;font-size:13px;color:var(--muted);overflow:auto;white-space:nowrap}.breadcrumbs li+li:before{content:"/";margin-right:9px;color:#a8b4ad}.breadcrumbs a:hover{color:var(--green-dark)}
.answer-section{padding:42px 0 0}.direct-answer{border:1px solid #bfe8ce;background:linear-gradient(135deg,#f2fcf6,#fff);border-radius:26px;padding:34px;box-shadow:0 18px 50px rgba(10,18,36,.07)}.direct-answer h2{font-size:clamp(28px,3.5vw,43px);line-height:1.12;margin:14px 0}.direct-answer>p{font-size:19px;color:#405066;max-width:950px}.direct-answer.warning{border-color:#ead49b;background:linear-gradient(135deg,#fff9e9,#fff)}.entity-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.entity-facts span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:800;color:#405066}
.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{border:1px solid var(--line);border-radius:21px;background:#fff;padding:25px;box-shadow:0 10px 32px rgba(10,18,36,.05)}.feature-card h3{font-size:21px;margin:13px 0 7px}.feature-card p{margin:0;color:var(--muted)}.mini-check{display:block;width:40px;height:28px;object-fit:contain;object-position:left center;margin-bottom:2px}.process-list{display:grid;gap:12px;margin-top:22px}.process-step{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.process-step>span{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8faef;color:var(--green-dark);font-weight:900;font-size:12px}.process-step h3{margin:1px 0 2px;font-size:18px}.process-step p{margin:0;color:var(--muted);font-size:14px}.metric-stack{display:flex;align-items:baseline;gap:9px;margin:14px 0 20px}.metric-stack b{font-size:35px;color:var(--green-2)}.metric-stack span{color:#c8d8d0}.media-grid.three{grid-template-columns:repeat(3,1fr)}.media-card-body>a{display:inline-block;margin-top:13px;color:var(--green-dark);font-weight:850}.site-footer,.footer{background:#07101f;color:#dce7e1;padding:62px 0 24px}.footer-logo{width:230px;height:70px;object-fit:contain;object-position:left center}.contact-side{display:grid;gap:22px}.contact-info.text-only{display:block}.contact-info.text-only>div{padding:27px}.tool-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1120px) and (min-width:981px){.primary-nav{gap:14px;font-size:13px}.dropdown-trigger{font-size:13px}.brand img{width:165px}.nav-row{gap:15px}.nav-cta{padding:12px 15px}}
@media(max-width:980px){.dropdown-trigger{width:100%;display:flex!important;align-items:center;justify-content:space-between;text-align:left}.nav-dropdown .dropdown-menu{display:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-dropdown.open .dropdown-menu{display:block;transform:none}.mega-menu{width:auto}.mega-links{grid-template-columns:1fr}.mega-menu-label{display:none}.feature-grid,.media-grid.three,.tool-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.feature-grid,.media-grid.three,.tool-grid{grid-template-columns:1fr}.direct-answer{padding:24px}.answer-section{padding-top:25px}.breadcrumbs ol{padding:9px 0}.page-hero-grid{gap:35px}.entity-facts span{font-size:12px}}
/* Keep wide desktop mega menus inside the viewport. */
@media(min-width:981px){
  .primary-nav .nav-dropdown:nth-of-type(1) .mega-menu{left:0;transform:translate(0,12px)}
  .primary-nav .nav-dropdown:nth-of-type(1):hover .mega-menu,.primary-nav .nav-dropdown:nth-of-type(1):focus-within .mega-menu,.primary-nav .nav-dropdown:nth-of-type(1).open .mega-menu{transform:translate(0,0)}
  .primary-nav .nav-dropdown:nth-of-type(4) .mega-menu,.primary-nav .nav-dropdown:nth-of-type(5) .mega-menu{left:auto;right:0;transform:translate(0,12px)}
  .primary-nav .nav-dropdown:nth-of-type(4):hover .mega-menu,.primary-nav .nav-dropdown:nth-of-type(4):focus-within .mega-menu,.primary-nav .nav-dropdown:nth-of-type(4).open .mega-menu,.primary-nav .nav-dropdown:nth-of-type(5):hover .mega-menu,.primary-nav .nav-dropdown:nth-of-type(5):focus-within .mega-menu,.primary-nav .nav-dropdown:nth-of-type(5).open .mega-menu{transform:translate(0,0)}
  .primary-nav .nav-dropdown:nth-of-type(5) .mega-menu{width:440px}
}


/* 2026-08 visual refinement: smoother semi-bold navigation, favicon, and real section imagery. */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.primary-nav,.primary-nav>a,.dropdown-trigger{font-weight:600;letter-spacing:.006em}
.dropdown-menu b,.mega-links b{font-weight:650;letter-spacing:.002em}
.dropdown-menu small,.mega-links small{font-weight:500;line-height:1.45}
.mega-menu-label{font-weight:650}

.feature-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.feature-card-image{height:156px;overflow:hidden;background:#e7f3eb}
.feature-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;filter:saturate(.92)}
.feature-card:hover .feature-card-image img{transform:scale(1.045)}
.feature-card-body{padding:22px 24px 25px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.feature-card-body .mini-check{margin-bottom:3px}
.feature-card-body h3{margin:10px 0 7px}
.feature-card-body p{margin:0}

.direct-answer{display:grid;grid-template-columns:minmax(0,1fr) 285px;column-gap:30px;align-items:center}
.direct-answer>.eyebrow,.direct-answer>h2,.direct-answer>p,.direct-answer>.entity-facts{grid-column:1}
.direct-answer-media{grid-column:2;grid-row:1/6;width:100%;height:210px;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(10,18,36,.12)}
.direct-answer-media img{width:100%;height:100%;object-fit:cover}
.direct-answer>p{font-size:19px;color:#405066;max-width:950px}

.section-context-media,.faq-context-media{width:100%;height:260px;border-radius:24px;overflow:hidden;margin:0 0 34px;box-shadow:0 16px 42px rgba(10,18,36,.09);border:1px solid var(--line)}
.section-context-media img,.faq-context-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(.92)}
.section-context-media:hover img,.faq-context-media:hover img{transform:scale(1.025)}
.faq-context-media{max-width:900px;height:230px}

.cta{overflow:hidden}
.cta-context-image{width:190px;height:145px;flex:0 0 190px;object-fit:cover;border-radius:19px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.wa-avatar img{background:#fff;object-fit:contain;padding:4px}

@media(max-width:980px){
  .primary-nav,.primary-nav>a,.dropdown-trigger{font-weight:600}
  .direct-answer{grid-template-columns:1fr}
  .direct-answer-media{grid-column:1;grid-row:auto;height:240px;margin-top:22px}
  .cta-context-image{width:100%;height:210px;margin-top:22px}
}
@media(max-width:650px){
  .feature-card-image{height:185px}
  .section-context-media,.faq-context-media{height:210px;border-radius:19px;margin-bottom:26px}
  .direct-answer-media{height:205px}
}

/* Supplied Tick-Twice double-check artwork */
.dropdown-trigger:before{content:"";width:15px;height:11px;flex:0 0 15px;background:url("double-check.png") center/contain no-repeat}
.mega-menu-label{display:flex;align-items:center;gap:8px}
.mega-menu-label:before{content:"";width:23px;height:17px;flex:0 0 23px;background:url("double-check.png") center/contain no-repeat}
.footer h4{display:flex;align-items:center;gap:8px}
.footer h4:before{content:"";width:24px;height:18px;flex:0 0 24px;background:url("double-check.png") center/contain no-repeat}
.inline-check-icon{display:inline-block;width:28px;height:20px;object-fit:contain;vertical-align:-4px;flex:0 0 28px}
.hero-tick-card,.floating-note{display:flex;align-items:center;gap:7px}
.chat-bubble .inline-check-icon{width:24px;height:17px;vertical-align:-3px;margin-right:3px}
@media(max-width:1100px) and (min-width:981px){.primary-nav{gap:15px;font-size:13px}.dropdown-trigger:before{width:12px;height:9px;flex-basis:12px}.nav-row{gap:16px}.brand img{width:170px}.nav-cta{padding-inline:15px}}

/* 2026-08 update: supplied double-check icon on every navigation and footer link. */
.mega-links a{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  column-gap:10px;
  align-items:start;
}
.mega-links a::before{
  content:"";
  grid-column:1;
  grid-row:1 / span 2;
  width:18px;
  height:13px;
  margin-top:4px;
  background:url("double-check.png") center/contain no-repeat;
}
.mega-links a b,
.mega-links a small{grid-column:2;min-width:0}

.footer-grid>div:not(:first-child)>a{
  display:flex;
  align-items:center;
  gap:8px;
}
.footer-grid>div:not(:first-child)>a::before{
  content:"";
  width:16px;
  height:12px;
  flex:0 0 16px;
  background:url("double-check.png") center/contain no-repeat;
}

.nav-cta::before,
.mobile-demo::before{
  content:"";
  width:16px;
  height:12px;
  flex:0 0 16px;
  background:url("double-check.png") center/contain no-repeat;
}
.nav-cta::before{filter:brightness(0) invert(1)}

@media(max-width:980px){
  .mobile-demo{display:flex!important;align-items:center;gap:8px}
  .mega-links a{grid-template-columns:17px minmax(0,1fr);column-gap:9px}
  .mega-links a::before{width:17px;height:12px;margin-top:4px}
}


/* 2026-08 V5: global motion, interaction and hover system. */
:root{
  --ease-smooth:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.2,.9,.25,1.15);
  --hover-shadow:0 22px 55px rgba(10,18,36,.14);
}
body{animation:pageFadeIn .55s var(--ease-smooth) both}
.site-header{animation:headerSlideDown .7s var(--ease-smooth) both}
.page-hero .eyebrow{animation:heroRise .65s .06s var(--ease-smooth) both}
.page-hero h1{animation:heroRise .72s .13s var(--ease-smooth) both}
.page-hero .lead{animation:heroRise .72s .2s var(--ease-smooth) both}
.page-hero .actions{animation:heroRise .72s .27s var(--ease-smooth) both}
.page-hero .icon-hero{animation:heroVisualIn .9s .16s var(--ease-smooth) both}
.page-hero:before{animation:orbDrift 10s ease-in-out infinite alternate}

.motion-item{
  opacity:0;
  transform:translate3d(0,30px,0) scale(.985);
  transition:
    opacity .72s var(--ease-smooth) var(--motion-delay,0ms),
    transform .72s var(--ease-smooth) var(--motion-delay,0ms);
  will-change:opacity,transform;
}
.motion-item.motion-visible{opacity:1;transform:none}
.motion-item.motion-left{transform:translate3d(-34px,0,0)}
.motion-item.motion-right{transform:translate3d(34px,0,0)}
.motion-item.motion-left.motion-visible,.motion-item.motion-right.motion-visible{transform:none}

/* Navigation and menu interactions */
.brand img{transition:transform .38s var(--ease-spring),filter .38s ease}
.brand:hover img{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 9px 15px rgba(0,168,79,.16))}
.primary-nav>a,.dropdown-trigger{position:relative;transition:color .25s ease,transform .25s var(--ease-smooth)}
.primary-nav>a::after,.dropdown-trigger::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green),var(--green-2));
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .3s var(--ease-smooth);
}
.primary-nav>a:hover,.dropdown-trigger:hover{transform:translateY(-1px)}
.primary-nav>a:hover::after,.primary-nav>a:focus-visible::after,.dropdown-trigger:hover::after,.dropdown-trigger:focus-visible::after,.nav-dropdown.open .dropdown-trigger::after{transform:scaleX(1)}
.dropdown-menu{transform-origin:top center;transition:opacity .26s ease,visibility .26s ease,transform .34s var(--ease-smooth),box-shadow .34s ease}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{box-shadow:0 28px 75px rgba(10,18,36,.18)}
.mega-links a,.dropdown-menu a{transition:background .25s ease,color .25s ease,transform .25s var(--ease-smooth),box-shadow .25s ease}
.mega-links a:hover,.dropdown-menu a:hover{transform:translateX(5px);box-shadow:inset 3px 0 0 rgba(0,168,79,.55)}
.mega-links a::before,.footer-grid>div:not(:first-child)>a::before,.nav-cta::before,.mobile-demo::before{transition:transform .3s var(--ease-spring),filter .3s ease}
.mega-links a:hover::before,.footer-grid>div:not(:first-child)>a:hover::before{transform:scale(1.18) rotate(-4deg);filter:drop-shadow(0 4px 5px rgba(0,168,79,.25))}
.nav-toggle{transition:transform .25s var(--ease-smooth),border-color .25s ease,box-shadow .25s ease}
.nav-toggle:hover{transform:scale(1.04);border-color:#b9e8ca;box-shadow:0 9px 24px rgba(10,18,36,.1)}
.nav-toggle span{transition:transform .3s var(--ease-smooth),opacity .2s ease}
body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .nav-toggle span:nth-child(2){opacity:0}
body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Buttons */
.btn,.whatsapp-launcher,.wa-start,.demo-wa-button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .28s var(--ease-spring),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;
}
.btn::after,.wa-start::after,.demo-wa-button::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35% auto -35% -45%;
  width:34%;
  transform:skewX(-22deg) translateX(-260%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transition:transform .62s var(--ease-smooth);
}
.btn:hover,.whatsapp-launcher:hover,.wa-start:hover,.demo-wa-button:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 18px 38px rgba(0,168,79,.24)}
.btn:hover::after,.wa-start:hover::after,.demo-wa-button:hover::after{transform:skewX(-22deg) translateX(600%)}
.btn:active,.whatsapp-launcher:active,.wa-start:active,.demo-wa-button:active{transform:translateY(0) scale(.985)}
.btn-light:hover{border-color:#b6e5c7;color:var(--green-dark);background:#f7fdf9}

/* Cards, sections and image hover effects */
.feature-card,.media-card,.stat,.process-step,.faq-item,.formbox,.previewbox,.contact-form-card,.contact-info,.direct-answer,.map-frame{
  transition:transform .36s var(--ease-smooth),box-shadow .36s ease,border-color .36s ease;
}
.feature-card:hover,.media-card:hover,.stat:hover,.process-step:hover,.faq-item:hover,.formbox:hover,.previewbox:hover,.contact-form-card:hover,.contact-info:hover,.direct-answer:hover,.map-frame:hover{
  transform:translateY(-7px);
  box-shadow:var(--hover-shadow);
  border-color:#b9e8ca;
}
.stat:hover b{transform:translateY(-2px);text-shadow:0 8px 20px rgba(0,168,79,.18)}
.stat b{transition:transform .3s var(--ease-spring),text-shadow .3s ease}
.feature-card-image img,.card-image img,.section-context-media img,.faq-context-media img,.direct-answer-media img,.contact-info img,.cta-context-image,.mock-dashboard>img,.hero-real-image{
  transition:transform .65s var(--ease-smooth),filter .45s ease;
}
.feature-card:hover .feature-card-image img,.media-card:hover .card-image img,.section-context-media:hover img,.faq-context-media:hover img,.direct-answer:hover .direct-answer-media img,.contact-info:hover img,.cta:hover .cta-context-image,.mock-dashboard:hover>img,.icon-hero:hover .hero-real-image{
  transform:scale(1.055);
  filter:saturate(1.05) contrast(1.02);
}
.icon-hero{transition:transform .45s var(--ease-smooth),filter .45s ease}
.icon-hero:hover{transform:translateY(-6px);filter:drop-shadow(0 18px 28px rgba(10,18,36,.13))}
.mock-dashboard,.industry-dashboard{transition:transform .42s var(--ease-smooth),box-shadow .42s ease}
.mock-dashboard:hover,.industry-dashboard:hover{transform:translateY(-7px) rotateX(.8deg);box-shadow:0 30px 80px rgba(10,18,36,.2)}
.dashboard-ui{transition:transform .42s var(--ease-smooth),border-color .42s ease}
.mock-dashboard:hover .dashboard-ui{transform:translateY(-3px);border-color:rgba(24,214,107,.28)}
.eyebrow{transition:transform .3s var(--ease-spring),box-shadow .3s ease,background .3s ease}
.eyebrow:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,168,79,.12);background:#def7e8}
.faq-question{transition:color .25s ease,background .25s ease}
.faq-question:hover{color:var(--green-dark);background:#f8fdf9}
.faq-icon{transition:transform .32s var(--ease-spring),background .25s ease}
.faq-question:hover .faq-icon{transform:scale(1.08) rotate(-3deg)}
.faq-item.open .faq-icon{transform:rotate(180deg)}

/* Text and footer link hover effects */
.media-card-body>a,.text-link,.contact-quick a,.map-caption a,.legal-copy a,main p>a{
  position:relative;
  display:inline-block;
  color:var(--green-dark);
  transition:color .25s ease,transform .25s var(--ease-smooth);
}
.media-card-body>a::after,.text-link::after,.contact-quick a::after,.map-caption a::after,.legal-copy a::after,main p>a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--ease-smooth);
}
.media-card-body>a:hover,.text-link:hover,.contact-quick a:hover,.map-caption a:hover,.legal-copy a:hover,main p>a:hover{transform:translateX(3px);color:var(--green)}
.media-card-body>a:hover::after,.text-link:hover::after,.contact-quick a:hover::after,.map-caption a:hover::after,.legal-copy a:hover::after,main p>a:hover::after{transform:scaleX(1)}
.footer a{transition:color .25s ease,transform .25s var(--ease-smooth),opacity .25s ease}
.footer a:hover{transform:translateX(5px);color:#fff}
.footer-logo{transition:transform .38s var(--ease-spring),filter .38s ease}
.footer-logo:hover{transform:translateY(-3px) scale(1.025);filter:brightness(0) invert(1) drop-shadow(0 10px 18px rgba(24,214,107,.2))}
.whatsapp-launcher{animation:waPulse 2.8s ease-in-out infinite}
.whatsapp-panel{transition:opacity .3s ease,visibility .3s ease,transform .38s var(--ease-smooth)}

:focus-visible{outline:3px solid rgba(24,214,107,.42);outline-offset:4px}

@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}
@keyframes headerSlideDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes heroRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translate3d(30px,15px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes orbDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-45px,30px,0) scale(1.08)}}
@keyframes waPulse{0%,100%{box-shadow:0 15px 38px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,.22)}50%{box-shadow:0 15px 38px rgba(0,0,0,.28),0 0 0 12px rgba(37,211,102,0)}}

@media(max-width:980px){
  .primary-nav>a::after,.dropdown-trigger::after{bottom:8px;transform-origin:left}
  .primary-nav.open{animation:mobileMenuIn .35s var(--ease-smooth) both}
  .mega-links a:hover,.dropdown-menu a:hover{transform:translateX(3px)}
  @keyframes mobileMenuIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
}
@media(hover:none){
  .feature-card:hover,.media-card:hover,.stat:hover,.process-step:hover,.faq-item:hover,.formbox:hover,.previewbox:hover,.contact-form-card:hover,.contact-info:hover,.direct-answer:hover,.map-frame:hover,.icon-hero:hover,.mock-dashboard:hover,.industry-dashboard:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .motion-item,.motion-item.motion-left,.motion-item.motion-right{opacity:1!important;transform:none!important}
}