*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:#151a20;background:#fff;font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 48px));margin:auto}.section{padding:104px 0}.site-header{height:82px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;border-bottom:1px solid #eceef0;backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:800 20px Manrope,sans-serif;letter-spacing:.04em}.brand img{width:45px;height:45px;object-fit:contain}.brand small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:.13em;color:#6c737a}.main-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:600;color:#424950}.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:#e87500}.nav-cta{background:#f58200;color:#fff;padding:12px 18px;border-radius:6px}.nav-cta span,.btn span{margin-left:10px}.menu-toggle{display:none;background:none;border:0}.hero{padding:82px 0 92px;overflow:hidden;background:radial-gradient(circle at 86% 44%,#fff3e5 0,transparent 32%),linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:#f07800}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#f58200;box-shadow:0 0 0 5px #fff0df}.eyebrow i{font-style:normal;color:#aab0b5}.hero h1{font:800 clamp(40px,5.2vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:25px 0 20px;color:#111820}.hero h1 em,.section h2 em,.industries-band h2 em{font-style:normal;color:#f58200}.hero-lead{font-size:16px;line-height:1.8;color:#626a72;max-width:550px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-primary{background:#f58200;color:white;box-shadow:0 8px 22px #f5820030}.btn-primary:hover{background:#df7100;transform:translateY(-2px)}.btn-outline{border-color:#d9dde1;color:#242a30;background:#fff}.btn-outline:hover{border-color:#f58200;color:#d86d00}.btn-dark{background:#141b22;color:#fff}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:36px}.proof-logos{width:116px;height:48px;display:flex;align-items:center}.proof-logos img{max-height:48px;object-fit:contain}.hero-proof>div:last-child{border-left:1px solid #e1e4e7;padding-left:15px}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:12px}.hero-proof span{font-size:11px;color:#7a8188}.hero-visual{position:relative;padding:25px 0}.visual-glow{position:absolute;inset:7% -8% 2% 10%;background:linear-gradient(135deg,#ffecd8,#f9f5ef);filter:blur(35px);border-radius:50%}.product-card{position:relative;background:#fff;border:1px solid #e8e9eb;border-radius:14px;box-shadow:0 30px 80px #1b25321c;overflow:hidden;transform:rotate(1deg)}.product-card-top{height:49px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:8px;letter-spacing:.12em;color:#8b9299;font-weight:800}.window-dots{display:flex;gap:4px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#d8dce0}.window-dots b:first-child{background:#f58200}.live-pill{background:#fff2e4;color:#e67600;border-radius:30px;padding:5px 8px}.dashboard{display:flex;min-height:290px;background:#fbfcfd}.dash-sidebar{width:52px;background:#18212b;display:flex;align-items:center;flex-direction:column;gap:23px;padding:17px 0}.dash-mark{width:25px;height:25px;background:#f58200;border-radius:7px;color:#fff;text-align:center;font:800 15px/25px Manrope}.dash-sidebar i{width:13px;height:13px;border:1px solid #71808d;border-radius:4px}.dash-main{flex:1;padding:24px 22px}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small,.dash-stats small{display:block;color:#8d969e;font-size:8px;letter-spacing:.1em;font-weight:800}.dash-heading strong{font:700 15px Manrope;display:block;margin-top:5px}.dash-avatar{width:27px;height:27px;background:#fff0df;border-radius:50%;color:#e87900;text-align:center;line-height:27px;font-weight:800}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.dash-stats>div{padding:12px;background:#fff;border:1px solid #edf0f2;border-radius:7px}.dash-stats b{display:block;font:700 14px Manrope;margin:5px 0}.stat-line{display:block;width:65%;height:4px;border-radius:5px;background:#dce8e2}.stat-line.orange{background:#ffe1bd;width:82%}.dash-report{background:#fff;border:1px solid #edf0f2;border-radius:7px;padding:13px}.report-head{display:flex;justify-content:space-between;font-size:10px}.report-head span{color:#a0a6ac;font-size:8px}.chart-bars{height:83px;display:flex;align-items:end;gap:8px;padding:12px 5px 0;border-bottom:1px solid #edf0f2}.chart-bars i{flex:1;border-radius:3px 3px 0 0;background:#d9e1e8;height:35%}.chart-bars i:nth-child(3n){height:68%;background:#f8b56c}.chart-bars i:nth-child(2n){height:50%}.chart-bars i:nth-child(5n){height:88%;background:#f58200}.chart-labels{display:flex;justify-content:space-between;color:#a5abb0;font-size:7px;margin-top:6px}.dash-bottom{display:flex;gap:18px;margin-top:13px;font-size:8px;color:#68727a}.product-brand{display:flex;justify-content:flex-end;padding:8px 20px 13px}.product-brand img{width:86px;height:40px;object-fit:contain}.floating-note{position:absolute;bottom:0;left:-28px;background:#fff;padding:13px 17px;border-radius:9px;box-shadow:0 15px 40px #202a3518;display:flex;gap:11px;align-items:center}.note-icon{width:32px;height:32px;background:#fff1df;color:#f58200;border-radius:8px;text-align:center;line-height:32px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:10px}.floating-note small{font-size:9px;color:#899097}.trust-strip{background:#151d25;color:#fff;padding:22px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between}.trust-inner div{text-align:center}.trust-inner strong,.trust-inner span{display:block}.trust-inner strong{font:700 15px Manrope}.trust-inner span{font-size:10px;color:#aab2ba}.trust-inner>i{height:30px;width:1px;background:#3a434c}.section-kicker{display:flex;align-items:center;gap:14px}.section-kicker span{color:#aeb4ba;font-size:9px}.two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.about-content h2,.section h2,.industries-band h2{font:800 clamp(30px,3.5vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 20px;color:#141b22}.about-content p,.section-heading p,.why-copy p,.faq-layout>div>p{color:#68717a;font-size:15px;line-height:1.85;max-width:680px}.text-link{display:inline-flex;gap:12px;align-items:center;color:#e87500;font-weight:800;font-size:13px;margin-top:13px}.solutions-section{background:#f7f8f9}.section-heading{margin-bottom:38px}.section-heading.centered{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading.centered .section-kicker{justify-content:center}.section-heading p{margin:0 auto}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution-card{background:#fff;padding:25px;border:1px solid #eceff1;border-radius:9px;transition:.2s}.solution-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1b273014;border-color:#f7c48e}.card-icon{width:38px;height:38px;display:grid;place-items:center;background:#fff0df;color:#e97900;border-radius:8px;font:700 18px Manrope}.solution-card h3,.service-card h3{font:700 16px Manrope;margin:17px 0 7px}.solution-card p,.service-card p{color:#78818a;font-size:12px;line-height:1.75;margin:0}.center-action{text-align:center;margin-top:32px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid #e9ecef;border-radius:9px;padding:23px;transition:.2s;background:#fff}.service-top{display:flex;justify-content:space-between;color:#b2b8be;font-size:10px;font-weight:800}.service-top b{color:#f58200;font-size:15px}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:#fff1e1;color:#ed7900;font-size:21px;margin-top:22px}.service-card h3{margin-top:15px}.service-card a{display:inline-block;margin-top:17px;font-size:11px;font-weight:800;color:#e87500}.service-card a span{margin-left:8px}.industries-band{padding:83px 0;background:#151e27;color:#fff}.industries-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-kicker.light{color:#f58200}.industries-band h2{color:#fff;margin:17px 0}.industries-band p{color:#aeb8c1;font-size:14px;max-width:430px}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.industry-list span{padding:16px 0;border-bottom:1px solid #35414b;color:#e1e5e9;font-size:13px}.industry-list span:before{content:"↗";color:#f58200;margin-right:12px}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.why-points>div{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #eceff1}.why-points>div>b{font:700 13px Manrope;color:#f58200}.why-points strong,.why-points small{display:block}.why-points strong{font:700 14px Manrope}.why-points small{color:#7b848c;font-size:12px;margin-top:4px}.process-section{background:#f7f8f9}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid>div{background:#fff;border:1px solid #eceff1;border-radius:8px;padding:22px}.process-grid b{font:800 25px Manrope;color:#f58200}.process-grid h3{font:700 14px Manrope;margin:17px 0 6px}.process-grid p{font-size:12px;color:#7a838b;margin:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-bottom:1px solid #e7eaed;padding:18px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font:700 14px Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#f58200;font-size:20px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#737d86;line-height:1.8;margin:12px 25px 0 0}.contact-section{background:#151e27;color:#fff}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.contact-copy h2{font:800 clamp(32px,3.5vw,44px)/1.14 Manrope;letter-spacing:-.045em;margin:20px 0}.contact-copy h2 em{font-style:normal;color:#f58200}.contact-copy>p{color:#aeb8c1;font-size:14px;line-height:1.8}.contact-detail{margin-top:27px}.contact-detail>span{display:block;font-size:9px;letter-spacing:.15em;color:#f58200;font-weight:800;margin-bottom:5px}.contact-detail a,.contact-detail p{display:block;color:#e7ebee;font-size:13px;margin:3px 0}.form-panel{background:#fff;color:#18212a;border-radius:12px;padding:32px}.form-heading>span{font-size:9px;letter-spacing:.15em;color:#e87500;font-weight:800}.form-heading h3{font:800 25px Manrope;margin:7px 0}.form-heading p{font-size:11px;color:#929aa1;margin:0 0 22px}.form-panel label{display:block;font-size:11px;font-weight:700;color:#424a51;margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{display:block;width:100%;border:1px solid #e1e5e8;border-radius:5px;padding:12px 12px;margin-top:6px;font:12px "DM Sans",sans-serif;color:#202830;background:#fff;outline:none}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#f58200;box-shadow:0 0 0 3px #f5820017}.form-panel textarea{resize:vertical}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;color:#707982!important}.consent input{margin-top:3px;accent-color:#f58200}.consent span{font-size:10px}.form-submit{width:100%;border:0}.privacy-note{display:block;color:#9aa1a7;font-size:9px;text-align:center;margin-top:11px}.form-message{font-size:12px;margin-top:12px}.form-message.success{color:#178348}.form-message.error{color:#bd3434}.hp-field{position:absolute!important;left:-9999px!important}.map-section{padding:70px 0 0}.map-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.map-heading h2{font:800 30px Manrope;margin:7px 0 0}.map-heading h2 em{font-style:normal;color:#f58200}.map-frame{height:340px;background:#eef1f3}.map-frame iframe{width:100%;height:100%;border:0;filter:grayscale(.2)}.site-footer{background:#10171e;color:#fff;padding:55px 0 20px}.footer-main{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:65px;padding-bottom:42px}.brand-light{color:#fff}.brand-light small{color:#aab3bb}.footer-brand p{max-width:330px;color:#9ca7b0;font-size:12px;line-height:1.8;margin-top:18px}.footer-main h4{font:700 13px Manrope;margin:5px 0 17px}.footer-main>div:not(:first-child)>a{display:block;color:#aeb8c1;font-size:11px;margin:9px 0}.footer-main a:hover{color:#f58200}.footer-bottom{border-top:1px solid #2d3740;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#8d98a1;font-size:9px}.floating-actions{position:fixed;right:20px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:9px}.floating-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 8px 20px #0002}.float-whatsapp{background:#20b96b}.float-call{background:#f58200}
@media(max-width:900px){.main-nav{gap:17px}.hero-grid{gap:28px}.two-col,.why-layout,.faq-layout{gap:40px}.contact-layout{gap:35px}.industries-layout{gap:35px}}
@media(max-width:700px){.container{width:min(100% - 34px,540px)}.section{padding:72px 0}.site-header{height:70px}.brand{font-size:17px}.brand img{width:39px;height:39px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:22px;height:2px;background:#18212a}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px 22px 22px;box-shadow:0 14px 25px #18212a12;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:12px 5px;border-bottom:1px solid #f0f1f2}.main-nav .nav-cta{text-align:center;margin-top:12px}.hero{padding:58px 0 65px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-actions{gap:9px}.btn{padding:13px 15px;font-size:11px}.hero-visual{padding:8px 4px 20px}.floating-note{left:-4px;bottom:-4px}.dashboard{min-height:250px}.dash-main{padding:18px 13px}.dash-heading strong{font-size:12px}.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trust-inner>i{display:none}.trust-inner div{text-align:left}.two-col,.industries-layout,.why-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:28px}.two-col{gap:20px}.about-content h2,.section h2,.industries-band h2{font-size:34px}.solution-grid,.services-grid{grid-template-columns:1fr 1fr;gap:10px}.solution-card,.service-card{padding:17px}.solution-card h3,.service-card h3{font-size:13px}.solution-card p,.service-card p{font-size:11px}.service-card a{font-size:10px}.industries-band{padding:65px 0}.industry-list{gap:0 15px}.industry-list span{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:10px}.process-grid>div{padding:16px}.process-grid h3{font-size:12px}.process-grid p{font-size:11px}.form-panel{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.map-heading{align-items:start;gap:15px;flex-direction:column}.map-heading h2{font-size:27px}.map-frame{height:270px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.floating-actions{right:13px;bottom:14px}.floating-actions a{width:44px;height:44px}}
@media(max-width:390px){.hero h1{font-size:37px}.solution-grid,.services-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.trust-inner strong{font-size:13px}}
.product-catalog{margin-top:72px}.catalog-heading{margin-bottom:20px}.catalog-heading h3{font:800 23px Manrope;margin:8px 0;color:#18212a}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.catalog-grid article{padding:18px;background:#fff;border:1px solid #e6e9ec;border-radius:8px;min-height:112px}.catalog-grid h4{font:700 13px Manrope;margin:0 0 7px}.catalog-grid p{font-size:11px;color:#737d86;margin:0;line-height:1.65}.catalog-note{font-size:10px;color:#929aa1;margin-top:13px}.support-section{background:#f7f8f9}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.support-layout>div:first-child p,.portfolio-layout>div:first-child p{color:#6e7881;font-size:14px;line-height:1.85}.support-options{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:10px 23px}.support-options>div{display:grid;grid-template-columns:35px 1fr;gap:2px 12px;padding:17px 0;border-bottom:1px solid #edf0f2}.support-options>div:last-child{border:0}.support-options span{grid-row:span 2;color:#f58200;font:800 13px Manrope}.support-options b{font:700 13px Manrope}.support-options small{font-size:11px;color:#808991}.review-placeholder{max-width:660px;margin:auto;text-align:center;border:1px dashed #d9dfe4;background:#fafbfc;border-radius:12px;padding:38px 25px}.review-symbol{font:800 65px Georgia;color:#f58200;line-height:1}.review-placeholder h3{font:800 20px Manrope;margin:8px 0}.review-placeholder p{font-size:13px;color:#737d86;max-width:480px;margin:0 auto 20px}.portfolio-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.portfolio-note{border:1px solid #e7eaed;border-radius:10px;padding:30px;background:linear-gradient(135deg,#fff,#fafbfc)}.portfolio-note span{display:block;color:#f58200;font-size:9px;font-weight:800;letter-spacing:.15em}.portfolio-note b{display:block;font:800 20px Manrope;margin:14px 0 8px}.portfolio-note small{display:block;color:#7d868e;font-size:11px}.consultation-section{padding:0 0 90px}.consultation-box{background:#17212b;border-radius:12px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:35px}.consultation-box h2{font:800 30px/1.2 Manrope;color:#fff;max-width:650px;margin:13px 0}.consultation-box p{color:#b3bdc5;font-size:13px;margin:0}.consultation-box .btn{white-space:nowrap}
@media(max-width:700px){.catalog-grid{grid-template-columns:1fr 1fr}.support-layout,.portfolio-layout{grid-template-columns:1fr;gap:28px}.consultation-box{padding:28px 22px;align-items:flex-start;flex-direction:column}.consultation-box h2{font-size:25px}.product-catalog{margin-top:55px}}
@media(max-width:390px){.catalog-grid{grid-template-columns:1fr}}
.portfolio-showcase{border:1px solid #e5e9ed;border-radius:12px;padding:25px;background:linear-gradient(145deg,#fff,#fafbfc);box-shadow:0 12px 35px #18212a08}.portfolio-showcase-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.portfolio-showcase-head>span{color:#f58200;font-size:9px;font-weight:800;letter-spacing:.15em}.portfolio-showcase-head small{color:#a0a7ae;font-size:8px;font-weight:700;letter-spacing:.08em;text-align:right}.client-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-logo{height:82px;border:1px solid #edf0f2;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#48525c;filter:grayscale(1);transition:.2s}.client-logo:hover{filter:grayscale(0);transform:translateY(-2px);box-shadow:0 8px 18px #18212a0c}.client-logo b{font:800 23px Manrope;color:#f58200}.client-logo span{font:800 9px/1.1 Manrope;letter-spacing:.08em}.demo-logo-two b{color:#356b9c}.demo-logo-three b{color:#e1a329}.demo-logo-four b{color:#39917c}.demo-logo-five b{color:#6554a2}.demo-logo-six b{color:#d16c47}.portfolio-demo-note{font-size:9px;color:#929aa1;line-height:1.6;margin:15px 0 0}
@media(max-width:700px){.portfolio-showcase{padding:18px}.client-logo-grid{grid-template-columns:repeat(2,1fr)}.portfolio-showcase-head{align-items:flex-start;flex-direction:column}.portfolio-showcase-head small{text-align:left}}
/* Updated Sonojas footer inspired by the supplied reference */
.site-footer{background:#081c3a;color:#fff;padding:56px 0 0}
.footer-main{display:grid;grid-template-columns:1.35fr .82fr 1.05fr 1.2fr;gap:54px;padding-bottom:43px}
.footer-brand .brand{align-items:center}
.footer-brand .brand img{width:52px;height:52px;object-fit:contain}
.footer-brand .brand span{font-size:20px}
.footer-brand .brand small{color:#b8c7d9}
.footer-brand>p{max-width:310px;color:#c4d1df;font-size:12px;line-height:1.9;margin:20px 0}
.footer-partner-mark{background:#fff;border-radius:8px;padding:9px 12px;width:190px;min-height:65px;display:flex;align-items:center;justify-content:center}
.footer-partner-mark img{max-height:48px;width:100%;object-fit:contain}
.footer-column h4{font:800 14px Manrope,sans-serif;color:#fff;margin:0 0 27px;position:relative;padding-bottom:13px}
.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:38px;height:3px;border-radius:3px;background:#f58200}
.footer-column>a:not(.footer-enquire){display:block;color:#d0d9e4;font-size:12px;margin:0 0 15px;transition:color .2s}
.footer-column>a:hover,.footer-contact-item a:hover{color:#ff9b2f}
.footer-contact-item{display:grid;grid-template-columns:18px 1fr;gap:9px;margin-bottom:15px;align-items:start}
.footer-contact-icon{font-size:16px;color:#f58200;line-height:1.4}
.footer-contact-item p{margin:0;color:#d0d9e4;font-size:11px;line-height:1.75}
.footer-contact-item p a{display:block;color:#d0d9e4;margin-bottom:3px}
.footer-hours{font-size:10px;color:#aebed0;margin:12px 0 17px}
.footer-enquire{display:inline-flex;align-items:center;gap:20px;background:#f58200;color:#fff!important;padding:12px 18px;border-radius:6px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.footer-enquire:hover{background:#e67500;transform:translateY(-2px)}
.footer-socials{display:flex;gap:9px;margin-top:20px}
.footer-socials a{width:35px;height:35px;border:1px solid #43546b;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;transition:.2s}
.footer-socials a:hover{background:#f58200;border-color:#f58200}
.footer-bottom{border-top:1px solid #263b56}
.footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c0ccda;font-size:10px}
.footer-credit a{color:#fff;font-weight:700}
.footer-credit a:hover{color:#ff9b2f}
@media(max-width:950px){.footer-main{grid-template-columns:1.2fr 1fr;gap:38px}.footer-bottom-inner{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}}
@media(max-width:600px){.site-footer{padding-top:42px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:100%}.footer-column h4{margin-bottom:20px}.footer-column>a:not(.footer-enquire){font-size:11px;margin-bottom:12px}.footer-contact{grid-column:1/-1}.footer-bottom-inner{align-items:flex-start;flex-direction:column;gap:8px}.footer-partner-mark{width:180px}}
/* Five-question conversion journey improvements */
.hero h1{max-width:650px}
.hero-copy .hero-lead{max-width:560px}
.hero-proof strong{font-size:11px}
.business-fit-section{background:#fff}
.business-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.business-fit-card{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;padding:22px;background:#fff;border:1px solid #e7ebee;border-radius:9px;transition:transform .2s,border-color .2s,box-shadow .2s}
.business-fit-card:hover{transform:translateY(-4px);border-color:#f5b36b;box-shadow:0 14px 30px #18212a0d}
.business-fit-card>span{font:800 11px Manrope;color:#f58200;margin-bottom:16px}
.business-fit-card>b{font:800 15px Manrope;color:#17212b}
.business-fit-card>small{font-size:11px;line-height:1.7;color:#77818a;margin-top:7px}
.business-fit-card>em{font-style:normal;font-size:10px;font-weight:800;color:#e87500;margin-top:auto;padding-top:15px}
.business-fit-note{text-align:center;color:#89929a;font-size:10px;margin:20px auto 0;max-width:700px}
.form-heading p{line-height:1.65}
.contact-copy h2{color:#fff!important}
.contact-copy h2 em{color:#f58200!important}
.contact-copy>p{color:#c4d1df!important}
@media(max-width:700px){.business-fit-grid{grid-template-columns:1fr 1fr}.business-fit-card{min-height:160px;padding:17px}.hero h1{font-size:42px}}
@media(max-width:390px){.business-fit-grid{grid-template-columns:1fr}.business-fit-card{min-height:135px}}
/* SONOJAS refreshed brand palette: deep teal, warm cream, orange, aqua and sage */
:root{
--sonojas-deep:#013D5A;
--sonojas-cream:#FCF3E3;
--sonojas-orange:#F4A258;
--sonojas-aqua:#8DD3CE;
--sonojas-sage:#708C69;
--sonojas-ink:#173442;
--sonojas-muted:#607781;
}
body{color:var(--sonojas-ink);background:#fff}
.site-header{background:rgba(252,243,227,.97);border-bottom-color:#e9dfce}
.brand small{color:var(--sonojas-sage)}
.main-nav{color:var(--sonojas-deep)}
.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--sonojas-orange)}
.nav-cta,.btn-primary,.footer-enquire{background:var(--sonojas-orange);color:var(--sonojas-deep)!important;box-shadow:0 8px 22px #f4a25835}
.nav-cta:hover,.btn-primary:hover,.footer-enquire:hover{background:#e99243;color:var(--sonojas-deep)!important}
.hero{background:radial-gradient(circle at 86% 44%,#fcf3e3 0,transparent 34%),linear-gradient(180deg,#fff 0%,#fcf3e3 100%)}
.hero h1,.section h2{color:var(--sonojas-deep)}
.hero h1 em,.section h2 em,.industries-band h2 em{color:var(--sonojas-orange)}
.eyebrow,.section-kicker{color:var(--sonojas-sage)}
.eyebrow-dot{background:var(--sonojas-orange);box-shadow:0 0 0 5px #f4a25825}
.hero-lead,.section-heading p,.about-content p{color:var(--sonojas-muted)}
.btn-outline{border-color:#b9d4d1;color:var(--sonojas-deep);background:#fff}
.btn-outline:hover{border-color:var(--sonojas-orange);color:var(--sonojas-deep)}
.btn-dark{background:var(--sonojas-deep);color:#fff}
.trust-strip,.industries-band,.consultation-box,.site-footer{background:var(--sonojas-deep)}
.trust-strip strong,.industries-band h2,.consultation-box h2{color:var(--sonojas-cream)}
.trust-strip span,.industries-band p,.consultation-box p{color:#d4e5e7}
.solution-card,.service-card,.business-fit-card,.support-options,.portfolio-showcase,.review-placeholder,.testimonial-card,.team-card,.award-mark{border-color:#e7dfd0;background:#fff}
.solutions-section,
.services-section,
.team-section,
.proof-section,
.award-section {
background: var(--sonojas-cream);
}
/* BUSINESS FIT - WHITE BACKGROUND */
section.section.business-fit-section#business-fit {
background: #FFFFFF !important;
}
.about-section,.why-section,.support-section,.portfolio-section{background:#fff}
.solution-card .card-icon,.service-icon,.team-avatar{background:#dff3f0;color:var(--sonojas-deep)}
.service-top span,.why-points b,.support-options span,.business-fit-card>span{color:var(--sonojas-sage)}
.service-card a,.business-fit-card>em,.text-link{color:var(--sonojas-deep)}
.service-card:hover,.solution-card:hover,.team-card:hover{border-color:var(--sonojas-aqua);box-shadow:0 14px 32px #013d5a12}
.industries-band{background:var(--sonojas-deep)}
.industry-list span{border-color:#8dd3ce66;background:#ffffff0d;color:var(--sonojas-cream)}
.why-points>div{border-bottom-color:#e7dfd0}
.support-section{background:#f4faf8}
.consultation-box{background:var(--sonojas-deep)}
.review-symbol,.testimonial-card>span,.award-icon{color:var(--sonojas-orange)}
.portfolio-showcase{background:linear-gradient(145deg,#fff,#fcf3e3)}
.client-logo{border-color:#e9e2d5}
.footer-column h4:after{background:var(--sonojas-orange)}
.footer-enquire{color:var(--sonojas-deep)!important}
.footer-bottom{border-top-color:#31586b}
.footer-bottom-inner{color:#d4e5e7}
.footer-credit a{color:var(--sonojas-cream)}
/* New company profile content */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.team-card{padding:22px 16px;text-align:center;border:1px solid #e7dfd0;border-radius:10px;transition:.2s}
.team-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;font:800 18px Manrope;background:#dff3f0;color:var(--sonojas-deep);border:2px solid var(--sonojas-aqua)}
.team-card h3{font:800 13px Manrope;color:var(--sonojas-deep);margin:0 0 5px}
.team-card p{font-size:10px;color:var(--sonojas-muted);margin:0}
.team-note,.testimonial-note{font-size:10px;color:#71838a;line-height:1.7;text-align:center;margin:20px auto 0;max-width:760px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}
.testimonial-card{position:relative;padding:22px 20px;border:1px solid #e7dfd0;border-top:3px solid var(--sonojas-orange);border-radius:7px;box-shadow:0 6px 20px #013d5a08}
.testimonial-card>span{font:800 38px Georgia;line-height:1}
.testimonial-card p{font-size:12px;line-height:1.7;color:var(--sonojas-muted);margin:7px 0 14px}
.testimonial-card b{font:800 11px Manrope;color:var(--sonojas-deep)}
.award-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.award-layout h2{font:800 32px/1.2 Manrope;color:var(--sonojas-deep)}
.award-layout p{font-size:13px;color:var(--sonojas-muted);line-height:1.8}
.award-mark{display:flex;align-items:center;gap:18px;padding:26px;border:1px solid #e7dfd0;border-radius:10px;background:#fff}
.award-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--sonojas-cream);font-size:30px}
.award-mark b,.award-mark span{display:block}
.award-mark b{font:800 14px Manrope;color:var(--sonojas-deep)}
.award-mark span{font-size:11px;color:var(--sonojas-muted);margin-top:5px}
@media(max-width:850px){.team-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.team-grid{grid-template-columns:repeat(2,1fr);gap:10px}.team-card{padding:17px 10px}.testimonial-grid{grid-template-columns:1fr}.award-layout{grid-template-columns:1fr;gap:22px}.award-layout h2{font-size:27px}}
/* Corporate two-tier header and standalone payment page */
:root{--sonojas-deep:#013D5A;--sonojas-cream:#FCF3E3;--sonojas-orange:#F4A258;--sonojas-aqua:#8DD3CE;--sonojas-sage:#708C69}
.sonojas-header{height:auto;position:sticky;top:0;background:var(--sonojas-cream);z-index:200;box-shadow:0 2px 12px #013d5a12}
.header-contact-strip{background:#fff;border-bottom:1px solid #e9e6dd}
.header-contact-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-brand-lockup{display:flex;align-items:center;gap:13px;min-width:280px}
.header-brand-lockup img{width:75px;height:55px;object-fit:contain}
.header-brand-lockup .header-partner-logo{width:130px;border-left:1px solid #ddd;padding-left:12px}
.header-brand-lockup .header-tally-logo{width:85px}
.header-info-item{display:flex;align-items:center;gap:9px;color:var(--sonojas-deep);min-width:0}
.header-info-icon{font-size:20px;color:var(--sonojas-sage)}
.header-info-item b,.header-info-item small{display:block}
.header-info-item b{font:800 11px Manrope;color:var(--sonojas-deep)}
.header-info-item small{font-size:10px;line-height:1.5;color:#506773}
.header-info-item small a{color:inherit}
.header-navigation{background:var(--sonojas-deep);color:#fff}
.header-navigation .nav-wrap{min-height:52px;gap:18px}
.header-navigation .main-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);font-size:11px;color:#fff;flex:1}
.header-navigation .main-nav>a:not(.nav-cta):hover,.nav-dropdown-toggle:hover{color:var(--sonojas-orange)}
.header-navigation .nav-cta{background:var(--sonojas-orange);color:var(--sonojas-deep)!important}
.nav-dropdown{position:relative;height:52px;display:flex;align-items:center}
.nav-dropdown-toggle{display:flex;align-items:center;gap:5px}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:-14px;width:245px;background:#fff;color:var(--sonojas-deep);padding:9px;border-radius:0 0 9px 9px;box-shadow:0 14px 30px #001c2a25;z-index:300}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:10px 12px;font-size:11px;border-radius:5px}
.nav-dropdown-menu a:hover{background:var(--sonojas-cream);color:var(--sonojas-deep)}
.nav-pay-link{color:var(--sonojas-orange)!important;font-weight:800}
.header-quick-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.header-whatsapp{background:#16b86a;color:#fff!important;padding:9px 13px;border-radius:20px;font-size:10px;font-weight:800}
.header-social{width:30px;height:30px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}
.header-navigation .menu-toggle{display:none}
.payment-main{background:var(--sonojas-cream);min-height:65vh;padding-bottom:70px}
.payment-hero{background:var(--sonojas-deep);color:#fff;padding:54px 0 58px}
.payment-hero span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--sonojas-aqua)}
.payment-hero h1{font:800 clamp(32px,4vw,48px)/1.15 Manrope;margin:12px 0;color:#fff}
.payment-hero p{color:#d8e7e9;font-size:14px;max-width:650px;margin:0}
.payment-content{display:grid;grid-template-columns:1.7fr .85fr;gap:24px;align-items:start;margin-top:-22px;position:relative}
.payment-panel,.payment-help,.career-panel{background:#fff;border:1px solid #e6e1d5;border-radius:13px;box-shadow:0 12px 35px #013d5a0d}
.payment-panel{padding:30px}
.payment-panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.payment-shield{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e2f4f0;color:var(--sonojas-deep);font-size:21px;font-weight:900}
.payment-panel-heading h2,.payment-help h2,.career-panel h2{font:800 21px Manrope;color:var(--sonojas-deep);margin:0 0 5px}
.payment-panel-heading p,.payment-help p,.career-panel p{font-size:12px;color:#657983;margin:0;line-height:1.7}
.payment-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.payment-option{padding:21px;border:1px solid #e6eee8;border-radius:9px;background:#fff}
.payment-option-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:var(--sonojas-cream);color:var(--sonojas-deep);font-size:19px}
.payment-option h3{font:800 14px Manrope;color:var(--sonojas-deep);margin:13px 0 7px}
.payment-option p{font-size:11px;line-height:1.7;color:#687b82;min-height:58px}
.payment-action{display:inline-block;color:var(--sonojas-deep);font-size:11px;font-weight:800;margin-top:12px;border-bottom:1px solid var(--sonojas-orange);padding-bottom:4px}
.payment-security-note{margin-top:20px;padding:16px 18px;background:var(--sonojas-cream);border-left:3px solid var(--sonojas-orange);border-radius:5px}
.payment-security-note b{font:800 12px Manrope;color:var(--sonojas-deep)}
.payment-security-note p{font-size:10px;line-height:1.7;color:#5f737b;margin:5px 0 0}
.payment-help{padding:26px;display:flex;flex-direction:column;gap:20px}
.payment-contact-row{display:flex;gap:12px;align-items:flex-start}
.payment-contact-row>span{color:var(--sonojas-sage);font-size:18px}
.payment-contact-row b,.payment-contact-row a{display:block;font-size:11px;color:var(--sonojas-deep)}
.payment-contact-row b{font-weight:800;margin-bottom:4px}
.payment-footer{padding:0 0 10px}
.payment-footer .footer-bottom-inner{min-height:65px}
.payment-footer a{color:var(--sonojas-cream)}
.payment-back-home{color:#fff;font-size:12px;font-weight:700}
.career-panel{max-width:900px;margin:35px auto 70px;padding:38px;text-align:center}
.career-panel p{margin:10px auto 22px}
@media(max-width:1100px){.header-brand-lockup{min-width:220px}.header-brand-lockup img{width:58px}.header-brand-lockup .header-partner-logo{width:110px}.header-brand-lockup .header-tally-logo{width:65px}.header-contact-inner{gap:12px}.header-info-item small{font-size:9px}.header-navigation .main-nav{gap:11px;font-size:10px}}
@media(max-width:850px){.header-contact-inner{flex-wrap:wrap;padding:12px 0}.header-brand-lockup{width:100%;justify-content:center}.header-info-item{flex:1 1 40%}.header-navigation .nav-wrap{min-height:52px;flex-wrap:wrap}.header-navigation .menu-toggle{display:block;width:35px;height:35px;position:relative}.header-navigation .menu-toggle span{display:block;height:2px;width:22px;background:#fff;margin:5px auto}.header-navigation .main-nav{display:none;flex-direction:column;align-items:stretch;width:100%;order:3;padding:10px 0 16px}.header-navigation .main-nav.open{display:flex}.nav-dropdown{height:auto;display:block}.nav-dropdown-menu{position:static;width:100%;box-shadow:none;border-radius:6px;margin-top:8px}.nav-dropdown:hover .nav-dropdown-menu{display:block}.header-quick-actions{margin-left:auto}.payment-content{grid-template-columns:1fr}.payment-help{display:grid;grid-template-columns:1fr 1fr}.payment-help>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.header-info-item{flex-basis:100%}.header-brand-lockup{gap:7px}.header-brand-lockup img{width:54px}.header-brand-lockup .header-partner-logo{width:100px}.header-brand-lockup .header-tally-logo{width:60px}.header-info-item small{font-size:10px}.payment-hero{padding:40px 0 48px}.payment-panel{padding:20px}.payment-option-grid{grid-template-columns:1fr}.payment-option p{min-height:0}.payment-help{display:flex}.career-panel{margin:20px 24px 50px;padding:25px}}
.header-quick-actions {
display: flex;
align-items: center;
gap: 10px;
}
.header-quick-actions svg {
width: 18px;
height: 18px;
display: block;
}
.header-whatsapp {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background: #16B86A;
color: #fff !important;
padding: 10px 16px;
border-radius: 25px;
font-size: 12px;
font-weight: 700;
transition: .3s ease;
}
.header-whatsapp:hover {
background: #128C50;
transform: translateY(-2px);
}
.header-social {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #ffffff70;
border-radius: 50%;
color: #fff;
transition: .3s ease;
}
.header-social:hover {
background: #FCF3E3;
color: #013D5A;
transform: translateY(-2px);
}
/* SONOJAS CAREER SECTION */
section.career-section {
width: 100% !important;
min-height: 500px !important;
padding: 30px 20px !important;
background: #FCF3E3 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
box-sizing: border-box !important;
}
section.career-section .career-card {
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
padding: 38px 30px !important;
background: #ffffff !important;
border: 1px solid #e8dfd2 !important;
border-radius: 14px !important;
text-align: center !important;
box-shadow: 0 12px 30px rgba(1,61,90,.04) !important;
}
section.career-section .career-card h2 {
color: #013D5A !important;
font-size: 23px !important;
font-weight: 700 !important;
margin: 0 0 10px !important;
}
section.career-section .career-card p {
color: #71808b !important;
font-size: 13px !important;
line-height: 1.7 !important;
margin: 0 0 22px !important;
}
section.career-section .career-card a.career-btn {
display: inline-block !important;
background: #F4A258 !important;
color: #013D5A !important;
padding: 17px 23px !important;
border-radius: 7px !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
}
@media(max-width:600px) {
section.career-section {
min-height: 350px !important;
padding: 25px 15px !important;
}
section.career-section .career-card {
padding: 30px 18px !important;
}
}
/* HERO VIDEO HEIGHT FIX */
.hero-visual {
position: relative;
padding: 10px 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.hero-video-wrapper {
width: 100% !important;
max-width: 320px !important;
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
aspect-ratio: auto !important;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 15px 35px rgba(1,61,90,.12);
}
.hero-video-wrapper video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
}
/* TABLET */
@media (max-width: 900px) {
.hero-video-wrapper {
max-width: 290px !important;
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
}
}
/* MOBILE */
@media (max-width: 700px) {
.hero-video-wrapper {
max-width: 260px !important;
height: 180px !important;
min-height: 180px !important;
max-height: 180px !important;
}
}
/* =====================================
SONOJAS MOBILE HEADER - FINAL FIX
===================================== */
/* Hide mobile header by default */
.sonojas-mobile-header {
display: none !important;
}
.sonojas-mobile-menu {
display: none !important;
}
/* MOBILE AND TABLET ONLY */
@media screen and (max-width: 1024px) {
.sonojas-header > .header-contact-strip,
.sonojas-header > .header-navigation {
display: none !important;
}
.sonojas-header .sonojas-mobile-header {
display: flex !important;
width: 100% !important;
height: 70px !important;
padding: 10px 18px !important;
background: #ffffff !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 99999 !important;
}
.sonojas-header .sonojas-mobile-logo {
display: flex !important;
align-items: center !important;
}
.sonojas-header .sonojas-mobile-logo img {
width: auto !important;
max-width: 145px !important;
height: auto !important;
max-height: 48px !important;
object-fit: contain !important;
display: block !important;
}
.sonojas-header .sonojas-mobile-toggle {
width: 44px !important;
height: 44px !important;
padding: 10px !important;
border: 0 !important;
border-radius: 6px !important;
background: #013D5A !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
cursor: pointer !important;
}
.sonojas-header .sonojas-mobile-toggle span {
width: 21px !important;
height: 2px !important;
background: #ffffff !important;
display: block !important;
border-radius: 5px !important;
}
/* Mobile dropdown */
.sonojas-header .sonojas-mobile-menu {
display: block !important;
position: absolute !important;
top: 70px !important;
left: 0 !important;
width: 100% !important;
padding: 0 20px !important;
box-sizing: border-box !important;
background: #ffffff !important;
z-index: 99998 !important;
max-height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
opacity: 0 !important;
transition: max-height .3s ease, opacity .3s ease !important;
}
.sonojas-header .sonojas-mobile-menu.active {
max-height: 85vh !important;
overflow-y: auto !important;
visibility: visible !important;
opacity: 1 !important;
padding-top: 12px !important;
padding-bottom: 20px !important;
}
.sonojas-header .sonojas-mobile-menu nav {
display: flex !important;
flex-direction: column !important;
}
.sonojas-header .sonojas-mobile-menu nav a {
display: block !important;
padding: 13px 5px !important;
color: #013D5A !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
border-bottom: 1px solid #eeeeee !important;
}
.sonojas-header .sonojas-mobile-whatsapp {
display: block !important;
margin-top: 15px !important;
padding: 13px !important;
background: #013D5A !important;
color: #ffffff !important;
text-align: center !important;
text-decoration: none !important;
border-radius: 5px !important;
}
.sonojas-header .sonojas-mobile-social {
display: flex !important;
justify-content: center !important;
gap: 25px !important;
padding: 18px 0 !important;
}
.sonojas-header .sonojas-mobile-social a {
color: #013D5A !important;
text-decoration: none !important;
font-size: 13px !important;
}
}
/* SONOJAS HERO VIDEO - SAME SIZE WRAPPER */
.hero-visual {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
height: auto !important;
padding: 0 !important;
}
/* OUTER WRAPPER */
.hero-visual .hero-video-wrapper {
width: 480px !important;
height: 600px !important;
max-width: 100% !important;
min-height: 600px !important;
max-height: 600px !important;
padding: 0 !important;
margin: 0 auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
border-radius: 14px !important;
}
/* VIDEO SAME SIZE AS WRAPPER */
.hero-visual .hero-video-wrapper .hero-video {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: block !important;
object-fit: fill !important;
object-position: center !important;
margin: 0 !important;
}
/* TABLET */
@media (max-width: 1024px) {
.hero-visual .hero-video-wrapper {
width: 320px !important;
height: 400px !important;
min-height: 400px !important;
max-height: 400px !important;
}
}
/* MOBILE */
@media (max-width: 767px) {
.hero-visual .hero-video-wrapper {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
}
/* =====================================
EXISTING TALLY USERS CTA BANNER
===================================== */
.existing-tally-cta {
width: 100%;
background: #013D5A;
border-radius: 14px;
padding: 42px 48px;
margin: 35px 0 55px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 35px;
box-sizing: border-box;
font-family: 'DM Sans', 'Poppins', sans-serif;
}
.existing-tally-cta .cta-content {
flex: 1;
max-width: 680px;
}
.existing-tally-cta .cta-kicker {
display: inline-block;
color: #F4A258;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 13px;
}
.existing-tally-cta h3 {
color: #FFFFFF;
font-size: clamp(24px, 3vw, 32px);
font-weight: 750;
line-height: 1.25;
margin: 0 0 13px;
max-width: 650px;
}
.existing-tally-cta p {
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
line-height: 1.7;
margin: 0;
max-width: 650px;
}
.existing-tally-cta .cta-actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 12px;
flex-shrink: 0;
}
.existing-tally-cta .cta-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 21px;
border-radius: 7px;
font-size: 13px;
font-weight: 700;
text-decoration: none !important;
transition: all 0.3s ease;
white-space: nowrap;
}
.existing-tally-cta .cta-primary {
background: #F4A258;
color: #013D5A !important;
border: 1px solid #F4A258;
}
.existing-tally-cta .cta-primary:hover {
background: #FFFFFF;
border-color: #FFFFFF;
transform: translateY(-3px);
}
.existing-tally-cta .cta-secondary {
background: transparent;
color: #FFFFFF !important;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.existing-tally-cta .cta-secondary:hover {
background: #FFFFFF;
color: #013D5A !important;
border-color: #FFFFFF;
transform: translateY(-3px);
}
/* TABLET */
@media (max-width: 992px) {
.existing-tally-cta {
padding: 35px 30px;
gap: 25px;
}
.existing-tally-cta .cta-actions {
flex-direction: column;
align-items: stretch;
}
}
/* MOBILE */
@media (max-width: 600px) {
.existing-tally-cta {
padding: 30px 22px;
margin: 25px 0 40px;
flex-direction: column;
align-items: flex-start;
gap: 23px;
border-radius: 12px;
}
.existing-tally-cta h3 {
font-size: 23px;
line-height: 1.35;
}
.existing-tally-cta p {
font-size: 13px;
}
.existing-tally-cta .cta-actions {
width: 100%;
flex-direction: column;
align-items: stretch;
}
.existing-tally-cta .cta-actions a {
width: 100%;
box-sizing: border-box;
padding: 15px 12px;
}
}