:root {
  color-scheme: dark;
  --cyan: #55e9ff;
  --violet: #987cff;
  --green: #47e7b1;
  --ink: #030712;
  --panel: #071225;
  --line: rgba(116, 189, 235, 0.16);
  --muted: rgba(203, 224, 240, 0.68);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  color: #f7fbff;
  background:
    radial-gradient(circle at 16% 8%, rgba(54, 222, 255, 0.11), transparent 27%),
    radial-gradient(circle at 87% 17%, rgba(139, 92, 246, 0.14), transparent 28%),
    linear-gradient(180deg, #030712 0%, #07101d 52%, #030712 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.solo-page-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 60;
  display: flex;
  align-items: center;
  height: 74px;
  padding: 0 clamp(20px, 5vw, 72px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(3, 7, 18, 0.78);
  backdrop-filter: blur(20px);
}
.solo-page-header .brand { display: inline-flex; flex: 0 0 auto; align-items: center; }
.solo-page-header .brand img { display: block; width: clamp(150px, 18vw, 210px); height: 42px; object-fit: contain; object-position: left center; }

main { padding-top: 74px; }
.solo-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(480px, 0.8fr);
  gap: clamp(54px, 7vw, 110px);
  align-items: center;
  min-height: 720px;
  padding: 78px max(5vw, calc((100vw - 1400px) / 2)) 72px;
  overflow: hidden;
  border-bottom: 1px solid rgba(122, 192, 233, 0.12);
}
.solo-grid {
  position: absolute;
  inset: 0;
  opacity: 0.62;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(104, 184, 235, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 184, 235, 0.035) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: linear-gradient(90deg, #000, transparent 82%);
}
.solo-hero::before {
  position: absolute;
  top: 12%;
  right: -8%;
  width: min(58vw, 850px);
  aspect-ratio: 1;
  border: 1px solid rgba(85, 233, 255, 0.12);
  border-radius: 50%;
  box-shadow: inset 0 0 80px rgba(69, 206, 255, 0.035);
  content: "";
}
.solo-hero-copy { position: relative; z-index: 2; max-width: 720px; }
.solo-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 24px;
  color: #6beaff;
  font: 800 12px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: 0.18em;
}
.solo-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #52f0bc; box-shadow: 0 0 15px #52f0bc; }
.solo-hero h1 {
  margin: 0;
  color: #f8fcff;
  font-size: clamp(50px, 4.5vw, 74px);
  line-height: 1.06;
  letter-spacing: -0.055em;
}
.solo-hero h1 em {
  color: transparent;
  background: linear-gradient(100deg, #52e9ff, #8fc9ff 48%, #a684ff);
  background-clip: text;
  font-style: normal;
}
.solo-lead { max-width: 650px; margin: 30px 0 0; color: rgba(213, 234, 247, 0.78); font-size: clamp(17px, 1.3vw, 20px); line-height: 1.9; }
.solo-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.solo-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; gap: 18px; padding: 0 24px; border-radius: 999px; font-size: 14px; font-weight: 800; transition: 0.25s ease; }
.solo-primary { color: #02121a; background: linear-gradient(90deg, #50e7ff, #8fc8ff); box-shadow: 0 12px 32px rgba(67, 219, 255, 0.18); }
.solo-secondary { border: 1px solid rgba(111, 206, 255, 0.3); color: #e6f7ff; background: rgba(37, 122, 168, 0.08); }
.solo-actions a:hover { transform: translateY(-2px); }
.solo-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 34px 0 0; padding: 0; list-style: none; }
.solo-proof li { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px 13px; border: 1px solid rgba(112, 187, 230, 0.14); border-radius: 13px; background: rgba(7, 18, 37, 0.58); }
.solo-proof b { color: #58e9ff; font: 800 13px/1 ui-monospace, monospace; }
.solo-proof span { color: rgba(222, 239, 249, 0.74); font-size: 14px; }

.solo-command {
  position: relative;
  z-index: 2;
  width: min(100%, 610px);
  justify-self: end;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(99, 209, 255, 0.22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 15% 0%, rgba(65, 224, 255, 0.13), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(147, 113, 255, 0.13), transparent 37%),
    linear-gradient(145deg, rgba(9, 31, 54, 0.95), rgba(4, 10, 25, 0.97));
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.44), inset 0 1px rgba(255, 255, 255, 0.06), 0 0 55px rgba(75, 216, 255, 0.06);
  isolation: isolate;
}
.solo-command::before { position: absolute; z-index: -2; inset: 0; opacity: 0.34; background-image: linear-gradient(rgba(92, 220, 255, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 220, 255, 0.055) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(180deg, #000, transparent 88%); content: ""; }
.solo-command::after { position: absolute; z-index: 5; top: -84px; right: 14px; left: 14px; height: 68px; opacity: 0; background: linear-gradient(180deg, transparent, rgba(85, 233, 255, 0.035) 74%, rgba(85, 233, 255, 0.24)); filter: drop-shadow(0 8px 12px rgba(85, 233, 255, 0.12)); content: ""; animation: command-scan 7.8s ease-in-out infinite; pointer-events: none; }
.command-head, .command-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.command-head { position: relative; z-index: 2; padding: 3px 5px 18px; border-bottom: 1px solid rgba(115, 190, 234, 0.16); color: #e8faff; font-size: 15px; font-weight: 800; }
.command-head::after { position: absolute; right: 0; bottom: -1px; width: 94px; height: 1px; background: linear-gradient(90deg, transparent, #55e9ff); box-shadow: 0 0 9px rgba(85, 233, 255, 0.6); content: ""; }
.command-head span { display: flex; align-items: center; gap: 8px; }
.command-head span i { width: 7px; height: 7px; border-radius: 50%; background: #42efad; box-shadow: 0 0 12px #42efad; animation: solo-pulse 1.8s ease-in-out infinite; }
.command-head small { display: flex; align-items: center; gap: 7px; color: rgba(170, 217, 239, 0.68); font: 700 10px/1 ui-monospace, monospace; letter-spacing: 0.12em; }
.command-head small::before { width: 20px; height: 5px; border-radius: 999px; background: linear-gradient(90deg, rgba(85, 233, 255, 0.12), #55e9ff); box-shadow: 0 0 9px rgba(85, 233, 255, 0.42); content: ""; }
.command-map { position: relative; z-index: 2; height: 475px; overflow: hidden; }
.command-map::before, .command-map::after { position: absolute; top: 50%; left: 50%; width: 92%; height: 1px; opacity: 0.75; background: linear-gradient(90deg, transparent, rgba(84, 229, 255, 0.23), transparent); content: ""; transform-origin: center; animation: command-axis 3.6s ease-in-out infinite; }
.command-map::after { transform: rotate(90deg); }
.command-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(93, 220, 255, 0.16); border-radius: 50%; box-shadow: inset 0 0 28px rgba(85, 233, 255, 0.025), 0 0 24px rgba(85, 233, 255, 0.025); transform: translate(-50%, -50%); }
.command-ring::before { position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: #55e9ff; box-shadow: 0 0 14px rgba(85, 233, 255, 0.95); content: ""; transform: translateX(-50%); }
.ring-one { width: 282px; height: 282px; animation: solo-spin-reverse 22s linear infinite; }
.ring-one::before { background: #a58cff; box-shadow: 0 0 14px rgba(165, 140, 255, 0.95); }
.ring-two { width: 430px; height: 430px; border-style: dashed; animation: solo-spin 34s linear infinite; }
.command-core { position: absolute; top: 50%; left: 50%; display: flex; width: 154px; height: 154px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgba(89, 231, 255, 0.52); border-radius: 50%; background: radial-gradient(circle at 35% 28%, rgba(84, 231, 255, 0.28), rgba(7, 25, 47, 0.97) 65%); box-shadow: 0 0 62px rgba(76, 219, 255, 0.2), inset 0 0 40px rgba(87, 231, 255, 0.1); transform: translate(-50%, -50%); }
.command-core::before, .command-core::after { position: absolute; inset: -12px; border: 1px solid rgba(85, 233, 255, 0.18); border-radius: 50%; content: ""; animation: command-core-wave 3.2s ease-out infinite; }
.command-core::after { animation-delay: 1.6s; }
.command-core span { color: #6decff; font: 800 32px/1 ui-monospace, monospace; text-shadow: 0 0 16px rgba(85, 233, 255, 0.62); }
.command-core strong { margin-top: 8px; font-size: 22px; }
.command-core small { margin-top: 6px; color: rgba(215, 235, 246, 0.72); font-size: 13px; }
.command-node { --node-rgb: 85, 233, 255; position: absolute; display: grid; grid-template-columns: 40px 1fr; width: 166px; min-height: 76px; align-content: center; gap: 4px 10px; padding: 11px 13px; overflow: hidden; border: 1px solid rgba(var(--node-rgb), 0.22); border-radius: 16px; background: linear-gradient(145deg, rgba(var(--node-rgb), 0.1), rgba(5, 17, 35, 0.94) 62%); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.035); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; animation: command-node-active 9s ease-in-out infinite; }
.command-node::before { position: absolute; top: 0; right: 13px; left: 13px; height: 2px; opacity: 0.75; background: linear-gradient(90deg, transparent, rgba(var(--node-rgb), 0.95), transparent); content: ""; transform: scaleX(0.45); }
.command-node i { grid-row: 1 / 3; display: grid; width: 40px; height: 40px; place-items: center; align-self: center; border: 1px solid rgba(var(--node-rgb), 0.18); border-radius: 11px; color: rgb(var(--node-rgb)); background: rgba(var(--node-rgb), 0.11); box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); font: 800 11px/1 ui-monospace, monospace; font-style: normal; }
.command-node b { color: #f6fbff; font-size: 17px; line-height: 1.2; }
.command-node span { color: rgba(213, 232, 243, 0.68); font-size: 12px; line-height: 1.25; }
.command-node:hover { z-index: 4; border-color: rgba(var(--node-rgb), 0.58); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), 0 0 28px rgba(var(--node-rgb), 0.1); transform: translateY(-4px); }
.node-lead { top: 36px; left: 14px; }
.node-content { --node-rgb: 163, 139, 255; top: 36px; right: 14px; animation-delay: -7.5s; }
.node-service { --node-rgb: 81, 234, 184; top: 198px; right: 0; animation-delay: -6s; }
.node-crm { --node-rgb: 255, 184, 92; right: 28px; bottom: 34px; animation-delay: -4.5s; }
.node-delivery { --node-rgb: 100, 183, 255; bottom: 34px; left: 28px; animation-delay: -3s; }
.node-finance { --node-rgb: 210, 133, 255; top: 198px; left: 0; animation-delay: -1.5s; }
.command-foot { position: relative; z-index: 2; padding: 17px 5px 3px; border-top: 1px solid rgba(115, 190, 234, 0.16); color: rgba(216, 235, 246, 0.72); font-size: 13px; }
.command-foot span:first-child { display: flex; align-items: center; gap: 7px; }
.command-foot span:first-child::before { width: 6px; height: 6px; border-radius: 50%; background: #47e7b1; box-shadow: 0 0 10px rgba(71, 231, 177, 0.78); content: ""; }
.command-foot b { color: #52e7b1; font-family: ui-monospace, monospace; }

.solo-loop, .solo-pains, .solo-industries, .solo-scenes, .solo-solutions, .solo-stack, .solo-combos, .solo-process { width: min(1400px, calc(100% - 40px)); margin: 0 auto; padding: 108px 0 0; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(300px, 480px); gap: 20px 70px; align-items: end; margin-bottom: 38px; }
.section-heading > p { grid-column: 1 / -1; display: flex; align-items: center; margin: 0; color: #5beaff; font: 800 12px/1 ui-monospace, monospace; letter-spacing: 0.15em; }
.section-heading > p span { display: inline-grid; flex: 0 0 auto; width: 36px; height: 36px; margin-right: 12px; place-items: center; border: 1px solid rgba(94, 225, 255, 0.38); border-radius: 50%; background: rgba(66, 215, 255, 0.07); font-size: 16px; letter-spacing: 0; }
.section-heading h2 { margin: 0; color: #f7fcff; font-size: clamp(32px, 3.2vw, 52px); line-height: 1.15; letter-spacing: -0.03em; }
.section-heading h2 em { color: transparent; background: linear-gradient(90deg, #62eaff, #a48aff); background-clip: text; font-style: normal; }
.section-heading > div { color: rgba(210, 230, 243, 0.7); font-size: 16px; line-height: 1.8; }
.compact-heading { display: block; }
.compact-heading h2 { margin-top: 22px; }

.loop-track { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 14px; border: 1px solid rgba(94, 195, 239, 0.15); border-radius: 22px; background: rgba(6, 15, 31, 0.7); list-style: none; }
.loop-track li { position: relative; min-height: 155px; padding: 22px 18px; border: 1px solid rgba(108, 180, 221, 0.12); border-radius: 15px; background: linear-gradient(145deg, rgba(12, 34, 57, 0.68), rgba(6, 15, 29, 0.78)); }
.loop-track li:not(:last-child)::after { position: absolute; top: 50%; right: -14px; z-index: 2; width: 26px; height: 26px; border: 1px solid rgba(93, 217, 255, 0.2); border-radius: 50%; color: #60e6ff; background: #071326; content: "→"; transform: translateY(-50%); text-align: center; font: 700 14px/24px monospace; }
.loop-track span { color: #5beaff; font: 800 15px/1 monospace; }
.loop-track b { display: block; margin-top: 32px; font-size: 17px; }
.loop-track small { display: block; margin-top: 8px; color: rgba(201, 223, 237, 0.56); font-size: 11px; line-height: 1.6; }

.pain-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pain-card { min-height: 280px; padding: 24px; border: 1px solid rgba(107, 190, 233, 0.16); border-radius: 20px; background: linear-gradient(145deg, rgba(16, 41, 66, 0.64), rgba(6, 16, 32, 0.84)); box-shadow: inset 0 1px rgba(255, 255, 255, 0.035); }
.pain-card-head { display: flex; align-items: center; justify-content: space-between; }
.pain-card-head span { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(86, 229, 255, 0.34); border-radius: 13px; color: #5ceaff; background: rgba(74, 219, 255, 0.08); font: 800 17px/1 monospace; }
.pain-card-head i { padding: 7px 10px; border: 1px solid rgba(255, 137, 137, 0.18); border-radius: 999px; color: #ffaaa3; background: rgba(255, 106, 106, 0.055); font-size: 11px; font-style: normal; }
.pain-card h3 { margin: 20px 0 0; color: #f6fbff; font-size: 20px; line-height: 1.45; }
.pain-card > p { min-height: 72px; margin: 11px 0 0; color: rgba(207, 228, 241, 0.68); font-size: 14px; line-height: 1.8; }
.pain-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 20px 0 0; padding-top: 17px; border-top: 1px solid rgba(107, 190, 233, 0.12); }
.pain-card dl div { min-width: 0; }
.pain-card dt { color: rgba(197, 220, 235, 0.48); font-size: 10px; }
.pain-card dd { margin: 6px 0 0; color: rgba(230, 242, 249, 0.76); font-size: 12px; line-height: 1.5; }
.pain-card dl div:last-child dd { color: #71e9c4; }

.industry-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.industry-grid article { min-height: 225px; padding: 22px; border: 1px solid rgba(105, 187, 231, 0.15); border-radius: 18px; background: rgba(7, 18, 36, 0.72); transition: 0.25s ease; }
.industry-grid article:hover { transform: translateY(-3px); border-color: rgba(90, 225, 255, 0.32); background: rgba(9, 26, 47, 0.82); }
.industry-grid article > span { color: #61e9ff; font: 800 13px/1.3 monospace; letter-spacing: 0.07em; }
.industry-grid h3 { margin: 23px 0 0; font-size: 19px; }
.industry-grid p { min-height: 55px; margin: 10px 0 0; color: rgba(207, 228, 241, 0.66); font-size: 13px; line-height: 1.75; }
.industry-grid ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 0; padding: 0; list-style: none; }
.industry-grid li { padding: 6px 8px; border-radius: 7px; color: rgba(218, 237, 247, 0.72); background: rgba(83, 218, 255, 0.07); font-size: 10px; }
.industry-note { margin: 18px 0 0; padding: 18px 20px; border-left: 2px solid #57e9ff; border-radius: 0 12px 12px 0; color: rgba(211, 231, 243, 0.72); background: rgba(53, 161, 205, 0.065); font-size: 14px; line-height: 1.8; }
.industry-note b { color: #ecf9ff; }

.scene-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.scene-card { overflow: hidden; border: 1px solid rgba(102, 192, 235, 0.17); border-radius: 22px; background: rgba(5, 15, 31, 0.82); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25); }
.scene-wide, .scene-office { grid-column: span 7; }
.scene-mobile, .scene-crm { grid-column: span 5; }
.scene-media { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #07101d; }
.scene-media::after { position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, rgba(2, 8, 18, 0.72)); content: ""; }
.scene-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 0.55s ease; }
.scene-card:hover .scene-media img { transform: scale(1.02); }
.scene-media > span { position: absolute; top: 15px; left: 15px; z-index: 2; padding: 8px 10px; border: 1px solid rgba(91, 228, 255, 0.28); border-radius: 999px; color: #e8faff; background: rgba(3, 13, 27, 0.78); font-size: 11px; font-weight: 800; backdrop-filter: blur(12px); }
.scene-phone-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; height: 360px; padding: 22px; overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(140, 102, 255, 0.15), transparent 48%), #07101d; }
.scene-phone-strip img { display: block; width: 100%; height: auto; align-self: start; border: 1px solid rgba(139, 211, 246, 0.16); border-radius: 12px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.34); }
.scene-phone-strip img:nth-child(2) { transform: translateY(20px); }
.scene-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr); gap: 20px; align-items: end; padding: 22px 24px 24px; }
.scene-copy small { color: #5ceaff; font: 800 10px/1.3 monospace; letter-spacing: 0.13em; }
.scene-copy h3 { margin: 9px 0 0; font-size: 21px; line-height: 1.4; }
.scene-copy > p { margin: 0; color: rgba(205, 227, 241, 0.65); font-size: 13px; line-height: 1.75; }
.scene-mobile .scene-copy, .scene-crm .scene-copy { grid-template-columns: 1fr; }

.solution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.solution-card { position: relative; min-height: 355px; padding: 25px; overflow: hidden; border: 1px solid rgba(var(--card-rgb), 0.2); border-radius: 22px; background: linear-gradient(145deg, rgba(var(--card-rgb), 0.075), rgba(5, 14, 29, 0.88) 52%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.035); transition: 0.3s ease; }
.solution-card::before { position: absolute; top: -70px; right: -45px; width: 165px; height: 165px; border-radius: 50%; background: rgba(var(--card-rgb), 0.09); filter: blur(36px); content: ""; }
.solution-card:hover { transform: translateY(-5px); border-color: rgba(var(--card-rgb), 0.42); box-shadow: 0 26px 75px rgba(0, 0, 0, 0.32), 0 0 35px rgba(var(--card-rgb), 0.06); }
.solution-top { position: relative; display: flex; align-items: center; justify-content: space-between; }
.solution-top span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(var(--card-rgb), 0.36); border-radius: 14px; color: var(--card-accent); background: rgba(var(--card-rgb), 0.1); font: 800 18px/1 monospace; }
.solution-top i { color: rgba(var(--card-rgb), 0.7); font: 800 9px/1 monospace; letter-spacing: 0.13em; }
.solution-card h3 { margin: 24px 0 0; font-size: 23px; }
.solution-card > p { min-height: 82px; margin: 12px 0 0; color: rgba(210, 230, 243, 0.7); font-size: 14px; line-height: 1.85; }
.solution-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 22px; padding: 0; list-style: none; }
.solution-card li { padding: 7px 9px; border: 1px solid rgba(var(--card-rgb), 0.16); border-radius: 8px; color: rgba(220, 238, 248, 0.74); background: rgba(var(--card-rgb), 0.05); font-size: 11px; }
.solution-card > a { position: absolute; right: 25px; bottom: 23px; left: 25px; display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(var(--card-rgb), 0.15); color: var(--card-accent); font-size: 13px; font-weight: 800; }

.stack-board { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 10px; align-items: stretch; padding: 16px; border: 1px solid rgba(103, 198, 240, 0.16); border-radius: 24px; background: rgba(4, 13, 28, 0.78); }
.stack-board > i { align-self: center; color: rgba(94, 230, 255, 0.62); font: 700 18px/1 monospace; }
.stack-layer { min-height: 172px; padding: 22px 16px; border: 1px solid rgba(106, 187, 230, 0.13); border-radius: 16px; background: linear-gradient(155deg, rgba(19, 52, 80, 0.56), rgba(7, 17, 33, 0.82)); }
.stack-layer small { color: #5ce9ff; font: 800 12px/1.3 monospace; }
.stack-layer b { display: block; margin-top: 34px; font-size: 14px; line-height: 1.5; }
.stack-layer span { display: block; margin-top: 9px; color: rgba(198, 221, 236, 0.52); font-size: 11px; line-height: 1.6; }

.combo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.combo-grid article { position: relative; min-height: 310px; padding: 28px; border: 1px solid rgba(106, 187, 230, 0.16); border-radius: 23px; background: rgba(6, 17, 34, 0.76); }
.combo-grid article.is-featured { border-color: rgba(86, 231, 255, 0.38); background: linear-gradient(145deg, rgba(31, 105, 132, 0.24), rgba(10, 21, 44, 0.82)); box-shadow: 0 22px 75px rgba(0, 0, 0, 0.28), 0 0 40px rgba(80, 226, 255, 0.06); }
.combo-grid article > span { color: #5ceaff; font: 800 9px/1.3 monospace; letter-spacing: 0.13em; }
.combo-grid h3 { margin: 25px 0 0; font-size: 24px; }
.combo-grid p { min-height: 58px; margin: 12px 0 0; color: rgba(200, 223, 238, 0.58); font-size: 13px; line-height: 1.75; }
.combo-grid ul { margin: 24px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(109, 188, 230, 0.14); list-style: none; }
.combo-grid li { position: relative; margin-top: 11px; padding-left: 18px; color: rgba(222, 238, 248, 0.72); font-size: 12px; }
.combo-grid li::before { position: absolute; top: 6px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #53e8c0; box-shadow: 0 0 8px rgba(83, 232, 192, 0.5); content: ""; }

.solo-process { padding-bottom: 108px; }
.solo-process > ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; margin: 38px 0 0; padding: 0; list-style: none; }
.solo-process li { position: relative; display: grid; grid-template-columns: 66px minmax(0, 1fr); min-height: 0; gap: 17px; align-items: start; padding: 21px; overflow: hidden; border: 1px solid rgba(104, 187, 232, 0.17); border-radius: 18px; background: linear-gradient(145deg, rgba(10, 30, 52, 0.82), rgba(6, 16, 32, 0.78)); }
.solo-process li::before { position: absolute; top: 0; right: 18px; left: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(84, 230, 255, 0.44), transparent); content: ""; }
.solo-process li > b { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(84, 230, 255, 0.4); border-radius: 16px; color: #61eaff; background: rgba(66, 215, 255, 0.11); box-shadow: inset 0 0 18px rgba(71, 219, 255, 0.055); font: 800 27px/1 monospace; }
.solo-process strong { display: block; color: #f5fbff; font-size: 18px; line-height: 1.4; }
.solo-process span { display: block; margin-top: 8px; color: rgba(210, 230, 243, 0.68); font-size: 14px; line-height: 1.7; }

.solo-cta { display: grid; grid-template-columns: 1.2fr 0.7fr auto; gap: 40px; align-items: center; width: min(1460px, calc(100% - 28px)); margin: 0 auto 72px; padding: 48px clamp(26px, 5vw, 72px); overflow: hidden; border: 1px solid rgba(88, 208, 255, 0.18); border-radius: 28px; background: linear-gradient(120deg, rgba(11, 43, 65, 0.9), rgba(13, 21, 56, 0.96)); box-shadow: 0 32px 90px rgba(0, 0, 0, 0.3); }
.solo-cta span { color: #5ceaff; font: 800 9px/1.3 monospace; letter-spacing: 0.15em; }
.solo-cta h2 { margin: 15px 0 0; font-size: clamp(28px, 2.8vw, 44px); line-height: 1.18; }
.solo-cta > p { color: rgba(200, 223, 237, 0.6); font-size: 13px; line-height: 1.8; }
.solo-cta > a { min-width: 175px; padding: 17px 20px; border: 1px solid rgba(83, 228, 255, 0.3); border-radius: 14px; background: rgba(55, 207, 255, 0.07); }
.solo-cta > a small { display: block; color: rgba(196, 220, 235, 0.58); font-size: 9px; }
.solo-cta > a strong { display: block; margin-top: 7px; color: #69eaff; font: 800 15px/1.2 monospace; }
.solo-cta > a b { float: right; margin-top: -18px; color: #6decc0; }

.solo-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 92px; padding: 20px max(5vw, calc((100vw - 1400px) / 2)); border-top: 1px solid rgba(111, 184, 224, 0.12); background: rgba(2, 7, 15, 0.84); }
.solo-footer img { display: block; width: 175px; height: 38px; object-fit: contain; object-position: left center; }
.solo-footer p, .solo-footer span { color: rgba(183, 211, 228, 0.44); font-size: 11px; }

@keyframes solo-pulse { 50% { opacity: 0.35; transform: scale(0.75); } }
@keyframes solo-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes solo-spin-reverse { to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes command-scan { 0%, 12% { opacity: 0; transform: translateY(0); } 20% { opacity: 0.72; } 72% { opacity: 0.18; } 82%, 100% { opacity: 0; transform: translateY(640px); } }
@keyframes command-axis { 50% { opacity: 0.34; filter: drop-shadow(0 0 5px rgba(85, 233, 255, 0.28)); } }
@keyframes command-core-wave { 0% { opacity: 0.72; transform: scale(0.76); } 76%, 100% { opacity: 0; transform: scale(1.28); } }
@keyframes command-node-active { 0%, 28%, 100% { border-color: rgba(var(--node-rgb), 0.22); } 8%, 18% { border-color: rgba(var(--node-rgb), 0.58); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3), 0 0 28px rgba(var(--node-rgb), 0.1); } }

@media (max-width: 1180px) {
  .solo-hero { grid-template-columns: minmax(0, 0.9fr) minmax(430px, 0.75fr); gap: 40px; }
  .solo-proof { grid-template-columns: 1fr; }
  .solo-proof li { min-height: 46px; }
  .loop-track { grid-template-columns: repeat(3, 1fr); }
  .loop-track li:not(:last-child)::after { display: none; }
  .industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stack-board { grid-template-columns: repeat(5, 1fr); }
  .stack-board > i { display: none; }
}

@media (max-width: 900px) {
  .solo-hero { grid-template-columns: 1fr; min-height: 0; padding: 76px 22px 58px; }
  .solo-hero-copy { max-width: 760px; }
  .solo-proof { grid-template-columns: repeat(3, 1fr); }
  .solo-command { width: min(100%, 640px); justify-self: center; }
  .section-heading { grid-template-columns: 1fr; }
  .section-heading > p { grid-column: auto; }
  .scene-grid { grid-template-columns: 1fr; }
  .scene-wide, .scene-office, .scene-mobile, .scene-crm { grid-column: auto; }
  .scene-copy { grid-template-columns: 1fr; }
  .solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stack-board { grid-template-columns: repeat(2, 1fr); }
  .stack-layer:last-child { grid-column: 1 / -1; }
  .solo-process > ol { grid-template-columns: repeat(2, 1fr); }
  .solo-cta { grid-template-columns: 1fr; gap: 18px; }
  .solo-cta > p { margin: 0; }
  .solo-cta > a { width: min(100%, 250px); }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 64px; }
  .solo-page-header { height: 64px; padding-inline: 18px; }
  .solo-page-header .brand img { width: 145px; }
  main { padding-top: 64px; }
  .solo-hero { padding-inline: 18px; }
  .solo-hero h1 { font-size: clamp(38px, 9.6vw, 58px); }
  .solo-lead { font-size: 15px; }
  .solo-proof { grid-template-columns: 1fr; }
  .solo-actions a { width: 100%; }
  .solo-command { padding: 14px; border-radius: 21px; }
  .command-map { height: 430px; }
  .ring-one { width: 238px; height: 238px; }
  .ring-two { width: 360px; height: 360px; }
  .command-core { width: 124px; height: 124px; }
  .command-core strong { font-size: 19px; }
  .command-node { width: 128px; grid-template-columns: 30px 1fr; padding: 8px; }
  .command-node i { width: 30px; height: 30px; }
  .command-node b { font-size: 15px; }
  .command-node span { font-size: 10px; }
  .node-lead { left: 0; }
  .node-content { right: 0; }
  .node-service { right: -2px; }
  .node-finance { left: -2px; }
  .node-crm { right: 10px; }
  .node-delivery { left: 10px; }
  .solo-loop, .solo-pains, .solo-industries, .solo-scenes, .solo-solutions, .solo-stack, .solo-combos, .solo-process { width: min(100% - 28px, 680px); padding-top: 76px; }
  .section-heading h2 { font-size: 36px; }
  .loop-track, .pain-grid, .industry-grid, .solution-grid, .combo-grid, .solo-process > ol { grid-template-columns: 1fr; }
  .stack-board { grid-template-columns: 1fr; }
  .stack-layer:last-child { grid-column: auto; }
  .solution-card { min-height: 340px; }
  .scene-phone-strip { height: 320px; padding: 15px; gap: 8px; }
  .scene-copy { padding: 19px; }
  .solo-process { padding-bottom: 76px; }
  .solo-footer { align-items: flex-start; flex-direction: column; padding: 26px 18px; }
  .solo-footer p { margin: 0; }
}

@media (max-width: 430px) {
  .command-head { align-items: flex-start; flex-direction: column; gap: 9px; }
  .command-map { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; gap: 10px; padding: 16px 0; overflow: visible; }
  .command-map::before, .command-map::after, .command-ring { display: none; }
  .command-core { position: relative; top: auto; left: auto; grid-column: 1 / -1; width: 122px; height: 122px; margin: 2px auto 8px; transform: none; }
  .command-node, .node-lead, .node-content, .node-service, .node-crm, .node-delivery, .node-finance { position: relative; inset: auto; width: auto; min-height: 78px; }
  .command-node i { display: grid; }
  .command-node span { display: block; }
  .command-foot { align-items: flex-start; flex-direction: column; gap: 8px; }
  .solo-cta { border-radius: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .solo-command::after, .command-head span i, .command-ring, .command-map::before, .command-map::after, .command-core::before, .command-core::after, .command-node { animation: none; }
  .solution-card, .solo-actions a { transition: none; }
}