@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#091d32;--deep:#061525;--teal:#20c9bb;--ink:#152b3b;--muted:#617280;--light:#f3f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 18px #091d320b}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-family:Manrope;font-size:22px;font-weight:800;letter-spacing:1px;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:8px}.logo-mark{display:grid;place-items:center;background:var(--navy);color:#fff;width:46px;height:46px;border-radius:9px;font-size:25px}.logo-mark span{color:var(--teal)}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{color:#078f85}.nav-cta{background:var(--teal);padding:13px 20px;border-radius:5px;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;font-size:26px}.hero{background:radial-gradient(ellipse at 90% 20%,#164b59 0,transparent 38%),linear-gradient(115deg,#071728,#0d2b43);color:#fff;position:relative;overflow:hidden}.hero-inner{padding:118px 0 115px;position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:2.1px;font-weight:800;color:#079b93}.eyebrow{color:#b7f6ed;display:flex;align-items:center;gap:10px}.dot{background:var(--teal);width:8px;height:8px;border-radius:50%}.hero h1{font-family:Manrope;font-size:clamp(44px,6.5vw,83px);line-height:1.12;letter-spacing:-3.5px;margin:28px 0}.hero h1 em{color:var(--teal);font-style:normal}.hero p{max-width:570px;font-size:17px;color:#c4d3db}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;font-size:13px;font-weight:800;border-radius:5px;border:1px solid transparent;cursor:pointer}.primary{background:var(--teal);color:var(--navy)}.primary:hover{background:#52e3d7}.secondary{border-color:#6a8596;color:white}.secondary:hover{background:#ffffff14}.hero-tags{display:flex;gap:25px;flex-wrap:wrap;color:#a6c2cc;font-size:12px;margin-top:64px}.hero-decoration{position:absolute;right:4%;bottom:-145px;font-family:Manrope;font-size:530px;line-height:1;font-weight:800;color:#ffffff07;pointer-events:none}.section{padding:110px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.section h2,.statement h2{font:800 clamp(31px,4vw,49px)/1.18 Manrope;letter-spacing:-1.7px;margin:22px 0}.section h2 span{color:#0ba99f}.intro p,.section-heading p,.contact p{color:var(--muted)}.intro p{margin-top:0}.text-link{font-weight:800;color:#078f85;font-size:13px}.services{background:var(--light)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:36px}.section-heading p{max-width:270px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:white;padding:34px 30px;min-height:270px;border:1px solid #e7edef;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:var(--teal)}.service-icon{font-size:35px;color:#08a99e}.service-no{float:right;color:#a4b2b9;font-size:12px}.service-card h3{font:800 19px/1.35 Manrope;margin:26px 0 12px}.service-card p{font-size:14px;color:var(--muted);margin:0}.statement{background:var(--navy);color:#fff;padding:100px 0}.statement .kicker{color:var(--teal)}.statement h2{font-size:clamp(33px,5vw,62px);margin:20px 0 30px}.statement h2 span{color:var(--teal)}.references-note{color:var(--muted);font-size:14px;margin-bottom:30px}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ref-grid span{display:grid;place-items:center;text-align:center;padding:28px 10px;background:var(--light);font:800 17px Manrope;color:#607481;letter-spacing:.4px}.contact{background:#f3f7f8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-detail{display:grid;gap:5px;margin-top:40px;font-size:14px}.contact-detail strong{margin-top:15px}.contact-detail span{color:var(--muted)}.form{background:#fff;padding:34px;box-shadow:0 12px 40px #09253a0b}.form label{display:block;font-weight:700;font-size:13px;margin-bottom:18px}.form input,.form select,.form textarea{width:100%;margin-top:8px;border:1px solid #dce5e8;padding:14px 13px;border-radius:4px;font:inherit;font-size:14px;background:white;color:var(--ink)}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--teal);outline-offset:1px}.form-submit{width:100%}.form small{display:block;color:var(--muted);margin-top:13px}.copy-btn{margin-top:12px;background:transparent;color:#078f85;border:0;padding:5px 0;font-weight:800;cursor:pointer}#feedback{font-size:13px}footer{background:var(--deep);color:white;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>span{color:#9bb0bd;font-size:12px}footer .logo-mark{background:#18364b}@media(max-width:800px){.menu-toggle{display:block}nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:20px 24px;box-shadow:0 15px 25px #091d321c;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.hero-inner{padding:90px 0}.hero h1{letter-spacing:-2px}.section{padding:70px 0}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.ref-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.footer-inner{flex-wrap:wrap}}@media(max-width:520px){.container{width:min(100% - 32px,1160px)}.hero-inner{padding:70px 0}.hero h1{font-size:43px}.hero-tags{gap:12px;margin-top:42px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.ref-grid span{font-size:13px}.form{padding:22px}.footer-inner{display:block}.footer-inner p{margin:24px 0}}

/* Original Tempro corporate logo */
.logo .brand-logo{display:block;width:166px;height:auto;max-height:75px;object-fit:contain}
footer .logo{background:#fff;border-radius:5px;padding:5px 12px}
@media(max-width:520px){.logo .brand-logo{width:135px}}

/* Reference showcase, matching approved concept */
:root{--navy:#08254b;--teal:#1baceb}
.references-showcase{background:#fff;scroll-margin-top:85px}.reference-banner{color:white;padding:64px 0 68px;background:linear-gradient(90deg,rgba(3,26,57,.98),rgba(3,34,72,.87) 52%,rgba(12,74,119,.48)),repeating-linear-gradient(108deg,#1a4c78 0px,#1a4c78 46px,#285b87 47px,#285b87 51px,#12365b 52px,#12365b 115px);position:relative}.banner-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#85dfff}.reference-banner h2{font:800 clamp(38px,5vw,64px)/1.1 Manrope;margin:15px 0}.reference-banner p{max-width:670px;font-size:19px;line-height:1.5;color:#e1edfb}.showcase-content{padding-top:56px;padding-bottom:36px}.showcase-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.showcase-top h2{font:800 clamp(26px,3vw,38px)/1.2 Manrope;margin:12px 0 0}.showcase-top h2 span{color:#1388d5}.showcase-top p{color:#5e6e82;max-width:270px}.reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reference-card{min-width:0;min-height:184px;border:1px solid #e1e7f0;border-radius:11px;box-shadow:0 4px 17px #09244909;background:#fff;padding:21px 9px 17px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.reference-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px #09244917}.reference-wordmark{height:66px;display:flex;align-items:center;justify-content:center;font:900 clamp(17px,1.7vw,25px)/1.1 Manrope;letter-spacing:-.8px;text-align:center;overflow-wrap:anywhere}.wordmark-0{color:#079ba6}.wordmark-1{color:#e41e32}.wordmark-2{color:#182d48}.wordmark-3{color:#0e67af}.wordmark-4{color:#655ec7}.wordmark-5{color:#14845c}.reference-card h3{font-size:14px;line-height:1.25;color:#10284c;margin:7px 0 4px}.reference-card p{font-size:12px;color:#61728a;line-height:1.4;margin:0}.logo-disclaimer{font-size:12px;color:#778598;margin:22px 0 0}.trust-strip{background:#eef6ff;padding:35px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.trust-grid>div{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:start;padding:5px 22px;border-right:1px solid #cddced}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-icon{grid-row:span 2;color:#148af0;font-size:38px;line-height:1}.trust-grid strong{font:800 15px/1.3 Manrope;color:#0b2956}.trust-grid p{font-size:12px;color:#5e6e82;margin:6px 0 0}.reference-cta{background:linear-gradient(100deg,#061c3a,#0c3766 70%,#123c71);color:white;padding:50px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner span{font-size:12px;letter-spacing:1.8px}.cta-inner h2{font:800 clamp(25px,3vw,39px)/1.2 Manrope;margin:8px 0}.cta-inner h2 em{font-style:normal;color:#25c0f4}.cta-inner p{color:#c7e1f6;margin:0}.cta-button{background:#fff;color:#0b3265;border-radius:50px;white-space:nowrap}.nav-cta{background:linear-gradient(90deg,#159ee5,#6156d8);color:white;border-radius:40px}.nav-cta:hover{color:white;filter:brightness(1.08)}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}.trust-grid>div{border:0;padding:10px!important}}
@media(max-width:620px){.reference-banner{padding:45px 0}.reference-banner p{font-size:16px}.showcase-top{display:block}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-card{min-height:158px;padding:12px 6px}.reference-wordmark{font-size:17px;height:56px}.reference-card h3{font-size:12px}.reference-card p{font-size:11px}.trust-grid{grid-template-columns:1fr 1fr;gap:6px}.trust-grid>div{grid-template-columns:1fr;padding:12px!important}.trust-icon{grid-row:auto}.cta-inner{align-items:flex-start;flex-direction:column}}