@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:#071d3f;--navy2:#0b2d5a;--blue:#0877ed;--sky:#37baff;--pale:#ecf4fc;--muted:#54657b;--white:#fff;--line:#dee8f2;--max:1190px;--shadow:0 25px 65px rgba(9,35,75,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.6 'DM Sans',Arial,sans-serif;color:var(--navy);background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 50px),var(--max));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.topline{background:var(--navy);color:#d7e8fc;font-size:11px;letter-spacing:.09em}.topline-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topline a:hover{color:white}.topline .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1bcad6;margin-right:9px}.top-sep{opacity:.3;margin:0 16px}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #edf1f6;box-shadow:0 5px 28px rgba(5,34,77,.025)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:9px;min-width:205px}.brand img{width:80px;height:74px;object-fit:contain}.brand-side{display:flex;flex-direction:column;letter-spacing:.095em;line-height:1.22}.brand-side strong{font:800 19px Manrope,Arial,sans-serif;letter-spacing:.06em;color:#05559d}.brand-side span{font-weight:800;color:#586576;font-size:10px;letter-spacing:.18em}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:13px;font-weight:700;color:#253a55;white-space:nowrap;transition:color .2s}.main-nav>a:hover{color:var(--blue)}.main-nav>.nav-contact{background:var(--blue);color:white;padding:13px 21px;border-radius:6px}.main-nav>.nav-contact:hover{color:white;background:#005cc2}.nav-contact span{margin-left:7px}.nav-toggle{display:none;appearance:none;background:transparent;border:0;padding:9px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.18;letter-spacing:-.045em}h2{font-size:clamp(34px,3.6vw,53px);font-weight:800;margin-bottom:0}h2 span{color:var(--blue)}h3{letter-spacing:-.027em}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin-bottom:24px;text-transform:uppercase}.eyebrow-on-dark{color:#86d8ff}.eyebrow .line{display:inline-block;vertical-align:middle;width:20px;height:2px;background:#4fbdff;margin-right:10px}.section{padding:105px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border-radius:5px;font-size:13px;font-weight:800;min-height:52px;transition:transform .2s,background .2s,color .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:#0064ce}.btn-outline{border-color:rgba(255,255,255,.4);color:white}.btn-outline:hover{background:white;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#06172f 0%,#08285c 65%,#123f7e 100%);color:white}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(75deg,transparent 57%,rgba(6,119,238,.14) 57%,transparent 72%);pointer-events:none}.hero-glow{position:absolute;width:540px;height:540px;right:-170px;top:-160px;background:radial-gradient(circle,rgba(43,150,251,.24),transparent 70%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;gap:50px;padding-block:74px 64px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(43px,4.55vw,66px);font-weight:800;max-width:650px;line-height:1.11;letter-spacing:-.052em;margin-bottom:28px}.hero h1 em,.engineering-content h2 em,.contact-section h2 em{color:#64cdff;font-style:normal}.hero-copy>p{max-width:530px;color:#cbdcf1;line-height:1.85;font-size:16px;margin-bottom:33px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-expertise{display:flex;gap:15px;flex-wrap:wrap;margin-top:45px;font-size:11px;font-weight:700;color:#d4e6f7}.hero-expertise span{display:flex;align-items:center;gap:7px}.hero-expertise i{display:block;width:5px;height:5px;background:#51c7fd;border-radius:50%}.hero-visual{position:relative;min-height:480px;align-self:stretch}.hero-photo{object-fit:cover;position:absolute;box-shadow:0 30px 70px rgba(0,0,0,.32)}.hero-photo-main{inset:10px 0 75px 45px;width:calc(100% - 45px);height:calc(100% - 85px);clip-path:polygon(17% 0,100% 0,100% 83%,85% 100%,0 100%,0 20%)}.hero-photo-small{position:absolute;left:-5px;bottom:7px;width:46%;height:39%;border:7px solid #0c3872;background:#123d70;clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%)}.hero-photo-small img{width:100%;height:100%;object-fit:cover}.hero-tag{position:absolute;top:9px;right:-18px;padding:16px 18px;background:#fff;color:var(--navy);border-left:5px solid var(--blue);box-shadow:var(--shadow)}.hero-tag span{display:block;font-weight:800;color:var(--blue);font-size:11px;letter-spacing:.13em}.hero-tag strong{display:block;font-size:15px;line-height:1.38;margin-top:5px}.hero-footer{height:60px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#a6c4e1}.hero-footer a:hover{color:white}
.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.section-heading h2{max-width:560px}.intro-desc{padding-top:35px;color:var(--muted);font-size:16px}.intro-desc p{line-height:1.9}.intro-desc strong{color:var(--navy)}.text-link{display:inline-block;font-size:13px;color:var(--blue);font-weight:800;margin-top:11px}.text-link span{margin-left:12px}.values-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{padding:28px;border:1px solid var(--line);background:linear-gradient(140deg,#fff,#f8fbfe)}.value-icon{display:block;color:var(--blue);font-size:32px;margin-bottom:12px}.value-card h3{font-size:17px;letter-spacing:-.025em}.value-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.section-services{background:#f4f8fc}.section-top,.section-detail-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:43px}.section-top>div{max-width:720px}.section-top>p,.section-detail-head>p{color:var(--muted);max-width:330px;margin:0;font-size:14px;line-height:1.8}.service-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-tile{height:455px;display:block;position:relative;overflow:hidden;background:#06182e}.service-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-tile:hover img{transform:scale(1.06)}.tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,19,52,.96),rgba(0,30,70,.22) 70%)}.service-tile-text{position:absolute;bottom:0;padding:40px;color:white;width:100%}.service-tile-text>span:first-child{font-weight:800;font-size:11px;letter-spacing:.15em;color:#6aceff}.service-tile-text h3{font-size:30px;margin:12px 0}.service-tile-text p{font-size:14px;line-height:1.7;max-width:330px;color:#cce3fb;margin:0}.tile-arrow{position:absolute;right:35px;bottom:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:21px}
.detail-section{background:#fff}.section-detail-head>div{max-width:700px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{border:1px solid #dde9f3;background:#f7faff;min-height:248px;padding:28px;position:relative;transition:box-shadow .2s,transform .2s}.detail-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.detail-card .service-number{position:absolute;top:23px;right:25px;color:#b5c9dd;font-weight:800;font-size:13px}.detail-icon{width:47px;height:47px;display:grid;place-items:center;color:var(--blue);font-size:28px;background:white;border:1px solid #d8e7f5;margin-bottom:28px}.detail-card h3{font-size:19px;margin-bottom:13px}.detail-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.inline-cta{display:flex;align-items:center;gap:25px;padding:25px 30px;background:#082e66;color:white;margin-top:22px}.inline-cta strong{font-size:16px}.inline-cta span{font-size:13px;color:#c4dcf6;flex:1}.inline-cta a{font-weight:800;font-size:12px;color:#85d1ff}
.engineering-block{background:#071e44;color:white}.engineering-layout{display:grid;grid-template-columns:48% 1fr;min-height:730px}.engineering-visual{position:relative;min-height:630px}.engineering-visual img{height:100%;width:100%;object-fit:cover;filter:saturate(.8)}.engineering-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,21,54,.7),transparent 60%)}.engineering-float{position:absolute;bottom:38px;left:35px;z-index:1;background:rgba(6,41,87,.8);padding:19px 25px;font-size:25px;font-weight:800;letter-spacing:-.03em}.engineering-float strong{font-size:10px;letter-spacing:.15em;display:block;color:#77d6ff;margin-top:7px}.engineering-content{padding:85px 0 77px 66px}.engineering-content h2{font-size:clamp(34px,3.5vw,48px)}.engineering-content>p{color:#c1d2eb;line-height:1.8;font-size:14px;margin:23px 0 35px}.engineering-list{margin-bottom:30px}.engineering-list>div{display:flex;gap:19px;padding:18px 0;border-top:1px solid rgba(255,255,255,.18)}.engineering-list>div>span{color:#68ccff;font-size:12px;font-weight:800}.engineering-list h3{font-size:17px;margin:0 0 7px}.engineering-list p{color:#bdd1e8;font-size:13px;line-height:1.75;margin:0}.additional{background:#f6f9fd}.additional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.additional-card{background:white;border:1px solid #e1e9f3}.additional-card img{height:185px;width:100%;object-fit:cover}.additional-card>div{padding:24px}.additional-card small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.13em}.additional-card h3{font-size:20px;margin:8px 0 11px}.additional-card p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:0}.values-mission{background:#fff}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mission-card{background:#edf5fd;padding:45px 40px;min-height:280px}.mission-card>span{font-size:12px;letter-spacing:.13em;color:var(--blue);font-weight:800}.mission-card h3{font-size:28px;max-width:400px;margin:25px 0 16px}.mission-card p{font-size:14px;line-height:1.82;color:#4b617b;margin:0}.mission-dark{background:var(--navy);color:white}.mission-dark>span{color:#75d4ff}.mission-dark p{color:#cbdef1}.work{background:#f6f9fd}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps>div{border-top:3px solid var(--blue);padding:20px 12px 0}.steps b{font-size:32px;display:block;color:#c0d7ed;font-family:Manrope}.steps h3{font-size:17px;margin:19px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.8}
.contact-section{background:linear-gradient(135deg,#051935,#0a326e);padding:106px 0;color:white}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact-section h2{font-size:clamp(37px,4vw,54px);max-width:540px}.contact-section>div>div:first-child>p{color:#c8def4;line-height:1.9;max-width:470px;margin-top:24px}.contact-points{margin-top:44px}.contact-points>a,.contact-address{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}.contact-points>a>span,.contact-address>span{width:41px;height:41px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#7cdeff;flex:none}.contact-points small,.contact-address small{display:block;font-size:10px;letter-spacing:.13em;color:#84cfff}.contact-points strong,.contact-address strong{font-size:13px;line-height:1.7;font-weight:600;word-break:break-word}.contact-form-card{background:white;color:var(--navy);padding:38px 38px 32px;box-shadow:0 30px 70px rgba(0,0,0,.23)}.form-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--blue)}.contact-form-card h3{font-size:27px;margin:10px 0}.contact-form-card>p{font-size:13px;color:var(--muted);line-height:1.7}.contact-form-card label{display:block;font-size:12px;font-weight:800;margin:18px 0 6px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;border:1px solid #d6e2ed;padding:12px 13px;font-size:13px;color:var(--navy);outline:none;background:#f9fbfe;border-radius:2px}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0677ec24}.submit-btn{width:100%;margin-top:22px}.form-note{font-size:11px!important;line-height:1.6!important;color:#73869c!important;margin:13px 0 0}
footer{background:#05142e;color:#c8d9ec}.footer-grid{padding:63px 0 48px;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:35px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:110px;object-fit:contain}.footer-brand span{font-size:11px;line-height:1.8;color:#7ccfff;letter-spacing:.1em;font-weight:800}.footer-grid h3{font-size:13px;color:white;letter-spacing:0;margin-bottom:16px}.footer-grid>div a,.footer-grid p{display:block;font-size:13px;color:#a4bed7;margin-bottom:8px}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:22px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#789bbf}.floating-wa{position:fixed;right:24px;bottom:24px;background:#0aaf71;color:white;border-radius:100px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,60,44,.3);font-size:12px;font-weight:800;z-index:29}.floating-wa span{margin-left:6px}
@media(max-width:1050px){.main-nav{gap:15px}.main-nav>a{font-size:12px}.hero-layout{gap:20px}.hero h1{font-size:46px}.brand-side{display:none}.brand{min-width:90px}.engineering-content{padding-left:35px}.engineering-layout{grid-template-columns:44% 1fr}}
@media(max-width:780px){.container{width:min(calc(100% - 34px),var(--max))}.topline{display:none}.nav-wrap{height:75px}.brand img{width:71px;height:68px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;box-shadow:0 24px 32px rgba(0,20,55,.12);padding:20px 25px 27px;flex-direction:column;align-items:stretch;gap:15px}.main-nav.open{display:flex}.main-nav>a{font-size:14px}.main-nav>.nav-contact{width:max-content}.hero-layout,.split-intro,.engineering-layout,.contact-layout{grid-template-columns:1fr}.hero-layout{gap:20px;padding-top:63px}.hero h1{font-size:clamp(40px,8vw,56px)}.hero-visual{min-height:440px}.hero-footer>span{display:none}.hero-footer{justify-content:center}.section{padding:76px 0}.values-grid,.detail-grid,.additional-grid{grid-template-columns:repeat(2,1fr)}.service-tiles{grid-template-columns:1fr}.service-tile{height:395px}.section-top,.section-detail-head{display:block}.section-top>p,.section-detail-head>p{margin-top:19px;max-width:540px}.engineering-visual{min-height:390px;height:390px}.engineering-content{padding:55px 0}.steps{grid-template-columns:repeat(3,1fr)}.contact-layout{gap:40px}.contact-form-card{padding:30px}}
@media(max-width:550px){.container{width:calc(100% - 30px)}.hero-layout{padding-top:48px}.hero h1{font-size:39px}.hero-copy>p{font-size:14px}.hero-actions{gap:10px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-expertise{margin-top:30px;gap:10px}.hero-visual{min-height:310px}.hero-photo-main{inset:10px 0 50px 24px;width:calc(100% - 24px);height:calc(100% - 60px)}.hero-tag{right:0;padding:10px}.hero-tag strong{font-size:11px}.hero-photo-small{border-width:4px}.section{padding:66px 0}h2{font-size:34px}.intro-desc{padding-top:8px}.values-grid,.detail-grid,.additional-grid,.mission-grid{grid-template-columns:1fr}.value-card{padding:24px}.service-tile{height:340px}.service-tile-text{padding:25px}.service-tile-text h3{font-size:25px}.tile-arrow{bottom:30px;right:20px}.detail-card{min-height:auto;padding:25px}.inline-cta{align-items:flex-start;flex-direction:column;gap:9px}.engineering-content h2,.contact-section h2{font-size:36px}.mission-card{padding:29px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps>div{padding-top:10px}.steps b{font-size:24px}.steps h3{margin:8px 0}.contact-section{padding:68px 0}.contact-form-card{padding:24px}.footer-grid{grid-template-columns:1fr;gap:23px}.footer-bottom{flex-direction:column}.floating-wa{right:12px;bottom:12px;padding:11px}.floating-wa span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Versión 2 - marca única, contactos visibles y brochure corporativo */
.brand{min-width:115px;gap:0}.brand img{width:125px;height:82px;object-fit:contain}.top-contact{color:inherit;white-space:nowrap}.btn-brochure{color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.09)}.btn-brochure:hover{background:rgba(255,255,255,.2)}
.brochure-section{background:#f1f7fe}.brochure-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:10px}.brochure-panel>div{max-width:630px}.brochure-panel h2{font:800 clamp(28px,3.8vw,46px)/1.16 Manrope,Arial,sans-serif;margin:15px 0}.brochure-panel h2 span{color:#0874dc}.brochure-panel p{color:#41536b;line-height:1.8}.brochure-panel>.btn{flex-shrink:0}
.contact-direct{display:flex;gap:16px;align-items:center}.contact-direct>span{font-size:22px}.contact-direct>div{min-width:0;flex:1}.copy-info{margin-left:auto;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;padding:7px 12px;border-radius:5px;font-size:12px;cursor:pointer}.copy-info:hover{background:rgba(255,255,255,.23)}
@media(max-width:1050px){.brand{min-width:100px}.brand img{width:100px;height:75px}.main-nav{gap:12px}}
@media(max-width:780px){.brand img{width:83px;height:68px}.brochure-panel{display:block}.brochure-panel>.btn{margin-top:16px}.contact-direct{flex-wrap:wrap}.copy-info{margin-left:0}}


/* CIVITECH WEB V3: jerarquía visual premium, TI y proceso */
:root{--electric:#1082f5;--cyan:#69ceff;--teal:#03ac92}
body{overflow-x:hidden}
a:focus-visible,button:focus-visible{outline:3px solid #33baf5;outline-offset:4px}
.intro{background:radial-gradient(circle at 12% 14%,rgba(15,117,238,.07),transparent 40%),#fff}
.intro-ribbon{display:flex;align-items:center;gap:20px;background:linear-gradient(100deg,#0a2d60,#0a4e99);border-left:5px solid var(--sky);color:white;margin-top:44px;padding:22px 30px;box-shadow:0 14px 40px rgba(6,56,122,.16)}
.ribbon-mark{display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);height:52px;width:52px;font:800 30px Manrope;flex-shrink:0;color:#90e4ff}.intro-ribbon small{display:block;color:#8dd7ff;font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:4px}.intro-ribbon strong{font-size:15px;line-height:1.5}.ribbon-deco{margin-left:auto;font-size:37px;color:#8bdbff}
.values-grid{margin-top:20px}.value-card-premium{position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(7,41,88,.06);border:1px solid #dce9f7;transition:transform .25s,box-shadow .25s}.value-card-premium::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,#086af3,#65d7ff);transform:scaleX(.28);transform-origin:left;transition:transform .25s}.value-card-premium:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(7,41,88,.13)}.value-card-premium:hover::after{transform:scaleX(1)}.value-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#eaf4ff;color:#006bea;font-size:31px}
.detail-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#f0f7ff 0%,#f8fbff 50%,#eaf4ff 100%)}
.tech-ambient{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(0,112,241,.14),transparent 36%),radial-gradient(circle at 0 100%,rgba(21,180,253,.12),transparent 38%)}
.detail-section::before{content:"";position:absolute;right:-90px;top:30px;width:430px;height:430px;opacity:.23;background:repeating-linear-gradient(90deg,transparent 0 45px,#a1c8ee 46px 47px),repeating-linear-gradient(0deg,transparent 0 45px,#a1c8ee 46px 47px);mask-image:linear-gradient(to left,#000,transparent);z-index:-1}
.section-detail-head h2{max-width:720px}.tech-intro-note{display:flex;gap:15px;align-items:center;background:#071f46;color:#d5edff;padding:16px 24px;margin-bottom:18px;border-radius:10px;box-shadow:0 8px 20px rgba(5,33,79,.12);font-size:11px;letter-spacing:.08em;font-weight:700}.tech-intro-note strong{margin-left:auto;color:white;font-size:13px;letter-spacing:0}.note-pulse{height:10px;width:10px;box-shadow:0 0 0 5px rgba(54,210,241,.15);border-radius:50%;background:#26d9ee}
.detail-grid{gap:20px}.tech-card{border:1px solid #d3e4f7;background:#fff;padding:30px 29px 26px;min-height:290px;border-radius:14px;box-shadow:0 10px 28px rgba(4,43,97,.045);transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease;overflow:hidden}.tech-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#0b67db,#28afff);transform:scaleX(.24);transform-origin:left;transition:transform .25s}.tech-card::after{content:"↗";position:absolute;right:26px;bottom:21px;font-size:21px;color:#c7ddf3;transition:color .23s,transform .23s}.tech-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(2,46,112,.16);border-color:#a6d3ff}.tech-card:hover::before{transform:scaleX(1)}.tech-card:hover::after{color:#0877ed;transform:translate(3px,-3px)}
.tech-card .detail-icon{width:64px;height:64px;border-radius:15px;margin-bottom:24px;background:linear-gradient(135deg,#0965d5,#129cff);color:#fff;border:0;font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;box-shadow:0 12px 26px rgba(0,105,225,.21)}.tech-card:nth-child(2) .detail-icon,.tech-card:nth-child(5) .detail-icon{background:linear-gradient(130deg,#08489d,#017ce8)}.tech-card:nth-child(3) .detail-icon,.tech-card:nth-child(6) .detail-icon{background:linear-gradient(140deg,#006cc3,#00a6df)}.tech-card .service-number{top:27px;right:29px;color:#94b8dd;font-size:16px}.tech-card h3{font-size:21px;color:#071f47;margin-bottom:12px}.tech-card p{font-size:13.5px;color:#526785;max-width:330px}.inline-cta{border-radius:12px;background:linear-gradient(110deg,#071f48,#0c4b96);box-shadow:0 12px 36px rgba(8,45,110,.15)}.inline-cta a{background:#fff;color:#084786;padding:11px 16px;border-radius:7px;transition:transform .2s}.inline-cta a:hover{transform:translateY(-2px)}
.additional{background:#fff}.enhanced-additional{border-radius:12px;overflow:hidden;box-shadow:0 12px 35px rgba(10,45,89,.07);transition:transform .25s,box-shadow .25s}.enhanced-additional:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(10,45,89,.16)}.enhanced-additional img{height:205px}.enhanced-additional>div{border-top:5px solid #0877ed}.enhanced-additional small{font-size:11px}
.values-mission{background:linear-gradient(130deg,#f7fbff,#fff)}.mission-card{border-radius:14px;box-shadow:0 10px 35px rgba(9,45,97,.055)}.mission-dark{background:linear-gradient(125deg,#061d40,#12437f)}
.work{position:relative;overflow:hidden;background:linear-gradient(125deg,#061a3c 0%,#0a326a 100%);color:white}.work::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 16%,rgba(42,162,251,.2),transparent 40%),linear-gradient(142deg,transparent 63%,rgba(60,172,247,.09) 63% 68%,transparent 68%)}.work .container{position:relative}.work .eyebrow{color:#76d8ff}.work h2 span{color:#67ceff}.work .section-top>p{color:#c3daef}.process-intro{display:flex;align-items:center;gap:18px;padding:20px 24px;margin:-4px 0 26px;background:rgba(255,255,255,.075);border:1px solid rgba(176,218,255,.21);border-radius:12px}.process-trace{height:13px;width:13px;border:3px solid #75d7ff;border-radius:50%;box-shadow:0 0 0 5px rgba(63,182,255,.12)}.process-intro strong{font-size:15px}.process-intro>span:last-child{margin-left:auto;font-size:12px;color:#b5d5f4}
.steps-v3{gap:13px;position:relative}.steps-v3::before{content:"";position:absolute;top:49px;left:35px;right:35px;height:2px;background:linear-gradient(90deg,#4fb8ff,#80dcff);z-index:0;opacity:.6}.steps-v3 .process-step{position:relative;z-index:1;border:1px solid rgba(160,216,255,.26);border-top:4px solid #39bfff;border-radius:12px;padding:24px 18px 26px;background:rgba(255,255,255,.085);backdrop-filter:blur(7px);transition:background .24s,transform .24s,border-color .24s;min-height:255px}.steps-v3 .process-step:hover{background:rgba(255,255,255,.14);transform:translateY(-6px);border-color:#6ed6ff}.step-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.steps-v3 b{font-size:36px;color:#70d7ff;line-height:1}.step-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1px solid rgba(174,229,255,.42);color:white;background:rgba(12,140,228,.28);font-size:23px}.steps-v3 h3{margin:27px 0 12px;font-size:17px;color:#fff}.steps-v3 p{font-size:12px;color:#c7dff6;line-height:1.75}
.process-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding:28px 30px;border-radius:13px;border:1px solid rgba(150,217,255,.3);background:linear-gradient(100deg,rgba(14,116,216,.26),rgba(4,37,83,.7))}.process-footer strong{font-size:19px}.process-footer p{font-size:13px;color:#c4d9ef;margin:7px 0 0}.process-footer .btn{flex-shrink:0}
.brochure-section{background:linear-gradient(130deg,#eff7ff,#dceeff)}.brochure-panel{background:#fff;border:1px solid #d2e7fa;padding:32px 35px;border-radius:16px;box-shadow:0 18px 44px rgba(7,49,101,.1)}.brochure-glyph{flex:0 0 84px;width:84px;height:105px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f5ff,#d4eaff);color:#0a6de0;border-radius:10px}.brochure-glyph svg{width:60px;height:70px}
.footer-bottom{justify-content:flex-start}
.floating-wa{display:grid;place-items:center;background:linear-gradient(145deg,#06a997,#03b28e);color:#fff;width:65px;height:65px;padding:16px;right:25px;bottom:24px;border:2px solid #b4ffea;border-radius:50%;box-shadow:0 6px 0 rgba(3,40,53,.18),0 18px 40px rgba(1,94,81,.31);transition:transform .2s,box-shadow .2s,background .2s}
.floating-wa svg{display:block;width:32px;height:32px;flex:none}.floating-wa:hover,.floating-wa:focus-visible{background:linear-gradient(145deg,#0a7d9a,#0667af);transform:translateY(-5px) scale(1.06);box-shadow:0 10px 0 rgba(3,40,53,.12),0 23px 52px rgba(1,94,81,.34)}.floating-wa .wa-tooltip{position:absolute;white-space:nowrap;right:77px;top:50%;transform:translate(8px,-50%);pointer-events:none;background:#fff;color:#082c58;border-radius:8px;font-size:12px;padding:9px 12px;box-shadow:0 8px 22px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}.floating-wa:hover .wa-tooltip,.floating-wa:focus-visible .wa-tooltip{opacity:1;visibility:visible;transform:translate(0,-50%)}
@media(max-width:1050px){.steps-v3{grid-template-columns:repeat(3,1fr)}.steps-v3::before{display:none}.process-step{min-height:215px!important}}
@media(max-width:780px){.tech-intro-note{flex-wrap:wrap}.tech-intro-note strong{margin-left:0}.process-footer{flex-direction:column;align-items:flex-start}.process-intro{flex-wrap:wrap}.process-intro>span:last-child{margin-left:0}.brochure-panel{display:flex;flex-wrap:wrap}.brochure-panel>div{flex:1 1 60%}}
@media(max-width:550px){.intro-ribbon{padding:18px;gap:12px}.ribbon-mark{height:42px;width:42px;flex-shrink:0}.ribbon-deco{display:none}.tech-card{min-height:auto}.steps-v3{grid-template-columns:1fr}.steps-v3 .process-step{min-height:0!important;padding:20px}.steps-v3 h3{margin:18px 0 8px}.process-footer{padding:22px}.process-footer .btn{width:100%}.brochure-panel{padding:22px}.brochure-glyph{width:60px;height:75px;flex-basis:60px}.brochure-glyph svg{width:45px}.brochure-panel>div{flex-basis:100%}.floating-wa{width:58px;height:58px;right:15px;bottom:15px;padding:13px}.floating-wa svg{width:29px;height:29px}.floating-wa .wa-tooltip{display:none}}

/* CIVITECH V4: responsive editorial hierarchy and motion */
html{scroll-padding-top:110px}.section,.engineering-block,.contact-section{scroll-margin-top:105px}
.values-mission{background:linear-gradient(145deg,#eaf4ff,#f6faff 48%,#e7f3fd)}
.section-services{background:#e7f3ff}
.detail-section{background:linear-gradient(135deg,#e2efff 0%,#f6faff 48%,#d9edff 100%)}
.additional{background:linear-gradient(145deg,#eaf3ff,#fff 55%,#e9f5fe)}
.service-tile{overflow:hidden}.service-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .45s ease;filter:saturate(.84)}.service-tile:hover img{transform:scale(1.045);filter:saturate(1.15)}
.hero-visual{isolation:isolate}.hero-slide{opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.hero-slide.is-active{opacity:1}.hero-slider-controls{position:absolute;z-index:8;right:18px;bottom:26px;display:flex;gap:9px;background:rgba(5,26,62,.72);backdrop-filter:blur(8px);padding:10px 13px;border:1px solid rgba(255,255,255,.32);border-radius:22px}.hero-dot{width:10px;height:10px;border:0;border-radius:50%;background:#a9c7ec;cursor:pointer;padding:0;transition:width .25s,background .25s}.hero-dot.is-active{width:30px;border-radius:9px;background:#55d5ff}.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hero-photo-small{z-index:6}.hero-tag{z-index:7}.hero-photo-main{object-fit:cover}
.main-nav a.is-current:not(.nav-contact){color:#0071e8;position:relative}.main-nav a.is-current:not(.nav-contact)::after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#0a88f7}
.tech-card{background:linear-gradient(155deg,#fff 65%,#eef7ff)}.tech-card:nth-child(2),.tech-card:nth-child(5){background:linear-gradient(155deg,#f0f7ff,#fff 70%)}
@media(max-width:780px){.hero-slider-controls{bottom:12px;right:12px;padding:8px 10px}.hero-slide{transition-duration:.75s}.main-nav a.is-current::after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dot,.service-tile img{transition:none!important}.service-tile:hover img{transform:none}}