:root{
  --bg:#030a12;--bg-2:#06121d;--surface:#071724;--surface-2:#0a2030;--surface-3:#0d283b;
  --text:#eef9ff;--muted:#94adbf;--muted-2:#69869b;--line:rgba(123,202,241,.14);
  --cyan:#44d8ff;--blue:#168dd1;--blue-2:#075f9b;--yellow:#9ceeff;--green:#55e7b3;
  --danger:#ff6a75;--shadow:0 28px 90px rgba(0,0,0,.35);--radius:22px;--max:1180px;
  --header:82px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit}button,input,textarea,select{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-160%);background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{transform:none}
::selection{background:rgba(68,216,255,.25);color:white}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 82% 4%,rgba(22,141,209,.13),transparent 30%),radial-gradient(circle at 10% 34%,rgba(68,216,255,.07),transparent 25%),linear-gradient(180deg,#030a12,#04101a 42%,#030a12)}
.grid-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(68,216,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(68,216,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%)}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.section{padding:110px 0}.section-tight{padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:"";width:26px;height:1px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:"Segoe UI",Inter,Arial,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(3.15rem,6.5vw,6.2rem);line-height:.96;margin:20px 0 26px;font-weight:800}h2{font-size:clamp(2.25rem,4.1vw,4.3rem);line-height:1.02;margin-bottom:22px;font-weight:780}h3{font-size:1.35rem;line-height:1.2}.gradient-text{background:linear-gradient(92deg,#f7fdff 5%,#6ee5ff 55%,#b6ecff);-webkit-background-clip:text;background-clip:text;color:transparent}.yellow{color:var(--yellow)}.muted{color:var(--muted)}
.header{height:var(--header);position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid transparent;transition:.25s;background:linear-gradient(to bottom,rgba(3,10,18,.86),rgba(3,10,18,.42));backdrop-filter:blur(16px)}.header.scrolled{border-bottom-color:var(--line);background:rgba(3,10,18,.92);box-shadow:0 12px 40px rgba(0,0,0,.18)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;min-width:0}.brand img{width:188px;max-height:68px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 20px rgba(2,170,240,.15))}.nav{display:flex;align-items:center;gap:25px}.nav>a{font-size:.84rem;font-weight:650;color:#bdd0de;text-decoration:none;white-space:nowrap;transition:.2s}.nav>a:hover,.nav>a[aria-current="page"]{color:white}.nav .btn{color:#001522}.menu-button{display:none;border:1px solid var(--line);background:rgba(255,255,255,.03);color:white;border-radius:12px;width:45px;height:45px;align-items:center;justify-content:center;cursor:pointer}.menu-button span,.menu-button:before,.menu-button:after{content:"";display:block;width:19px;height:2px;background:currentColor;border-radius:10px;transition:.2s}.menu-button:before{transform:translateY(-5px)}.menu-button:after{transform:translateY(5px)}.menu-button[aria-expanded="true"] span{opacity:0}.menu-button[aria-expanded="true"]:before{transform:translateY(2px) rotate(45deg)}.menu-button[aria-expanded="true"]:after{transform:translateY(0) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 19px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.86rem;border:1px solid transparent;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),#1da5e4);color:#00131f;box-shadow:0 14px 36px rgba(68,216,255,.16)}.btn-primary:hover{box-shadow:0 18px 48px rgba(68,216,255,.25)}.btn-outline{border-color:rgba(149,216,247,.25);color:#d9f2ff;background:rgba(255,255,255,.025)}.btn-outline:hover{border-color:rgba(68,216,255,.55);background:rgba(68,216,255,.05)}.btn-yellow{background:var(--yellow);color:#05131d}.btn-small{min-height:42px;padding-inline:16px;font-size:.8rem}
.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding-top:calc(var(--header) + 55px);padding-bottom:70px;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.5}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr);gap:54px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy .lead{font-size:clamp(1rem,1.45vw,1.18rem);max-width:780px;color:#a9c0d1;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:33px 0}.proof-row{display:flex;gap:28px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);max-width:760px}.proof{display:flex;align-items:center;gap:10px}.proof strong{font-size:1.3rem;color:#fff}.proof span{font-size:.72rem;color:var(--muted);max-width:95px;line-height:1.3}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(85,231,179,.7)}
.hero-visual{position:relative;min-height:570px}.ai-console{position:absolute;inset:40px 0 40px 34px;border:1px solid rgba(80,206,255,.22);border-radius:30px;background:linear-gradient(155deg,rgba(8,33,50,.88),rgba(4,14,24,.78));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.console-top{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 19px;gap:6px}.console-dot{width:7px;height:7px;border-radius:50%;background:#24465b}.console-title{margin-left:auto;font-size:.62rem;letter-spacing:.16em;color:#6e91a7;font-weight:800}.core-zone{height:310px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(28,183,236,.18),transparent 33%),linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,0))}.core-ring,.core-ring:before,.core-ring:after{position:absolute;border-radius:50%;border:1px solid rgba(68,216,255,.26)}.core-ring{width:246px;height:246px;animation:slowspin 20s linear infinite}.core-ring:before{content:"";inset:22px;border-style:dashed;animation:revspin 13s linear infinite}.core-ring:after{content:"";inset:52px;border-color:rgba(87,216,242,.34)}.ai-core{width:112px;height:112px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#0b5e8c,#0ab9e8);box-shadow:0 0 80px rgba(68,216,255,.28);position:relative;z-index:2}.ai-core b{font-size:2.3rem;letter-spacing:-.08em}.ai-core small{position:absolute;top:72px;font-size:.5rem;letter-spacing:.12em;color:#c6f5ff}.orbit-label{position:absolute;padding:7px 10px;background:#081c2b;border:1px solid rgba(68,216,255,.2);border-radius:100px;font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#aeefff;box-shadow:0 7px 24px rgba(0,0,0,.24)}.ol1{top:48px;left:47px}.ol2{top:70px;right:38px}.ol3{bottom:43px;left:63px}.ol4{bottom:58px;right:46px}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.metric{padding:17px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.metric span{display:block;color:#7592a7;font-size:.6rem;letter-spacing:.09em;text-transform:uppercase}.metric b{display:block;margin-top:7px;font-size:1rem}.mini-chart{height:28px;margin-top:10px;display:flex;align-items:flex-end;gap:4px}.mini-chart i{width:8px;background:linear-gradient(var(--cyan),rgba(68,216,255,.15));border-radius:2px 2px 0 0;animation:pulsebar 2.2s ease-in-out infinite}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:65%;animation-delay:.2s}.mini-chart i:nth-child(3){height:47%;animation-delay:.4s}.mini-chart i:nth-child(4){height:90%;animation-delay:.1s}.mini-chart i:nth-child(5){height:72%;animation-delay:.35s}.floating-card{position:absolute;z-index:3;padding:14px 16px;border-radius:15px;border:1px solid rgba(130,216,255,.2);background:rgba(5,20,31,.9);backdrop-filter:blur(12px);box-shadow:0 20px 55px rgba(0,0,0,.28)}.floating-card small{display:block;color:#6e91a7;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.floating-card strong{display:block;font-size:.78rem;margin-top:4px}.fc-a{top:14px;right:-14px}.fc-b{bottom:12px;left:0}.fc-b strong{color:var(--green)}
.tech-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.012)}.tech-strip .container{padding-block:23px}.tech-label{text-align:center;color:#658398;font-size:.65rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.brand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.brand-tile{min-height:62px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;color:#b9ccda;background:rgba(255,255,255,.012);font-size:.76rem;font-weight:750;filter:saturate(.82);transition:.2s}.brand-tile:hover{border-color:rgba(68,216,255,.32);background:rgba(68,216,255,.035);color:#fff}.ms-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px}.ms-mark i:nth-child(1){background:#f35325}.ms-mark i:nth-child(2){background:#81bc06}.ms-mark i:nth-child(3){background:#05a6f0}.ms-mark i:nth-child(4){background:#ffba08}.aws-mark{font-size:1.12rem;font-weight:850;letter-spacing:-.06em}.azure-mark{font-weight:900;color:#38bdf8}.aspel-mark{font-weight:900;color:#65d060}.fabric-mark{font-weight:850;color:#e8f8ff}.firebird-mark{font-size:1.3rem}.server-mark{display:grid;gap:2px}.server-mark i{display:block;width:18px;height:4px;border:1px solid #7da5bd;border-radius:2px}
.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:50px}.section-head p{color:var(--muted);margin:0;max-width:580px}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.service-card{grid-column:span 4;min-height:325px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(10,32,48,.8),rgba(5,15,25,.72));text-decoration:none;position:relative;overflow:hidden;transition:.25s}.service-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(68,216,255,.055);filter:blur(22px);right:-80px;top:-80px;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(68,216,255,.34);box-shadow:0 22px 55px rgba(0,0,0,.23)}.service-card:hover:after{background:rgba(68,216,255,.11)}.service-card.featured{grid-column:span 8;background:radial-gradient(circle at 80% 8%,rgba(68,216,255,.12),transparent 34%),linear-gradient(145deg,#09283b,#06131f)}.service-icon{width:46px;height:46px;border-radius:13px;border:1px solid rgba(68,216,255,.22);display:grid;place-items:center;color:var(--cyan);font-weight:900;margin-bottom:56px;background:rgba(68,216,255,.04)}.service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card.service-wide{grid-column:span 12;min-height:275px}.service-card.service-wide .service-icon{margin-bottom:34px}.service-card h3{font-size:1.48rem;margin-bottom:13px}.service-card p{color:#8fa9bb;font-size:.88rem;line-height:1.7;max-width:680px}.service-link{position:absolute;left:28px;bottom:25px;color:#b6eefe;font-size:.72rem;font-weight:800}.service-card.featured .service-icon{margin-bottom:68px}.badge{position:absolute;top:27px;right:27px;border:1px solid rgba(87,216,242,.25);color:var(--yellow);border-radius:999px;padding:5px 9px;font-size:.57rem;letter-spacing:.1em;font-weight:900}
.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:58px;background:radial-gradient(circle at 92% 15%,rgba(35,164,224,.11),transparent 32%),#05111c}.split-copy p{color:var(--muted);line-height:1.8}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.check{border-top:1px solid var(--line);padding:13px 0;color:#c1d7e4;font-size:.8rem}.check:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.answer-engine{border:1px solid rgba(68,216,255,.22);background:#061522;border-radius:20px;padding:19px;box-shadow:var(--shadow);transform:perspective(1100px) rotateY(-3deg)}.ae-head{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px}.ae-head i{width:7px;height:7px;border-radius:50%;background:#28495d}.ae-head span{margin-left:auto;font-size:.57rem;letter-spacing:.12em;color:#65859b}.ae-query{margin:17px 0;padding:13px;border-radius:11px;background:#0a2233;color:#d5eefa;font-size:.75rem}.ae-answer{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:7px 4px 18px}.ae-bot{width:27px;height:27px;border-radius:9px;background:linear-gradient(140deg,var(--cyan),var(--blue));box-shadow:0 0 30px rgba(68,216,255,.3)}.ae-answer p{font-size:.74rem;line-height:1.75;color:#91adbf;margin:0}.ae-answer strong{color:white}.ae-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:13px;border-top:1px solid var(--line)}.ae-sources span{padding:8px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:.55rem;color:#7894a7}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:22px;overflow:hidden}.process-step{background:#05121d;padding:31px 25px;min-height:255px}.process-step b{color:var(--cyan);font-size:.67rem;letter-spacing:.12em}.process-step h3{margin:68px 0 12px;font-size:1.2rem}.process-step p{color:#819caf;font-size:.8rem;line-height:1.65;margin:0}
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.stat-big{font-size:clamp(5rem,11vw,9rem);line-height:.8;letter-spacing:-.08em;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(98,211,255,.62);position:relative}.stat-big small{display:block;font-size:.72rem;letter-spacing:.14em;color:var(--muted);-webkit-text-stroke:0;margin-top:25px;text-transform:uppercase}.why-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.why-card{padding:27px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.014)}.why-card h3{font-size:1.05rem}.why-card p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.7}
.cta-band{position:relative;border:1px solid rgba(68,216,255,.22);border-radius:32px;padding:65px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 120%,rgba(68,216,255,.16),transparent 40%),linear-gradient(145deg,#071d2c,#04101a)}.cta-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.02) 49% 51%,transparent 52%);background-size:90px 90px;opacity:.35}.cta-band>*{position:relative}.cta-band p{color:var(--muted);max-width:680px;margin:0 auto 28px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:24px 2px;font-weight:750;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.5rem;color:var(--cyan);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:.88rem;line-height:1.8;padding:0 2px 24px;margin:0;max-width:780px}
.footer{border-top:1px solid var(--line);background:#02070c;padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:55px}.footer-logo{width:220px;margin-bottom:15px}.footer p{color:#728ea1;font-size:.78rem;max-width:420px}.footer h4{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:#8cabbf;margin-bottom:15px}.footer a{color:#b7cedd;text-decoration:none}.footer-links{display:grid;gap:9px;font-size:.8rem}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.68rem;color:#617e91}.legal-note{max-width:670px}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{border:1px solid var(--line);border-radius:100px;padding:5px 8px;color:#7896a8}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:10px;text-decoration:none}.wa-label{background:#071b23;color:#dfffee;border:1px solid rgba(69,222,137,.25);border-radius:12px;padding:9px 12px;font-size:.72rem;font-weight:750;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:.2s}.wa-circle{width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 16px 35px rgba(37,211,102,.25);transition:.2s}.wa-circle svg{width:28px;height:28px;fill:white}.whatsapp:hover .wa-circle,.whatsapp:hover .wa-label{transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
/* service pages */
.page-hero{padding-top:calc(var(--header) + 90px);padding-bottom:85px;position:relative;overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.page-hero h1{font-size:clamp(3rem,5.5vw,5.2rem)}.page-hero p{max-width:700px;color:var(--muted);font-size:1.05rem;line-height:1.75}.service-visual{min-height:400px;position:relative}.visual-frame{position:absolute;inset:10px;border:1px solid rgba(68,216,255,.2);border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(68,216,255,.14),transparent 30%),linear-gradient(145deg,#082033,#04101a);display:grid;place-items:center;overflow:hidden}.visual-icon{width:145px;height:145px;border-radius:38px;border:1px solid rgba(68,216,255,.3);display:grid;place-items:center;font-size:3rem;font-weight:900;color:var(--cyan);background:rgba(68,216,255,.05);box-shadow:0 0 90px rgba(68,216,255,.18);position:relative}.visual-icon svg{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.visual-orbit{position:absolute;width:270px;height:270px;border-radius:50%;border:1px dashed rgba(68,216,255,.23);animation:slowspin 22s linear infinite}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.visual-orbit:before{top:36px;left:28px}.visual-orbit:after{right:34px;bottom:34px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.outcome{padding:27px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.014)}.outcome b{color:var(--cyan);font-size:.67rem;letter-spacing:.12em}.outcome h3{margin:36px 0 11px}.outcome p{color:var(--muted);font-size:.82rem;line-height:1.7;margin:0}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature{padding:24px;border-left:2px solid var(--cyan);background:rgba(68,216,255,.025);border-radius:0 14px 14px 0}.feature h3{font-size:1rem;margin-bottom:8px}.feature p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.65}.breadcrumb{font-size:.69rem;color:#6f8da0;margin-bottom:22px}.breadcrumb a{color:#99b6c8;text-decoration:none}.breadcrumb span{margin:0 7px;color:#47677c}
.privacy-content{max-width:850px;margin:auto}.privacy-content h2{font-size:1.8rem;margin-top:45px}.privacy-content p,.privacy-content li{color:var(--muted);line-height:1.8}
@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes revspin{to{transform:rotate(-360deg)}}@keyframes pulsebar{0%,100%{opacity:.55;transform:scaleY(.7);transform-origin:bottom}50%{opacity:1;transform:scaleY(1)}}
@media(max-width:1050px){.hero-grid,.page-hero-grid{grid-template-columns:1fr}.hero{padding-top:150px;min-height:auto}.hero-copy{max-width:850px}.hero-visual{min-height:510px;max-width:700px;width:100%;margin:auto}.brand-grid{grid-template-columns:repeat(4,1fr)}.section-head{grid-template-columns:1fr;gap:20px}.service-card{grid-column:span 6}.service-card.featured{grid-column:span 12}.split-panel{grid-template-columns:1fr;gap:45px}.answer-engine{transform:none;max-width:650px;margin:auto}.process-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.stat-big{font-size:7rem}.page-hero{padding-top:145px}.service-visual{max-width:660px;width:100%;margin:auto}}
@media(max-width:820px){:root{--header:70px}.container{width:min(calc(100% - 30px),var(--max))}.header-inner{gap:10px}.brand img{width:150px;max-height:56px}.menu-button{display:flex;flex-direction:column;position:relative;z-index:1003}.nav{position:fixed;z-index:1002;top:var(--header);left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 18px calc(88px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#061724 0%,#030b12 52%,#02070c 100%);border-top:1px solid rgba(68,216,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.025);transform:translateX(105%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease;overflow-y:auto;overscroll-behavior:contain}.nav.open{transform:none;opacity:1;pointer-events:auto}.nav>a{font-size:1.03rem;font-weight:750;color:#eaf7ff;padding:16px 15px;border:1px solid rgba(116,185,221,.12);border-radius:13px;background:#071923;text-shadow:0 1px 8px rgba(0,0,0,.42)}.nav>a:hover,.nav>a:focus-visible{background:#0a2230;border-color:rgba(68,216,255,.33);color:#fff}.nav .btn{margin-top:10px;border:0;background:linear-gradient(135deg,var(--cyan),#72f2dd);color:#001522;text-shadow:none}.brand-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.wa-label{display:none}.whatsapp{right:14px;bottom:14px}}
@media(max-width:640px){.section{padding:82px 0}.section-tight{padding:52px 0}h1{font-size:clamp(2.75rem,13vw,4rem);line-height:.98}h2{font-size:clamp(2rem,10vw,3.1rem)}.hero{padding-top:125px;padding-bottom:55px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.proof-row{gap:15px}.proof{min-width:44%}.hero-visual{min-height:400px}.ai-console{inset:30px 0 25px 0;transform:none}.core-zone{height:250px}.core-ring{width:205px;height:205px}.ai-core{width:94px;height:94px}.console-metrics{grid-template-columns:1fr 1fr}.console-metrics .metric:last-child{display:none}.floating-card{display:none}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-tile{min-height:56px;font-size:.7rem}.service-grid{grid-template-columns:1fr}.service-card,.service-card.featured{grid-column:auto;min-height:310px}.service-card.featured .service-icon,.service-icon{margin-bottom:52px}.split-panel{padding:30px 20px;border-radius:22px}.check-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-step{min-height:auto}.process-step h3{margin-top:35px}.why-cards{grid-template-columns:1fr}.stat-big{font-size:5.5rem}.cta-band{padding:45px 20px}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.page-hero{padding-top:120px;padding-bottom:60px}.page-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.service-visual{min-height:330px}.visual-icon{width:110px;height:110px;font-size:2.3rem}.visual-orbit{width:225px;height:225px}.outcome-grid,.feature-list{grid-template-columns:1fr}.section-head{margin-bottom:35px}.faq summary{font-size:.92rem}.wa-circle{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-canvas{display:none}}

/* ============================================================
   TS V3.2 — MOBILE HARDENING
   Corrige desbordamiento horizontal, navegación y grids móviles.
   ============================================================ */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{min-width:0}
header,main,footer,section,.header,.hero,.tech-strip,.footer{max-width:100%}
.container,.header-inner,.hero-grid,.page-hero-grid,.section-head,.service-grid,.split-panel,.process-grid,.why-grid,.why-cards,.outcome-grid,.feature-list,.brand-grid,.footer-grid{min-width:0}
.header-inner>*,.hero-grid>*,.page-hero-grid>*,.section-head>*,.service-grid>*,.split-panel>*,.process-grid>*,.why-grid>*,.why-cards>*,.outcome-grid>*,.feature-list>*,.brand-grid>*,.footer-grid>*{min-width:0}
.service-grid{grid-template-columns:repeat(12,minmax(0,1fr));width:100%}
.service-card{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.service-card h3,.service-card p,.service-link,.badge{max-width:100%}
.brand-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-list,.check-grid,.why-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.ae-sources{grid-template-columns:repeat(3,minmax(0,1fr))}
img,svg,canvas{max-width:100%}

@media(max-width:1050px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card,.service-card.featured,.service-card.service-wide{grid-column:auto}
  .service-card.featured,.service-card.service-wide{grid-column:1/-1}
  .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  :root{--header:72px}
  .header{width:100%;max-width:100vw}
  .header-inner{width:min(calc(100% - 30px),var(--max));max-width:100%;padding-inline:0;position:relative;justify-content:flex-start}
  .brand{flex:0 1 auto;max-width:calc(100% - 58px);overflow:hidden}
  .brand img{display:block;width:auto;height:55px;max-width:100%;max-height:55px;object-fit:contain}
  .menu-button{display:flex;flex:0 0 45px;margin-left:auto;margin-right:0;position:relative;right:auto;left:auto;z-index:1004}

  /* El menú se ancla al header, no al ancho de contenido de la página. */
  .nav{position:absolute;z-index:1002;top:100%;left:calc((100vw - 100%)/-2);right:auto;bottom:auto;width:100vw;max-width:100vw;height:calc(100dvh - var(--header));max-height:calc(100dvh - var(--header));display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 15px calc(92px + env(safe-area-inset-bottom));background:#04111b;border-top:1px solid rgba(68,216,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.78);transform:translate3d(102%,0,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .2s ease,visibility .24s;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .nav.open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto}
  .nav>a{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}

  /* En teléfono/tablet vertical cada servicio ocupa una fila completa. */
  .service-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .service-card,.service-card.featured,.service-card.service-wide{grid-column:1!important;width:100%;min-width:0;min-height:280px;padding:25px 23px}
  .service-card .service-icon,.service-card.featured .service-icon,.service-card.service-wide .service-icon{margin-bottom:42px}
  .service-card h3{font-size:1.38rem;overflow-wrap:break-word}
  .service-card p{font-size:.88rem;line-height:1.65;padding-right:0}
  .service-link{left:23px;right:23px;bottom:22px}
  .badge{top:22px;right:22px;max-width:calc(100% - 90px);white-space:normal;text-align:center}

  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-grid{grid-template-columns:minmax(0,1fr)}
  .process-step{min-height:auto}
  .process-step h3{margin-top:35px}
  .why-cards,.check-grid,.outcome-grid,.feature-list{grid-template-columns:minmax(0,1fr)}
  .split-panel{padding:34px 24px}
  .section-head{grid-template-columns:minmax(0,1fr)}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .footer-grid>div:first-child{grid-column:auto}
}

@media(max-width:520px){
  .container{width:calc(100% - 28px);max-width:100%}
  .header .container{width:calc(100% - 24px)}
  .brand img{width:auto;height:54px;max-height:54px}
  .menu-button{width:44px;height:44px;flex-basis:44px}
  h1{font-size:clamp(2.48rem,12.4vw,3.45rem)}
  h2{font-size:clamp(1.95rem,9.7vw,2.65rem);line-height:1.04;overflow-wrap:break-word}
  .section{padding:76px 0}
  .section-head{gap:18px;margin-bottom:30px}
  .section-head p{font-size:.95rem;line-height:1.7}
  .service-card,.service-card.featured,.service-card.service-wide{min-height:292px;padding:24px 21px}
  .service-link{left:21px;right:21px}
  .brand-tile{padding:9px 8px;font-size:.67rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}
  .split-panel{padding:28px 18px}
  .ae-sources{grid-template-columns:minmax(0,1fr)}
  .cta-band{padding:40px 18px}
  .stat-big{font-size:4.8rem}
}

@media(max-width:360px){
  .container{width:calc(100% - 22px)}
  .header .container{width:calc(100% - 20px)}
  .brand img{width:auto;height:50px;max-height:50px}
  h1{font-size:2.45rem}
  h2{font-size:1.95rem}
  .service-card,.service-card.featured,.service-card.service-wide{padding:22px 18px;min-height:300px}
  .service-link{left:18px;right:18px}
  .brand-grid{grid-template-columns:minmax(0,1fr)}
}


/* ============================================================
   TS VISUAL REFRESH — premium technology direction
   Visual-only layer: preserves existing navigation, content and behavior.
   ============================================================ */
:root{
  --bg:#020913;
  --bg-2:#061522;
  --surface:#071a28;
  --surface-2:#0a2233;
  --surface-3:#0d2d40;
  --text:#f3fbff;
  --muted:#91aabd;
  --muted-2:#648398;
  --line:rgba(104,207,245,.15);
  --cyan:#43d5f5;
  --cyan-soft:#7de8ff;
  --blue:#1268bd;
  --blue-2:#0a4e93;
  --yellow:#9ceeff;
  --green:#58e4b1;
  --shadow:0 30px 100px rgba(0,0,0,.42);
}
body{
  background:
    radial-gradient(circle at 72% -10%,rgba(32,157,216,.10),transparent 27%),
    radial-gradient(circle at -5% 52%,rgba(24,94,167,.08),transparent 25%),
    var(--bg);
}
.ambient{
  background:
    radial-gradient(circle at 76% 3%,rgba(48,204,246,.14),transparent 27%),
    radial-gradient(circle at 6% 30%,rgba(18,104,189,.10),transparent 24%),
    linear-gradient(180deg,#020913 0%,#04111c 48%,#020913 100%);
}
.grid-bg{
  background-size:68px 68px;
  opacity:.72;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%);
}
.container{max-width:1220px}
.header{
  background:linear-gradient(to bottom,rgba(2,9,19,.92),rgba(2,9,19,.58));
  border-bottom-color:rgba(119,218,248,.05);
}
.header.scrolled{
  background:rgba(2,9,19,.88);
  border-bottom-color:rgba(119,218,248,.14);
  box-shadow:0 16px 50px rgba(0,0,0,.28);
}
.brand{
  position:relative;
  isolation:isolate;
}
.brand:after{
  content:"";
  position:absolute;
  inset:12% 5%;
  z-index:-1;
  border-radius:50%;
  background:rgba(49,202,243,.16);
  filter:blur(22px);
}
.brand img{
  width:78px;
  height:78px;
  max-height:none;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 22px rgba(31,185,236,.18));
  transition:transform .25s ease,filter .25s ease;
}
.brand:hover img{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 10px 27px rgba(31,185,236,.30))}
.nav{gap:28px}
.nav>a{font-size:.82rem;letter-spacing:.01em}
.btn{
  border-radius:13px;
  min-height:50px;
  box-shadow:none;
}
.btn-primary{
  background:linear-gradient(135deg,#57e0fa 0%,#2a9bd9 54%,#146ab6 100%);
  box-shadow:0 12px 34px rgba(33,164,220,.18),inset 0 1px rgba(255,255,255,.35);
}
.btn-primary:hover{box-shadow:0 16px 42px rgba(33,164,220,.28)}
.btn-outline{
  background:rgba(255,255,255,.025);
  border-color:rgba(137,215,243,.20);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.hero{
  padding-bottom:95px;
}
.hero:before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-170px;
  top:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(42,190,235,.12),transparent 65%);
  filter:blur(12px);
  pointer-events:none;
}
.hero-copy .lead{color:#a8bdcc}
.hero-actions{margin-top:30px}
.proof-row{border-top-color:rgba(119,218,248,.12)}
.hero-visual{min-height:610px}
.ai-console{
  inset:28px 8px 36px 24px;
  border-color:rgba(102,214,247,.22);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 20%,rgba(48,201,241,.08),transparent 32%),
    linear-gradient(150deg,rgba(9,37,55,.92),rgba(3,12,21,.88));
  box-shadow:0 35px 100px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.07);
}
.ai-console:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 20%,transparent 78%,rgba(74,214,248,.035));
}
.console-top{height:54px;padding-inline:22px}
.console-title{color:#78a7bc}
.core-zone{
  height:330px;
  background:
    radial-gradient(circle at center,rgba(36,188,235,.20),transparent 29%),
    linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,0));
}
.core-ring{border-color:rgba(68,216,255,.30)}
.ai-core{
  width:120px;height:120px;border-radius:32px;
  background:linear-gradient(145deg,#0b5790,#14c2e8);
  box-shadow:0 0 90px rgba(68,216,255,.28),inset 0 1px rgba(255,255,255,.28);
}
.floating-card{
  border-color:rgba(120,219,246,.20);
  background:rgba(4,17,28,.84);
  box-shadow:0 22px 60px rgba(0,0,0,.35);
}
.tech-strip{
  background:rgba(255,255,255,.018);
  border-color:rgba(104,207,245,.11);
  box-shadow:0 10px 50px rgba(0,0,0,.14);
}
.tech-strip .container{padding-block:28px}
.brand-grid{gap:10px}
.brand-tile{
  min-height:66px;
  border-color:rgba(119,210,240,.11);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.brand-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(68,216,255,.30);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.section{padding:120px 0}
.section-head{margin-bottom:54px}
.eyebrow{letter-spacing:.18em}
h2{letter-spacing:-.045em}
.service-grid{gap:16px}
.service-card{
  min-height:335px;
  padding:31px;
  border-color:rgba(119,210,240,.12);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0%,rgba(57,198,236,.065),transparent 27%),
    linear-gradient(145deg,rgba(10,34,51,.88),rgba(4,14,24,.82));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.service-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(94,215,247,.12),transparent 45%,rgba(18,104,189,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.service-card:hover{
  transform:translateY(-7px);
  border-color:rgba(68,216,255,.28);
  box-shadow:0 28px 65px rgba(0,0,0,.28);
}
.service-card.featured{
  background:
    radial-gradient(circle at 80% 0%,rgba(68,216,255,.14),transparent 34%),
    linear-gradient(145deg,#092d42,#05131f);
}
.service-icon{
  width:50px;height:50px;border-radius:15px;
  margin-bottom:58px;
  border-color:rgba(68,216,255,.20);
  background:linear-gradient(145deg,rgba(68,216,255,.08),rgba(255,255,255,.015));
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.service-card h3{font-size:1.42rem}
.badge{
  top:28px;right:28px;
  background:rgba(255,230,0,.045);
}
.split-panel{
  gap:72px;
  padding:64px;
  border-color:rgba(119,210,240,.13);
  background:
    radial-gradient(circle at 92% 8%,rgba(42,190,235,.13),transparent 30%),
    linear-gradient(145deg,#061927,#030d17);
  box-shadow:0 30px 90px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04);
}
.answer-engine{
  border-color:rgba(68,216,255,.20);
  background:linear-gradient(145deg,#071d2c,#03101a);
  box-shadow:0 30px 75px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);
}
.check{
  border-top-color:rgba(119,210,240,.12);
}
.process-grid{
  border-color:rgba(119,210,240,.14);
  background:rgba(119,210,240,.12);
  box-shadow:0 25px 70px rgba(0,0,0,.20);
}
.process-step{
  background:linear-gradient(145deg,#061927,#04101a);
  position:relative;
}
.process-step:not(:last-child):after{
  content:"";
  position:absolute;
  top:34px;right:-1px;
  width:1px;height:34px;
  background:linear-gradient(transparent,var(--cyan),transparent);
}
.why-card{
  border-color:rgba(119,210,240,.11);
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.why-card:hover{
  transform:translateY(-3px);
  border-color:rgba(68,216,255,.25);
  background:rgba(68,216,255,.035);
}
.cta-band{
  border-color:rgba(68,216,255,.22);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 110%,rgba(68,216,255,.18),transparent 42%),
    radial-gradient(circle at 8% 0%,rgba(18,104,189,.13),transparent 30%),
    linear-gradient(145deg,#071f2f,#030f19);
  box-shadow:0 35px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);
}
.faq{
  border-top:1px solid rgba(119,210,240,.11);
}
.faq details{border-bottom-color:rgba(119,210,240,.11)}
.faq summary{padding:25px 4px}
.footer{
  background:
    radial-gradient(circle at 10% 0%,rgba(18,104,189,.08),transparent 25%),
    #02070c;
}
.footer-logo img{
  width:112px;
  height:112px;
  max-height:none;
}
.footer-bottom{border-top-color:rgba(119,210,240,.11)}
.whatsapp .wa-circle{
  background:linear-gradient(145deg,#31dd78,#1fb85c);
  box-shadow:0 18px 42px rgba(37,211,102,.28);
}
@media(max-width:820px){
  .brand img{width:58px;height:58px;max-height:none}
  .hero-visual{min-height:520px}
  .section{padding:94px 0}
}
@media(max-width:640px){
  .brand img{width:56px;height:56px}
  .hero-visual{min-height:420px}
  .ai-console{inset:24px 0 25px 0}
  .core-zone{height:255px}
  .service-card{padding:26px 23px}
  .split-panel{padding:34px 22px}
  .footer-logo img{width:96px;height:96px}
}
@media(max-width:360px){
  .brand img{width:52px;height:52px}
}


/* ============================================================
   TS V5.1 — EXECUTIVE MOBILE-FIRST VISUAL SYSTEM
   Mantiene el sistema existente y refina marca, lectura, contraste y selector interactivo.
   ============================================================ */
:root{
  --bg:#030b16;--bg-2:#071827;--surface:#0a1d2d;--surface-2:#0b263a;
  --text:#f4f9ff;--muted:#a0b4c5;--muted-2:#728da2;
  --line:rgba(116,199,232,.16);--cyan:#55d8f2;--cyan-soft:#9ceeff;
  --blue:#238fd2;--blue-2:#185bb2;--green:#65e2bd;
  --shadow:0 28px 85px rgba(0,0,0,.34);--radius:23px;
}
html{scroll-padding-top:calc(var(--header) + 18px)}
body{letter-spacing:.002em}
.ambient{background:radial-gradient(ellipse at 80% 7%,rgba(28,145,202,.15),transparent 32%),radial-gradient(ellipse at 3% 50%,rgba(31,94,180,.09),transparent 26%),linear-gradient(180deg,#030b16 0%,#061827 48%,#030b16 100%)}
.grid-bg{opacity:.55;background-size:76px 76px;background-image:linear-gradient(rgba(78,188,226,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(78,188,226,.026) 1px,transparent 1px)}
.container{width:min(calc(100% - 44px),1220px)}
.header{background:rgba(3,11,22,.82);border-bottom:1px solid rgba(124,211,238,.09);backdrop-filter:blur(20px) saturate(145%)}
.header.scrolled{background:rgba(3,11,22,.94);border-bottom-color:rgba(124,211,238,.17);box-shadow:0 12px 36px rgba(0,0,0,.24)}
.brand{gap:12px;flex:0 0 auto;max-width:100%;isolation:isolate}
.brand:after{display:none}
.brand .brand-mark{display:block;width:51px!important;height:51px!important;max-width:none;max-height:none;flex:0 0 51px;object-fit:contain;border:1px solid rgba(100,213,243,.2);border-radius:15px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(16,91,136,.08));padding:2px;filter:drop-shadow(0 5px 17px rgba(29,169,213,.11));transition:transform .22s ease,border-color .22s ease}
.brand:hover .brand-mark{transform:translateY(-1px);border-color:rgba(92,218,245,.52)}
.brand-wordmark{display:block;white-space:nowrap;color:#f5fbff;font-size:.72rem;font-weight:850;letter-spacing:.105em;line-height:1.2;text-transform:uppercase}
.footer-logo{width:auto!important;margin-bottom:20px;display:inline-flex}
.footer-logo .brand-mark{width:58px!important;height:58px!important;flex-basis:58px}
.footer-logo .brand-wordmark{font-size:.77rem}
.nav{gap:clamp(15px,2vw,27px)}
.nav>a:not(.btn){position:relative;padding-block:9px;color:#c0d1df}
.nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transition:right .2s ease}
.nav>a:not(.btn):hover:after,.nav>a:not(.btn):focus-visible:after{right:0}
.btn{min-height:50px;padding-inline:21px;border-radius:13px;letter-spacing:.005em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.btn-primary{background:linear-gradient(120deg,#8cecff 0%,#4dc8ec 42%,#2785d2 100%);color:#03131f;box-shadow:0 10px 28px rgba(40,164,217,.15),inset 0 1px rgba(255,255,255,.42)}
.btn-primary:hover{box-shadow:0 15px 34px rgba(40,164,217,.24)}
.btn-outline{border-color:rgba(156,216,239,.25);background:rgba(13,35,51,.46);color:#e5f6ff}
.btn:focus-visible,.menu-button:focus-visible,.finder-option:focus-visible,summary:focus-visible{outline:3px solid rgba(91,220,247,.72);outline-offset:3px}
.hero{min-height:min(900px,100svh);padding-top:calc(var(--header) + 68px);padding-bottom:76px}
.hero:before{opacity:.68}
.hero-grid{gap:clamp(34px,4.4vw,62px);grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.hero-copy .eyebrow{margin-bottom:2px}
.hero h1{max-width:720px;font-size:clamp(3.1rem,5.6vw,5.6rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.hero-copy .lead{max-width:640px;color:#b0c4d3;line-height:1.78;font-size:clamp(1rem,1.22vw,1.13rem)}
.hero-actions{gap:13px;margin:29px 0 30px}
.proof-row{gap:clamp(14px,2vw,26px);padding-top:22px}
.proof strong{font-size:1.24rem;color:#f8fdff}
.proof span{font-size:.73rem}
.hero-visual{min-height:570px;filter:drop-shadow(0 30px 70px rgba(0,0,0,.18))}
.ai-console{inset:32px 0 34px 20px;border-radius:27px;border-color:rgba(109,220,247,.22);background:linear-gradient(150deg,rgba(11,39,58,.93),rgba(4,15,26,.9));transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}
.core-zone{height:300px}
.core-ring{width:230px;height:230px;border-color:rgba(77,206,240,.34)}
.core-ring:after{border-color:rgba(87,216,242,.35)}
.ai-core{background:linear-gradient(145deg,#1680b5,#37cde8);box-shadow:0 0 70px rgba(68,216,255,.23);border:1px solid rgba(196,248,255,.4)}
.floating-card{border-color:rgba(129,214,239,.22);background:rgba(4,18,30,.94);box-shadow:0 18px 45px rgba(0,0,0,.24)}
.tech-strip{background:linear-gradient(90deg,rgba(4,16,27,.78),rgba(10,34,50,.6),rgba(4,16,27,.78));border-color:rgba(120,207,236,.13)}
.brand-grid{gap:10px}
.brand-tile{min-height:60px;border-radius:12px;background:rgba(255,255,255,.022);border-color:rgba(128,190,216,.12);font-size:.72rem;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.brand-tile:hover{transform:translateY(-2px);border-color:rgba(83,210,240,.34);background:rgba(63,179,219,.055)}
.section{padding-block:clamp(78px,8.5vw,112px)}
.section-head{gap:clamp(25px,5vw,60px);margin-bottom:clamp(32px,4.2vw,52px)}
.section-head h2{font-size:clamp(2.15rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.section-head p{line-height:1.8;color:#9db4c5;font-size:.96rem}
.service-grid{gap:15px}
.service-card{border-radius:22px;border-color:rgba(124,195,223,.14);background:linear-gradient(145deg,rgba(12,36,54,.88),rgba(5,17,29,.93));padding:clamp(23px,2.5vw,31px);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.service-card:before{opacity:.28}
.service-card:after{background:radial-gradient(circle,rgba(72,202,237,.13),transparent 70%)}
.service-card:hover{transform:translateY(-4px);border-color:rgba(90,214,244,.35);box-shadow:0 18px 50px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)}
.service-card.featured{background:radial-gradient(circle at 85% 5%,rgba(64,189,229,.16),transparent 36%),linear-gradient(145deg,#0b2b40,#061522 78%)}
.service-icon{background:linear-gradient(145deg,rgba(66,207,239,.12),rgba(30,108,180,.07));border-color:rgba(104,216,242,.24);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.service-card h3{letter-spacing:-.025em;font-size:clamp(1.25rem,1.65vw,1.48rem);text-wrap:balance}
.service-card p{color:#9db2c1;line-height:1.75}
.service-link{color:#9fe8fa;letter-spacing:.025em}
.badge{border-color:rgba(85,216,242,.24);color:#9de8f8;background:rgba(58,180,220,.07)}
.split-panel{background:radial-gradient(circle at 92% 10%,rgba(40,156,209,.14),transparent 34%),linear-gradient(145deg,rgba(8,28,44,.97),rgba(4,15,25,.97));border-color:rgba(115,202,233,.17);box-shadow:0 28px 70px rgba(0,0,0,.14);padding:clamp(28px,4.6vw,58px)}
.answer-engine{transform:none;border-color:rgba(99,207,237,.23);background:linear-gradient(145deg,#091f30,#061522)}
.ae-query{border:1px solid rgba(115,203,233,.1);line-height:1.65}
.process-grid{border-radius:22px;gap:1px;border-color:rgba(114,201,230,.15);overflow:hidden}
.process-step{background:linear-gradient(160deg,#081b2a,#05121e);padding:clamp(23px,2.5vw,32px)}
.process-step h3{letter-spacing:-.025em}
.why-card{border-color:rgba(124,195,223,.14);background:linear-gradient(145deg,rgba(10,30,45,.67),rgba(255,255,255,.012));transition:transform .22s ease,border-color .22s ease,background .22s ease}
.why-card:hover{transform:translateY(-2px);border-color:rgba(90,214,244,.27);background:linear-gradient(145deg,rgba(12,40,58,.75),rgba(255,255,255,.015))}
.stat-big{color:transparent;-webkit-text-stroke:1px rgba(92,210,243,.72);text-shadow:0 0 48px rgba(51,164,222,.09)}
.cta-band{border-color:rgba(96,207,239,.23);background:radial-gradient(ellipse at 50% 110%,rgba(49,176,219,.18),transparent 45%),linear-gradient(140deg,#092438,#04111d);box-shadow:0 26px 76px rgba(0,0,0,.15)}
.faq details{border-bottom-color:rgba(120,196,224,.14)}
.faq summary{line-height:1.45;min-height:72px}
.faq details[open] summary{color:#a8ecfa}
.faq details p{color:#a3b8c8}
.footer{background:linear-gradient(180deg,#030d17,#02070d);border-top-color:rgba(110,199,229,.15)}
.footer p{color:#90a8b9;line-height:1.75}
.footer-links a{transition:color .18s ease}
.footer-links a:hover{color:#9cecff}
.footer-bottom{color:#7994a6}
.legal-note{line-height:1.7}
.whatsapp .wa-circle{box-shadow:0 12px 35px rgba(4,15,22,.4),0 0 0 1px rgba(255,255,255,.12)}

/* Interactive solution finder */
.solution-section{position:relative;isolation:isolate}
.solution-section:before{content:"";position:absolute;inset:8% -12% 5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 50%,rgba(26,97,169,.08),transparent 40%),radial-gradient(ellipse at 90% 15%,rgba(46,187,223,.08),transparent 36%)}
.solution-finder{display:grid;grid-template-columns:minmax(235px,.75fr) minmax(0,1.45fr);gap:14px;align-items:stretch}
.finder-options{display:grid;align-content:start;gap:9px}
.finder-option{display:flex;align-items:center;gap:14px;min-height:62px;width:100%;text-align:left;padding:13px 16px;border:1px solid rgba(123,196,223,.14);border-radius:13px;background:rgba(7,25,39,.65);color:#b6cbd9;font-size:.88rem;font-weight:750;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}
.finder-option span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:rgba(255,255,255,.045);color:#85a9bb;font-size:.63rem;font-weight:850;letter-spacing:.04em}
.finder-option:hover{transform:translateX(2px);border-color:rgba(98,207,237,.32);color:#f1fbff}
.finder-option.is-active{border-color:rgba(82,213,243,.48);background:linear-gradient(105deg,rgba(37,146,194,.18),rgba(8,31,47,.83));color:#f5fcff;box-shadow:inset 3px 0 #55d8f2}
.finder-option.is-active span{background:linear-gradient(140deg,#83eafa,#2c9bd6);color:#031724}
.finder-result{min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr);gap:20px;align-items:center;position:relative;overflow:hidden;padding:clamp(22px,3.2vw,36px);border:1px solid rgba(104,206,237,.2);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(51,183,221,.13),transparent 38%),linear-gradient(145deg,rgba(10,34,52,.96),rgba(4,16,27,.96));box-shadow:0 24px 60px rgba(0,0,0,.17)}
.finder-symbol{width:74px;height:74px;display:grid;place-items:center;position:relative;border:1px solid rgba(102,219,244,.3);border-radius:22px;background:linear-gradient(145deg,rgba(74,207,237,.16),rgba(28,102,172,.12));color:#b6f4ff;font-size:1.35rem;font-weight:900;letter-spacing:-.07em;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.finder-symbol:before,.finder-symbol:after{content:"";position:absolute;border:1px solid rgba(82,212,244,.22);border-radius:18px;inset:-8px;transform:rotate(14deg)}
.finder-symbol:after{inset:-15px;border-radius:22px;transform:rotate(-9deg);opacity:.5}
.finder-symbol i{position:absolute;width:5px;height:5px;border-radius:50%;background:#71e8f7;box-shadow:0 0 12px rgba(89,223,244,.5)}
.finder-symbol i:nth-of-type(1){top:-10px;right:12px}.finder-symbol i:nth-of-type(2){bottom:1px;left:-8px}.finder-symbol i:nth-of-type(3){right:-8px;bottom:17px}
.finder-copy{min-width:0}
.finder-kicker{display:block;color:#73dff3;font-size:.65rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.finder-copy h3{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:12px;text-wrap:balance}
.finder-copy p{max-width:560px;color:#a2b8c7;font-size:.88rem;line-height:1.75;margin-bottom:16px}
.finder-tags{display:flex;flex-wrap:wrap;gap:7px}
.finder-tags span{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid rgba(110,197,225,.15);border-radius:99px;background:rgba(255,255,255,.025);color:#a7c0cf;font-size:.66rem;font-weight:700}
.finder-link{grid-column:2;justify-self:start;margin-top:3px}
@media(max-width:1050px){
  .container{width:min(calc(100% - 36px),1220px)}
  .brand .brand-mark{width:47px!important;height:47px!important;flex-basis:47px}
  .nav{gap:14px}
  .nav>a{font-size:.77rem}
  .nav .btn{padding-inline:13px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:28px}
  .hero-visual{min-height:520px}
  .core-zone{height:280px}
  .solution-finder{grid-template-columns:minmax(220px,.78fr) minmax(0,1.35fr)}
}
@media(max-width:820px){
  :root{--header:72px}
  .container{width:min(calc(100% - 30px),1220px)}
  .brand{gap:9px;max-width:calc(100% - 58px)}
  .brand .brand-mark{width:45px!important;height:45px!important;flex-basis:45px;border-radius:13px}
  .brand-wordmark{font-size:.66rem;letter-spacing:.07em;white-space:normal;max-width:148px}
  .footer-logo .brand-mark{width:54px!important;height:54px!important;flex-basis:54px}
  .nav{gap:8px}
  .hero{min-height:auto;padding-top:calc(var(--header) + 58px);padding-bottom:68px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:23px}
  .hero-copy{max-width:760px}
  .hero h1{max-width:760px;font-size:clamp(3rem,8.2vw,4.7rem)}
  .hero-visual{width:min(100%,700px);min-height:490px;margin:0 auto}
  .ai-console{inset:20px 0 25px 12px}
  .fc-a{right:0}
  .tech-strip .container{padding-block:20px}
  .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .service-grid{grid-template-columns:minmax(0,1fr)}
  .service-card,.service-card.featured,.service-card.service-wide{grid-column:1!important}
  .section-head{grid-template-columns:minmax(0,1fr);gap:15px}
  .section-head h2{max-width:780px}
  .solution-finder{grid-template-columns:minmax(0,1fr);gap:12px}
  .finder-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .finder-option{min-height:72px;align-items:flex-start;gap:9px;padding:12px;font-size:.79rem;line-height:1.35}
  .finder-option span{width:26px;height:26px;flex-basis:26px}
  .finder-result{grid-template-columns:64px minmax(0,1fr);gap:17px;padding:24px}
  .finder-symbol{width:60px;height:60px;border-radius:18px}
  .finder-link{grid-column:2}
}
@media(max-width:640px){
  .container{width:calc(100% - 28px)}
  .header-inner{gap:8px}
  .brand-wordmark{font-size:.61rem;letter-spacing:.055em;max-width:140px}
  .hero{padding-top:calc(var(--header) + 43px);padding-bottom:52px}
  .hero h1{font-size:clamp(2.75rem,11.7vw,3.7rem);line-height:1.01;letter-spacing:-.055em;margin:17px 0 20px}
  .hero-copy .lead{font-size:.97rem;line-height:1.75}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:25px 0}
  .hero-actions .btn{width:100%}
  .proof-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px;padding-top:20px}
  .proof{align-items:flex-start;gap:8px;min-width:0}
  .proof strong{font-size:1.12rem}
  .proof span{font-size:.68rem;max-width:none}
  .hero-visual{min-height:375px;width:100%}
  .ai-console{inset:15px 0 15px;border-radius:22px;transform:none}
  .console-top{height:40px;padding-inline:13px}
  .console-title{font-size:.49rem;letter-spacing:.1em}
  .core-zone{height:205px}
  .core-ring{width:170px;height:170px}
  .core-ring:before{inset:15px}.core-ring:after{inset:37px}
  .ai-core{width:87px;height:87px;border-radius:22px}
  .ai-core b{font-size:1.9rem}.ai-core small{top:57px;font-size:.42rem}
  .orbit-label{font-size:.48rem;padding:5px 7px}
  .ol1{top:23px;left:20px}.ol2{top:35px;right:15px}.ol3{bottom:18px;left:21px}.ol4{bottom:28px;right:20px}
  .console-metrics{gap:6px;padding:9px}
  .metric{padding:10px 8px;border-radius:10px}
  .metric span{font-size:.48rem;letter-spacing:.04em}.metric b{font-size:.7rem;margin-top:4px}
  .mini-chart{height:17px;gap:3px;margin-top:5px}.mini-chart i{width:5px}
  .floating-card{padding:10px 11px;border-radius:11px}.floating-card small{font-size:.46rem}.floating-card strong{font-size:.62rem}
  .fc-a{top:0;right:0}.fc-b{bottom:0;left:0}
  .tech-label{line-height:1.5;font-size:.59rem;letter-spacing:.12em}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .brand-tile{min-height:54px;font-size:.7rem;padding:8px}
  .section{padding-block:76px}
  .section-head{margin-bottom:31px}
  .section-head h2{font-size:clamp(2rem,9vw,2.8rem);line-height:1.04;margin-bottom:6px}
  .section-head p{font-size:.9rem;line-height:1.72}
  .service-grid{gap:12px}
  .service-card,.service-card.featured,.service-card.service-wide{min-height:280px;padding:22px 20px;border-radius:19px}
  .service-card .service-icon,.service-card.featured .service-icon,.service-card.service-wide .service-icon{margin-bottom:38px}
  .service-card h3{font-size:1.3rem;line-height:1.23;max-width:94%}
  .service-card p{font-size:.84rem;line-height:1.65}
  .service-link{left:20px;right:20px;bottom:20px}
  .badge{top:19px;right:19px}
  .split-panel{padding:25px 19px;border-radius:22px;gap:28px}
  .answer-engine{padding:15px;border-radius:16px}
  .ae-head{gap:5px}.ae-head span{font-size:.49rem;letter-spacing:.08em}
  .ae-query{font-size:.7rem;padding:12px;margin:14px 0}
  .ae-answer{grid-template-columns:24px 1fr;gap:9px}.ae-bot{width:24px;height:24px}.ae-answer p{font-size:.7rem;line-height:1.7}
  .ae-sources span{font-size:.49rem;padding:7px 4px}
  .process-grid{grid-template-columns:minmax(0,1fr);border-radius:18px}
  .process-step{min-height:0;padding:23px 20px}
  .process-step h3{margin:26px 0 10px}.process-step p{font-size:.83rem}
  .why-grid{gap:34px}.stat-big{font-size:5.2rem}.stat-big small{font-size:.61rem;line-height:1.6;margin-top:20px}
  .why-cards{grid-template-columns:minmax(0,1fr);gap:10px}.why-card{padding:22px;border-radius:16px}.why-card p{font-size:.84rem;line-height:1.72}
  .faq summary{font-size:.9rem;padding:20px 1px;gap:12px;min-height:64px}.faq details p{font-size:.84rem;line-height:1.76}
  .cta-band{padding:37px 20px;border-radius:23px}.cta-band h2{font-size:clamp(1.95rem,9vw,2.7rem)}.cta-actions{display:grid;grid-template-columns:minmax(0,1fr)}.cta-actions .btn{width:100%}
  .finder-options{grid-template-columns:minmax(0,1fr);gap:7px}
  .finder-option{min-height:56px;align-items:center;font-size:.83rem;padding:10px 12px}
  .finder-result{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 19px;border-radius:19px}
  .finder-symbol{width:58px;height:58px;margin:4px 0}
  .finder-copy h3{font-size:1.45rem}.finder-copy p{font-size:.84rem;line-height:1.72}
  .finder-link{grid-column:1;width:100%;justify-self:stretch;margin-top:0}
  .footer{padding:48px 0 22px}.footer-grid{gap:30px}.footer-logo .brand-mark{width:52px!important;height:52px!important;flex-basis:52px}.footer-logo .brand-wordmark{font-size:.7rem}
  .footer-bottom{margin-top:30px;align-items:flex-start;line-height:1.65}.footer-badges{gap:6px}.footer-badges span{font-size:.62rem}
}
@media(max-width:370px){
  .container{width:calc(100% - 24px)}
  .brand{gap:7px}.brand .brand-mark{width:41px!important;height:41px!important;flex-basis:41px}
  .brand-wordmark{font-size:.56rem;letter-spacing:.03em;max-width:125px}
  .menu-button{width:42px;height:42px;flex-basis:42px}
  .hero h1{font-size:2.55rem}
  .hero-visual{min-height:345px}
}
@media(prefers-reduced-motion:reduce){
  .brand .brand-mark,.finder-option,.brand-tile,.service-card,.why-card{transition:none!important}
  .finder-option:hover,.brand-tile:hover,.service-card:hover,.why-card:hover{transform:none}
}


/* TS V5.2 · Preventive / corrective maintenance feature */
.maintenance-section{position:relative;isolation:isolate;overflow:hidden}
.maintenance-section:before{content:"";position:absolute;z-index:-1;inset:2% -10% 10%;pointer-events:none;background:radial-gradient(ellipse at 8% 27%,rgba(31,119,190,.13),transparent 38%),radial-gradient(ellipse at 91% 48%,rgba(40,204,230,.09),transparent 34%)}
.maintenance-hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:46px}
.maintenance-copy{min-width:0}
.maintenance-kicker{display:flex;align-items:center;gap:9px;color:#91dce9;font-size:.72rem;font-weight:800;letter-spacing:.095em;text-transform:uppercase;margin-bottom:18px}
.status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#5be0bd;box-shadow:0 0 14px rgba(91,224,189,.55)}
.maintenance-copy h3{font-size:clamp(1.65rem,2.65vw,2.4rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 17px;text-wrap:balance}
.maintenance-copy>p{color:#a3b8c8;line-height:1.82;max-width:620px;font-size:.96rem}
.maintenance-mini-list{display:grid;gap:11px;margin:24px 0 5px}
.maintenance-mini-list span{display:flex;align-items:flex-start;gap:10px;color:#c3d7e3;font-size:.86rem;line-height:1.55}
.maintenance-mini-list i{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid rgba(91,224,189,.35);border-radius:50%;font-style:normal;color:#6ce6c3;font-size:.7rem;font-weight:900;margin-top:1px}
.maintenance-actions{gap:11px}
.maintenance-visual{position:relative;min-width:0;max-width:700px;margin-inline:auto}
.maintenance-visual>img{display:block;width:100%;height:auto;border-radius:25px;filter:drop-shadow(0 24px 42px rgba(0,0,0,.23))}
.maintenance-float{position:absolute;right:-10px;bottom:32px;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid rgba(105,214,238,.25);border-radius:15px;background:rgba(4,18,29,.94);box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.maintenance-float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(95,226,243,.18),rgba(37,124,188,.15));color:#8cebf7;font-size:1.4rem}
.maintenance-float small{display:block;color:#81cfe2;font-size:.59rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.maintenance-float strong{font-size:.81rem;color:#e6f7ff}
.maintenance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.maintenance-card{min-width:0;position:relative;overflow:hidden;padding:24px 22px 25px;border:1px solid rgba(124,195,223,.14);border-radius:20px;background:linear-gradient(148deg,rgba(10,32,48,.9),rgba(4,15,25,.88));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.maintenance-card:after{content:"";position:absolute;width:135px;height:135px;right:-75px;top:-78px;border-radius:50%;background:rgba(54,203,235,.08);filter:blur(10px);pointer-events:none}
.maintenance-card:hover{transform:translateY(-4px);border-color:rgba(88,215,240,.33);background:linear-gradient(148deg,rgba(12,42,61,.95),rgba(4,15,25,.9))}
.maintenance-card-num{position:absolute;right:20px;top:19px;color:#527f95;font-size:.69rem;font-weight:850;letter-spacing:.12em}
.maintenance-card-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;border:1px solid rgba(95,214,240,.23);background:linear-gradient(145deg,rgba(77,211,239,.13),rgba(32,107,174,.1));color:#9beaf8;font-size:1.5rem;margin-bottom:25px}
.maintenance-card h3{font-size:1.08rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:11px;text-wrap:balance}
.maintenance-card p{color:#9db4c5;font-size:.79rem;line-height:1.72;margin-bottom:19px}
.maintenance-card>a{display:inline-flex;align-items:center;gap:7px;color:#9ceafa;font-size:.77rem;font-weight:800;text-decoration:none}
.maintenance-service-mode{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:35px;align-items:center;margin-top:24px;padding:clamp(25px,3.2vw,40px);border:1px solid rgba(106,203,232,.17);border-radius:24px;background:radial-gradient(ellipse at 0 0,rgba(34,144,198,.13),transparent 45%),linear-gradient(145deg,rgba(8,28,43,.95),rgba(4,15,25,.96))}
.service-mode-heading h3{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.12;letter-spacing:-.035em;margin:9px 0 11px}
.service-mode-heading p{font-size:.85rem;line-height:1.7;color:#98afbf;margin:0;max-width:320px}
.service-mode-options{display:grid;gap:12px}
.service-mode-options article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border:1px solid rgba(116,196,221,.13);border-radius:16px;background:rgba(255,255,255,.018)}
.mode-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(60,188,223,.1);border:1px solid rgba(95,214,240,.22);font-size:1.35rem;color:#8eeafa}
.service-mode-options h4{font-size:.95rem;margin:2px 0 5px}
.service-mode-options p{font-size:.79rem;line-height:1.7;color:#9db4c5;margin:0}
/* dedicated maintenance service page */
.os-panel{padding:clamp(24px,3.5vw,42px);border:1px solid rgba(106,203,232,.17);border-radius:24px;background:radial-gradient(ellipse at 95% 5%,rgba(44,178,217,.1),transparent 40%),linear-gradient(145deg,rgba(8,28,43,.94),rgba(4,15,25,.96))}
.os-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.os-tag{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid rgba(104,193,223,.18);border-radius:99px;background:rgba(255,255,255,.025);color:#c5dce8;font-size:.75rem;font-weight:750}
.os-tag:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#6fdfee}
.os-note{color:#90aabc;font-size:.79rem;line-height:1.75;margin:18px 0 0}
.maintenance-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.maintenance-detail{padding:25px;border:1px solid rgba(124,195,223,.14);border-radius:19px;background:linear-gradient(145deg,rgba(10,32,48,.82),rgba(5,15,25,.9));min-width:0}
.maintenance-detail h3{font-size:1.1rem;line-height:1.3;margin:0 0 10px}
.maintenance-detail p,.maintenance-detail li{font-size:.83rem;color:#9db4c5;line-height:1.75}
.maintenance-detail ul{padding-left:1.1rem;margin:13px 0 0}
.maintenance-detail li+li{margin-top:5px}
.maintenance-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:maint-step}
.maintenance-step{counter-increment:maint-step;padding:23px 20px;border-top:1px solid rgba(105,207,235,.35);background:linear-gradient(180deg,rgba(9,34,50,.7),rgba(5,17,28,.25));border-radius:0 0 15px 15px}
.maintenance-step:before{content:"0" counter(maint-step);display:block;color:#6dddf0;font-weight:850;letter-spacing:.13em;font-size:.72rem;margin-bottom:17px}
.maintenance-step h3{font-size:1rem;margin:0 0 7px}
.maintenance-step p{color:#9db4c5;font-size:.8rem;line-height:1.72;margin:0}
@media(max-width:1050px){.maintenance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.maintenance-card{padding:23px 20px}.maintenance-service-mode{gap:23px}}
@media(max-width:820px){.maintenance-hero-grid{grid-template-columns:1fr;gap:18px}.maintenance-copy{order:1}.maintenance-visual{order:0;width:min(100%,620px)}.maintenance-visual>img{border-radius:20px}.maintenance-float{right:9px;bottom:20px}.maintenance-copy h3{font-size:clamp(1.65rem,5.8vw,2.25rem)}.maintenance-service-mode{grid-template-columns:1fr;gap:22px}.maintenance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.maintenance-hero-grid{margin-bottom:29px}.maintenance-visual>img{border-radius:16px}.maintenance-float{position:relative;right:auto;bottom:auto;margin:-18px 8px 0 auto;width:max-content;max-width:calc(100% - 16px);padding:10px 12px}.maintenance-float-icon{width:32px;height:32px}.maintenance-float strong{font-size:.71rem}.maintenance-float small{font-size:.52rem}.maintenance-copy h3{font-size:1.62rem}.maintenance-copy>p{font-size:.88rem}.maintenance-mini-list{gap:9px}.maintenance-mini-list span{font-size:.81rem}.maintenance-actions{display:grid;grid-template-columns:1fr}.maintenance-actions .btn{width:100%}.maintenance-cards{grid-template-columns:1fr;gap:10px}.maintenance-card{padding:22px 20px;border-radius:18px}.maintenance-card-icon{margin-bottom:18px}.maintenance-card p{font-size:.83rem}.maintenance-service-mode{padding:24px 18px;border-radius:20px}.service-mode-options article{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:13px}.mode-icon{width:39px;height:39px}.service-mode-options p{font-size:.8rem}.os-panel{padding:23px 18px;border-radius:20px}.os-tags{gap:7px}.os-tag{font-size:.71rem;padding:8px 11px;min-height:34px}.maintenance-detail-grid,.maintenance-steps{grid-template-columns:1fr}.maintenance-detail{padding:22px 20px}.maintenance-step{padding:21px 18px}.maintenance-step:before{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){.maintenance-card{transition:none!important}.maintenance-card:hover{transform:none}}

/* Service-detail SVG rendering */
.service-visual > img{display:block;width:100%;height:auto;border:1px solid rgba(95,214,240,.16);border-radius:24px;box-shadow:0 22px 55px rgba(0,0,0,.22)}
@media(max-width:640px){.service-visual > img{border-radius:17px}}

.maintenance-detail-hero h1{font-size:clamp(2.65rem,4.25vw,4.5rem);line-height:.99;text-wrap:balance;max-width:740px}
.maintenance-detail-visual{min-height:0!important;max-width:620px}
@media(max-width:640px){.maintenance-detail-hero h1{font-size:clamp(2.45rem,10.5vw,3.25rem);line-height:1.01}}