:root{--ink:#071018;--navy:#0b141e;--panel:#101c27;--panel2:#142331;--line:#263744;--muted:#8c9ba8;--white:#f6f7f4;--lime:#b8f34b;--lime2:#8fd52e;--paper:#f3f4ef;--paper2:#e9ede5;--dark:#17222b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.top-strip{height:34px;background:#050a0e;border-bottom:1px solid #17232b;display:flex;justify-content:center;gap:30px;align-items:center;color:#7f8d98;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.top-strip span:last-child{color:var(--lime)}.nav{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;gap:25px;position:sticky;top:0;z-index:50;background:rgba(7,16,24,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand>b{font-size:29px;letter-spacing:-.08em;color:#fff}.brand>b:after{content:".";color:var(--lime)}.brand span{display:grid;line-height:1.05}.brand strong{font-size:12px;letter-spacing:.13em}.brand small{font-size:7px;letter-spacing:.12em;color:#8795a0;margin-top:4px}nav{display:flex;gap:22px;align-items:center}nav a{font-size:12px;color:#aab6be;text-decoration:none;font-weight:700}nav a:hover{color:var(--lime)}.nav-cta{background:#f4f5f0;color:#10181e;text-decoration:none;padding:12px 17px;border-radius:6px;font-size:12px;font-weight:900}.hero{max-width:1320px;margin:auto;min-height:710px;padding:100px 6vw 90px;display:grid;grid-template-columns:1.22fr .78fr;gap:75px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #263843;border-radius:50%;right:-120px;top:-260px;box-shadow:0 0 0 42px #0d1821,0 0 0 85px #0d1821}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:900;color:var(--lime);text-transform:uppercase}.hero h1{font-size:clamp(45px,6.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0;max-width:900px}.hero h1 em,.section h2 em,.micro-copy h2 em{font-style:normal;color:var(--lime)}.lead{max-width:760px;color:#aebbc4;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 17px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:13px 18px;text-decoration:none;font-size:12px;font-weight:900;border:1px solid transparent;cursor:pointer}.primary{background:var(--lime);color:#0a130b}.secondary{background:#101a23;border-color:#354754;color:#eaf0ec}.light{background:#f5f6f1;color:#0b141a}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#7e8c96;font-size:11px}.hero-card{position:relative;z-index:2;background:linear-gradient(160deg,#12202a,#091118);border:1px solid #30434e;border-radius:18px;padding:42px;box-shadow:0 35px 80px rgba(0,0,0,.3)}.status{color:var(--lime);font-size:9px;letter-spacing:.18em;font-weight:900}.orb{width:145px;height:145px;margin:28px auto 25px;border-radius:50%;border:1px solid #3d5a49;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 16px rgba(184,243,75,.04),0 0 80px rgba(184,243,75,.12)}.orb strong{font-size:40px;letter-spacing:-.08em}.orb small{font-size:13px;color:#a4b4ff;font-weight:900;letter-spacing:.2em}.hero-card h3{font-size:24px;margin:0}.hero-card p{color:#8797a2}.text-link{color:#b8f34b;text-decoration:none;font-size:12px;font-weight:900}.section{max-width:1320px;margin:auto;padding:100px 6vw}.ai-section{background:radial-gradient(circle at 85% 20%,#172c28 0,transparent 35%)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head h2{font-size:clamp(34px,4.4vw,59px);line-height:1.03;letter-spacing:-.045em;margin:13px 0 0}.section-head>p{max-width:430px;color:#8797a3}.ai-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}.before-card{background:#e8eee5;color:#17231a;border-radius:2px;padding:28px 30px}.before-card h3{margin-top:0;font-size:18px}.before-card p{font-size:12px;color:#506057}.before-card .rule{height:1px;background:#c9d2c8;margin:20px 0}.before-card a{color:#263d28;font-size:12px;font-weight:900;text-decoration:none}.warning{border-left:3px solid #7d9f35;padding:9px 0 9px 12px;margin:20px 0;color:#5c664f;font-size:11px}.ai-box{background:#f7f8f5;border-radius:2px;overflow:hidden;color:#12202a;box-shadow:0 20px 60px #0003}.ai-head{height:59px;background:#0c151e;color:#fff;display:flex;align-items:center;gap:10px;padding:0 18px}.mini-logo{width:30px;height:30px;border-radius:50%;background:var(--lime);color:#0c1510;display:grid;place-items:center;font-weight:900;font-size:11px}.ai-head div{display:grid}.ai-head strong{font-size:11px}.ai-head small{font-size:8px;color:#9ba7ad}.ai-body{padding:28px}.progress{display:flex;justify-content:space-between;align-items:center;color:#70808a;font-size:11px;margin-bottom:25px}.progress>div{width:45%;height:4px;background:#dce2dc;border-radius:5px;overflow:hidden}.progress i{display:block;width:33%;height:100%;background:#587e2b;transition:width .3s}.ai-body h3{font-size:15px;margin:0 0 14px}.options{display:grid;gap:8px}.options button{background:#f7f8f5;border:1px solid #d4ddd2;border-radius:6px;text-align:left;padding:13px 15px;font-size:11px;font-weight:800;color:#18252c;cursor:pointer}.options button:hover{border-color:#6d9135;background:#eff4eb}.question-help{color:#6f7e84;font-size:11px}.ai-body textarea{width:100%;min-height:110px;border:1px solid #cdd7ce;border-radius:6px;padding:12px;resize:vertical;outline:none;margin-bottom:10px}.continue{background:#18252c;color:#fff;border:0;border-radius:6px;padding:12px 16px;font-weight:900;cursor:pointer}.result{margin-top:18px;padding:20px;background:#edf3e9;border:1px solid #ced9c9}.result-tag{font-size:9px;letter-spacing:.15em;color:#5c7d2a;font-weight:900}.result h3{font-size:22px;margin:7px 0}.result p,.result li{font-size:12px;color:#526168}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.result .reset{background:#fff;border-color:#bdc9bd;color:#223129}.result small{display:block;color:#74827d;margin-top:12px;font-size:9px}.light-section{background:var(--paper);color:var(--dark);max-width:none;padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}.dark-head .section-head,.dark-head h2{color:var(--dark)}.dark-head>p{color:#66726f}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-grid article{position:relative;background:#fff;border:1px solid #dfe4dc;padding:28px;min-height:280px}.service-grid article>span{position:absolute;right:20px;top:20px;font-size:10px;color:#9aa59d;font-weight:900}.service-icon{font-size:25px}.service-grid h3{font-size:21px;line-height:1.1;margin:18px 0 8px}.service-grid p{font-size:12px;color:#64716d}.service-grid a{color:#45691f;font-size:11px;font-weight:900;text-decoration:none}.micro-section{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.micro-copy h2{font-size:clamp(38px,5vw,67px);line-height:.98;letter-spacing:-.05em;margin:14px 0 24px}.micro-copy>p{max-width:650px;color:#9baab3;font-size:15px}.micro-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.micro-points div{border-top:1px solid #253540;padding:13px 0;display:flex;gap:13px;font-size:12px}.micro-points b{color:var(--lime);font-size:10px}.micro-points span{color:#b9c4ca}.board-visual{height:470px;border:1px solid #31464f;border-radius:12px;background:#0c171e;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0008}.board-grid{position:absolute;inset:0;background-image:linear-gradient(#1d3a35 1px,transparent 1px),linear-gradient(90deg,#1d3a35 1px,transparent 1px);background-size:28px 28px;opacity:.28}.chip{position:absolute;background:#151f25;border:2px solid #54733a;box-shadow:0 0 0 8px #0c151b,0 0 0 9px #35533c;color:var(--lime);font-weight:900;display:grid;place-items:center}.chip-a{width:150px;height:150px;left:23%;top:28%}.chip-b{width:80px;height:80px;right:18%;bottom:18%;color:#9aa9ff}.trace{position:absolute;height:2px;background:#759e43;transform-origin:left;opacity:.8}.t1{width:220px;left:40%;top:34%;transform:rotate(28deg)}.t2{width:180px;left:16%;top:63%;transform:rotate(-18deg)}.t3{width:210px;left:51%;top:72%;transform:rotate(-32deg)}.board-label{position:absolute;right:25px;top:25px;text-align:right;font-size:9px;letter-spacing:.18em;color:#73827e}.board-label strong{font-size:19px;color:#c1e97b}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.work-grid article{background:#fff;border:1px solid #dfe4dc;padding-bottom:18px}.work-art{height:190px;background:#d9dfd6;position:relative;overflow:hidden}.work-art:before{content:"";position:absolute;inset:22px;border:1px solid #879686}.work-art span{position:absolute;bottom:14px;left:16px;font-size:10px;letter-spacing:.15em;font-weight:900;color:#4e5d52}.board-art{background:radial-gradient(circle at 60% 45%,#5c704b 0 5%,transparent 6%),repeating-linear-gradient(45deg,#192c25 0 4px,#243a2f 4px 8px)}.laptop-art{background:linear-gradient(145deg,#1c2b34,#65736e)}.pc-art{background:linear-gradient(145deg,#26333a,#6e786f)}.mobile-art{background:linear-gradient(145deg,#1b252c,#879187)}.work-grid h3{font-size:16px;margin:16px 17px 4px}.work-grid p{font-size:11px;color:#69756e;margin:0 17px}.work-note{margin-top:20px;background:#eef2eb;border-left:3px solid #9abb55;padding:13px 16px;color:#647067;font-size:11px}.about-section{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.about-main h2{font-size:clamp(40px,5vw,67px);line-height:.98;letter-spacing:-.05em;margin:15px 0 25px}.about-main p{max-width:750px;color:#a7b4bb}.quote{border-left:2px solid var(--lime);padding-left:18px;margin-top:28px;font-size:22px;font-weight:800}.quote small{display:block;font-size:10px;color:#74828a;font-weight:400;margin-top:5px}.about-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{border:1px solid #263744;padding:25px;background:#0b151d}.fact b{font-size:25px;color:var(--lime);display:block}.fact span{font-size:10px;color:#85939a}.vision-section{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;background:#101b23}.vision-section h2{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:12px 0}.vision-section p{color:#9aa9b1;align-self:end}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-grid button{border:1px solid #d4dcd3;background:#fff;padding:18px;text-align:left;border-radius:5px;font-weight:900;color:#223029;cursor:pointer}.tool-grid button:hover{border-color:#78994b}.tool-result{margin-top:17px;background:#fff;border:1px solid #d4dcd3;padding:24px}.tool-result h3{margin:5px 0;font-size:23px}.tool-result p,.tool-result li{font-size:12px;color:#64716d}.tool-result a{color:#45691f}.location-section{background:#0a141c;max-width:none;padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.location-card,.map-card{background:#101d26;border:1px solid #2b3d48}.location-card{padding:30px}.pin{font-size:28px}.location-card h3{font-size:24px;line-height:1.1;margin:13px 0}.location-card p{color:#aeb9be;font-size:13px}.location-actions{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.location-card>small{color:#6f7f87;font-size:9px}.map-card{min-height:410px}.map-card iframe{width:100%;height:100%;min-height:410px;border:0;filter:grayscale(.8) contrast(1.05)}.contact{max-width:1320px;margin:30px auto 90px;padding:60px 6vw;background:#f3f4ef;color:#142028;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:clamp(35px,4vw,54px);line-height:1;margin:12px 0}.contact p{max-width:620px;color:#68736f}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact .primary{background:#132028;color:#fff}.contact .light{border:1px solid #cbd2ca;background:#fff}.floating{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;gap:8px;align-items:center}.floating span{background:#0e1a22;border:1px solid #334650;padding:7px 9px;border-radius:5px;color:var(--lime);font-size:9px;font-weight:900}.floating a{width:48px;height:48px;background:var(--lime);color:#10180f;display:grid;place-items:center;border-radius:50%;text-decoration:none;font-size:21px;box-shadow:0 12px 35px #0008}footer{border-top:1px solid #22323c;padding:32px 6vw;display:flex;justify-content:space-between;gap:20px;color:#71818a;font-size:10px}footer b{color:var(--lime);font-size:23px;letter-spacing:-.08em}footer strong{color:#d7e0e3;margin-left:5px}footer p{margin:3px 0}@media(max-width:1100px){nav{display:none}.hero{grid-template-columns:1fr}.hero-card{max-width:520px}.ai-layout,.micro-section,.about-section,.vision-section{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:1fr}.map-card{min-height:360px}.map-card iframe{min-height:360px}.section-head{display:block}.section-head>p{margin-top:18px}}@media(max-width:600px){.top-strip{gap:8px;font-size:8px}.top-strip span:last-child{display:none}.nav{height:66px;padding:0 18px}.nav-cta{padding:10px 12px}.brand small{font-size:6px}.hero{padding:70px 20px}.hero h1{font-size:44px}.lead{font-size:15px}.hero-card{padding:28px}.section{padding:75px 20px}.light-section,.location-section{padding-left:20px;padding-right:20px}.service-grid,.work-grid,.tool-grid{grid-template-columns:1fr}.micro-points,.about-side{grid-template-columns:1fr}.micro-section{gap:35px}.board-visual{height:350px}.contact{margin:20px 20px 70px;padding:35px 25px;display:block}.contact-actions{margin-top:25px}.floating{right:10px;bottom:10px}footer{display:block;padding:28px 20px}footer>div{margin-bottom:10px}.ai-body{padding:20px}.progress>div{width:38%}}

/* Professional palette, accessible type sizing, and working small-screen navigation. */
:root{--lime:#67cfc2;--lime2:#39a99b;--paper:#f4f7fa;--paper2:#eaf0f5;--dark:#172b3d}
.nav{background:rgba(10,25,38,.97)}
.nav nav{gap:clamp(12px,1.6vw,22px)}
.nav nav a{font-size:13px}
.nav-cta,.btn{border-radius:5px}
.nav-cta{font-size:13px}
.service-grid article,.work-grid article,.location-card,.before-card,.ai-box{border-radius:6px}
.service-grid article{padding:30px;min-height:295px}
.service-grid h3{font-size:22px;line-height:1.2}
.service-grid p,.work-grid p,.section-head>p{font-size:13px;line-height:1.75}
.work-grid h3{font-size:18px}
.tool-grid button{font-size:14px;padding:20px;border-radius:6px}
.work-note{font-size:12px}
.eyebrow{letter-spacing:.16em}
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:42px;height:42px;padding:8px;border:1px solid #33495a;border-radius:5px;color:#f4f7fa;background:transparent;cursor:pointer}
.mobile-menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1100px){
  .nav{gap:12px}
  .nav nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;align-items:stretch;gap:0;padding:10px clamp(20px,5vw,48px) 18px;background:#0b141e;border-bottom:1px solid #263744;box-shadow:0 16px 24px #0005}
  .nav nav.open{display:flex;flex-direction:column}
  .nav nav a{padding:11px 4px;border-bottom:1px solid #263744;font-size:15px}
  .mobile-menu-toggle{display:flex}
}
@media(max-width:600px){
  .nav{gap:10px}
  .nav-cta{padding:10px 11px;font-size:11px}
  .service-grid article{padding:23px;min-height:0}
  .service-grid p,.work-grid p,.section-head>p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Brand mark and real service illustrations. */
.brand>img{display:block;width:46px;height:46px;flex:none}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-grid article{overflow:hidden;border-radius:6px;padding-bottom:20px}
.work-image{display:block;width:100%;height:190px;object-fit:cover;background:#263b42}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{display:block;flex:none}
.footer-brand>span{display:grid;gap:1px}
.footer-brand strong{margin:0;font-size:11px;letter-spacing:.08em}
.footer-brand p{margin:0}
@media(max-width:600px){.work-grid{grid-template-columns:1fr}.work-image{height:210px}}

/* Brand assets and electronics focused imagery. */
.brand>img,.footer-brand img{display:block;width:56px;height:56px;flex:none;object-fit:contain;background:#fff;border:1px solid #d3e4ed;border-radius:9px}
.brand{gap:10px}
.brand strong{font-size:11px;letter-spacing:.1em}
.brand small{font-size:7px;letter-spacing:.08em}
.hero h1{font-size:clamp(40px,5.25vw,70px);line-height:1.02;letter-spacing:-.05em}
.lead{font-size:clamp(15px,1.45vw,18px)}
.service-icon{height:50px;display:flex;align-items:center}
.service-icon img{width:58px;height:50px;object-fit:contain}
.board-visual{padding:0;background:#142832}
.board-visual>img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:600px){.brand>img{width:48px;height:48px}.footer-brand img{width:56px;height:56px}.brand strong{font-size:10px}.brand small{font-size:6px}.hero h1{font-size:clamp(37px,9vw,48px)}}
@media(min-width:1101px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.work-image{height:auto;aspect-ratio:16/9;object-fit:cover}
.work-grid h3{margin-top:17px}
.board-visual>img{object-position:center}

/* Gentle motion gives JE IA a live, welcoming presence. */
.orb{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 42%,rgba(103,207,194,.08),transparent 58%);transition:transform .35s ease,box-shadow .35s ease}
.orb::before{content:"";position:absolute;inset:-17px;border:1px solid rgba(103,207,194,.25);border-radius:50%;z-index:-1;animation:aiPulse 3.2s ease-in-out infinite}
.orb::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#67cfc2;box-shadow:0 0 14px rgba(103,207,194,.85);animation:aiOrbit 8s linear infinite}
.hero-card:hover .orb{transform:scale(1.035);box-shadow:0 0 0 16px rgba(103,207,194,.06),0 0 90px rgba(103,207,194,.18)}
.status{display:flex;align-items:center;gap:9px}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:#67cfc2;box-shadow:0 0 10px rgba(103,207,194,.8);animation:aiStatus 2s ease-in-out infinite}
@keyframes aiPulse{0%,100%{transform:scale(.97);opacity:.45}50%{transform:scale(1.035);opacity:1}}
@keyframes aiOrbit{to{transform:rotate(1turn) translateY(-88px)}}
@keyframes aiStatus{0%,100%{opacity:.55}50%{opacity:1}}

.map-card{position:relative;overflow:hidden;border-radius:8px;min-height:410px;background:#101d26}
.map-card iframe{display:block;width:100%;height:410px;min-height:410px;border:0;filter:saturate(.78) contrast(1.02)}
.map-heading{position:absolute;top:14px;left:14px;right:14px;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.96);color:#172b3d;box-shadow:0 7px 24px rgba(10,25,38,.18)}
.map-heading-pin{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e8f6f4;color:#228d84;font-size:22px}
.map-heading>div{display:grid;gap:2px;min-width:0}
.map-heading strong{font-size:12px;line-height:1.3}
.map-heading small{font-size:10px;line-height:1.35;color:#61717c}
.map-heading>a{margin-left:auto;flex:none;background:#10283a;color:white;border-radius:5px;padding:8px 10px;text-decoration:none;font-size:10px;font-weight:800}
.map-heading>a:hover{background:#1d5365}
@media(max-width:1100px){.map-card{min-height:360px}.map-card iframe{height:360px;min-height:360px}}
@media(max-width:600px){.map-heading{top:9px;left:9px;right:9px;gap:8px;padding:9px}.map-heading strong{font-size:11px}.map-heading small{font-size:9px}.map-heading>a{font-size:9px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.orb::before,.orb::after,.status::before{animation:none}.hero-card:hover .orb{transform:none}}

/* Type scale tuned after desktop and mobile visual inspection. */
.brand strong{font-size:15px;letter-spacing:.08em}
.brand small{font-size:10px;letter-spacing:.055em}
.hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.04;letter-spacing:-.045em}
.eyebrow{font-size:11px}
.btn{font-size:14px;padding:14px 19px}
.nav-cta{font-size:14px;padding:13px 18px}
.trust-row{font-size:12px}
.text-link{font-size:14px}
.before-card p,.warning{font-size:14px;line-height:1.6}
.ai-body h3{font-size:18px}
.ai-body .progress{font-size:12px}
.options button{font-size:14px;padding:14px 16px}
.ai-body textarea{font-size:14px}
.continue{font-size:14px;padding:14px 18px}
.service-grid a{font-size:13px}
.micro-points div{font-size:13px}
.work-grid p,.service-grid p{font-size:14px}
.location-card p{font-size:15px}
.location-card>small{font-size:11px}
.map-heading strong{font-size:13px}
.map-heading small{font-size:11px}
.map-heading>a{font-size:12px;padding:9px 11px}
footer{font-size:12px}
.floating span{font-size:11px}
.floating a{width:50px;height:50px}
@media(max-width:1100px){.brand strong{font-size:13px}.brand small{font-size:8.5px}}
@media(max-width:600px){
  .brand strong{font-size:12px;letter-spacing:.06em}
  .brand small{font-size:8px;letter-spacing:.035em}
  .nav-cta{font-size:12px;padding:10px 11px}
  .hero h1{font-size:clamp(32px,8.2vw,38px);line-height:1.05;letter-spacing:-.04em}
  .btn{font-size:14px;padding:14px 16px}
  .top-strip{font-size:8px}
  .trust-row{font-size:11px;gap:12px}
  .location-card p{font-size:14px}
}
.hero-mobile-break{display:none}
@media(max-width:600px){.hero-mobile-break{display:block}.hero .eyebrow{font-size:10px;letter-spacing:.11em}}
.brand strong{font-size:17px}
.brand small{font-size:11px}
@media(max-width:1100px){.brand strong{font-size:14px}.brand small{font-size:9px}}
@media(max-width:600px){.brand>img{width:50px;height:50px}.brand strong{font-size:13px}.brand small{font-size:9px}}
.nav-cta{white-space:nowrap}
@media(max-width:600px){
  .brand{gap:8px}
  .brand>img{width:48px;height:48px}
  .brand strong{font-size:12.5px}
  .brand small{font-size:8.5px;letter-spacing:.02em;white-space:nowrap}
  .nav-cta{font-size:11px;padding:10px 8px}
}
.footer-brand strong{font-size:14px}
.footer-brand p{font-size:12px}
@media(max-width:600px){.footer-brand strong{font-size:12px}.footer-brand p{font-size:11px}}

/* Conversational JE mascot and clearer step-by-step AI guidance. */
.guide-mascot{display:grid;grid-template-columns:124px minmax(0,1fr);gap:17px;align-items:center}
.mascot-stage{display:grid;place-items:center;min-height:150px;border-radius:10px;background:radial-gradient(circle at 50% 78%,#d7e7e8 0,transparent 58%),linear-gradient(145deg,#f6faf7,#e0edf0);overflow:hidden}
.mascot-image{display:block;width:122px;height:140px;object-fit:contain}
.mascot-copy{min-width:0}
.mascot-tag{display:block;margin-bottom:5px;color:#298d94;font-size:9px;font-weight:900;letter-spacing:.14em}
.mascot-copy h3{margin:0 0 6px;font-size:18px;line-height:1.25;color:#172b3d}
.mascot-copy p{margin:0;color:#52646c;font-size:14px;line-height:1.55}
.before-card .privacy-note{font-size:13px}
.ai-mascot-thumb{display:block;width:43px;height:43px;object-fit:contain;flex:none;border-radius:50%;background:#e7f5f3}
.ai-head .online-label{margin-left:auto;color:#71d6c8;font-size:9px;font-weight:800;letter-spacing:.12em}
.ai-head .online-label::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#67cfc2;vertical-align:1px;box-shadow:0 0 8px #67cfc280}
.ai-body{padding:30px}
.ai-body h3{font-size:19px;line-height:1.35}
.ai-body .question-help{font-size:14px;margin:0 0 15px;color:#586a73}
.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.options button{min-height:56px;font-size:14px;line-height:1.4;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.options button span{color:#278e8a;font-size:16px;white-space:nowrap}
.options button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,55,50,.09)}
.options button:focus-visible,.continue:focus-visible,.ai-controls button:focus-visible,.result-actions .btn:focus-visible{outline:3px solid #41aba3;outline-offset:2px}
.options textarea,.options .continue{grid-column:1/-1}
.options textarea{min-height:130px;line-height:1.5}
.continue{min-height:48px}
.ai-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:15px;border-top:1px solid #dce4de}
.ai-controls span{color:#68777e;font-size:12px}
.ai-controls button{border:0;background:transparent;color:#286e72;padding:9px 0;font-size:13px;font-weight:800;cursor:pointer}
.ai-controls button:hover{text-decoration:underline}
.ai-controls button[hidden]{display:none}
@media(max-width:1100px){.guide-mascot{grid-template-columns:140px minmax(0,1fr);max-width:660px}.mascot-image{width:132px;height:150px}}
@media(max-width:600px){
  .guide-mascot{grid-template-columns:92px minmax(0,1fr);gap:12px}
  .mascot-stage{min-height:124px}
  .mascot-image{width:92px;height:120px}
  .mascot-tag{font-size:8px}
  .mascot-copy h3{font-size:16px}
  .mascot-copy p{font-size:13px}
  .ai-head{gap:9px}
  .ai-mascot-thumb{width:40px;height:40px}
  .ai-head .online-label{font-size:8px}
  .ai-body{padding:20px}
  .options{grid-template-columns:1fr}
  .options textarea,.options .continue{grid-column:auto}
  .ai-controls span{font-size:11px}
}
.options button.selected,.options button[aria-pressed="true"]{border-color:#45aaa4;background:#e7f5f2;box-shadow:inset 3px 0 #45aaa4}
.floating{transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.floating.ai-in-view{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
@media(prefers-reduced-motion:reduce){.floating{transition:none}}

/* Give the main service categories equal visual weight. */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-grid article{min-height:235px;padding:30px 32px}
.service-grid article:nth-child(2n+1){border-top:3px solid #b8f34b}
.service-grid article:nth-child(2n){border-top:3px solid #63cdbd}
.service-icon{min-height:44px;display:flex;align-items:center;color:#287e78;font-size:29px;font-weight:800}
.secondary-services{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:24px;padding:22px 26px;background:#e9ede5;border-left:3px solid #83a944}
.secondary-services>div{max-width:820px}
.secondary-kicker{color:#587a2c;font-size:10px;font-weight:900;letter-spacing:.15em}
.secondary-services p{margin:6px 0 0;color:#586761;font-size:14px;line-height:1.65}
.secondary-services>a{flex:none;color:#3e6220;font-size:13px;font-weight:900;text-decoration:none}
.secondary-services>a:hover{text-decoration:underline}
.faq-block{margin-top:34px;max-width:900px}.faq-block>h3{font-size:22px;margin:0 0 14px;color:#17222b}.faq-block details{border-top:1px solid #d7ded5;padding:15px 2px;color:#25332c}.faq-block details:last-child{border-bottom:1px solid #d7ded5}.faq-block summary{font-weight:800;cursor:pointer}.faq-block details p{margin:10px 0 0;color:#586761;font-size:14px;line-height:1.7}
.repair-note{margin:18px 0;color:#9baab3;font-size:13px;line-height:1.6}
@media(max-width:600px){.service-grid{grid-template-columns:1fr}.service-grid article{min-height:0;padding:24px}.secondary-services{display:block;padding:19px}.secondary-services>a{display:inline-block;margin-top:13px}}
.ai-layout>.ai-box{grid-column:2;grid-row:1}.ai-layout>.before-card{grid-column:1;grid-row:1}
@media(max-width:1100px){.ai-layout>.ai-box,.ai-layout>.before-card{grid-column:1}.ai-layout>.ai-box{grid-row:1}.ai-layout>.before-card{grid-row:2}}
@media(max-width:600px){.ai-section{scroll-margin-top:72px;padding-top:58px;padding-bottom:58px}.ai-section .section-head{margin-bottom:22px}.ai-section .section-head h2{font-size:clamp(30px,8vw,38px)}.ai-section .section-head>p{margin-top:12px}.ai-layout{gap:14px}.ai-layout>.before-card{padding:16px 18px}.ai-layout .guide-mascot{grid-template-columns:64px minmax(0,1fr);gap:12px}.ai-layout .mascot-stage{min-height:72px}.ai-layout .mascot-image{width:62px;height:72px}.ai-layout .before-card .rule{margin:12px 0}.ai-layout .warning{margin:12px 0}}

.board-visual>video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* Acciones de contacto y confianza en reseñas de Google. */
.btn.call{background:#13232d;color:#f6f7f4;border:1px solid #49606d;text-decoration:none;display:inline-flex;align-items:center}
.btn.call:hover{border-color:#67cfc2;color:#67cfc2}
.review-proof{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:20px;padding:11px 14px;border:1px solid #263744;border-radius:6px;background:#101c27;color:#c6d1d3;text-decoration:none;font-size:13px}
.review-proof:hover{border-color:#67cfc2}
.review-stars{color:#f6c85f;letter-spacing:2px;font-size:15px}
.review-proof strong{color:#f6f7f4}
.review-link{margin-left:5px;color:#67cfc2;font-weight:700}
@media(max-width:600px){.hero .actions{align-items:stretch}.hero .actions .btn{justify-content:center}.review-proof{font-size:12px;gap:6px}.review-link{width:100%;margin-left:0}}