.route-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 80px;
  align-items: center;
  min-height: 570px;
  padding: 45px 0 72px;
}
.route-back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 34px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.route-back:hover { color: var(--blue); }
.route-hero h1 {
  max-width: 760px;
  margin: 18px 0 27px;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(48px, 6.5vw, 84px);
  line-height: .98;
  letter-spacing: -.055em;
}
.route-hero h1 em { color: var(--blue); font-style: normal; }
.route-lead {
  max-width: 650px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
}
.route-hero .button { margin-top: 28px; }
.route-visual {
  position: relative;
  min-height: 475px;
  padding: 50px;
  border-radius: 30px;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 75% 20%, rgba(75,224,255,.18), transparent 28%),
    linear-gradient(145deg, #102344, #08111f 72%);
  box-shadow: 0 28px 70px rgba(16,35,70,.16);
}
.route-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .35;
  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: 32px 32px;
  mask-image: radial-gradient(circle, black, transparent 78%);
}
.route-code {
  position: relative;
  z-index: 2;
  color: var(--cyan);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}
.route-diagram {
  position: absolute;
  inset: 95px 45px 45px;
  display: grid;
  align-content: center;
  gap: 24px;
}
.route-diagram span {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0 20px 0 48px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  font-size: 13px;
  font-weight: 700;
  animation: route-step 8s ease-in-out infinite;
}
.route-diagram span:nth-child(2) { animation-delay: 2s; }
.route-diagram span:nth-child(3) { animation-delay: 4s; }
.route-diagram span:nth-child(4) { animation-delay: 6s; }
.route-diagram span::before {
  content: "";
  position: absolute;
  left: 20px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 14px var(--cyan);
}
.route-diagram span + span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 25px;
  left: 24px;
  top: -25px;
  background: rgba(75,224,255,.4);
}
@keyframes route-step {
  0%, 18% { border-color: rgba(75,224,255,.72); background: rgba(75,224,255,.13); transform: translateX(7px); }
  28%, 100% { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.055); transform: none; }
}
.route-content { padding: 115px 0; }
.route-intro {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 100px;
  margin-bottom: 85px;
}
.route-intro h2 {
  margin: 15px 0;
  font-family: "Space Grotesk";
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.route-intro > p { color: var(--muted); line-height: 1.8; align-self: end; }
.route-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.route-blocks article {
  min-height: 270px;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.72);
}
.route-blocks span { color: var(--blue); font-size: 10px; font-weight: 800; }
.route-blocks h3 { margin: 55px 0 14px; font-family: "Space Grotesk"; font-size: 24px; letter-spacing: -.03em; }
.route-blocks p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.route-scope {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
  margin-top: 100px;
  padding: 65px;
  border-radius: 28px;
  color: white;
  background: var(--night);
}
.route-scope h2 { margin: 15px 0; font-family: "Space Grotesk"; font-size: clamp(36px, 4vw, 56px); line-height: 1.04; letter-spacing: -.045em; }
.route-scope p { color: rgba(255,255,255,.65); line-height: 1.75; }
.route-scope ul { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.route-scope li { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 13px; }
.route-scope li::before { content: "✓"; margin-right: 12px; color: var(--lime); }
.route-cta { padding: 100px 0 125px; text-align: center; border-top: 1px solid var(--line); }
.route-cta h2 { max-width: 850px; margin: 0 auto 30px; font-family: "Space Grotesk"; font-size: clamp(39px, 5vw, 66px); line-height: 1.04; letter-spacing: -.05em; }
.route-cta > p { max-width:670px;margin:-12px auto 28px;color:var(--muted);line-height:1.7; }

/* Proyectos */
.projects-hero { padding: 50px 0 58px; }
.projects-hero h1 { max-width: 980px; margin: 16px 0 20px; font-family: "Manrope", sans-serif; font-size: clamp(50px, 5.8vw, 78px); font-weight: 800; line-height: .96; letter-spacing: -.065em; overflow-wrap: anywhere; }
.projects-hero h1 em { color: var(--blue); font-style: normal; }
.projects-hero > p:last-child { max-width: 720px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.project-showcase { display: grid; gap: 110px; padding-top: 48px; padding-bottom: 130px; }
.project-case { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(45px, 8vw, 120px); align-items: center; }
.project-case.reverse .project-visual { order: 2; }
.project-visual { position: relative; overflow: hidden; min-height: 460px; border-radius: 30px; color: white; background: #07162c; box-shadow: 0 35px 80px rgba(3, 19, 45, .17); isolation: isolate; }
.project-visual::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(rgba(75,224,255,.06) 1px, transparent 1px), linear-gradient(90deg,rgba(75,224,255,.06) 1px, transparent 1px), radial-gradient(circle at 70% 30%, rgba(0,134,255,.26), transparent 38%); background-size: 32px 32px, 32px 32px, auto; }
.visual-tag { position: absolute; z-index: 5; top: 28px; left: 30px; color: var(--cyan); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.visual-status { position: absolute; z-index: 5; right: 27px; bottom: 25px; display: flex; align-items: center; gap: 9px; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.visual-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); animation: status-blink 1.4s ease-in-out infinite; }
.project-copy > span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.project-copy h2 { margin: 0 0 34px; font-family: "Manrope", sans-serif; font-size: clamp(35px, 4vw, 56px); font-weight: 800; line-height: 1.02; letter-spacing: -.05em; }
.project-copy dl { display: grid; margin: 0 0 32px; }
.project-copy dl div { padding: 18px 0; border-top: 1px solid var(--line); }
.project-copy dt { margin-bottom: 6px; font-size: 11px; font-weight: 800; }
.project-copy dd { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.project-copy a { color: var(--blue); font-size: 12px; font-weight: 800; }

.dosing-hopper { position: absolute; top: 90px; left: 50%; width: 180px; height: 125px; transform: translateX(-50%); clip-path: polygon(0 0,100% 0,70% 100%,30% 100%); border: 2px solid #4be0ff; background: linear-gradient(#114473 0 45%, #2564aa 45%); }
.dosing-gate { position: absolute; top: 215px; left: 50%; width: 46px; height: 72px; transform: translateX(-50%); border: 2px solid #4be0ff; background: #0c294b; }
.dosing-gate::after { content:""; position:absolute; left:50%; top:68px; height:48px; border-left:4px dotted #d9ff43; animation: dose-flow 1.4s linear infinite; }
.dosing-bag { position: absolute; top: 330px; left: 50%; display: grid; place-content: center; width: 150px; height: 95px; transform: translateX(-50%); border: 2px solid rgba(255,255,255,.45); border-radius: 8px 8px 20px 20px; background: rgba(255,255,255,.08); text-align: center; }
.dosing-bag b { font-size: 25px; }.dosing-bag small { color: var(--cyan); }

.tank { position: absolute; top: 105px; left: 18%; overflow: hidden; width: 205px; height: 275px; border: 3px solid rgba(255,255,255,.6); border-radius: 18px 18px 35px 35px; }
.tank-liquid { position:absolute; inset:45% 0 0; background: linear-gradient(rgba(20,111,255,.55),rgba(75,224,255,.25)); animation: liquid-level 4s ease-in-out infinite; }
.tank > i { position:absolute; z-index:2; bottom:35px; width:9px; height:9px; border-radius:50%; background:#4be0ff; animation: bubble 2.5s linear infinite; }.tank > i:nth-of-type(1){left:25%;}.tank > i:nth-of-type(2){left:48%;animation-delay:.8s}.tank > i:nth-of-type(3){left:72%;animation-delay:1.5s}
.temperature-value { position:absolute; right:14%; top:170px; display:flex; align-items:start; }.temperature-value strong{font:700 62px "Space Grotesk";}.temperature-value small{margin-top:8px;color:var(--cyan);}

.recipe-flow { position:absolute; left:9%; right:9%; top:125px; height:3px; background:rgba(75,224,255,.32); }.recipe-flow i{position:absolute; top:-9px; width:20px;height:20px;border:2px solid #4be0ff;border-radius:50%;background:#07162c}.recipe-flow i:nth-child(1){left:0}.recipe-flow i:nth-child(2){left:33%}.recipe-flow i:nth-child(3){left:66%}.recipe-flow i:nth-child(4){right:0}.recipe-flow::after{content:"";position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:#d9ff43;box-shadow:0 0 14px #d9ff43;animation:recipe-dot 3.5s linear infinite}
.recipe-screen { position:absolute; top:190px; left:50%; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; width:72%; padding:24px; transform:translateX(-50%); border:1px solid rgba(255,255,255,.3); border-radius:16px; background:rgba(255,255,255,.06); }.recipe-screen b{grid-column:1/-1;margin-bottom:10px;color:var(--cyan);font-size:12px}.recipe-screen span{padding:14px 5px;border-radius:7px;background:rgba(30,98,255,.3);font-size:9px;text-align:center}

.furnace-chamber { position:absolute; left:12%; top:100px; width:245px;height:270px;border:8px solid #1d385b;border-radius:16px;background:#020813;box-shadow:inset 0 0 50px #ff762e55}.furnace-chamber i{position:absolute;left:18%;right:18%;height:7px;border-radius:10px;background:#ff6b27;box-shadow:0 0 20px #ff6b27;animation:heater 2s ease-in-out infinite}.furnace-chamber i:nth-child(1){top:28%}.furnace-chamber i:nth-child(2){top:49%;animation-delay:.6s}.furnace-chamber i:nth-child(3){top:70%;animation-delay:1.2s}
.furnace-chart{position:absolute;right:8%;top:145px;width:180px;height:140px;border-left:1px solid #4be0ff;border-bottom:1px solid #4be0ff}.furnace-chart i{position:absolute;left:8px;bottom:10px;width:155px;height:100px;clip-path:polygon(0 92%,22% 72%,43% 76%,70% 25%,100% 5%,100% 12%,72% 35%,45% 84%,23% 80%,0 100%);background:#d9ff43;animation:chart-glow 2.2s ease-in-out infinite}

.flow-pipe{position:absolute;left:8%;right:8%;top:52%;height:48px;transform:translateY(-50%);border:3px solid #386890;border-radius:25px;background:#08101d}.flow-pipe i{position:absolute;top:16px;width:12px;height:12px;border-radius:50%;background:#4be0ff;box-shadow:0 0 12px #4be0ff;animation:flow-dot 3s linear infinite}.flow-pipe i:nth-child(2){animation-delay:.75s}.flow-pipe i:nth-child(3){animation-delay:1.5s}.flow-pipe i:nth-child(4){animation-delay:2.25s}
.flow-meter{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-content:center;width:150px;height:150px;transform:translate(-50%,-50%);border:9px solid #14375f;border-radius:50%;background:#061226;text-align:center;box-shadow:0 0 0 1px #4be0ff}.flow-meter b{color:var(--cyan);font-size:12px}.flow-meter span{font:700 34px "Space Grotesk"}.flow-meter small{opacity:.65}

.web-roll{position:absolute;top:165px;width:125px;height:125px;border:12px solid #28558a;border-radius:50%;background:radial-gradient(circle,#07162c 0 18%,#4be0ff 19% 22%,#07162c 23%);animation:roll 3s linear infinite}.roll-left{left:9%}.roll-right{right:9%}.web-sheet{position:absolute;left:20%;right:20%;top:220px;height:22px;background:linear-gradient(90deg,#1d72ff,#4be0ff,#1d72ff);transform:rotate(-2deg);box-shadow:0 0 18px rgba(75,224,255,.38)}
.tension-scale{position:absolute;left:50%;top:320px;width:190px;height:8px;transform:translateX(-50%);border-radius:8px;background:#173354}.tension-scale i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--lime);animation:tension 4s ease-in-out infinite}.tension-scale b{display:block;margin-top:10px;color:var(--lime);font-size:11px;text-align:center}

.project-more { display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;padding:95px 0;border-top:1px solid var(--line); }.project-more h2{margin:18px 0;font-family:"Manrope",sans-serif;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1;letter-spacing:-.05em}.project-more p{color:var(--muted);line-height:1.7}.project-more ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none}.project-more li{padding:25px 20px;border-top:1px solid var(--line)}.project-more b,.project-more span{display:block}.project-more b{margin-bottom:7px;font-size:13px}.project-more span{color:var(--muted);font-size:12px;line-height:1.55}
.projects-note { margin-top:35px;margin-bottom:110px;padding:70px;border-radius:30px;color:white;background:var(--night); }.projects-note h2{max-width:900px;margin:17px 0 20px;font-family:"Manrope",sans-serif;font-size:clamp(40px,5vw,67px);font-weight:800;line-height:1;letter-spacing:-.05em}.projects-note>p:last-of-type{max-width:720px;margin-bottom:28px;color:rgba(255,255,255,.65);line-height:1.7}

@keyframes status-blink{50%{opacity:.35}} @keyframes dose-flow{to{transform:translateY(18px)}} @keyframes liquid-level{50%{transform:translateY(-14px)}} @keyframes bubble{from{transform:translateY(30px);opacity:0}30%{opacity:1}to{transform:translateY(-125px);opacity:0}} @keyframes recipe-dot{to{left:100%}} @keyframes heater{50%{opacity:.45}} @keyframes chart-glow{50%{filter:drop-shadow(0 0 9px #d9ff43)}} @keyframes flow-dot{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:98%;opacity:0}} @keyframes roll{to{transform:rotate(360deg)}} @keyframes tension{50%{width:68%}}

.solution-routes { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:48px;padding-bottom:120px; }
.solution-route { position:relative;display:flex;overflow:hidden;min-height:430px;padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.72);flex-direction:column;isolation:isolate;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.solution-route::before { content:"";position:absolute;inset:auto -30% -45%;z-index:-1;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(75,224,255,.2),transparent 66%);transition:transform .4s ease; }
.solution-route:hover { transform:translateY(-8px);border-color:rgba(21,85,232,.45);box-shadow:0 25px 60px rgba(24,55,95,.12); }
.solution-route:hover::before { transform:scale(1.2); }
.solution-symbol { position:relative;width:92px;height:92px;margin-bottom:42px;border:1px solid rgba(21,85,232,.18);border-radius:26px;background:rgba(21,85,232,.055); }
.solution-symbol i { position:absolute;display:block; }
.route-problem .solution-symbol i:first-child { inset:22px;border:2px dashed var(--blue);border-radius:50%;animation:orbit-spin 9s linear infinite; }
.route-problem .solution-symbol i:nth-child(2) { left:37px;top:37px;width:18px;height:18px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px rgba(21,85,232,.45); }
.route-problem .solution-symbol i:nth-child(3) { right:9px;bottom:11px;width:13px;height:13px;border:2px solid var(--cyan);border-radius:50%;animation:node-pulse 2s ease-in-out infinite; }
.route-equipment .solution-symbol i:first-child { left:20px;right:20px;top:27px;height:38px;border:2px solid var(--blue);border-radius:8px; }
.route-equipment .solution-symbol i:nth-child(2),.route-equipment .solution-symbol i:nth-child(3){top:39px;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:equipment-light 1.8s ease-in-out infinite}.route-equipment .solution-symbol i:nth-child(2){left:31px}.route-equipment .solution-symbol i:nth-child(3){right:31px;animation-delay:.9s}
.route-development .solution-symbol i:first-child { left:29px;top:19px;width:34px;height:42px;border:2px solid var(--blue);border-radius:50% 50% 45% 45%;animation:idea-glow 2.4s ease-in-out infinite; }
.route-development .solution-symbol i:nth-child(2) { left:41px;top:61px;width:10px;height:14px;border-left:2px solid var(--blue);border-right:2px solid var(--blue); }
.route-development .solution-symbol i:nth-child(3) { left:34px;bottom:10px;width:24px;border-top:2px solid var(--cyan); }
.solution-route h2 { margin:0 0 18px;font-family:"Manrope",sans-serif;font-size:32px;line-height:1.05;letter-spacing:-.045em; }
.solution-route p { color:var(--muted);font-size:13px;line-height:1.7; }
.solution-examples { display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 24px;padding:0;list-style:none; }
.solution-examples li { padding:7px 10px;border:1px solid rgba(21,85,232,.13);border-radius:999px;color:#506079;background:rgba(255,255,255,.66);font-size:9px;font-weight:700; }
.solution-route b { margin-top:auto;color:var(--blue);font-size:11px; }
.method-flow { display:grid;grid-template-columns:minmax(560px,1.15fr) .85fr;gap:clamp(50px,8vw,110px);align-items:center;padding:65px 0 125px; }
.method-orbit { position:relative;min-height:600px;border-radius:34px;color:white;background:radial-gradient(circle at 50% 50%,rgba(21,85,232,.28),transparent 29%),linear-gradient(145deg,#0c1a31,#07101d 72%);box-shadow:0 30px 75px rgba(15,36,70,.17);isolation:isolate; }
.method-orbit::before { content:"";position:absolute;inset:9%;border:1px solid rgba(75,224,255,.1);border-radius:50%;background-image:linear-gradient(rgba(75,224,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(75,224,255,.045) 1px,transparent 1px);background-size:28px 28px; }
.orbit-line { position:absolute;inset:19%;border:1px dashed rgba(75,224,255,.4);border-radius:50%;animation:orbit-spin 4.3s linear infinite; }
.orbit-line.is-synced { animation:orbit-spin 4.3s linear infinite; }
.orbit-line::after { content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime); }
.method-step { position:absolute;z-index:3;display:grid;min-width:112px;padding:12px 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:rgba(255,255,255,.7);background:#0c213c;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 12px 25px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease; }
.method-step b { color:var(--cyan);font-size:9px;letter-spacing:.13em; }.method-step span{font-size:12px;font-weight:800}
.method-step:hover,.method-step.active { transform:scale(1.08);border-color:var(--cyan);color:white;background:#12335d; }
.step-1{left:50%;top:8%;transform:translateX(-50%)}.step-1:hover,.step-1.active{transform:translateX(-50%) scale(1.08)}
.step-2{right:6%;top:31%}.step-3{right:12%;bottom:13%}.step-4{left:12%;bottom:13%}.step-5{left:6%;top:31%}
.method-center { position:absolute;z-index:2;left:50%;top:50%;display:flex;width:270px;min-height:270px;padding:36px;transform:translate(-50%,-50%);border:1px solid rgba(75,224,255,.4);border-radius:50%;background:rgba(15,53,111,.88);align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 0 0 18px rgba(21,85,232,.08),0 0 55px rgba(21,85,232,.2); }
.method-center small { color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.14em; }.method-center h2{margin:10px 0 12px;font-family:"Manrope",sans-serif;font-size:34px;line-height:1}.method-center p{margin:0;color:rgba(255,255,255,.67);font-size:11px;line-height:1.55}
.method-icon { display:grid;place-items:center;width:72px;height:72px;margin-bottom:18px;border:1px solid rgba(75,224,255,.55);border-radius:50%;color:var(--cyan);font:700 35px "Space Grotesk",sans-serif;box-shadow:inset 0 0 22px rgba(75,224,255,.1),0 0 24px rgba(75,224,255,.14); }
.method-center h2 { margin:0;font-size:38px; }
.method-center.is-changing { animation:method-change .32s ease; }
.method-guide h2 { margin:18px 0;font-family:"Manrope",sans-serif;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em; }.method-guide>p:last-of-type{color:var(--muted);line-height:1.75}.method-guide>a{display:inline-block;margin-top:25px;color:var(--blue);font-size:12px;font-weight:800}
@keyframes equipment-light{50%{opacity:.25}} @keyframes idea-glow{50%{box-shadow:0 0 22px rgba(75,224,255,.5)}} @keyframes method-change{50%{opacity:.25;transform:translate(-50%,-50%) scale(.96)}}

/* Página Cómo trabajamos */
.method-page .method-flow {
  grid-template-columns: minmax(440px, .9fr) minmax(470px, 1.1fr);
  gap: clamp(38px, 4vw, 58px);
  min-height: calc(100vh - 96px);
  align-items: center;
  padding-top: 52px;
  padding-bottom: 82px;
}
.method-page .method-orbit {
  min-height: 455px;
}
.method-page .method-copy {
  align-self: center;
}
.method-page .method-copy > h1 {
  max-width: none;
  margin: 20px 0 24px;
  font-family: "Manrope", sans-serif;
  font-size: clamp(40px, 3.55vw, 50px);
  font-weight: 800;
  line-height: .96;
  letter-spacing: -.065em;
  white-space: nowrap;
}
.method-page .method-copy > h1 em {
  color: var(--blue);
  font-style: normal;
}
.method-page .method-lead {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}
.method-page .method-guide {
  max-width: 560px;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.method-page .method-guide h2 {
  max-width: 470px;
  margin: 18px 0 18px;
  font-size: clamp(34px, 3.5vw, 48px);
}
.method-page .method-guide > p:last-of-type {
  max-width: 500px;
  font-size: 15px;
  line-height: 1.75;
}
.method-page .method-cta {
  display: inline-flex;
  min-height: 44px;
  margin-top: 28px;
  padding: 0 18px;
  border: 1px solid rgba(21,85,232,.24);
  border-radius: 999px;
  align-items: center;
  gap: 16px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 10px 28px rgba(21,85,232,.08);
  font-size: 12px;
}
.method-page .method-cta:hover {
  color: white;
  background: var(--blue);
}
.method-page .method-center p {
  max-width: 205px;
  font-size: 12px;
  line-height: 1.6;
}
.method-page .projects-note {
  margin-top: 0;
}
.motion-ready.method-page .method-orbit { animation:method-enter-left 1.1s cubic-bezier(.16,1,.3,1) both; }
.motion-ready.method-page .method-copy { animation:method-enter-right 1.1s .14s cubic-bezier(.16,1,.3,1) both; }
.motion-ready.method-page .method-step { animation:method-node-in .8s cubic-bezier(.16,1,.3,1) both; }
.motion-ready.method-page .step-1 { animation-delay:.22s; }
.motion-ready.method-page .step-2 { animation-delay:.3s; }
.motion-ready.method-page .step-3 { animation-delay:.38s; }
.motion-ready.method-page .step-4 { animation-delay:.46s; }
.motion-ready.method-page .step-5 { animation-delay:.54s; }
.method-guide.is-changing { animation:method-guide-change .72s cubic-bezier(.16,1,.3,1); }
@keyframes method-enter-left { from{opacity:0;transform:translateX(-28px)} to{opacity:1;transform:translateX(0)} }
@keyframes method-enter-right { from{opacity:0;transform:translateX(28px)} to{opacity:1;transform:translateX(0)} }
@keyframes method-node-in { from{opacity:0;filter:blur(5px)} to{opacity:1;filter:blur(0)} }
@keyframes method-guide-change { 0%{opacity:0;transform:translateX(14px)} 100%{opacity:1;transform:translateX(0)} }

@media (max-width: 900px) {
  .route-hero, .route-intro, .route-scope { grid-template-columns: 1fr; }
  .route-hero { gap: 40px; }
  .route-intro { gap: 20px; }
  .route-blocks { grid-template-columns: 1fr; }
  .route-blocks article { min-height: 230px; }
  .project-case, .project-more { grid-template-columns:1fr; }
  .solution-routes { grid-template-columns:1fr; }
  .method-flow { grid-template-columns:1fr; }
  .method-guide { max-width:700px; }
  .method-page .method-flow { grid-template-columns:1fr; gap:48px; min-height:0; }
  .method-page .method-copy { order:-1; }
  .method-page .method-guide { padding-top:28px; }
  .method-page .method-copy > h1 { white-space:normal; }
  .project-case.reverse .project-visual { order:0; }
  .project-showcase { gap:80px; }
  .project-more { gap:25px; }
}
@media (max-width: 560px) {
  .route-hero { padding: 35px 0 75px; }
  .route-hero h1 { font-size: 47px; }
  .route-visual { min-height: 390px; padding: 32px; }
  .route-content { padding: 80px 0; }
  .route-scope { width: calc(100% + 28px); margin-left: -14px; padding: 45px 28px; border-radius: 0; }
  .projects-hero { padding:45px 0 75px; }
  .projects-hero h1 { font-size:48px; }
  .project-visual { min-height:360px;border-radius:20px; }
  .project-showcase { gap:65px;padding-bottom:90px; }
  .project-copy h2 { font-size:38px; }
  .project-more ul { grid-template-columns:1fr; }
  .projects-note { width:calc(100% + 28px);margin-left:-14px;padding:52px 28px;border-radius:0; }
  .solution-route { min-height:340px; }
  .method-flow { padding-top:38px; }
  .method-page .method-copy > h1 { font-size:44px; }
  .method-page .method-flow { padding-top:34px; padding-bottom:78px; }
  .method-orbit { min-height:500px;border-radius:22px; }
  .method-center { width:220px;min-height:220px;padding:28px; }
  .method-center h2 { font-size:28px; }
  .method-step { min-width:88px;padding:9px 10px; }
  .method-step span { font-size:10px; }
  .step-2{right:2%}.step-3{right:4%;bottom:10%}.step-4{left:4%;bottom:10%}.step-5{left:2%}
  .tank{left:8%;transform:scale(.8);transform-origin:left top}.temperature-value{right:8%}.furnace-chamber{left:5%;transform:scale(.78);transform-origin:left top}.furnace-chart{right:5%;width:120px}.web-roll{width:95px;height:95px}.roll-left{left:4%}.roll-right{right:4%}
}