/* An open diamond composition: the machine is the anchor, details sit around it. */
#features .feature-heading{font-size:clamp(34px,4.2vw,56px);line-height:1.15;text-align:center}
.feature-orbit{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr) minmax(210px,1fr);grid-template-areas:". dedicated ." "native machine network" ". bottom .";gap:24px clamp(24px,2.5vw,36px);align-items:center;margin-top:clamp(40px,5vw,68px);isolation:isolate}
.feature-node{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:290px}
.feature-node .feature-tag{font-size:12px;line-height:1.5;letter-spacing:.035em;font-weight:500;color:var(--text-3)}
.feature-node h3{font-size:clamp(20px,1.65vw,23px);font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--text)}
.feature-node p{font-size:15px;line-height:1.8;color:var(--text-2);text-wrap:pretty}
.feature-dedicated{grid-area:dedicated;justify-self:center;align-items:center;text-align:center;max-width:430px}
.feature-native{grid-area:native;justify-self:start}
.feature-network{grid-area:network;justify-self:end}
.feature-machine{grid-area:machine;position:relative;min-width:0;width:100%;margin:0;isolation:isolate}
.feature-machine::before{content:"";position:absolute;z-index:-1;inset:15% -7% 2%;background:radial-gradient(ellipse at 50% 58%,rgba(78,115,187,.18),transparent 67%);pointer-events:none}
.feature-machine svg{display:block;width:100%;height:auto;overflow:visible}
.feature-machine .upright-mini{overflow:visible}
.feature-machine .upright-body>svg{width:62px;height:62px}
.machine-signals{pointer-events:none}
.machine-wave{opacity:0;transform-box:fill-box;transform-origin:center;animation:machine-broadcast 10s cubic-bezier(.22,.5,.3,1) infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ice) 30%,transparent))}
.machine-wave:nth-child(2){animation-delay:-3.333s}
.machine-wave:nth-child(3){animation-delay:-6.666s}
.feature-machine.is-visible .machine-wave{animation-play-state:running}
@keyframes machine-broadcast{0%{transform:scale(.72);opacity:0;stroke-width:1.1}24%{opacity:.28}62%{opacity:.16}100%{transform:scale(1.4);opacity:0;stroke-width:.55}}
.feature-bottom{grid-area:bottom;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-self:start;width:100%;margin-top:-8px}
.feature-bottom .feature-node{max-width:none}
.feature-tiers{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:2px;font-family:var(--f-mono);font-size:11px;color:var(--text-3)}
.feature-terminal.term{width:100%;max-width:268px;min-width:0;padding:31px 16px 14px;margin-bottom:15px;background:var(--bg-1);font-size:11px;line-height:1.8;border-radius:12px;box-shadow:0 16px 32px -24px rgba(0,0,0,.5)}
.feature-terminal .feature-terminal-welcome{color:var(--text-2)}
.feature-terminal-welcome>span{color:#d97757}
.feature-network-art{width:88px;height:88px;margin:0 0 10px -6px}
.feature-network-art svg{display:block;width:100%;height:100%;overflow:visible}
.feature-wave{fill:none;stroke:var(--ice);stroke-width:1;opacity:.3;transform-origin:44px 44px;animation:feature-wave 4s ease-in-out infinite}
.feature-wave-outer{opacity:.14;animation-delay:-2s}
.feature-network-dot{fill:var(--ice);filter:drop-shadow(0 0 5px var(--ice))}
@keyframes feature-wave{50%{transform:scale(1.1);opacity:.12}}
html[data-theme="light"] .feature-machine::before{background:radial-gradient(ellipse at 50% 58%,rgba(73,112,181,.10),transparent 67%)}
html[data-theme="light"] .feature-terminal.term{box-shadow:0 16px 30px -24px rgba(25,49,80,.28)}
@media(max-width:1100px){
  .feature-orbit{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"dedicated dedicated" "machine machine" "native network" "bottom bottom";gap:28px 40px;max-width:760px;margin-inline:auto}
  .feature-machine{width:min(100%,640px);justify-self:center;margin-block:-12px}
  .feature-native,.feature-network{max-width:none;justify-self:stretch}
  .feature-network-art{height:100px;width:88px;margin-bottom:14px}
  .feature-bottom{gap:40px;margin-top:4px}
}
@media(max-width:600px){
  #features .feature-heading{text-align:left;font-size:clamp(30px,7.8vw,42px)}
  .feature-orbit{grid-template-columns:minmax(0,1fr);grid-template-areas:"dedicated" "machine" "native" "network" "bottom";gap:28px;margin-top:36px}
  .feature-dedicated{justify-self:start;align-items:flex-start;text-align:left;max-width:none}
  .feature-machine{width:100%;margin-block:-10px 2px}
  .feature-bottom{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:0}
  .feature-node{gap:8px}
  .feature-node h3{font-size:20px}
  .feature-node p{font-size:14px;line-height:1.8}
  .feature-native,.feature-network,.feature-bottom .feature-node{padding-top:22px;border-top:1px solid var(--line)}
  .feature-terminal.term{max-width:100%;margin-bottom:12px}
  .feature-network-art{width:64px;height:64px;margin-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.feature-wave{animation:none}.machine-wave{animation:none;opacity:0}}