@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092b45;--navy2:#0e3a59;--orange:#f47735;--ink:#122a3c;--muted:#607586;--line:#e2eaf0;--pale:#f4f8fb;--white:#fff;--green:#16865d;--shadow:0 18px 48px rgba(10,42,66,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(2.65rem,5vw,4.65rem);font-weight:800}h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:800}h3{font-size:1.22rem}p{margin:0 0 16px;color:var(--muted)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:var(--navy);color:#e5eef4;font-size:.78rem}.topbar .inner{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:36px}.toplinks{display:flex;gap:18px;flex-wrap:wrap}.topbar a:hover{color:#fff}.navwrap{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand img{display:block;width:220px;max-height:64px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:25px;font-size:.91rem;font-weight:700}.navlinks a{color:#29475d}.navlinks a:hover,.navlinks a.active{color:var(--orange)}.navlinks .btn{color:#fff}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:1.2rem;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;background:var(--orange);color:#fff;padding:14px 21px;border-radius:9px;font-weight:700;font-size:.91rem;box-shadow:0 9px 22px rgba(244,119,53,.16);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#e86625}.btn.secondary{background:#fff;color:var(--navy);border-color:#cbd9e3;box-shadow:none}.btn.secondary:hover{background:var(--pale)}.btn.small{padding:11px 15px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.eyebrow:before{content:'';width:9px;height:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(244,119,53,.13)}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f4f8fb 0%,#fff 58%,#fff7f1 100%);padding:84px 0 70px}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(9,43,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,43,69,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.hero h1 span{color:var(--orange)}.hero p{font-size:1.08rem;max-width:570px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 23px}.trustline{display:flex;gap:9px;align-items:center;color:#557084;font-size:.83rem}.check{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:#dcf4e8;color:var(--green);font-weight:800;flex:0 0 auto}.hero-art{min-height:410px;position:relative;display:grid;place-items:center}.dashboard{width:min(100%,490px);height:320px;background:#fff;border:1px solid #d8e3eb;border-radius:22px;box-shadow:0 32px 80px rgba(9,43,69,.14);transform:rotate(-3deg);overflow:hidden;position:relative}.dashbar{height:42px;background:var(--navy);display:flex;align-items:center;gap:7px;padding:0 17px;color:#bcd0dc;font-size:.65rem;letter-spacing:.12em;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.dashbody{padding:25px}.dashlabel{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:#4d6b7e}.dashline{height:8px;border-radius:20px;background:#e8eff4;margin-top:12px;width:75%}.dashline.short{width:48%}.dashcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.dashcard{height:58px;border-radius:9px;background:#f3f7fa;border-top:3px solid #5da2bc}.dashcard:nth-child(2){border-color:var(--orange)}.bars{display:flex;align-items:end;gap:9px;height:76px}.bars i{display:block;flex:1;background:#9ccfdc;border-radius:4px 4px 0 0}.bars i:nth-child(3n){background:#f6b17f}.float-card{position:absolute;background:#fff;border:1px solid #dce7ee;border-radius:13px;padding:15px 17px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;font-size:.82rem}.float-card strong{display:block;color:var(--navy)}.float-card small{color:var(--muted)}.float-card.one{right:-8px;top:54px}.float-card.two{left:-4px;bottom:45px}.float-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#fff0e7;color:var(--orange);font-size:1.2rem}.float-card.two .float-icon{background:#e7f5f7;color:#1c839b}.hero-stamp{position:absolute;right:0;bottom:0;width:85px;height:85px;border:1px solid #ffc5a5;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--orange);font-size:.68rem;font-weight:800;letter-spacing:.12em;transform:rotate(10deg)}.section{padding:86px 0}.section.soft{background:var(--pale)}.section.dark{background:var(--navy);color:#fff}.section.dark p{color:#c4d4df}.section-head{max-width:710px;margin-bottom:38px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .eyebrow{justify-content:center}.section-head p{font-size:1.02rem;line-height:1.8}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.info-card,.brand-card,.industry-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .2s,box-shadow .2s,border .2s}.service-card:hover,.info-card:hover,.brand-card:hover,.industry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c6d8e4}.service-icon{width:51px;height:51px;display:grid;place-items:center;background:#fff0e7;color:var(--orange);border-radius:13px;font-size:1.45rem;margin-bottom:20px}.service-card p{font-size:.92rem;line-height:1.8}.text-link{color:var(--orange);font-weight:800;font-size:.9rem;display:inline-flex;gap:8px;align-items:center}.text-link:hover{gap:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.visual-panel{min-height:370px;background:linear-gradient(135deg,#e8f1f6,#fff7f0);border-radius:24px;padding:30px;position:relative;overflow:hidden}.visual-panel:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #f4b28d;border-radius:50%;right:-45px;top:-45px}.visual-inner{position:relative;z-index:1;background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:26px;box-shadow:var(--shadow);max-width:410px;margin:25px auto}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.metric{padding:15px 10px;background:#f3f7fa;border-radius:10px}.metric strong{display:block;color:var(--navy);font-size:1.3rem}.metric span{font-size:.7rem;color:var(--muted)}.check-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:13px}.check-list li{display:flex;gap:10px;align-items:flex-start;color:#466175}.check-list .check{margin-top:3px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.brand-card{text-align:center;padding:22px 12px;font-weight:800;color:#345167;min-height:80px;display:grid;place-items:center}.brand-card span{font-size:.78rem;color:#7890a0;font-weight:500;display:block}.industry-card{padding:23px}.industry-card .service-icon{margin-bottom:14px}.industry-card p{font-size:.88rem;margin-bottom:0}.cta-band{background:linear-gradient(120deg,var(--navy),#104b70);color:#fff;padding:46px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.cta-band:after{content:'';position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:15%;top:-150px}.cta-band h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:10px;max-width:650px}.cta-band p{color:#c8d7e1;margin-bottom:0}.cta-band .btn{position:relative;z-index:1;white-space:nowrap}.page-hero{background:linear-gradient(120deg,#f2f7fa,#fff8f3);padding:72px 0 62px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,4vw,4rem);max-width:850px}.page-hero p{max-width:700px;font-size:1.08rem;line-height:1.8}.breadcrumbs{font-size:.82rem;color:#708697;margin-bottom:20px}.breadcrumbs a{color:var(--orange);font-weight:700}.service-detail{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.service-detail:last-child{border-bottom:0}.service-detail .service-icon{margin:0}.service-detail h3{margin-bottom:9px}.service-detail p{margin-bottom:10px}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.pill{background:#edf4f8;border:1px solid #deebf1;color:#35566b;padding:7px 11px;border-radius:99px;font-size:.78rem;font-weight:700}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.contact-panel{background:var(--navy);color:#fff;padding:30px;border-radius:18px}.contact-panel p{color:#c9d7e0}.contact-line{display:flex;gap:13px;align-items:flex-start;margin-top:24px}.contact-line .service-icon{margin:0;flex:0 0 auto;background:rgba(255,255,255,.1);color:#ffad7d}.contact-line strong{display:block;margin-bottom:3px}.contact-line a{color:#fff;overflow-wrap:anywhere}.form-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 12px 36px rgba(10,42,66,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.85rem;color:#28475c}.field input,.field select,.field textarea{width:100%;font:inherit;padding:13px 14px;border:1px solid #cedce5;border-radius:9px;background:#fbfdfe;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6b9fb9;box-shadow:0 0 0 3px rgba(80,145,177,.12)}.field textarea{min-height:125px;resize:vertical}.form-note{font-size:.78rem;margin:12px 0 0}.footer{background:#061e30;color:#d9e5ec;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:35px}.footer-logo{width:205px;max-height:70px;object-fit:contain;object-position:left center;background:#fff;border-radius:8px;padding:4px;margin-bottom:15px}.footer p{color:#aebfcb;font-size:.9rem}.footer h4{font-size:.96rem;letter-spacing:0;margin-bottom:17px;color:#fff}.footer-links{display:grid;gap:10px;font-size:.87rem;color:#b8c8d3}.footer-links a:hover{color:#ffad7d}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.78rem;color:#94aab9}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:40;background:#1eaa65;color:#fff;border-radius:999px;padding:13px 17px;box-shadow:0 10px 30px rgba(15,99,57,.28);font-weight:800;font-size:.86rem}.whatsapp-float:hover{background:#168c53}.mobile-only{display:none}.notice{padding:14px 16px;border-radius:10px;background:#fff7ed;border:1px solid #ffdfc6;color:#8d4b1c;font-size:.86rem}.center{text-align:center}.spacer-top{margin-top:30px}.muted-small{font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding:60px 0}.hero-art{min-height:360px;max-width:600px;width:100%;margin:auto}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-band{padding:34px;align-items:flex-start;flex-direction:column}.navlinks{gap:14px}}
@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.topbar .inner{padding:8px 0;align-items:flex-start;flex-direction:column;gap:3px}.toplinks{gap:12px}.nav{min-height:72px}.brand img{width:180px;max-height:56px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px 22px;align-items:stretch;flex-direction:column;gap:14px;box-shadow:0 20px 30px rgba(9,43,69,.09)}.navlinks.open{display:flex}.navlinks .btn{align-self:flex-start}.hero{padding:49px 0}.hero h1{font-size:clamp(2.45rem,12vw,3.65rem)}.hero p{font-size:1rem}.hero-art{min-height:300px}.dashboard{height:255px}.dashbody{padding:18px}.dashcards{margin:15px 0}.dashcard{height:45px}.bars{height:55px}.float-card{padding:10px;font-size:.72rem}.float-card.one{right:0;top:20px}.float-card.two{left:0;bottom:17px}.float-icon{width:31px;height:31px}.hero-stamp{width:65px;height:65px;font-size:.56rem;right:2px;bottom:-6px}.section{padding:62px 0}.grid-3,.grid-4{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}.service-card,.info-card{padding:22px}.page-hero{padding:48px 0}.page-hero h1{font-size:2.55rem}.cta-band{padding:27px 22px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-panel,.form-panel{padding:23px}.whatsapp-float{right:12px;bottom:12px;padding:12px 14px}.mobile-only{display:block}}

/* Legal company name styled to complement the original blue-and-orange TechWorld logo. */
.footer-company-name,.company-wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.025em;}
.footer-company-name{font-size:1.08rem;margin:0 0 13px;line-height:1.2;}
.footer-company-name span,.company-wordmark span{color:#17466b;}
.footer-company-name em,.company-wordmark em{font-style:normal;color:#f47735;}
.footer .footer-company-name span{color:#f0f5f8;}
.footer .footer-company-name em{color:#ff8a4b;}

/* Product photography and visual brand gallery */
.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}
.product-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(10,42,66,.06);transition:transform .2s,box-shadow .2s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.product-card img{display:block;width:100%;height:180px;object-fit:cover;background:var(--pale)}
.product-card .product-copy{padding:18px}
.product-card h3{margin-bottom:8px;font-size:1.08rem}
.product-card p{font-size:.9rem;margin:0}
.brand-category{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:stretch;margin-top:34px}
.brand-category-photo{width:100%;height:100%;min-height:160px;max-height:230px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.brand-category-content{min-width:0}
.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-card{display:flex;align-items:center;justify-content:center;min-height:76px;padding:14px 16px;background:linear-gradient(135deg,#fff,#f7fafc);border:1px solid var(--line);border-radius:12px;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:1.02rem;color:var(--navy);text-align:center;box-shadow:0 4px 16px rgba(10,42,66,.035)}
.brand-card:nth-child(3n+2){color:#f47735}.brand-card:nth-child(4n){color:#315f84}
.service-detail{position:relative;padding-left:0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:center}
.service-photo{width:100%;height:160px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
@media(max-width:900px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-category{grid-template-columns:200px minmax(0,1fr)}.service-detail{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:600px){.product-gallery{grid-template-columns:1fr}.product-card img{height:210px}.brand-category{grid-template-columns:1fr}.brand-category-photo{height:190px;max-height:190px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail{grid-template-columns:1fr}.service-photo{height:210px}}

.brand-card{display:flex;flex-direction:column;gap:8px;min-height:112px;justify-content:center}.brand-logo{width:min(100%,180px);height:56px;object-fit:contain;display:block}.brand-card span{font-size:.82rem;color:var(--muted);font-weight:700;letter-spacing:0;text-align:center}.brand-card:nth-child(3n+2){color:var(--navy)}.brand-card:nth-child(4n){color:var(--navy)}

/* Premium home hero refinements */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 12%,rgba(244,119,53,.13),transparent 32%),linear-gradient(118deg,#f7fafc 0%,#fff 56%,#fff6f0 100%);}
.hero:before{content:"";position:absolute;left:-150px;bottom:-260px;width:420px;height:420px;border:1px solid rgba(23,70,107,.11);border-radius:50%;box-shadow:0 0 0 35px rgba(23,70,107,.025),0 0 0 70px rgba(23,70,107,.02);pointer-events:none}
.hero-grid{position:relative;z-index:1;gap:54px}
.hero h1{max-width:720px;font-size:clamp(3.2rem,5.6vw,5.25rem);line-height:1.02;letter-spacing:-.055em;margin:22px 0 23px;color:#082a43}
.hero h1 span{color:#f47735;position:relative;display:inline}
.hero p{max-width:650px;font-size:1.12rem;line-height:1.85;color:#4d6577}
.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f47735;box-shadow:0 0 0 5px rgba(244,119,53,.12);margin-right:5px;vertical-align:middle}
.hero .btn{box-shadow:0 10px 22px rgba(244,119,53,.2)}
.hero .btn.secondary{box-shadow:none;border-color:#d2e0e8;background:rgba(255,255,255,.72)}
.hero-art{min-height:455px;border-radius:32px;background:linear-gradient(145deg,#eaf2f7 0%,#fff 50%,#ffe8d9 100%);border:1px solid rgba(20,68,99,.1);box-shadow:0 30px 80px rgba(9,43,69,.12)}
.hero-art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(23,70,107,.09);border-radius:24px;pointer-events:none}
.dashboard{transform:rotate(-2deg);box-shadow:0 28px 55px rgba(9,43,69,.2)}
.float-card{box-shadow:0 16px 40px rgba(9,43,69,.15);border:1px solid rgba(255,255,255,.8)}
.hero-proof{display:flex;gap:0;margin-top:29px;padding-top:20px;border-top:1px solid #e2eaf0;max-width:590px}
.hero-proof>div{display:flex;flex-direction:column;gap:3px;padding:0 23px;border-left:1px solid #dbe5ec}
.hero-proof>div:first-child{padding-left:0;border-left:0}
.hero-proof strong{font-size:1.3rem;color:#123f5e;letter-spacing:-.03em}
.hero-proof span{font-size:.75rem;color:#6a7f8e}
.section-head h2{letter-spacing:-.035em}
.service-card,.product-card,.industry-card{transition:transform .22s ease,box-shadow .22s ease}
.service-card:hover,.industry-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(10,42,66,.1)}
@media(max-width:900px){.hero-grid{gap:35px}.hero h1{font-size:clamp(2.9rem,7.5vw,4.4rem)}.hero-art{min-height:390px}}
@media(max-width:600px){.hero h1{font-size:clamp(2.7rem,12vw,3.7rem)}.hero-proof>div{padding:0 11px}.hero-proof strong{font-size:1.1rem}.hero-proof span{font-size:.66rem}.hero-art{min-height:320px}.hero-art:before{inset:10px}}

/* Calm, understated corporate homepage theme requested by the client */
.hero{background:#f7f9fb;}
.hero:before{display:none;}
.hero-grid{gap:42px;}
.hero h1{font-size:clamp(2.7rem,4.6vw,4.15rem);line-height:1.1;letter-spacing:-.04em;margin:18px 0;color:#123b56;}
.hero h1 span{color:#e97735;}
.hero p{font-size:1.04rem;line-height:1.75;color:#536777;}
.hero-art{min-height:410px;border-radius:18px;background:#edf2f5;border:1px solid #e0e7ec;box-shadow:none;}
.hero-art:before{display:none;}
.dashboard{transform:none;box-shadow:0 14px 32px rgba(9,43,69,.12);}
.float-card{box-shadow:0 8px 24px rgba(9,43,69,.09);border:1px solid #e4ebef;}
.hero-stamp{display:none;}
.hero .btn{box-shadow:none;}
.hero .btn.secondary{background:#fff;border-color:#d6e0e7;}
.hero-proof{border-top:1px solid #dfe6eb;}
.hero-proof strong{color:#17466b;}
.eyebrow-dot{box-shadow:none;}
.section-head h2{color:#123b56;}
@media(max-width:900px){.hero-art{min-height:360px;}}
@media(max-width:600px){.hero h1{font-size:clamp(2.45rem,10vw,3.3rem)}.hero-art{min-height:310px}}