:root{--tf-navy:#0c2834;--tf-deep:#071d26;--tf-teal:#006e6d;--tf-green:#8d9440;--tf-gold:#d6a84b;--tf-cream:#f5f3ec;--tf-ink:#15333d;--tf-muted:#63777d}
.trafo-page{font-family:'Manrope',sans-serif;color:var(--tf-ink);background:#fff}.trafo-page h1,.trafo-page h2,.trafo-page h3,.trafo-page p{font-family:'Manrope',sans-serif}.trafo-page #header{height:83px}.trafo-page .header_menu{background:#fff;border-bottom:1px solid #e9eeee}.trafo-page .header_menu.affix{width:100%;top:0;z-index:1000}.trafo-page .main_menu>li>a{font-size:12px;font-weight:700;letter-spacing:.35px}.trafo-page .main_menu>li.active>a,.trafo-page .main_menu>li>a:hover{color:var(--tf-teal)!important}.trafo-page .dropdown-menu>.active>a{background:var(--tf-teal);color:#fff!important}
.trafo-hero{min-height:690px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(112deg,var(--tf-deep) 0%,#0a3441 62%,#0b4650 100%);padding:90px 0 75px}.trafo-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.trafo-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(214,168,75,.2);border-radius:50%;right:-180px;top:-160px;box-shadow:0 0 0 90px rgba(214,168,75,.025),0 0 0 180px rgba(214,168,75,.02)}.trafo-hero-row{display:flex;align-items:center}.trafo-eyebrow,.section-index{font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}.trafo-eyebrow{color:#cdd4a0;margin-bottom:24px}.trafo-eyebrow span{display:inline-block;width:34px;height:2px;margin-right:12px;vertical-align:middle;background:var(--tf-gold)}.trafo-hero h1{font-size:66px;font-weight:800;line-height:1.04;letter-spacing:-3px;margin:0 0 26px;color:#fff}.trafo-hero h1 em{color:var(--tf-gold);font-style:normal}.trafo-lead{max-width:650px;color:#c4d0d3;font-size:17px;line-height:1.8;margin-bottom:34px}.trafo-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trafo-btn{display:inline-flex;align-items:center;gap:17px;padding:16px 22px;border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.3px;transition:.2s}.trafo-btn:hover{text-decoration:none;transform:translateY(-2px)}.trafo-btn-primary{color:#102b33;background:var(--tf-gold)}.trafo-btn-primary:hover{color:#102b33;background:#e0b65d}.trafo-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28)}.trafo-btn-ghost:hover{color:#fff;border-color:#fff}.trafo-trust{display:flex;gap:23px;flex-wrap:wrap;margin-top:38px;color:#9fb1b6;font-size:11px;font-weight:700}.trafo-trust i{color:var(--tf-green);margin-right:6px}.trafo-visual{height:470px;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.trafo-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.trafo-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,29,38,.05),rgba(6,29,38,.92))}.trafo-voltage{position:absolute;left:28px;bottom:84px}.trafo-voltage.second{left:190px}.trafo-voltage span{display:block;color:var(--tf-gold);font-size:10px;font-weight:800}.trafo-voltage strong{display:block;color:#fff;font-size:17px}.trafo-voltage small{color:#afbdc0}.trafo-pulse{position:absolute;left:28px;right:28px;bottom:40px;height:22px;display:flex;align-items:center;gap:6px}.trafo-pulse:before{content:"";height:1px;flex:1;background:rgba(255,255,255,.2)}.trafo-pulse i{width:6px;height:6px;background:var(--tf-gold);border-radius:50%}.trafo-pulse i:nth-child(2){opacity:.6}.trafo-pulse i:nth-child(3){opacity:.25}
.trafo-intro,.trafo-process{padding:105px 0}.section-index{color:var(--tf-teal);margin-bottom:19px}.section-index.light{color:#b8c17a}.trafo-intro h2,.trafo-process h2{font-size:39px;font-weight:800;line-height:1.25;letter-spacing:-1.5px;margin:0}.intro-copy{font-size:21px;line-height:1.75;color:#314b54;margin-bottom:27px}.intro-note{display:flex;gap:18px;padding:21px 24px;background:var(--tf-cream);border-left:3px solid var(--tf-gold)}.intro-note i{color:var(--tf-gold);font-size:20px;margin-top:3px}.intro-note p{color:#52676e;line-height:1.7;margin:0}
.trafo-services{padding:100px 0 110px;color:#fff;background:var(--tf-navy)}.trafo-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.trafo-section-head h2{font-size:43px;font-weight:800;line-height:1.2;margin:0;color:#fff}.trafo-section-head>p{width:390px;color:#a8b9be;font-size:15px;line-height:1.8}.trafo-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.trafo-service{min-height:330px;position:relative;padding:42px;background:#0d303c;transition:.25s}.trafo-service:hover{background:#123946}.trafo-service.featured{background:var(--tf-teal)}.trafo-service.wide{grid-column:1/-1;min-height:225px;display:grid;grid-template-columns:56px 1fr auto;gap:24px;align-items:start}.trafo-service>.fa{font-size:29px;color:var(--tf-gold);margin-bottom:28px}.trafo-service h3{max-width:420px;color:#fff;font-size:22px;font-weight:800;line-height:1.4;margin:0 0 15px}.trafo-service p{max-width:520px;color:#aebdc1;font-size:14px;line-height:1.8}.trafo-service.featured p{color:#d9eeee}.trafo-service b{position:absolute;left:42px;bottom:37px;color:#d5dca1;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.trafo-service.wide b{position:static;align-self:center}.service-no{position:absolute;right:32px;top:31px;color:rgba(255,255,255,.28);font-size:12px;font-weight:800}
.process-summary{color:var(--tf-muted);line-height:1.8;margin-top:22px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #dfe7e7}.process-list li:last-child{margin-bottom:0}.process-list span{color:var(--tf-gold);font-size:13px;font-weight:800}.process-list h3{font-size:19px;font-weight:800;margin:0 0 9px}.process-list p{color:var(--tf-muted);line-height:1.7;margin:0}.trafo-cta{padding:0 0 105px}.cta-panel{min-height:285px;display:flex;align-items:center;justify-content:space-between;padding:55px 65px;color:#fff;background:linear-gradient(120deg,var(--tf-teal),#0a827c);position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.06);border-radius:50%;right:22%;top:-160px}.cta-panel p{color:#cbdca1;font-size:11px;font-weight:800;letter-spacing:2px}.cta-panel h2{font-size:38px;font-weight:800;line-height:1.3;margin:12px 0 0;color:#fff}.trafo-btn-light{z-index:1;color:var(--tf-navy);background:#fff}.trafo-btn-light:hover{color:var(--tf-navy)}
.trafo-footer{padding:65px 0 24px;color:#9eb0b5;background:var(--tf-deep)}.trafo-footer .footer-logo{max-width:180px;margin-bottom:22px;filter:brightness(0) invert(1);opacity:.9}.trafo-footer h4{color:#fff;font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 20px}.trafo-footer p{line-height:1.9}.trafo-footer a{display:block;color:#b6c3c6;margin-bottom:9px}.trafo-footer .col-md-4:nth-child(2) a{color:var(--tf-gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;font-size:11px}
@media(max-width:991px){.trafo-page #header{height:auto}.trafo-hero{padding-top:65px}.trafo-hero-row{display:block}.trafo-hero h1{font-size:53px}.trafo-visual{height:400px;margin-top:50px}.trafo-section-head{display:block}.trafo-section-head>p{width:auto;margin-top:20px}.trafo-intro h2,.trafo-process h2{margin-bottom:35px}.cta-panel{padding:48px;display:block}.cta-panel .trafo-btn{margin-top:28px}.trafo-footer .col-md-4{margin-bottom:30px}}
@media(max-width:767px){.trafo-page .custom_navbar-brand img{max-width:125px}.trafo-hero{min-height:auto;padding:65px 0 55px}.trafo-hero h1{font-size:41px;letter-spacing:-2px}.trafo-lead{font-size:15px}.trafo-trust{display:block}.trafo-trust span{display:block;margin-top:10px}.trafo-visual{height:340px}.trafo-voltage.second{left:165px}.trafo-intro,.trafo-process,.trafo-services{padding:70px 0}.trafo-intro h2,.trafo-process h2,.trafo-section-head h2,.cta-panel h2{font-size:31px}.intro-copy{font-size:18px}.trafo-service-grid{grid-template-columns:1fr}.trafo-service{min-height:320px;padding:32px}.trafo-service.wide{grid-column:auto;min-height:370px;display:block}.trafo-service b{left:32px;bottom:30px}.trafo-service.wide b{position:absolute}.cta-panel{padding:38px 28px}.trafo-cta{padding-bottom:70px}}

/* Service icons align directly with their headings. */
.trafo-service.wide{grid-template-columns:1fr auto}
.service-title{display:flex;align-items:center;gap:18px;padding-right:38px;margin-bottom:20px}
.service-title>.fa{flex:0 0 34px;color:var(--tf-gold);font-size:29px;text-align:center}
.trafo-service .service-title h3{margin:0}