:root {
  --blue: #0060a0;
  --blue-deep: #004b7e;
  --cyan: #30b0d0;
  --red: #e03030;
  --ink: #0a2634;
  --ink-soft: #35515e;
  --mist: #f3f8fa;
  --line: rgba(10, 38, 52, 0.14);
  --white: #fff;
  --canvas: #fff;
  --surface: #fff;
  --surface-raised: #f9fcfd;
  --surface-angle: #f4fafc;
  --deep-surface: #0a2634;
  --deep-surface-hover: #0d3345;
  --shadow: rgba(10, 38, 52, 0.13);
  --page: min(1360px, calc(100vw - 64px));
  --ease: cubic-bezier(.2,.78,.2,1);
}

html[data-theme="dark"] {
  --canvas: #061820;
  --surface: #0b2733;
  --surface-raised: #102f3d;
  --surface-angle: #0d2b38;
  --deep-surface: #031219;
  --deep-surface-hover: #0b3242;
  --ink: #edf8fb;
  --ink-soft: #aac4ce;
  --mist: #0b2733;
  --line: rgba(184, 222, 234, 0.18);
  --shadow: rgba(0, 0, 0, 0.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--canvas); }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "Avenir Next", "Segoe UI Variable", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; transition: color .35s var(--ease), background-color .35s var(--ease); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
img { max-width: 100%; display: block; }
::selection { color: white; background: var(--blue); }
.section-shell { width: var(--page); margin-inline: auto; }

.page-transition { position: fixed; inset: 0; z-index: 1000; pointer-events: none; visibility: hidden; }
.page-transition span { position: absolute; inset: 0; transform: scaleX(0); transform-origin: right; transition: transform .42s var(--ease); }
.page-transition span:first-child { background: var(--cyan); }
.page-transition span:last-child { background: var(--blue); transition-delay: .06s; clip-path: polygon(8% 0,100% 0,100% 100%,0 100%); }
html.page-leaving .page-transition { visibility: visible; }
html.page-leaving .page-transition span { transform: scaleX(1); transform-origin: left; }

[data-reveal] { opacity: 0; transform: translateY(36px); clip-path: inset(0 0 16% 0); transition: opacity .8s var(--ease) var(--reveal-delay, 0ms), transform .9s var(--ease) var(--reveal-delay, 0ms), clip-path .9s var(--ease) var(--reveal-delay, 0ms); }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); clip-path: inset(0); }

.eyebrow { margin: 0 0 24px; display: flex; align-items: center; gap: 12px; color: var(--blue); font-size: 11px; line-height: 1; letter-spacing: .16em; font-weight: 800; }
.eyebrow > span { width: 28px; height: 2px; background: var(--red); }
.eyebrow.light { color: rgba(255,255,255,.72); }
.eyebrow.light > span { background: var(--cyan); }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3 { letter-spacing: -.045em; }
h2 { margin-bottom: 0; font-size: clamp(42px, 5vw, 78px); line-height: .98; font-weight: 650; }
h2 em, h1 em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.055em; }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 128px; display: block; background: rgba(255,255,255,.88); border-bottom: 1px solid rgba(10,38,52,.08); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.contact-bar{height:32px;color:rgba(255,255,255,.76);background:var(--ink);border-bottom:1px solid rgba(255,255,255,.1)}
.contact-bar-inner{width:var(--page);height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.contact-bar-inner a{height:100%;display:inline-flex;align-items:center;color:white;transition:color .25s var(--ease)}
.contact-bar-inner a:hover{color:var(--cyan)}
.contact-location{display:inline-flex;align-items:center;gap:8px}.contact-location i{width:6px;height:6px;border-radius:50%;background:#49d793;box-shadow:0 0 0 4px rgba(73,215,147,.13);animation:talkPulse 2.2s ease-in-out infinite}
.contact-whatsapp{gap:8px;padding-inline:14px;background:rgba(48,176,208,.14);border-inline:1px solid rgba(48,176,208,.24)}.contact-whatsapp b{color:var(--cyan);font-size:13px}
.nav-shell { width: var(--page); height:96px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
.brand-link { width: 310px; flex: 0 0 310px; position: relative; z-index: 2; transition: transform .3s var(--ease),background .3s,border-color .3s; }
.brand-link img { width: 100%; }
.brand-link:hover { transform: translateY(-2px); }
.main-nav { display: flex; align-items: center; gap: clamp(18px, 2.1vw, 32px); }
.nav-link { font-size: 13px; font-weight: 650; position: relative; }
.nav-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; background: var(--cyan); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); }
.nav-link:hover::after { transform: scaleX(1); transform-origin: left; }
.language-switch { display: flex; align-items: center; gap: 7px; font-size: 11px; letter-spacing: .08em; }
.language-switch span { color: var(--blue); font-weight: 800; }
.language-switch span::after { content: "/"; margin-left: 7px; color: #9fb0b8; }
.language-switch b { font-weight: 600; color: #82949c; transition: color .2s; }
.language-switch:hover b { color: var(--red); }
.theme-toggle { width: 52px; height: 30px; flex: 0 0 52px; padding: 3px; border: 1px solid var(--line); border-radius: 99px; color: var(--ink); background: var(--mist); cursor: pointer; display: inline-flex; align-items: center; transition: background .3s var(--ease), border-color .3s var(--ease); }
.theme-toggle:hover { border-color: var(--cyan); }
.theme-track { width: 44px; height: 22px; display: block; position: relative; border-radius: inherit; background: linear-gradient(110deg,rgba(48,176,208,.22),rgba(0,96,160,.12)); overflow: hidden; }
.theme-track::before,.theme-track::after { position: absolute; top: 50%; translate: 0 -50%; font-size: 11px; line-height: 1; }
.theme-track::before { content: "☼"; left: 5px; color: var(--red); }
.theme-track::after { content: "☾"; right: 5px; color: var(--cyan); }
.theme-track i { position: absolute; z-index: 2; left: 2px; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--surface); box-shadow: 0 3px 10px var(--shadow); transition: transform .38s var(--ease), background .3s; }
html[data-theme="dark"] .theme-track i { transform: translateX(22px); background: var(--cyan); }
.theme-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.talk-button { --mx:0px;--my:0px;min-width:184px;min-height:58px;padding:7px 7px 7px 17px;border:1px solid rgba(48,176,208,.9);color:white;background:linear-gradient(115deg,var(--blue),var(--blue-deep));box-shadow:0 10px 26px rgba(0,96,160,.18);display:inline-flex;align-items:center;justify-content:flex-end;gap:11px;position:relative;isolation:isolate;overflow:hidden;transform:translate(var(--mx),var(--my));transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.talk-button::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,var(--cyan),var(--blue));clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .45s var(--ease)}
.talk-button>i{width:7px;height:7px;margin-right:auto;border-radius:50%;background:#49d793;box-shadow:0 0 0 5px rgba(73,215,147,.15);animation:talkPulse 2.2s ease-in-out infinite}
.talk-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.talk-copy small{font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;opacity:.66}.talk-copy strong{font-size:14px;font-weight:850;letter-spacing:.02em}.talk-button>b{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);background:white;font-size:20px;font-weight:500;transition:transform .35s var(--ease),background .35s}
.talk-button:hover{border-color:var(--cyan);box-shadow:0 16px 38px rgba(0,96,160,.3)}
.talk-button:hover::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.talk-button:hover>b{transform:rotate(-8deg) translate(2px,-2px);background:var(--surface-raised)}
.menu-toggle { display: none; border: 0; background: none; width: 44px; height: 44px; padding: 12px; }
.menu-toggle i { display: block; width: 100%; height: 2px; background: var(--ink); margin: 5px 0; }

.button, .outline-button { --mx: 0px; --my: 0px; min-height: 52px; padding: 0 22px; border: 1px solid var(--blue); display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; color: white; background: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .025em; transform: translate(var(--mx), var(--my)); transition: transform .3s var(--ease), background .3s, color .3s, border-color .3s; }
.button:hover { background: var(--blue-deep); border-color: var(--blue-deep); }
.button span, .outline-button span { font-size: 18px; font-weight: 400; }
.button-small { min-height: 44px; padding-inline: 18px; gap: 18px; }
.outline-button { color: var(--ink); background: transparent; border-color: var(--line); }
.outline-button:hover { color: white; border-color: var(--blue); background: var(--blue); }
.text-link { display: inline-flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 750; border-bottom: 1px solid var(--line); padding-bottom: 7px; }
.text-link span { color: var(--red); font-size: 18px; transition: transform .25s; }
.text-link:hover span { transform: translate(4px,-4px); }

/* Home / hero */
.hero-section { min-height: 860px; padding: 172px 0 112px; display: grid; grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr); column-gap: clamp(48px,4.5vw,84px); align-items: center; position: relative; }
.hero-section::before { content: ""; position: absolute; z-index: -2; top: 0; right: calc((100vw - var(--page)) / -2); width: 55vw; height: 100%; background: linear-gradient(126deg, transparent 0 11%, rgba(48,176,208,.07) 11% 52%, rgba(0,96,160,.045) 52%); clip-path: polygon(14% 0,100% 0,100% 100%,0 91%); }
.hero-copy { min-width: 0; position: relative; z-index: 3; align-self: center; }
.hero-copy.is-visible { clip-path: none; }
.hero-copy h1 { margin: 0; max-width: 100%; display: flex; flex-direction: column; font-size: clamp(68px, 5.65vw, 96px); line-height: .87; font-weight: 680; }
.hero-copy h1 span:nth-child(2) { margin-left: .42em; color: var(--blue); }
.hero-copy h1 em { margin-left: .06em; color: var(--red); font-size: .86em; white-space: nowrap; }
.hero-lead { max-width: 590px; margin: 38px 0 32px; color: var(--ink-soft); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 32px; }
.hero-stage { min-width: 0; height: 610px; display: grid; place-items: center; position: relative; z-index: 1; isolation: isolate; }
.hero-mesh { position: absolute; z-index: -1; inset: 102px -9vw 20px 34%; overflow: hidden; opacity: .72; background-image: linear-gradient(rgba(0,96,160,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,96,160,.09) 1px,transparent 1px); background-size: 42px 42px; transform: perspective(700px) rotateX(58deg) rotateZ(-11deg); mask-image: radial-gradient(ellipse at center,#000 10%,transparent 70%); }
.hero-mesh i { position: absolute; border: 1px solid rgba(0,96,160,.15); border-radius: 50%; animation: meshPulse 7s ease-in-out infinite; }
.hero-mesh i:nth-child(1){width:280px;height:280px;left:25%;top:18%}.hero-mesh i:nth-child(2){width:430px;height:430px;left:14%;top:4%;animation-delay:-2s}.hero-mesh i:nth-child(3){width:580px;height:580px;left:4%;top:-10%;animation-delay:-4s}.hero-mesh i:nth-child(4){width:720px;height:720px;left:-5%;top:-20%;animation-delay:-6s}
.system-visual { --px: 0; --py: 0; width: 100%; height: 100%; position: relative; perspective: 1200px; }
.visual-window { position: absolute; background: rgba(255,255,255,.92); border: 1px solid rgba(10,38,52,.15); box-shadow: 0 32px 70px rgba(15,58,77,.13); overflow: hidden; transition: transform .45s var(--ease); }
.layer-back { width: 62%; height: 47%; top: 10%; right: 0; transform: rotateY(-10deg) rotateZ(3deg) translate(calc(var(--px) * 7px),calc(var(--py) * 7px)); }
.layer-main { width: 80%; height: 58%; left: 2%; top: 23%; transform: rotateY(-6deg) rotateZ(-2deg) translate(calc(var(--px) * 15px),calc(var(--py) * 12px)); z-index: 2; }
.window-bar { height: 38px; padding: 0 13px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 6px; background: #f9fcfd; }
.window-bar i { width: 6px; height: 6px; border-radius: 50%; background: #cbd9df; }
.window-bar i:first-child { background: var(--red); }
.window-bar span { margin-left: auto; color: #7c929c; font: 600 8px/1 sans-serif; letter-spacing: .09em; }
.window-body { display: grid; grid-template-columns: 54px 1fr; height: calc(100% - 38px); }
.visual-sidebar { padding: 16px 0; display: flex; align-items: center; flex-direction: column; gap: 17px; background: var(--ink); }
.visual-sidebar b { color: white; font-size: 14px; margin-bottom: 8px; }.visual-sidebar i{width:13px;height:2px;background:rgba(255,255,255,.24)}.visual-sidebar i:nth-of-type(2){background:var(--cyan)}
.visual-content { padding: 32px 34px; position: relative; background: linear-gradient(145deg,#fff 0 58%,#f4fafc 58%); }
.visual-content > p { color: var(--blue); font-size: 8px; letter-spacing: .16em; font-weight: 800; }
.visual-content h3 { max-width: 330px; margin: 16px 0 34px; font-size: clamp(25px,2.4vw,38px); line-height: .98; }
.metric-row { display: flex; gap: 12px; }.metric-row span{min-width:105px;padding:12px;border-left:2px solid var(--cyan);background:white;box-shadow:0 8px 24px rgba(10,38,52,.07)}.metric-row b{display:block;color:var(--blue);font-size:21px}.metric-row small{color:#78909b;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.flow-line { position: absolute; right: 20px; bottom: 26px; width: 42%; height: 56px; border-bottom: 1px solid rgba(0,96,160,.18); display:flex;align-items:flex-end;gap:5px; }.flow-line i{flex:1;background:var(--cyan);animation:bars 2.8s ease-in-out infinite;transform-origin:bottom}.flow-line i:nth-child(1){height:22%}.flow-line i:nth-child(2){height:45%;animation-delay:-.7s}.flow-line i:nth-child(3){height:33%;animation-delay:-1.5s}.flow-line i:nth-child(4){height:86%;background:var(--red);animation-delay:-2s}
.grid-map { height: calc(100% - 38px); position: relative; background-image:linear-gradient(rgba(0,96,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,96,160,.08) 1px,transparent 1px);background-size:24px 24px;display:grid;place-items:center}.grid-map>b{position:absolute;left:20px;top:17px;font-size:9px;color:var(--blue)}.grid-map strong{font-size:38px;color:var(--blue)}.grid-map small{position:absolute;right:18px;bottom:15px;font-size:8px;letter-spacing:.14em}.grid-map span{position:absolute;width:110px;height:110px;border:1px solid var(--cyan);border-radius:44% 56% 58% 42%/47% 43% 57% 53%;animation:morph 7s ease-in-out infinite}.grid-map span:nth-of-type(2){width:160px;height:160px;border-color:rgba(224,48,48,.32);animation-delay:-3s}
.visual-phone { position:absolute;z-index:4;right:1%;bottom:3%;width:150px;height:260px;padding:50px 20px 22px;color:white;background:linear-gradient(150deg,var(--blue),var(--ink));border:5px solid white;border-radius:25px;box-shadow:0 26px 56px rgba(9,48,66,.25);transform:rotate(5deg) translate(calc(var(--px) * 23px),calc(var(--py) * 20px));transition:transform .45s var(--ease)}
.phone-top{position:absolute;top:8px;left:45px;width:52px;height:5px;border-radius:8px;background:rgba(255,255,255,.22)}.visual-phone>b{font-size:22px}.visual-phone p{position:absolute;left:20px;bottom:55px;width:88px;font-size:10px;line-height:1.4;letter-spacing:.1em}.visual-phone>span{position:absolute;right:19px;bottom:18px;color:var(--cyan);font-size:22px}
.signal-chip { position:absolute;z-index:5;right:4%;top:6%;display:flex;align-items:center;gap:9px;background:white;padding:10px 13px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(10,38,52,.09);font-size:8px;letter-spacing:.12em;font-weight:800;animation:float 4s ease-in-out infinite}.signal-chip i{width:7px;height:7px;border-radius:50%;background:#3cc484;box-shadow:0 0 0 5px rgba(60,196,132,.12)}
.float-label{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;padding:10px 13px;background:white;border:1px solid var(--line);box-shadow:0 12px 32px rgba(10,38,52,.08);transform:translate(calc(var(--px) * -12px),calc(var(--py) * -10px));transition:transform .45s var(--ease)}.float-label b{color:var(--red);font-size:9px}.float-label span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.label-a{left:0;top:17%}.label-b{right:9%;bottom:3%}
.orbit{position:absolute;border:1px solid rgba(0,96,160,.15);border-radius:50%;pointer-events:none}.orbit-one{width:390px;height:390px;right:8%;top:15%;animation:spin 22s linear infinite}.orbit-one::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);left:34px;top:52px}.orbit-two{width:280px;height:280px;left:8%;bottom:10%;border-style:dashed;animation:spin 28s linear reverse infinite}
.hero-index { position:absolute;left:0;bottom:36px;display:flex;align-items:center;gap:15px;color:var(--blue);font-size:11px;font-weight:800 }.hero-index i{width:58px;height:1px;background:var(--line)}
.capability-rail { width:100%;overflow:hidden;border-block:1px solid var(--line);background:var(--mist);display:flex;white-space:nowrap }.capability-rail>div{padding:17px 0;display:flex;align-items:center;gap:32px;animation:rail 28s linear infinite;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.capability-rail span{color:var(--blue);font-size:8px;margin-left:32px}.capability-rail i{width:6px;height:6px;background:var(--red);border-radius:50%}

/* Services index */
.services-section { padding: 150px 0 160px; }
.section-intro { display:grid;grid-template-columns:1.35fr .65fr;column-gap:8vw;align-items:end;margin-bottom:100px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2{max-width:850px}.section-intro>p:last-child{margin:0;color:var(--ink-soft);font-size:17px;line-height:1.65}
.category-stack { border-top:1px solid var(--ink); }
.category-block { display:grid;grid-template-columns:35% 65%;border-bottom:1px solid var(--line);padding:54px 0 64px; }
.category-heading { display:flex;gap:26px;padding-right:6vw }.category-heading>span{color:var(--red);font-size:10px;font-weight:800}.category-heading h3{margin:0 0 13px;font-size:27px}.category-heading p{max-width:320px;color:var(--ink-soft);font-size:14px;line-height:1.6}
.service-links { border-top:1px solid var(--line) }.service-row{display:grid;grid-template-columns:42px 78px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:92px;padding:14px 6px;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),background .35s}.service-row:hover{padding-left:18px;padding-right:18px;background:var(--mist)}.service-code{color:var(--blue);font-size:9px;font-weight:800}.service-row h4{margin:0 0 5px;font-size:18px}.service-row p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.45}.service-row>b{display:flex;align-items:center;gap:18px;color:var(--red);font-size:18px;font-weight:500}.service-row>b span{color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:0;transform:translateX(-10px);transition:.3s}.service-row:hover>b span{opacity:1;transform:none}

.service-glyph { --glyph-blue:var(--blue); --glyph-cyan:var(--cyan); --glyph-red:var(--red); width:78px;height:60px;display:block;position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(0,96,160,.16);background:linear-gradient(145deg,#fff 0 56%,rgba(48,176,208,.09) 56%);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s; }
.service-glyph::before,.service-glyph::after,.service-glyph i,.service-glyph b,.service-glyph small { content:"";display:block;position:absolute;box-sizing:border-box; }
.service-row:hover .service-glyph { transform:translateY(-3px) rotate(-2deg);border-color:rgba(0,96,160,.42);box-shadow:0 12px 26px rgba(10,38,52,.11); }

/* 01 / digital product */
.glyph-custom-development::before{left:12px;top:10px;width:1px;height:39px;background:rgba(0,96,160,.28)}
.glyph-custom-development::after{left:12px;top:29px;width:52px;height:1px;background:rgba(0,96,160,.28);transform:rotate(-10deg)}
.glyph-custom-development i{width:8px;height:8px;border-radius:50%;background:var(--glyph-blue);box-shadow:0 0 0 4px white}
.glyph-custom-development i:nth-child(1){left:9px;top:7px}.glyph-custom-development i:nth-child(2){left:36px;top:25px;background:var(--glyph-cyan)}.glyph-custom-development i:nth-child(3){right:9px;bottom:7px;background:var(--glyph-red)}
.glyph-custom-development b{left:39px;top:9px;width:1px;height:38px;background:rgba(48,176,208,.45);transform:rotate(38deg)}
.service-row:hover .glyph-custom-development b{animation:glyphSignal 1.2s var(--ease) both}

.glyph-professional-website::before{left:11px;top:10px;width:55px;height:40px;border:2px solid var(--glyph-blue);background:white}
.glyph-professional-website::after{left:12px;top:19px;width:53px;border-top:1px solid rgba(0,96,160,.25)}
.glyph-professional-website i:nth-child(1){left:16px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--glyph-red);box-shadow:7px 0 var(--glyph-cyan),14px 0 rgba(0,96,160,.25)}
.glyph-professional-website i:nth-child(2){left:17px;top:26px;width:18px;height:13px;background:rgba(48,176,208,.22)}
.glyph-professional-website i:nth-child(3){left:40px;top:26px;width:18px;height:2px;background:var(--glyph-blue);box-shadow:0 6px rgba(0,96,160,.18),0 12px rgba(0,96,160,.18)}
.glyph-professional-website b{right:9px;bottom:6px;width:13px;height:13px;border-radius:50%;background:var(--glyph-red);border:4px solid white}

.glyph-lms::before,.glyph-lms::after{top:14px;width:27px;height:33px;border:1px solid var(--glyph-blue);background:white}
.glyph-lms::before{left:11px;transform:skewY(8deg)}.glyph-lms::after{right:11px;transform:skewY(-8deg)}
.glyph-lms i:nth-child(1),.glyph-lms i:nth-child(2){z-index:2;top:23px;width:15px;height:1px;background:var(--glyph-cyan);box-shadow:0 7px rgba(0,96,160,.22),0 14px rgba(0,96,160,.22)}
.glyph-lms i:nth-child(1){left:17px}.glyph-lms i:nth-child(2){right:17px}
.glyph-lms i:nth-child(3){z-index:3;left:36px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--glyph-red)}
.glyph-lms b{z-index:2;left:38px;top:15px;width:1px;height:32px;background:rgba(0,96,160,.28)}

/* 02 / commerce */
.glyph-woocommerce::before{left:22px;top:20px;width:35px;height:31px;border:2px solid var(--glyph-blue);background:rgba(48,176,208,.08)}
.glyph-woocommerce::after{left:30px;top:10px;width:19px;height:15px;border:2px solid var(--glyph-cyan);border-bottom:0;border-radius:10px 10px 0 0}
.glyph-woocommerce i:nth-child(1){left:29px;top:31px;width:20px;height:2px;background:var(--glyph-blue)}
.glyph-woocommerce i:nth-child(2),.glyph-woocommerce i:nth-child(3){bottom:5px;width:7px;height:7px;border-radius:50%;background:var(--glyph-red);border:2px solid white}.glyph-woocommerce i:nth-child(2){left:26px}.glyph-woocommerce i:nth-child(3){right:17px}
.glyph-woocommerce b{right:12px;top:12px;width:8px;height:8px;background:var(--glyph-red);transform:rotate(45deg)}

.glyph-prestashop::before{left:15px;top:10px;width:48px;height:40px;border:1px solid rgba(0,96,160,.24)}
.glyph-prestashop::after{left:15px;top:20px;width:48px;border-top:2px solid var(--glyph-blue)}
.glyph-prestashop i:nth-child(1){left:22px;top:27px;width:8px;height:8px;background:var(--glyph-blue);box-shadow:13px 0 var(--glyph-cyan),26px 0 var(--glyph-blue),0 13px rgba(0,96,160,.2),13px 13px var(--glyph-red),26px 13px rgba(0,96,160,.2)}
.glyph-prestashop i:nth-child(2){left:20px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--glyph-red);box-shadow:7px 0 var(--glyph-cyan)}
.glyph-prestashop b{right:9px;bottom:7px;width:13px;height:13px;border:1px solid var(--glyph-red);transform:rotate(45deg)}

/* 03 / brand */
.glyph-personal-branding::before{left:20px;top:11px;width:38px;height:38px;border:1px solid var(--glyph-cyan);border-radius:50%}
.glyph-personal-branding::after{left:28px;top:19px;width:22px;height:22px;border:5px solid var(--glyph-blue);border-radius:45% 55% 60% 40%}
.glyph-personal-branding i:nth-child(1){left:10px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--glyph-red)}
.glyph-personal-branding i:nth-child(2){right:10px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--glyph-cyan)}
.glyph-personal-branding i:nth-child(3){right:15px;bottom:7px;width:13px;height:1px;background:var(--glyph-blue);transform:rotate(-35deg)}
.service-row:hover .glyph-personal-branding::before{animation:spin 2.5s linear infinite}

.glyph-social-media::before,.glyph-social-media::after{border:1px solid var(--glyph-blue);background:white}
.glyph-social-media::before{left:13px;top:11px;width:34px;height:28px}.glyph-social-media::after{right:11px;bottom:9px;width:35px;height:29px;border-color:var(--glyph-cyan);box-shadow:-4px -4px 0 white}
.glyph-social-media i:nth-child(1){z-index:2;left:20px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--glyph-red)}
.glyph-social-media i:nth-child(2){z-index:3;right:17px;bottom:16px;width:18px;height:2px;background:var(--glyph-blue);box-shadow:0 -6px rgba(0,96,160,.2),0 6px rgba(0,96,160,.2)}
.glyph-social-media i:nth-child(3){left:31px;top:31px;width:28px;height:1px;background:var(--glyph-cyan);transform:rotate(31deg)}

.glyph-merchandise::before{left:18px;top:9px;width:42px;height:43px;background:var(--glyph-blue);clip-path:polygon(0 16%,25% 0,39% 12%,61% 12%,75% 0,100% 16%,87% 40%,73% 33%,73% 100%,27% 100%,27% 33%,13% 40%)}
.glyph-merchandise::after{left:29px;top:13px;width:20px;height:12px;background:white;border-radius:0 0 10px 10px}
.glyph-merchandise i:nth-child(1){left:34px;top:32px;width:11px;height:2px;background:var(--glyph-cyan)}
.glyph-merchandise i:nth-child(2){right:9px;bottom:8px;width:10px;height:10px;background:var(--glyph-red);transform:rotate(45deg)}

/* 04 / trust */
.glyph-domains::before{left:19px;top:10px;width:40px;height:40px;border:2px solid var(--glyph-blue);border-radius:50%}
.glyph-domains::after{left:27px;top:10px;width:24px;height:40px;border-inline:1px solid var(--glyph-cyan);border-radius:50%}
.glyph-domains i:nth-child(1){left:20px;top:29px;width:38px;height:1px;background:var(--glyph-cyan)}
.glyph-domains i:nth-child(2){left:37px;top:11px;width:1px;height:38px;background:rgba(0,96,160,.22)}
.glyph-domains i:nth-child(3){right:10px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--glyph-red);box-shadow:0 0 0 3px white}
.service-row:hover .glyph-domains::after{animation:glyphOrbit 1.6s var(--ease) infinite alternate}

.glyph-ssl::before{left:22px;top:8px;width:36px;height:44px;background:var(--glyph-blue);clip-path:polygon(50% 0,100% 16%,91% 72%,50% 100%,9% 72%,0 16%)}
.glyph-ssl::after{left:26px;top:12px;width:28px;height:35px;background:white;clip-path:polygon(50% 0,100% 16%,91% 68%,50% 100%,9% 68%,0 16%)}
.glyph-ssl i:nth-child(1){z-index:2;left:33px;top:26px;width:14px;height:13px;border:2px solid var(--glyph-cyan);background:white}
.glyph-ssl i:nth-child(2){z-index:2;left:36px;top:19px;width:8px;height:10px;border:2px solid var(--glyph-red);border-bottom:0;border-radius:7px 7px 0 0}
.glyph-ssl i:nth-child(3){z-index:3;left:38px;top:30px;width:4px;height:5px;border-radius:50%;background:var(--glyph-blue)}

/* 05 / infrastructure */
.glyph-web-hosting i{left:15px;width:48px;height:10px;border:1px solid rgba(0,96,160,.28);background:white}.glyph-web-hosting i:nth-child(1){top:10px}.glyph-web-hosting i:nth-child(2){top:25px}.glyph-web-hosting i:nth-child(3){top:40px}
.glyph-web-hosting i::after{content:"";position:absolute;right:5px;top:3px;width:4px;height:4px;border-radius:50%;background:var(--glyph-cyan);box-shadow:-8px 0 var(--glyph-red)}
.glyph-web-hosting::before{left:20px;top:14px;width:20px;height:2px;background:var(--glyph-blue);box-shadow:0 15px var(--glyph-blue),0 30px var(--glyph-blue)}
.glyph-web-hosting b{left:38px;top:5px;width:1px;height:50px;background:rgba(48,176,208,.24)}

.glyph-wordpress-hosting::before{left:18px;top:10px;width:40px;height:40px;border:2px solid var(--glyph-blue);border-radius:50%}
.glyph-wordpress-hosting::after{left:27px;top:19px;width:22px;height:22px;border:1px dashed var(--glyph-cyan);border-radius:50%}
.glyph-wordpress-hosting i:nth-child(1){left:36px;top:11px;width:4px;height:38px;background:linear-gradient(var(--glyph-cyan),var(--glyph-blue));transform:rotate(27deg)}
.glyph-wordpress-hosting i:nth-child(2){left:13px;top:27px;width:8px;height:8px;border-radius:50%;background:var(--glyph-red);border:2px solid white}
.glyph-wordpress-hosting i:nth-child(3){right:11px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--glyph-cyan)}
.service-row:hover .glyph-wordpress-hosting::after{animation:spin 2.3s linear infinite}

.glyph-aspnet-hosting::before{left:13px;top:29px;width:52px;height:1px;background:rgba(0,96,160,.28);transform:rotate(-18deg)}
.glyph-aspnet-hosting::after{left:38px;top:8px;width:1px;height:44px;background:rgba(48,176,208,.38);transform:rotate(26deg)}
.glyph-aspnet-hosting i{width:10px;height:10px;border:2px solid white;border-radius:2px;background:var(--glyph-blue);box-shadow:0 0 0 1px var(--glyph-blue)}
.glyph-aspnet-hosting i:nth-child(1){left:10px;top:31px}.glyph-aspnet-hosting i:nth-child(2){left:35px;top:10px;background:var(--glyph-cyan);box-shadow:0 0 0 1px var(--glyph-cyan)}.glyph-aspnet-hosting i:nth-child(3){right:9px;bottom:9px;background:var(--glyph-red);box-shadow:0 0 0 1px var(--glyph-red)}
.glyph-aspnet-hosting b{left:36px;top:34px;width:7px;height:7px;border-radius:50%;background:var(--glyph-blue)}

.glyph-vps-linux::before{left:10px;top:10px;width:58px;height:40px;border:1px solid var(--glyph-blue);background:var(--ink)}
.glyph-vps-linux::after{left:10px;top:18px;width:58px;border-top:1px solid rgba(255,255,255,.2)}
.glyph-vps-linux i:nth-child(1){z-index:2;left:17px;top:29px;width:8px;height:8px;border-right:2px solid var(--glyph-cyan);border-bottom:2px solid var(--glyph-cyan);transform:rotate(-45deg)}
.glyph-vps-linux i:nth-child(2){z-index:2;left:31px;top:35px;width:18px;height:2px;background:white}
.glyph-vps-linux i:nth-child(3){z-index:2;left:15px;top:14px;width:3px;height:3px;border-radius:50%;background:var(--glyph-red);box-shadow:6px 0 var(--glyph-cyan)}
.glyph-vps-linux b{z-index:2;right:15px;top:25px;width:5px;height:5px;border-radius:50%;background:#43d68d;animation:glyphBlink 1.8s ease-in-out infinite}

.glyph-vps-windows::before{left:20px;top:11px;width:17px;height:17px;background:var(--glyph-blue);box-shadow:21px 0 var(--glyph-cyan),0 21px var(--glyph-cyan),21px 21px var(--glyph-blue)}
.glyph-vps-windows::after{left:39px;top:9px;width:1px;height:43px;background:white;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.glyph-vps-windows i:nth-child(1){left:18px;top:30px;width:43px;height:1px;background:white}
.glyph-vps-windows i:nth-child(2){right:8px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--glyph-red);box-shadow:0 0 0 3px white}
.glyph-vps-windows i:nth-child(3){left:9px;bottom:7px;width:12px;height:2px;background:var(--glyph-red)}

@keyframes glyphSignal{0%{transform:rotate(38deg) scaleY(.4)}100%{transform:rotate(38deg) scaleY(1)}}
@keyframes glyphOrbit{from{transform:rotateY(0)}to{transform:rotateY(58deg)}}
@keyframes glyphBlink{0%,100%{opacity:.35;box-shadow:0 0 0 0 rgba(67,214,141,.3)}50%{opacity:1;box-shadow:0 0 0 5px rgba(67,214,141,0)}}

.featured-section { color:white;background:var(--ink);position:relative;overflow:hidden;padding:140px 0 150px}.featured-section::before{content:"";position:absolute;inset:-30% -20% auto 40%;height:500px;background:radial-gradient(circle,rgba(48,176,208,.22),transparent 67%);animation:drift 9s ease-in-out infinite}.featured-inner{position:relative}.featured-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-bottom:70px}.featured-copy .eyebrow{grid-column:1/-1}.featured-copy p:last-child{margin:0;color:rgba(255,255,255,.62);font-size:17px;line-height:1.6}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.featured-card{min-height:455px;padding:26px;position:relative;overflow:hidden;background:var(--ink);transition:background .35s}.featured-card:hover{background:#0d3345}.featured-number{color:var(--cyan);font-size:9px;font-weight:800}.mini-graphic{height:180px;position:relative;margin:14px 0 25px;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.mini-graphic i{position:absolute;border:1px solid var(--cyan);width:100px;height:100px;border-radius:48% 52% 70% 30%/35% 57% 43% 65%;left:50%;top:50%;translate:-50% -50%;animation:morph 6s ease-in-out infinite}.mini-graphic i:nth-child(2){width:135px;height:135px;border-color:rgba(255,255,255,.22);animation-delay:-2s}.mini-graphic i:nth-child(3){width:12px;height:12px;border:0;background:var(--red);animation:orbitSmall 5s linear infinite}.featured-card>p{font-size:13px;color:rgba(255,255,255,.65)}.featured-card h3{font-size:44px;margin:10px 0}.featured-card h3 small{display:block;margin-bottom:4px;font:600 9px/1 sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.featured-link{position:absolute;left:26px;right:26px;bottom:24px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;font-size:11px;font-weight:700}.featured-link b{color:var(--red);font-size:17px}

.start-graphic{height:205px;margin:14px 0 24px;position:relative;overflow:hidden;isolation:isolate;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:22px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.start-graphic::before,.start-graphic::after,.start-graphic span,.start-graphic i,.start-graphic b,.start-graphic small{content:"";position:absolute;display:block;box-sizing:border-box}
.start-web span{left:10%;top:23px;width:80%;height:145px;border:1px solid rgba(48,176,208,.65);background:rgba(3,18,25,.56);box-shadow:12px 12px 0 rgba(48,176,208,.08);transition:transform .45s var(--ease)}
.start-web span::before{content:"";position:absolute;inset:0 0 auto;height:22px;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,var(--red) 0 5px,transparent 5px 12px,var(--cyan) 12px 17px,transparent 17px);background-repeat:no-repeat;background-position:9px 8px}
.start-web span::after{content:"R/WEB";position:absolute;right:9px;top:8px;color:rgba(255,255,255,.45);font:700 6px/1 sans-serif;letter-spacing:.12em}
.start-web i:nth-of-type(1){left:15%;top:61px;width:31%;height:57px;background:linear-gradient(135deg,rgba(0,96,160,.82),rgba(48,176,208,.42));clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.start-web i:nth-of-type(2){left:51%;top:61px;width:30%;height:5px;background:var(--cyan);box-shadow:0 13px rgba(255,255,255,.28),0 26px rgba(255,255,255,.17),0 39px rgba(255,255,255,.17)}
.start-web i:nth-of-type(3){left:15%;bottom:48px;width:66%;height:6px;background:linear-gradient(90deg,var(--red) 0 18%,rgba(255,255,255,.14) 18%)}
.start-web b{right:6%;bottom:17px;width:32px;height:32px;border-radius:50%;background:var(--red);border:6px solid #092532;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.featured-card:hover .start-web span{transform:translateY(-5px) rotate(-1deg)}

.start-commerce span{left:9%;top:22px;width:82%;height:149px;border:1px solid rgba(255,255,255,.18);background:rgba(3,18,25,.5);transform:rotate(-1deg);transition:transform .45s var(--ease)}
.start-commerce span::before{content:"SHOP / LIVE";position:absolute;left:12px;top:12px;color:var(--cyan);font:800 6px/1 sans-serif;letter-spacing:.14em}
.start-commerce span::after{content:"";position:absolute;left:12px;right:12px;top:28px;height:1px;background:rgba(255,255,255,.13)}
.start-commerce i{top:63px;width:23%;height:66px;border:1px solid rgba(48,176,208,.36);background:linear-gradient(145deg,rgba(48,176,208,.2) 0 48%,rgba(255,255,255,.06) 48%)}
.start-commerce i:nth-of-type(1){left:15%}.start-commerce i:nth-of-type(2){left:39%;background:linear-gradient(145deg,rgba(224,48,48,.24) 0 48%,rgba(255,255,255,.06) 48%)}.start-commerce i:nth-of-type(3){left:63%}
.start-commerce b{right:8%;top:16px;width:38px;height:38px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(0,96,160,.2);transition:transform .45s var(--ease)}
.start-commerce b::before{content:"";position:absolute;left:10px;top:11px;width:17px;height:12px;border:2px solid white;border-top:0;transform:skew(-7deg)}
.start-commerce b::after{content:"";position:absolute;left:13px;top:27px;width:4px;height:4px;border-radius:50%;background:white;box-shadow:10px 0 white}
.start-commerce small{left:15%;bottom:34px;width:64%;height:5px;background:linear-gradient(90deg,var(--cyan) 0 58%,var(--red) 58% 72%,rgba(255,255,255,.12) 72%)}
.featured-card:hover .start-commerce span{transform:rotate(1deg) translateY(-4px)}.featured-card:hover .start-commerce b{transform:rotate(-10deg) scale(1.06)}

.start-hosting span{left:18%;top:20px;width:64%;height:154px;border:1px solid rgba(48,176,208,.38);background:rgba(3,18,25,.54);box-shadow:-12px 12px 0 rgba(0,96,160,.17),12px -9px 0 rgba(48,176,208,.07)}
.start-hosting i{left:24%;width:52%;height:28px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,var(--blue) 0 7px,transparent 7px)}
.start-hosting i:nth-of-type(1){top:43px}.start-hosting i:nth-of-type(2){top:80px}.start-hosting i:nth-of-type(3){top:117px}
.start-hosting i::before{content:"";position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:#49d793;box-shadow:-10px 0 var(--cyan)}
.start-hosting b{left:10%;top:54px;width:34px;height:34px;border:1px dashed var(--cyan);border-radius:50%;animation:spin 7s linear infinite}
.start-hosting b::after{content:"";position:absolute;right:-3px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.start-hosting small{right:7%;bottom:19px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.24)}
.start-hosting small::before,.start-hosting small::after{content:"";position:absolute;background:var(--cyan)}.start-hosting small::before{left:22px;top:7px;width:1px;height:30px}.start-hosting small::after{left:7px;top:22px;width:30px;height:1px}
.featured-card:hover .start-hosting span{box-shadow:-17px 16px 0 rgba(0,96,160,.2),16px -12px 0 rgba(48,176,208,.1)}

.method-section { padding:150px 0 }.method-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:85px}.method-heading .eyebrow{grid-column:1/-1}.method-heading>p:last-child{margin:0;color:var(--ink-soft);font-size:17px;line-height:1.65}.method-track{display:grid;grid-template-columns:repeat(4,1fr)}.method-track article{min-height:300px;padding:0 28px;border-left:1px solid var(--line);position:relative}.method-track article:last-child{border-right:1px solid var(--line)}.method-track article>span{color:var(--blue);font-size:10px;font-weight:800}.method-track article>i{position:absolute;left:-4px;top:38px;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px white}.method-track article::before{content:"";position:absolute;left:0;top:41px;width:100%;height:1px;background:linear-gradient(90deg,var(--red),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease) .2s}.method-track article.is-visible::before{transform:scaleX(1)}.method-track h3{margin:90px 0 18px;font-size:24px}.method-track p{color:var(--ink-soft);font-size:14px;line-height:1.65}
.method-track article{min-height:385px}
.method-track h3{margin:0 0 18px}
.method-graphic{height:112px;margin:66px 0 28px;position:relative;overflow:hidden;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:18px 18px}
.method-graphic::before,.method-graphic::after,.method-graphic span,.method-graphic i,.method-graphic b{content:"";position:absolute;display:block;box-sizing:border-box}
.method-graphic-1 span{left:50%;top:50%;width:76px;height:76px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%)}
.method-graphic-1 span::before,.method-graphic-1 span::after{content:"";position:absolute;border:1px dashed rgba(0,96,160,.38);border-radius:50%}.method-graphic-1 span::before{inset:12px}.method-graphic-1 span::after{inset:27px;background:var(--blue);border:0}
.method-graphic-1 i{width:8px;height:8px;border-radius:50%;background:var(--red)}.method-graphic-1 i:nth-of-type(1){left:22%;top:24%}.method-graphic-1 i:nth-of-type(2){right:16%;top:42%;background:var(--cyan)}.method-graphic-1 i:nth-of-type(3){left:33%;bottom:10%;background:var(--blue)}
.method-graphic-1 b{left:50%;top:50%;width:48%;height:1px;background:linear-gradient(90deg,var(--red),transparent);transform-origin:left;animation:radarSweep 4s linear infinite}
.method-graphic-2 span{left:12%;right:10%;top:54%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--red));transform:rotate(-12deg)}
.method-graphic-2 i{width:13px;height:13px;border-radius:50%;border:3px solid var(--surface);background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.method-graphic-2 i:nth-of-type(1){left:10%;bottom:25%}.method-graphic-2 i:nth-of-type(2){left:46%;top:35%;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.method-graphic-2 i:nth-of-type(3){right:8%;top:16%;background:var(--red);box-shadow:0 0 0 1px var(--red)}
.method-graphic-2 b{left:19%;top:12%;width:35%;height:7px;background:var(--line);box-shadow:0 16px var(--line),0 32px var(--line)}
.method-graphic-3 span{left:12%;top:14%;width:76%;height:82%;border:2px solid var(--blue);background:var(--surface-raised)}
.method-graphic-3 span::before{content:"";position:absolute;left:0;right:0;top:18px;border-top:1px solid var(--line)}
.method-graphic-3 i:nth-of-type(1){left:18%;top:47%;width:28%;height:38%;background:rgba(48,176,208,.25)}.method-graphic-3 i:nth-of-type(2){right:18%;top:47%;width:30%;height:5px;background:var(--blue);box-shadow:0 12px var(--line),0 24px var(--line)}.method-graphic-3 i:nth-of-type(3){left:18%;top:25%;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:10px 0 var(--cyan),20px 0 var(--line)}
.method-graphic-3 b{right:6%;top:5%;width:27px;height:27px;background:var(--red);transform:rotate(8deg);transition:transform .4s var(--ease)}
.method-track article:hover .method-graphic-3 b{transform:rotate(-7deg) translateY(-4px)}
.method-graphic-4 span{left:12%;right:10%;bottom:18%;height:1px;background:var(--line)}
.method-graphic-4 i{bottom:19%;width:17%;background:linear-gradient(var(--cyan),var(--blue));transform-origin:bottom;animation:bars 3s ease-in-out infinite}.method-graphic-4 i:nth-of-type(1){left:18%;height:25%}.method-graphic-4 i:nth-of-type(2){left:41%;height:47%;animation-delay:-1s}.method-graphic-4 i:nth-of-type(3){left:64%;height:70%;background:linear-gradient(var(--red),var(--blue));animation-delay:-2s}
.method-graphic-4 b{right:8%;top:6%;width:48px;height:48px;border:1px dashed var(--cyan);border-radius:50%;animation:spin 7s linear infinite}.method-graphic-4 b::after{content:"";position:absolute;right:-4px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--red)}
.bilingual-section{margin-bottom:150px;padding:80px;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;background:var(--mist);position:relative;overflow:hidden}.bilingual-section::before{content:"";position:absolute;left:-100px;bottom:-160px;width:360px;height:360px;border:1px dashed rgba(48,176,208,.34);border-radius:50%}.bilingual-section>div:last-child>p:not(.eyebrow){max-width:700px;color:var(--ink-soft);font-size:16px;line-height:1.65;margin:30px 0}
.language-art{height:340px;display:flex;align-items:center;justify-content:center;position:relative;perspective:900px;isolation:isolate}
.lang-orbit{position:absolute;z-index:-1;width:290px;height:290px;border:1px dashed var(--cyan);border-radius:50%;animation:spin 16s linear infinite}.lang-orbit::before,.lang-orbit::after,.lang-orbit i{content:"";position:absolute;display:block;border-radius:50%}.lang-orbit::before{inset:42px;border:1px solid rgba(0,96,160,.28)}.lang-orbit::after{left:18px;top:52px;width:12px;height:12px;background:var(--red);box-shadow:224px 146px 0 var(--cyan)}.lang-orbit i:nth-child(1){left:50%;top:-5px;width:9px;height:9px;background:var(--blue)}.lang-orbit i:nth-child(2){right:24px;top:50%;width:6px;height:6px;background:var(--red)}.lang-orbit i:nth-child(3){left:38px;bottom:40px;width:7px;height:7px;background:var(--cyan)}
.lang-card{width:150px;height:205px;padding:24px 20px;position:relative;border:1px solid var(--line);background:var(--surface);box-shadow:0 28px 56px var(--shadow);transition:transform .5s var(--ease),box-shadow .5s}
.lang-card::before{content:"REVER / LANGUAGE";position:absolute;left:18px;top:13px;color:var(--ink-soft);font:700 6px/1 sans-serif;letter-spacing:.12em}
.lang-card::after{content:"";position:absolute;left:0;right:0;top:32px;border-top:1px solid var(--line)}
.lang-card>b{display:block;margin-top:27px;color:var(--blue);font-size:54px;line-height:1;font-weight:750;letter-spacing:-.08em}
.language-art .lang-card>span{width:auto;height:5px;margin-top:18px;display:block;border:0;background:linear-gradient(90deg,var(--cyan) 0 74%,var(--line) 74%);box-shadow:none;transform:none}
.language-art .lang-card>span:nth-of-type(2){width:auto;height:5px;margin:10px 0 0;background:linear-gradient(90deg,var(--red) 0 48%,var(--line) 48%);box-shadow:none;transform:none}
.lang-card>small{position:absolute;right:14px;bottom:13px;color:var(--ink-soft);font:800 8px/1 sans-serif}
.lang-card-es{transform:rotateY(12deg) rotateZ(-5deg) translateX(13px)}.lang-card-en{transform:rotateY(-12deg) rotateZ(5deg) translate(-13px,25px)}.lang-card-en>b{color:var(--red)}
.lang-bridge{z-index:4;width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 18px 40px rgba(0,96,160,.26);position:relative}
.lang-bridge>b{font-size:21px}.lang-bridge>i{position:absolute;width:32px;height:1px;background:var(--cyan)}.lang-bridge>i:first-child{right:100%}.lang-bridge>i:last-child{left:100%;background:var(--red)}
.bilingual-section:hover .lang-card-es{transform:rotateY(6deg) rotateZ(-3deg) translate(7px,-5px)}.bilingual-section:hover .lang-card-en{transform:rotateY(-6deg) rotateZ(3deg) translate(-7px,15px)}

/* Service detail */
.service-hero{min-height:760px;padding:165px 0 105px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;position:relative}.service-hero::after{content:"";position:absolute;z-index:-1;right:calc((100vw - var(--page)) / -2);top:0;width:49vw;height:100%;background:var(--mist);clip-path:polygon(16% 0,100% 0,100% 100%,0 92%)}.back-link{display:inline-flex;align-items:center;gap:12px;margin-bottom:72px;color:var(--ink-soft);font-size:12px;font-weight:650}.back-link span{color:var(--red);font-size:17px;transition:transform .25s}.back-link:hover span{transform:translateX(-4px)}.service-hero h1{margin:0 0 28px;font-size:clamp(62px,7vw,110px);line-height:.88;max-width:780px}.service-intro{max-width:680px;color:var(--ink-soft);font-size:19px;line-height:1.65}.highlight-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.highlight-chips span{padding:9px 12px;border:1px solid var(--line);background:white;font-size:10px;font-weight:750;letter-spacing:.04em}.service-hero-art{min-height:500px;display:grid;place-items:center}.service-signal{width:min(510px,100%);min-height:430px;background:white;border:1px solid var(--line);box-shadow:0 35px 80px rgba(10,38,52,.13);transform:perspective(900px) rotateY(-7deg) rotateZ(2deg);position:relative;overflow:hidden;transition:transform .55s var(--ease),box-shadow .55s}.service-signal:hover{transform:perspective(900px) rotateY(-3deg) rotateZ(.5deg) translateY(-7px);box-shadow:0 42px 95px rgba(10,38,52,.18)}.signal-top{height:48px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.12em}.signal-top i{flex:1;height:1px;background:var(--line)}.signal-top b{color:#28a773}.signal-core{height:300px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(0,96,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,96,160,.07) 1px,transparent 1px);background-size:28px 28px}.service-artwork{--art-accent:var(--blue);--art-secondary:var(--cyan);--art-tilt:-2deg;background-color:var(--surface-raised);background-image:radial-gradient(circle at 76% 24%,color-mix(in srgb,var(--art-accent) 18%,transparent),transparent 31%),linear-gradient(rgba(0,96,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,96,160,.07) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.service-artwork::before{content:"";position:absolute;width:220px;height:220px;right:-86px;bottom:-112px;border:1px dashed var(--art-secondary);border-radius:50%;animation:spin 18s linear infinite}.service-artwork::after{content:"";position:absolute;left:25px;right:25px;bottom:34px;height:1px;background:linear-gradient(90deg,var(--red),var(--art-secondary),transparent)}.artwork-label{position:absolute;z-index:4;left:22px;top:22px;display:flex;flex-direction:column;gap:6px}.artwork-label small{color:var(--art-accent);font-size:7px;font-weight:850;letter-spacing:.15em}.artwork-label b{color:var(--ink);font-size:11px;letter-spacing:.08em}.artwork-metric{position:absolute;z-index:3;right:20px;top:18px;min-width:53px;height:53px;padding:0 8px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--art-accent) 55%,transparent);background:var(--surface);color:var(--art-accent);font-size:15px;font-weight:900;box-shadow:8px 8px 0 color-mix(in srgb,var(--art-secondary) 12%,transparent);transform:rotate(4deg)}.artwork-symbol{position:absolute;z-index:3;left:50%;top:53%;width:205px;height:148px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--art-accent) 28%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:18px 22px 48px var(--shadow);transform:translate(-50%,-50%) rotate(var(--art-tilt));transition:transform .5s var(--ease),box-shadow .5s}.artwork-symbol::before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--art-secondary) 22%,transparent)}.artwork-symbol .service-glyph{z-index:2;flex:0 0 auto;transform:scale(2.12);box-shadow:0 12px 28px rgba(10,38,52,.1);transition:transform .55s var(--ease)}.service-signal:hover .artwork-symbol{transform:translate(-50%,-53%) rotate(calc(var(--art-tilt) * -1));box-shadow:22px 30px 58px var(--shadow)}.service-signal:hover .artwork-symbol .service-glyph{transform:scale(2.22) rotate(-1deg)}.artwork-path{position:absolute;z-index:2;left:7%;right:8%;top:61%;height:1px;background:linear-gradient(90deg,transparent,var(--art-accent),var(--art-secondary),transparent);transform:rotate(-14deg)}.artwork-path i{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:2px solid var(--art-accent);animation:artNode 3.8s ease-in-out infinite}.artwork-path i:nth-child(1){left:10%}.artwork-path i:nth-child(2){left:52%;border-color:var(--art-secondary);animation-delay:-1.25s}.artwork-path i:nth-child(3){right:8%;border-color:var(--red);animation-delay:-2.5s}.artwork-index{position:absolute;z-index:3;right:19px;bottom:12px;color:var(--ink-soft);font-size:8px;font-weight:800;letter-spacing:.13em}.signal-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.signal-data>span{padding:22px;border-right:1px solid var(--line)}.signal-data>span:last-child{border:0}.signal-data small,.signal-data b{display:block}.signal-data small{color:#77909b;font-size:7px;letter-spacing:.15em;margin-bottom:8px}.signal-data b{font-size:12px}

.artwork-custom-development{--art-accent:#0060a0;--art-secondary:#30b0d0;--art-tilt:-4deg}.artwork-professional-website{--art-accent:#0878b7;--art-secondary:#e03030;--art-tilt:2deg}.artwork-lms{--art-accent:#0b7890;--art-secondary:#e03030;--art-tilt:-1deg}.artwork-woocommerce{--art-accent:#6b57a8;--art-secondary:#30b0d0;--art-tilt:3deg}.artwork-prestashop{--art-accent:#0060a0;--art-secondary:#e03030;--art-tilt:-3deg}.artwork-personal-branding{--art-accent:#e03030;--art-secondary:#30b0d0;--art-tilt:4deg}.artwork-social-media{--art-accent:#0084b8;--art-secondary:#e03030;--art-tilt:-2deg}.artwork-merchandise{--art-accent:#0a607f;--art-secondary:#e03030;--art-tilt:2deg}.artwork-domains{--art-accent:#0060a0;--art-secondary:#36a983;--art-tilt:-4deg}.artwork-ssl{--art-accent:#08795e;--art-secondary:#e03030;--art-tilt:1deg}.artwork-web-hosting{--art-accent:#0060a0;--art-secondary:#36a983;--art-tilt:-2deg}.artwork-wordpress-hosting{--art-accent:#21759b;--art-secondary:#30b0d0;--art-tilt:3deg}.artwork-aspnet-hosting{--art-accent:#512bd4;--art-secondary:#30b0d0;--art-tilt:-3deg}.artwork-vps-linux{--art-accent:#0a2634;--art-secondary:#49d793;--art-tilt:2deg}.artwork-vps-windows{--art-accent:#0078d4;--art-secondary:#e03030;--art-tilt:-1deg}

@keyframes artNode{0%,100%{transform:scale(.72);box-shadow:0 0 0 0 color-mix(in srgb,var(--art-accent) 25%,transparent)}50%{transform:scale(1.18);box-shadow:0 0 0 7px transparent}}
.pricing-section{padding:140px 0 150px}.pricing-heading{max-width:850px;margin-bottom:70px}.pricing-heading h2{font-size:clamp(44px,5vw,72px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:stretch}.price-card{padding:26px;min-height:620px;border:1px solid var(--line);background:white;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.price-card:hover{transform:translateY(-8px);border-color:rgba(0,96,160,.42);box-shadow:0 24px 60px rgba(10,38,52,.1)}.price-card.is-featured{border:2px solid var(--blue);background:linear-gradient(145deg,rgba(48,176,208,.08),white 34%)}.price-card.is-featured::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(48,176,208,.12);right:-90px;top:-90px}.plan-top{height:24px;display:flex;justify-content:space-between;align-items:start;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.11em}.plan-top b{background:var(--red);color:white;padding:6px 8px;font-size:7px}.price-card h3{font-size:25px;margin:27px 0 7px}.plan-subtitle{min-height:38px;color:var(--ink-soft);font-size:12px;line-height:1.5}.price{margin:26px 0 22px;display:flex;align-items:baseline;gap:8px}.price strong{font-size:45px;letter-spacing:-.05em}.price span{color:var(--ink-soft);font-size:11px}.plan-rule{height:1px;background:var(--line);position:relative}.plan-rule::after{content:"";position:absolute;left:0;top:-1px;width:38%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.price-card h4{margin:22px 0 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.price-card ul{list-style:none;padding:0;margin:0 0 26px;flex:1}.price-card li{display:flex;gap:10px;margin:0 0 11px;color:var(--ink-soft);font-size:12px;line-height:1.45}.price-card li i{color:var(--blue);font-style:normal;font-weight:800}.plan-button{width:100%;margin-top:auto}.price-note{margin-top:34px;padding:24px;display:flex;gap:18px;background:var(--mist);border-left:3px solid var(--cyan)}.price-note>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font:700 12px Georgia}.price-note b{font-size:12px}.price-note p{margin:6px 0;color:var(--ink-soft);font-size:13px;line-height:1.55}.price-note small{color:#7c939d;font-size:9px}
.quote-section{margin-block:120px 150px;min-height:490px;padding:70px 8vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center;color:white;background:var(--blue);position:relative;overflow:hidden}.quote-section::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-250px;bottom:-300px;background:var(--cyan);opacity:.28}.quote-section h2{font-size:clamp(45px,5.5vw,78px)}.quote-section>div:last-child>p:not(.eyebrow){max-width:700px;margin:28px 0;color:rgba(255,255,255,.75);font-size:17px;line-height:1.65}.button-white{color:var(--blue);background:white;border-color:white}.button-white:hover{color:white;background:var(--ink);border-color:var(--ink)}.quote-art{height:330px;display:grid;place-items:center;position:relative;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px}.quote-art>span{z-index:2;font-size:80px;font-weight:700}.quote-art>i{position:absolute;width:240px;height:240px;border:1px dashed var(--cyan);border-radius:50%;animation:spin 15s linear infinite}.quote-art>b{position:absolute;right:13%;top:14%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:20px}
.related-section{padding:10px 0 150px}.related-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;margin-bottom:65px}.related-heading .eyebrow{grid-column:1/-1}.related-heading h2{max-width:850px;font-size:clamp(42px,5vw,70px)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.related-card{min-height:290px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .3s,padding .3s}.related-card:last-child{border:0}.related-card:hover{background:var(--mist);padding-top:36px}.related-card>span{color:var(--blue);font-size:9px;font-weight:800}.related-card h3{margin:50px 0 14px;font-size:25px}.related-card p{color:var(--ink-soft);font-size:13px;line-height:1.55}.related-card b{margin-top:auto;color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* Footer */
.site-footer{padding:120px max(32px,calc((100vw - var(--page))/2)) 28px;color:white;background:var(--ink);position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red) 0 9%,var(--cyan) 9% 38%,var(--blue) 38% 100%)}.footer-glow{position:absolute;width:760px;height:760px;right:-230px;top:-470px;border-radius:50%;background:radial-gradient(circle,rgba(48,176,208,.24),transparent 67%)}.footer-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:8vw;padding-bottom:78px;border-bottom:1px solid rgba(255,255,255,.16)}.footer-cta h2{max-width:900px}.footer-cta h2 em{display:block;color:var(--cyan)}.footer-cta-lead{max-width:660px;margin:30px 0 0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.65}.footer-primary-cta{--mx:0px;--my:0px;min-height:94px;padding:14px 14px 14px 22px;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.04);transform:translate(var(--mx),var(--my));transition:background .35s,border-color .35s,transform .3s var(--ease)}.footer-primary-cta>i{width:8px;height:8px;border-radius:50%;background:#49d793;box-shadow:0 0 0 6px rgba(73,215,147,.12)}.footer-primary-cta>span{display:flex;flex-direction:column;gap:5px;margin-left:auto}.footer-primary-cta small{color:rgba(255,255,255,.52);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footer-primary-cta strong{font-size:19px}.footer-primary-cta>b{width:58px;height:58px;display:grid;place-items:center;color:var(--blue);background:white;font-size:23px;transition:transform .35s,background .35s}.footer-primary-cta:hover{color:white;background:var(--blue);border-color:var(--cyan)}.footer-primary-cta:hover>b{background:var(--cyan);transform:rotate(-7deg) translate(2px,-2px)}.footer-directory{position:relative;display:grid;grid-template-columns:1.35fr .65fr .85fr;gap:8vw;padding:48px 0}.footer-brand-mark{width:max-content;display:inline-flex;align-items:center;gap:12px;color:white}.footer-brand-monogram{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,var(--blue),var(--cyan));font-size:16px;font-weight:900;letter-spacing:-.04em;transition:transform .3s var(--ease),border-color .3s var(--ease)}.footer-brand-name{font-size:17px;font-weight:850;letter-spacing:.045em}.footer-brand-name b{color:var(--red);font-weight:inherit}.footer-brand-mark:hover{color:white}.footer-brand-mark:hover .footer-brand-monogram{border-color:var(--cyan);transform:rotate(-5deg)}.footer-identity>p{max-width:320px;margin:20px 0;color:rgba(255,255,255,.56);font-size:13px;line-height:1.55}.footer-status{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.72);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-status i{width:7px;height:7px;border-radius:50%;background:#49d793;box-shadow:0 0 0 5px rgba(73,215,147,.1)}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:12px}.footer-nav>span,.footer-contact>span{margin-bottom:8px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footer-nav a,.footer-contact a{color:rgba(255,255,255,.72);transition:color .25s,transform .25s}.footer-nav a:hover,.footer-contact a:hover{color:white;transform:translateX(4px)}.footer-meta{position:relative;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:24px;color:rgba(255,255,255,.38);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.footer-meta a{color:rgba(255,255,255,.62)}.footer-meta a:hover{color:var(--cyan)}.copyright{margin:0;color:inherit}

.footer-v2{padding:72px max(32px,calc((100vw - var(--page))/2)) 24px;background:#071f2a}.footer-v2::before{height:2px;background:linear-gradient(90deg,var(--red) 0 12%,var(--cyan) 12% 42%,var(--blue) 42% 100%)}.footer-v2 .footer-glow{width:520px;height:520px;right:-180px;top:-330px;background:radial-gradient(circle,rgba(48,176,208,.2),transparent 68%)}.footer-top{position:relative;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-main{position:relative;padding:52px 0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:clamp(48px,7vw,110px);align-items:end}.footer-kicker{margin:0 0 18px;color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.15em}.footer-main-copy h2{margin:0;font-size:clamp(46px,4.8vw,72px);line-height:.94}.footer-main-copy h2 em{display:block;color:var(--cyan)}.footer-main-copy>p:last-child{max-width:560px;margin:25px 0 0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.65}.footer-email-card{min-height:174px;padding:28px 92px 28px 30px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(120deg,rgba(255,255,255,.065),rgba(48,176,208,.08));display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:background .35s,border-color .35s,transform .35s var(--ease)}.footer-email-card::before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--red),var(--cyan),var(--blue));transform:scaleX(.28);transform-origin:left;transition:transform .45s var(--ease)}.footer-email-card small{color:var(--cyan);font-size:8px;font-weight:850;letter-spacing:.14em}.footer-email-card strong{margin:13px 0 9px;color:white;font-size:clamp(19px,2.15vw,31px);letter-spacing:-.035em}.footer-email-card>span{color:rgba(255,255,255,.48);font-size:11px}.footer-email-card>b{position:absolute;right:24px;top:50%;translate:0 -50%;width:52px;height:52px;display:grid;place-items:center;color:var(--blue);background:white;font-size:22px;transition:transform .35s,background .35s}.footer-email-card:hover{color:white;border-color:var(--cyan);background:linear-gradient(120deg,rgba(0,96,160,.5),rgba(48,176,208,.16));transform:translateY(-4px)}.footer-email-card:hover::before{transform:scaleX(1)}.footer-email-card:hover>b{background:var(--cyan);transform:rotate(-7deg)}.footer-connect{position:relative;padding:28px 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1.25fr .9fr .55fr;gap:44px;align-items:center}.footer-nav-inline,.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:21px;font-size:11px}.footer-nav-inline>span{color:var(--cyan);font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.footer-nav-inline a,.footer-socials a{color:rgba(255,255,255,.7);transition:color .25s}.footer-nav-inline a:hover,.footer-socials a:hover{color:white}.footer-socials{justify-content:center}.footer-socials a{display:inline-flex;align-items:center;gap:7px}.footer-socials b{color:var(--cyan)}.footer-whatsapp i{width:6px;height:6px;border-radius:50%;background:#49d793;box-shadow:0 0 0 4px rgba(73,215,147,.1)}.footer-location{justify-self:end;display:flex;flex-direction:column;gap:6px;text-align:right}.footer-location small{color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.14em}.footer-location strong{font-size:12px}.footer-v2 .footer-meta{padding-top:20px}.footer-v2 .footer-meta>span{color:rgba(255,255,255,.45);text-transform:none;letter-spacing:.03em}
.footer-logo-link{width:310px;padding:7px 10px;display:block;background:white;border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 34px rgba(0,0,0,.16);transition:transform .3s var(--ease),border-color .3s}.footer-logo-link img{width:100%;height:auto}.footer-logo-link:hover{transform:translateY(-3px);border-color:var(--cyan)}

/* Dark theme */
html[data-theme="dark"] .brand-link { padding: 6px 8px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.35); box-shadow: 0 12px 34px rgba(0,0,0,.16); }
html[data-theme="dark"] .hero-copy h1 span:nth-child(2),
html[data-theme="dark"] .eyebrow:not(.light),
html[data-theme="dark"] .language-switch span,
html[data-theme="dark"] .service-code,
html[data-theme="dark"] .capability-rail span,
html[data-theme="dark"] .method-track article > span,
html[data-theme="dark"] .related-card > span,
html[data-theme="dark"] .plan-top,
html[data-theme="dark"] .price-card li i,
html[data-theme="dark"] .visual-content > p,
html[data-theme="dark"] .metric-row b,
html[data-theme="dark"] .grid-map > b,
html[data-theme="dark"] .grid-map strong,
html[data-theme="dark"] .signal-core > b,
html[data-theme="dark"] .lang-card-es > b { color: var(--cyan); }
html[data-theme="dark"] .hero-section::before { background: linear-gradient(126deg,transparent 0 11%,rgba(48,176,208,.1) 11% 52%,rgba(0,96,160,.12) 52%); }
html[data-theme="dark"] .hero-mesh { opacity: .92; background-image: linear-gradient(rgba(48,176,208,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(48,176,208,.14) 1px,transparent 1px); }
html[data-theme="dark"] .visual-window { background: rgba(11,39,51,.96); border-color: var(--line); box-shadow: 0 32px 76px rgba(0,0,0,.38); }
html[data-theme="dark"] .window-bar { background: var(--surface-raised); }
html[data-theme="dark"] .visual-sidebar { background: var(--deep-surface); }
html[data-theme="dark"] .visual-content { background: linear-gradient(145deg,var(--surface) 0 58%,var(--surface-angle) 58%); }
html[data-theme="dark"] .metric-row span,
html[data-theme="dark"] .signal-chip,
html[data-theme="dark"] .float-label { background: var(--surface-raised); box-shadow: 0 12px 32px var(--shadow); }
html[data-theme="dark"] .visual-phone { background: linear-gradient(150deg,var(--blue),var(--deep-surface)); border-color: var(--surface-raised); }
html[data-theme="dark"] .service-glyph { --glyph-blue: var(--cyan); background: linear-gradient(145deg,var(--surface-raised) 0 56%,rgba(48,176,208,.14) 56%); border-color: rgba(48,176,208,.28); }
html[data-theme="dark"] .service-row:hover .service-glyph { box-shadow: 0 14px 30px rgba(0,0,0,.28); }
html[data-theme="dark"] .featured-section,
html[data-theme="dark"] .featured-card,
html[data-theme="dark"] .site-footer { background: var(--deep-surface); }
html[data-theme="dark"] .site-header { background: rgba(6,24,32,.9); border-bottom-color: rgba(184,222,234,.12); }
html[data-theme="dark"] .contact-bar{background:#031219}
html[data-theme="dark"] .featured-card:hover { background: var(--deep-surface-hover); }
html[data-theme="dark"] .method-track article > i { box-shadow: 0 0 0 7px var(--canvas); }
html[data-theme="dark"] .lang-card,
html[data-theme="dark"] .highlight-chips span,
html[data-theme="dark"] .service-signal,
html[data-theme="dark"] .price-card { background: var(--surface); box-shadow: 0 28px 70px var(--shadow); }
html[data-theme="dark"] .price-card.is-featured { background: linear-gradient(145deg,rgba(48,176,208,.16),var(--surface) 36%); }
html[data-theme="dark"] .related-card:hover { background: var(--surface-raised); }
html[data-theme="dark"] .button-white { color: var(--blue); background: white; border-color: white; }
html[data-theme="dark"] .button-white:hover { color: white; background: var(--deep-surface); border-color: var(--deep-surface); }
html[data-theme="dark"] .talk-button:hover > b { background: white; }
html[data-theme="dark"] .main-nav { background: var(--canvas); }

@keyframes morph{0%,100%{border-radius:44% 56% 36% 64%/64% 42% 58% 36%;transform:rotate(0)}50%{border-radius:61% 39% 58% 42%/38% 64% 36% 62%;transform:rotate(20deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes bars{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes rail{to{transform:translateX(-100%)}}
@keyframes meshPulse{0%,100%{transform:scale(.94);opacity:.5}50%{transform:scale(1.06);opacity:1}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-8%,18%)}}
@keyframes orbitSmall{from{transform:translate(-70px) rotate(0)}to{transform:translate(-70px) rotate(360deg)}}
@keyframes orbitCore{from{transform:rotate(0) translateX(120px) rotate(0)}to{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}
@keyframes talkPulse{0%,100%{opacity:.58;box-shadow:0 0 0 4px rgba(73,215,147,.12)}50%{opacity:1;box-shadow:0 0 0 8px rgba(73,215,147,0)}}
@keyframes radarSweep{to{transform:rotate(360deg)}}

@media (max-width: 1100px){
  :root{--page:min(100% - 40px,960px)}
  .main-nav{gap:18px}.nav-link{display:none}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:170px}.hero-copy{max-width:830px}.hero-copy h1{font-size:clamp(68px,8.7vw,92px)}.hero-stage{height:570px;margin-top:56px}.hero-section::before{width:80vw}.section-intro,.featured-copy,.method-heading{grid-template-columns:1fr;gap:28px}.category-block{grid-template-columns:30% 70%}.featured-grid{grid-template-columns:repeat(3,1fr)}.bilingual-section,.quote-section{padding-inline:50px;grid-template-columns:.8fr 1.2fr}.service-hero{grid-template-columns:1fr 1fr;gap:4vw}.service-hero h1{font-size:70px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px){
  :root{--page:calc(100vw - 34px)}
  .site-header{height:82px}.brand-link{width:220px;flex-basis:220px}.menu-toggle{display:block;position:relative;z-index:12}.main-nav{position:fixed;z-index:10;inset:0;padding:110px 24px 35px;background:white;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);transition:transform .45s var(--ease)}.main-nav.is-open{transform:none}.main-nav .nav-link{display:block;padding:19px 0;border-bottom:1px solid var(--line);font-size:22px}.language-switch{margin:25px 0}.main-nav .button{margin-top:auto}.hero-section{padding:126px 0 76px}.hero-copy h1{font-size:clamp(48px,14vw,64px)}.hero-copy h1 em{font-size:.82em}.hero-copy h1 span:nth-child(2){margin-left:.2em}.hero-lead{font-size:16px;margin-top:30px}.hero-actions{align-items:stretch;flex-direction:column;gap:22px}.hero-actions .button{width:100%}.hero-actions .text-link{align-self:flex-start}.hero-stage{height:450px;margin-top:45px}.system-visual{transform:scale(.92)}.layer-main{width:92%;left:-2%;height:55%}.layer-back{width:72%;right:-8%}.visual-phone{width:115px;height:210px;right:-2%;bottom:2%;padding-left:15px}.visual-phone p{left:15px}.float-label{display:none}.signal-chip{right:0}.hero-mesh{inset:260px -90px 0 10%}.hero-index{display:none}.capability-rail>div{padding-block:14px}.services-section{padding:105px 0}.section-intro{margin-bottom:65px}.section-intro h2,h2{font-size:44px}.category-block{grid-template-columns:1fr;padding:38px 0}.category-heading{margin-bottom:30px}.service-row{grid-template-columns:30px 70px minmax(0,1fr) auto;gap:10px;padding-block:14px}.service-glyph{width:70px;height:56px}.service-row p{display:none}.service-row>b span{display:none}.featured-section{padding:100px 0}.featured-grid{grid-template-columns:1fr}.featured-card{min-height:395px}.method-section{padding:105px 0}.method-track{grid-template-columns:1fr}.method-track article{min-height:220px;border-left:1px solid var(--line);padding-left:28px}.method-track article:last-child{border-right:0}.method-track h3{margin-top:72px}.bilingual-section{margin-bottom:100px;padding:45px 22px;grid-template-columns:1fr}.language-art{height:260px}.language-art span{width:120px;height:150px}.service-hero{padding:125px 0 80px;grid-template-columns:1fr;gap:45px}.service-hero::after{width:100vw;right:-17px;height:47%;top:auto;bottom:0;clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}.back-link{margin-bottom:46px}.service-hero h1{font-size:55px}.service-intro{font-size:16px}.service-hero-art{min-height:390px}.service-signal{min-height:365px;transform:rotateZ(1deg)}.signal-core{height:255px}.artwork-label{top:15px;left:16px}.artwork-metric{top:13px;right:14px}.artwork-symbol{width:185px;height:130px}.artwork-symbol .service-glyph{transform:scale(1.85)}.service-signal:hover .artwork-symbol .service-glyph{transform:scale(1.94) rotate(-1deg)}.pricing-section{padding:100px 0}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:unset}.quote-section{margin:90px 17px 110px;width:auto;padding:55px 24px;grid-template-columns:1fr}.quote-art{height:260px}.related-section{padding-bottom:110px}.related-grid{grid-template-columns:1fr}.related-card{border-right:0;border-bottom:1px solid var(--line);min-height:245px}.related-card:last-child{border:0}.site-footer{padding:82px 17px 24px}.footer-cta{grid-template-columns:1fr;gap:38px;padding-bottom:54px}.footer-primary-cta{width:100%;min-height:86px}.footer-directory{grid-template-columns:1fr;gap:36px;padding:38px 0}.footer-meta{align-items:flex-start;flex-direction:column;gap:11px}.page-transition span:last-child{clip-path:none}
}

@media (max-width: 760px){
  .site-header{height:112px}.contact-bar{height:30px}.contact-bar-inner{gap:11px;font-size:8px;letter-spacing:.055em}.contact-location{display:none}.contact-whatsapp{padding-inline:10px}.nav-shell{height:82px}.hero-section{padding-top:148px}.service-hero{padding-top:145px}
  .footer-v2{padding:58px 17px 22px}.footer-top{align-items:flex-start;flex-direction:column;gap:22px;padding-bottom:28px}.footer-logo-link{width:min(270px,100%)}.footer-main{padding:42px 0;grid-template-columns:1fr;gap:34px}.footer-main-copy h2{font-size:44px}.footer-email-card{min-height:138px;padding:24px 65px 24px 22px}.footer-email-card strong{font-size:17px;overflow-wrap:anywhere}.footer-email-card>b{right:16px;width:42px;height:42px}.footer-connect{grid-template-columns:1fr;gap:25px;padding:28px 0}.footer-nav-inline{gap:16px}.footer-socials{justify-content:flex-start}.footer-location{justify-self:start;text-align:left}.footer-v2 .footer-meta{align-items:flex-start;flex-direction:column;gap:11px}
  .site-header .brand-link{width:220px;flex-basis:220px}
  .theme-toggle{width:100%;height:50px;flex:0 0 50px;margin-top:22px;padding:6px 8px;border-radius:0;justify-content:space-between;background:transparent}
  .theme-track{width:44px;flex:0 0 44px;border-radius:99px}
  .theme-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
  .main-nav .talk-button{width:100%;margin-top:auto;justify-content:flex-end}
  .featured-card{min-height:450px}
  .method-track article{min-height:380px}
  .method-track article h3{margin:0 0 16px}
  .method-graphic{margin-top:66px}
  .language-art{height:310px}
  .language-art .lang-card{width:130px;height:185px;padding-inline:16px}
  .lang-card>b{font-size:46px}
  .lang-bridge{width:50px;height:50px;flex-basis:50px}
  .lang-orbit{width:245px;height:245px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none;clip-path:none}.system-visual{--px:0!important;--py:0!important}
}

/* WordPress integration */
.wp-fallback{min-height:70vh;padding:180px 0 120px}.wp-fallback h1{font-size:clamp(45px,7vw,92px);line-height:.95}.entry-content{max-width:820px;color:var(--ink-soft);font-size:17px;line-height:1.75}.entry-content a{color:var(--blue);text-decoration:underline}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{z-index:100000;top:5px;left:5px;width:auto;height:auto;padding:15px 23px;clip:auto;background:var(--surface);color:var(--ink);font-size:14px}.logged-in.admin-bar .site-header{top:32px}.menu-open{overflow:hidden}.revertechs-atelier .wp-site-blocks{padding:0}.revertechs-atelier main{overflow:clip}

@media (max-width:782px){.logged-in.admin-bar .site-header{top:46px}}

/* Reliable WordPress header navigation */
#services,#method,#contact{scroll-margin-top:142px}
@media (min-width:761px) and (max-width:1100px){.brand-link{width:270px;flex-basis:270px}.main-nav{gap:14px}.main-nav .nav-link{display:block;font-size:12px}}
@media (max-width:760px){#services,#method,#contact{scroll-margin-top:122px}}