/* Versión clara: la ilustración es una animación vectorial, no una fotografía. */
:root{--ink:#123236;--deep:#e8f3ee;--deep2:#dfeee9;--teal:#2ab8aa;--teal-dark:#08776f;--paper:#fafaf6;--muted:#5f7777}
body{background:#fafaf6}
.site-header{background:transparent}
.site-header.scrolled{background:rgba(250,252,249,.96);box-shadow:0 8px 30px rgba(11,57,56,.08)}
.site-header .brand img{filter:brightness(0) saturate(100%) invert(20%) sepia(27%) saturate(970%) hue-rotate(131deg) brightness(90%) contrast(93%)}
.nav-links{color:#15393b}
.nav-contact{border-color:#9ab5ae;color:#174a49}
.nav-links .nav-contact:hover{color:#fff;background:#08776f;border-color:#08776f}
.menu-toggle{border-color:#9ab6b0}
.menu-toggle span{background:#174a49}
.hero{background:radial-gradient(circle at 77% 44%,#e4f4eb 0,#f1f8f2 35%,#f9faf5 75%);color:#123236;min-height:690px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 99%,rgba(54,131,116,.055) 99%),linear-gradient(0deg,transparent 99%,rgba(54,131,116,.055) 99%);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-image,.hero-shade{display:none}
.hero-content{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:5%;padding-top:82px;padding-bottom:70px}
.hero-copy{position:relative;z-index:2}
.eyebrow.light{color:#236b64;border-color:#b8d5ca;background:#edf8f1}
.hero h1{font-size:clamp(3.45rem,5.7vw,5.7rem);max-width:730px;line-height:1.02}
.hero h1 em{color:#13897f}
.hero-content>p,.hero-copy>p{font-size:clamp(1rem,1.26vw,1.15rem);max-width:600px;color:#557071;line-height:1.75;margin-bottom:32px}
.hero-copy .hero-promise{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.055em;color:#13766e;margin:-10px 0 26px}
.button-primary{color:#fff;background:#087a72}
.button-primary:hover{background:#0b9990}
.button-outline{color:#174e4b;border-color:#97b9b2;background:transparent}
.button-outline:hover{background:#e1f3eb;border-color:#42978f}
.hero-bottom{color:#65837e}
.hero-visual{height:min(520px,61vh);min-height:390px;position:relative;background:#f0f8f2;border:1px solid #bcd8cc;box-shadow:0 24px 70px rgba(36,109,93,.12);overflow:hidden}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:90px;height:90px;border-color:#3ba99d;opacity:.6;z-index:2;pointer-events:none}
.hero-visual:before{top:-1px;left:-1px;border-top:3px solid;border-left:3px solid}
.hero-visual:after{bottom:-1px;right:-1px;border-bottom:3px solid;border-right:3px solid}
.visual-heading,.visual-footer{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font:600 10px Arial,sans-serif;letter-spacing:.12em;color:#507a74;background:rgba(255,255,255,.56)}
.visual-heading{border-bottom:1px solid #c6ddd3}
.visual-footer{border-top:1px solid #c6ddd3;justify-content:flex-start;gap:30px;letter-spacing:.04em}
.visual-footer span{display:flex;align-items:center;gap:7px}
.visual-footer i{width:6px;height:6px;border-radius:50%;background:#26b7aa}
.visual-footer span:nth-child(2) i{background:#187d78}.visual-footer span:nth-child(3) i{background:#add0a6}
.circuit-art{width:100%;height:calc(100% - 84px);object-fit:contain}
.chip-frame{animation:chip-glow 3.5s ease-in-out infinite}
@keyframes chip-glow{50%{filter:drop-shadow(0 0 12px rgba(33,183,166,.45))}}
.capability-strip{background:#e3f0e9;color:#326660;border-top:1px solid #c7ddd2;border-bottom:1px solid #c7ddd2}
.strip-inner i{background:#319a8d}
.intro{background:#fafaf6}
.solutions{background:#edf5f0}
.solution-grid{background:#cdded4;border-color:#cdded4}
.solution-card{background:#fff}
.approach{background:#e0f0e9;color:#153a3c}
.approach:before{opacity:.11;mask-image:linear-gradient(90deg,transparent,#000)}
.approach .section-kicker,.contact .section-kicker{color:#08776f}
.approach-copy>p:not(.section-kicker){color:#5c7777}
.check-list{color:#294f4f}
.system-diagram{background:linear-gradient(145deg,#f9fdfa,#e4f4ec);border-color:#a9cec1;box-shadow:0 25px 50px rgba(29,103,88,.1)}
.diagram-top,.diagram-footer{color:#5f8d84}
.diagram-status{color:#47776e}
.diagram-node{background:#f6fcf7;border-color:#9ec7b9}
.node-core{background:#ddf1e7;border-color:#138e80}
.diagram-node strong{color:#204d4c}
.diagram-node small{color:#638781}
.diagram-footer{border-color:#c0dbce}
.contact{background:#e8f3ec;color:#123638}
.value-banner{background:#d5ebe0;border-top:1px solid #bddbcb;border-bottom:1px solid #bddbcb;padding:65px 0}
.value-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}
.value-inner>div>span{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#297a6f;margin-bottom:13px}
.value-inner h2{font-size:clamp(2.2rem,3.2vw,3.8rem);max-width:810px}
.value-inner p{color:#4b746e;margin:16px 0 0}
.value-inner .button{flex:none}
.contact-copy>p:not(.section-kicker){color:#597672}
.contact-note{border-color:#bdd4c9}
.contact-note span:last-child{color:#69827e}
.form-panel{background:#fff;border:1px solid #d2e3d9;box-shadow:0 20px 60px rgba(35,104,85,.08)}
.site-footer{background:#0e3436}
@media(max-width:800px){
  .nav-links{background:#f8fcf8;border-color:#b8d4c8;color:#173d3d;box-shadow:0 22px 35px #0c343322}
  .hero{height:auto;max-height:none;min-height:0}
  .hero-content{grid-template-columns:1fr;gap:45px;padding-top:150px;padding-bottom:90px}
  .hero-visual{height:430px;min-height:0;max-width:620px;width:100%;margin:auto}
  .value-inner{display:block}
  .value-inner .button{margin-top:22px}
}
@media(max-width:560px){
  .hero-content{padding-top:140px;padding-bottom:78px;gap:42px}
  .hero h1{font-size:clamp(3rem,13vw,4.2rem);margin:21px 0}
  .hero-copy>p{font-size:15px}
  .hero-visual{height:310px}
  .visual-heading,.visual-footer{height:35px;font-size:8px;padding:0 12px}
  .visual-footer{gap:15px}
  .circuit-art{height:calc(100% - 70px)}
  .hero-bottom{bottom:21px}
}
@media(prefers-reduced-motion:reduce){.chip-frame{animation:none}.signal-pulses{display:none}}