/* CrowFORGE V1 RC — scoped product and download presentation. */
.forge-v1 {
  --forge-aqua: #66f5db;
  --forge-aqua-bright: #b8fff0;
  --forge-ink: #07100f;
  --forge-panel: #101918;
  --forge-line: #8bdac72d;
  --forge-muted: #a0b9b2;
  --forge-mono: var(--mono, ui-monospace, SFMono-Regular, Consolas, monospace);
  color: #eef7f3;
  overflow: clip;
}
.forge-v1 *, .forge-v1 *::before, .forge-v1 *::after { box-sizing: border-box; }
.forge-v1 a:focus-visible, .forge-v1 button:focus-visible, .forge-v1 select:focus-visible {
  outline: 2px solid var(--forge-aqua); outline-offset: 5px;
}
.forge-v1 [id] { scroll-margin-top: 120px; }
.forge-v1 ::selection { color: #04130f; background: var(--forge-aqua); }

/* A spacious first fold, with a real CSS 3D hexagonal crystal. */
.forge-hero {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center; gap: clamp(24px, 4vw, 72px); padding-block: clamp(55px, 7vw, 110px) 52px;
  min-height: min(790px, calc(100svh - 90px));
}
.forge-hero-copy { position: relative; z-index: 2; min-width: 0; }
.forge-kicker, .forge-eyebrow {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin: 0 0 24px; color: var(--forge-aqua); font: 12px/1.7 var(--forge-mono); letter-spacing: .13em;
}
.forge-kicker::before {
  content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%;
  background: var(--forge-aqua); box-shadow: 0 0 16px #66f5db99;
}
.forge-hero h1 {
  margin: 0; max-width: 900px; font-size: clamp(45px, 5.5vw, 84px); line-height: 1.04;
  letter-spacing: -.055em; font-weight: 600; overflow-wrap: anywhere;
}
.forge-hero h1 span, .forge-hero h1 em { color: var(--forge-aqua); font-style: normal; }
.forge-hero h1 small {
  display: block; margin-top: 16px; font: 500 14px/1.5 var(--forge-mono); letter-spacing: .16em;
  color: #d8ede5;
}
.forge-lead { max-width: 630px; margin: 28px 0; color: #b8cdc5; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.8; }
.forge-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 28px 0 20px; }
.forge-button {
  display: inline-flex; justify-content: center; align-items: center; gap: 14px;
  padding: 15px 23px; border: 1px solid #82e6ce61; border-radius: 4px;
  background: #12221c; color: #e4fff6; text-decoration: none; font-family: inherit; font-size: 14px; line-height: 1.45; font-weight: 600;
  cursor: pointer; transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.forge-button:hover { background: #1c352c; border-color: var(--forge-aqua); transform: translateY(-2px); }
.forge-button-primary, .forge-button.is-primary {
  color: #05251c; background: var(--forge-aqua); border-color: var(--forge-aqua);
  box-shadow: 0 5px 26px #40e7b719;
}
.forge-button-primary:hover, .forge-button.is-primary:hover { background: #a6ffe7; box-shadow: 0 9px 35px #40e7b72c; }
.forge-button-secondary, .forge-button.is-secondary { background: #0d1915; }
.forge-button[aria-disabled="true"], .forge-button:disabled {
  color: #a3b4af; border-color: #91b5aa30; background: #19201e; box-shadow: none; cursor: default; transform: none;
}
.forge-release-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; color: #a4bbb1; font: 11px/1.7 var(--forge-mono); }
.forge-release-meta > * { margin: 0; }
.forge-release-meta strong { color: #d9f0e5; font-weight: 500; }
.forge-badge {
  display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid #7beaCA40;
  color: var(--forge-aqua-bright); background: #16472f55; border-radius: 3px; font: 11px/1.4 var(--forge-mono);
}
.forge-art { min-width: 0; position: relative; }
[data-forge-scene] {
  --forge-rx: 0deg; --forge-ry: 0deg; --forge-shift-x: 0px; --forge-shift-y: 0px;
  position: relative; width: 100%; height: clamp(390px, 40vw, 600px); perspective: 1100px;
  background: radial-gradient(ellipse at 50% 42%, #48e5c31a 0, #0b252219 36%, transparent 69%);
  isolation: isolate;
}
[data-forge-scene]::before {
  content: ""; position: absolute; left: 5%; right: 5%; bottom: 2%; height: 39%;
  background-image: linear-gradient(#76e9c518 1px, transparent 1px), linear-gradient(90deg, #76e9c518 1px, transparent 1px);
  background-size: 36px 36px; transform: perspective(380px) rotateX(61deg); transform-origin: center bottom;
  mask-image: radial-gradient(ellipse, #000 8%, transparent 69%); pointer-events: none;
}
[data-forge-scene]::after {
  content: ""; position: absolute; width: 48%; height: 11%; left: 26%; top: 78%;
  border-radius: 50%; background: #31d7b1; opacity: .19; filter: blur(24px);
  animation: forge-shadow 7s ease-in-out infinite; pointer-events: none;
}
.forge-particles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }
.forge-crystal-wrap {
  position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none;
  transform: rotateX(var(--forge-rx)) rotateY(var(--forge-ry)); transition: transform .35s ease-out;
}
.forge-crystal {
  position: absolute; width: 220px; height: 360px; left: 50%; top: 47%;
  transform-style: preserve-3d; transform: translate(-50%, -50%) rotateX(-11deg) rotateZ(10deg) rotateY(20deg);
  animation: forge-crystal-turn 24s linear infinite;
}
.forge-facet {
  position: absolute; width: 116px; height: 360px; left: 52px; top: 0; transform-style: preserve-3d;
  transform: rotateY(calc(var(--facet) * 60deg)) translateZ(100px);
}
.forge-facet::before, .forge-facet::after {
  content: ""; position: absolute; width: 116px; height: 206px;
  background: linear-gradient(118deg, #e3fff250 0%, #53ffd526 28%, #08281f75 60%, #58e2c576 100%);
  backface-visibility: visible; box-shadow: inset 0 0 28px #8ffff42b;
}
.forge-facet::before {
  top: -26px; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform-origin: 50% 100%; transform: rotateX(29deg);
}
.forge-facet::after {
  top: 180px; clip-path: polygon(0 0, 100% 0, 50% 100%); transform-origin: 50% 0; transform: rotateX(-29deg);
  background: linear-gradient(44deg, #58e2c566, #06241b8c 51%, #adffe741);
}
.forge-facet:nth-child(2n)::before { background: linear-gradient(30deg, #42efc644, #10282065 50%, #baffec8a); }
.forge-facet:nth-child(3n)::after { background: linear-gradient(155deg, #6ffee667, #114b3b4c 50%, #051e16bb); }
.forge-crystal-core {
  position: absolute; width: 4px; height: 200px; left: 108px; top: 80px;
  background: #c7fff0; box-shadow: 0 0 18px 9px #54edba80, 0 0 50px 25px #56f6c329;
  transform: rotateY(-20deg); animation: forge-core-pulse 4s ease-in-out infinite;
}
.forge-symbol {
  position: absolute; z-index: 3; width: clamp(130px, 15vw, 205px); max-height: 230px; object-fit: contain;
  left: 50%; top: 46%; height: auto; transform: translate(calc(-50% + var(--forge-shift-x)), calc(-50% + var(--forge-shift-y))) translateZ(145px);
  filter: drop-shadow(0 5px 20px #010c08cc) drop-shadow(0 0 22px #68efc743);
  transition: transform .35s ease-out; pointer-events: none;
}
.forge-orbit {
  position: absolute; left: 50%; top: 49%; width: min(88%, 510px); aspect-ratio: 1; border: 1px solid #6bf0c538;
  border-radius: 50%; transform: translate(-50%, -50%) rotateX(69deg) rotateZ(0deg);
  transform-style: preserve-3d; animation: forge-orbit-turn 24s linear infinite; pointer-events: none;
}
.forge-orbit::before {
  content: ""; position: absolute; top: 9%; left: 19%; width: 6px; height: 6px; border-radius: 50%;
  background: var(--forge-aqua); box-shadow: 0 0 17px #aaffdfcc;
}
.forge-orbit--2 { width: min(77%, 440px); border-style: dashed; border-color: #6bf0c522; animation-duration: 32s; animation-direction: reverse; }
.forge-orbit--3 { width: min(96%, 560px); border-color: #6bf0c514; animation-duration: 41s; }
.forge-token {
  position: absolute; z-index: 4; top: var(--token-y, 27%); left: var(--token-x, 11%); padding: 8px 10px;
  border: 1px solid #80efc935; border-radius: 4px; background: #0c231ac7; color: #a7ffdb;
  font: 12px/1 var(--forge-mono); box-shadow: 0 8px 30px #0004;
  animation: forge-token-float var(--token-speed, 5s) ease-in-out infinite; animation-delay: var(--token-delay, 0s); pointer-events: none;
}
.forge-scene-caption {
  display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 8px;
  color: #8eafa2; font: 10px/1.6 var(--forge-mono); text-align: center; letter-spacing: .07em;
}
.forge-scene-caption::before, .forge-scene-caption::after { content: ""; width: 25px; height: 1px; background: #74d5b950; }

/* Product story, truthful application previews and feature cards. */
.forge-section { padding-block: clamp(50px, 7vw, 100px); position: relative; }
.forge-section + .forge-section { border-top: 1px solid var(--forge-line); }
.forge-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin: 0 0 38px; }
.forge-section-heading > div { min-width: 0; }
.forge-section-heading .forge-kicker, .forge-section-heading .forge-eyebrow { margin-bottom: 14px; }
.forge-section-heading h2, .forge-section > h2 {
  margin: 0; font-size: clamp(29px, 3.4vw, 51px); line-height: 1.13; letter-spacing: -.035em; font-weight: 500;
}
.forge-section-heading > p { flex: 0 1 380px; margin: 0; color: var(--forge-muted); line-height: 1.8; font-size: 15px; }
.forge-strip {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--forge-line);
  padding-block: 26px; gap: 24px; background: linear-gradient(90deg, transparent, #1535271a, transparent);
}
.forge-strip > * { margin: 0; min-width: 0; padding-right: 20px; border-right: 1px solid var(--forge-line); }
.forge-strip > :last-child { border-right: 0; }
.forge-strip strong { display: block; margin-bottom: 7px; color: #dff9ed; font: 500 20px/1.3 var(--forge-mono); }
.forge-strip span { color: var(--forge-muted); font-size: 12px; line-height: 1.7; }
.forge-editor-preview {
  position: relative; overflow: hidden; border: 1px solid #8ae1c443; border-radius: 9px;
  background: #0b1412; box-shadow: 0 30px 90px #0006, 0 0 80px #4cedb809;
  transform: perspective(1600px) rotateX(3deg); transform-origin: center top;
}
.forge-editor-preview::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(120deg, transparent 23%, #c5ffe903 43%, #c5ffe916 49%, #c5ffe904 55%, transparent 70%);
  background-size: 280% 100%; animation: forge-editor-sheen 14s ease-in-out infinite;
}
.forge-editor-preview > img, .forge-editor-screen { display: block; width: 100%; height: auto; }
.forge-editor-toolbar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  padding: 14px 20px; border-bottom: 1px solid #8ec7b528; background: #17211d; font: 11px/1.5 var(--forge-mono); color: #bdcfc7;
}
.forge-editor-dots { display: flex; gap: 6px; }
.forge-editor-dots i { width: 7px; height: 7px; border-radius: 50%; background: #5c7870; }
.forge-editor-dots i:first-child { background: #b9776b; }
.forge-editor-dots i:nth-child(2) { background: #c0a76c; }
.forge-editor-dots i:nth-child(3) { background: #73b69a; }
.forge-editor-body { display: grid; grid-template-columns: 180px minmax(0, 1fr); min-height: 320px; }
.forge-editor-sidebar {
  padding: 23px 18px; border-right: 1px solid #8ec7b51e; color: #879f93; font: 11px/2.4 var(--forge-mono); background: #0e1814;
}
.forge-editor-sidebar strong { display: block; color: #b1d4c3; margin-bottom: 16px; font-size: 10px; letter-spacing: .1em; }
.forge-editor-sidebar span, .forge-editor-sidebar a { display: block; color: inherit; text-decoration: none; }
.forge-editor-sidebar .is-active { color: var(--forge-aqua); }
.forge-editor-code { overflow: auto; min-width: 0; padding: 26px 30px; font: 13px/1.95 var(--forge-mono); color: #d0e7da; }
.forge-editor-code pre { margin: 0; font: inherit; color: inherit; }
.forge-editor-code .comment, .forge-editor-code .token-comment { color: #6e9984; }
.forge-editor-code .keyword, .forge-editor-code .token-keyword { color: #70d8e1; }
.forge-editor-code .string, .forge-editor-code .token-string { color: #b4e29f; }
.forge-editor-code .function, .forge-editor-code .token-function { color: #d1c4f3; }
.forge-editor-status {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 9px 20px;
  border-top: 1px solid #89d4b826; color: #91b7a4; background: #11261d; font: 10px/1.4 var(--forge-mono);
}
.forge-preview-note { margin: 16px 0 0; color: #9cafa6; font: 11px/1.8 var(--forge-mono); }
.forge-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.forge-feature {
  min-width: 0; position: relative; padding: clamp(22px, 2.5vw, 35px); border: 1px solid var(--forge-line); border-radius: 5px;
  background: linear-gradient(135deg, #1e3023aa, #0a1511ee 65%); overflow: hidden;
  transition: border-color .3s, box-shadow .3s, transform .3s;
}
.forge-feature::after {
  content: ""; position: absolute; width: 100px; height: 100px; right: -45px; top: -50px;
  background: #55ffd32b; filter: blur(38px); pointer-events: none;
}
.forge-feature:hover { transform: translateY(-5px); border-color: #8df5d26b; box-shadow: 0 20px 35px #0003; }
.forge-feature-icon, .forge-feature-number { display: block; margin-bottom: 27px; color: var(--forge-aqua); font: 18px/1.2 var(--forge-mono); }
.forge-feature h3 { margin: 0 0 14px; font-size: 19px; line-height: 1.3; font-weight: 500; }
.forge-feature p { margin: 0; color: var(--forge-muted); font-size: 14px; line-height: 1.85; }
.forge-feature ul { padding-left: 18px; margin-bottom: 0; color: var(--forge-muted); font-size: 13px; line-height: 1.9; }
.forge-story { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.forge-story p { margin-top: 0; color: #a8c0b3; font-size: 16px; line-height: 1.9; }
.forge-story h3 { margin: 0 0 20px; font-size: clamp(24px, 2.5vw, 37px); line-height: 1.2; letter-spacing: -.02em; }
.forge-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; counter-reset: forge-steps; }
.forge-step { padding-top: 22px; border-top: 1px solid #75c5a742; counter-increment: forge-steps; }
.forge-step::before { content: "0" counter(forge-steps); display: block; color: var(--forge-aqua); margin-bottom: 25px; font: 12px/1.5 var(--forge-mono); }
.forge-step h3 { font-size: 18px; margin: 0 0 12px; }
.forge-step p { font-size: 14px; color: var(--forge-muted); line-height: 1.8; margin: 0; }

/* Native links remain usable even when animation or JavaScript is disabled. */
.forge-downloads { position: relative; }
.forge-downloads::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 50% 0%, #5bf7bd13, transparent 67%); pointer-events: none;
}
.forge-platforms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.forge-platform {
  display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid #82c4ac35;
  border-radius: 6px; background: linear-gradient(160deg, #1c2b21, #0c1712 72%);
}
.forge-platform.is-available, .forge-platform[data-available="true"] { border-color: #71e8ba85; box-shadow: 0 0 40px #3ad99c0b; }
.forge-platform-header { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.forge-platform-icon { width: 31px; height: 31px; color: #ceeddc; flex-shrink: 0; }
.forge-platform-icon svg { width: 100%; height: 100%; }
.forge-platform h3 { margin: 0 0 10px; color: #e8faee; font-size: 25px; line-height: 1.25; font-weight: 500; }
.forge-platform > p { color: #a3bbaa; font-size: 13px; line-height: 1.8; margin: 0 0 22px; }
.forge-platform .forge-button { margin-top: auto; width: 100%; }
.forge-platform select {
  width: 100%; color: #d9f5e5; background: #0c1912; border: 1px solid #88c6ad45; border-radius: 3px;
  padding: 12px; font: 12px/1.5 var(--forge-mono); margin-bottom: 14px;
}
.forge-platform label { font: 11px/1.5 var(--forge-mono); color: #b1cebd; margin-bottom: 7px; }
.forge-platform select:disabled { color: #a0b0a8; opacity: 1; cursor: default; }
.forge-architectures { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 24px; }
.forge-architectures > span, .forge-architecture {
  display: inline-block; padding: 5px 8px; color: #b8d3c2; background: #152d203d;
  border: 1px solid #88c6ad2c; border-radius: 3px; font: 10px/1.5 var(--forge-mono);
}
.forge-architecture.is-available { color: #adffcf; border-color: #81e4a24f; }
.forge-platform-note { margin: 13px 0 0; color: #9eb6a6; font: 10px/1.8 var(--forge-mono); }
.forge-download-note { padding: 18px 22px; margin: 24px 0 0; border: 1px solid #9cc5aa26; color: #a8bdae; background: #11201899; font-size: 13px; line-height: 1.8; border-radius: 4px; }
.forge-checksum { color: #a5bfb0; font: 11px/1.8 var(--forge-mono); overflow-wrap: anywhere; }
.forge-checksum code { color: #b8dcca; font: inherit; }
.forge-release-details { margin-top: 26px; border-top: 1px solid var(--forge-line); }
.forge-release-details summary { cursor: pointer; padding: 18px 0; color: #c5e4d1; font: 12px/1.5 var(--forge-mono); }
.forge-release-details dl { display: grid; grid-template-columns: minmax(100px, 180px) minmax(0, 1fr); gap: 12px 24px; padding: 8px 0 20px; margin: 0; font: 12px/1.7 var(--forge-mono); }
.forge-release-details dt { color: #89a894; }
.forge-release-details dd { margin: 0; color: #c0dbca; overflow-wrap: anywhere; }
.forge-faq details { border-top: 1px solid var(--forge-line); }
.forge-faq details:last-child { border-bottom: 1px solid var(--forge-line); }
.forge-faq summary { padding: 24px 4px; cursor: pointer; font-size: 17px; color: #d7eadf; }
.forge-faq details > p { margin: 0; padding: 0 4px 26px; max-width: 850px; font-size: 14px; line-height: 1.85; color: var(--forge-muted); }
.forge-endnote { text-align: center; max-width: 790px; margin-inline: auto; }
.forge-endnote .forge-actions { justify-content: center; }

/* Only JS-marked, observed elements enter; all source content starts visible. */
.forge-v1 .forge-enter { opacity: 0; translate: 0 24px; transition: opacity .7s ease var(--forge-delay, 0ms), translate .7s cubic-bezier(.2,.7,.2,1) var(--forge-delay, 0ms); }
.forge-v1 .forge-enter.forge-in { opacity: 1; translate: 0 0; }
.forge-v1.forge-transitioning *, .forge-v1.forge-transitioning *::before, .forge-v1.forge-transitioning *::after,
.forge-v1.forge-inactive *, .forge-v1.forge-inactive *::before, .forge-v1.forge-inactive *::after,
[data-forge-scene].forge-scene-inactive::before, [data-forge-scene].forge-scene-inactive::after,
[data-forge-scene].forge-scene-inactive *, [data-forge-scene].forge-scene-inactive *::before, [data-forge-scene].forge-scene-inactive *::after,
.motion-paused .forge-v1 *, .motion-paused .forge-v1 *::before, .motion-paused .forge-v1 *::after { animation-play-state: paused !important; }
.motion-paused .forge-v1 .forge-enter, .forge-v1.forge-motion-off .forge-enter { opacity: 1; translate: none; transition: none; }
.forge-v1.forge-motion-off *, .forge-v1.forge-motion-off *::before, .forge-v1.forge-motion-off *::after { animation-play-state: paused !important; }
.forge-v1.forge-motion-off .forge-crystal-wrap, .forge-v1.forge-motion-off .forge-symbol { transition: none; }

@keyframes forge-crystal-turn {
  0% { transform: translate(-50%, -50%) rotateX(-11deg) rotateZ(10deg) rotateY(20deg); }
  50% { transform: translate(-50%, calc(-50% - 14px)) rotateX(2deg) rotateZ(6deg) rotateY(200deg); }
  100% { transform: translate(-50%, -50%) rotateX(-11deg) rotateZ(10deg) rotateY(380deg); }
}
@keyframes forge-core-pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes forge-shadow { 0%, 100% { transform: scale(.9); opacity: .14; } 50% { transform: scale(1.12); opacity: .23; } }
@keyframes forge-orbit-turn { from { transform: translate(-50%, -50%) rotateX(69deg) rotateZ(0deg); } to { transform: translate(-50%, -50%) rotateX(69deg) rotateZ(360deg); } }
@keyframes forge-token-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -14px; } }
@keyframes forge-editor-sheen { 0%, 25% { background-position: 100% 0; } 75%, 100% { background-position: 0 0; } }

@media (min-width: 1500px) { .forge-hero { gap: 70px; } }
@media (max-width: 1100px) {
  .forge-hero { gap: 18px; }
  .forge-hero h1 { font-size: clamp(43px, 5.5vw, 64px); }
  .forge-platform { padding: 22px; }
  .forge-crystal { scale: .88; }
  .forge-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .forge-hero { grid-template-columns: 1fr; padding-top: 44px; padding-bottom: 34px; gap: 12px; min-height: 0; }
  .forge-hero-copy { max-width: 700px; }
  .forge-hero h1 { font-size: clamp(44px, 8vw, 70px); max-width: 650px; }
  .forge-lead { font-size: 17px; margin-block: 22px; }
  .forge-art { max-width: 590px; width: 100%; margin: 0 auto; }
  [data-forge-scene] { height: 450px; }
  .forge-symbol { width: 170px; }
  .forge-section-heading { align-items: start; flex-direction: column; gap: 18px; }
  .forge-section-heading > p { flex-basis: auto; max-width: 570px; }
  .forge-platforms { grid-template-columns: 1fr; }
  .forge-platform { padding: 26px; }
  .forge-platform .forge-button { max-width: 380px; }
  .forge-platform select { max-width: 380px; }
  .forge-story { grid-template-columns: 1fr; gap: 26px; }
  .forge-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .forge-strip > :nth-child(2) { border-right: 0; }
  .forge-editor-body { grid-template-columns: 135px minmax(0, 1fr); }
  .forge-editor-sidebar { padding-inline: 13px; font-size: 10px; }
  .forge-editor-code { padding: 20px; font-size: 11px; }
  .forge-steps { gap: 20px; }
}
@media (max-width: 520px) {
  .forge-hero h1 { font-size: clamp(38px, 10vw, 52px); }
  .forge-kicker { font-size: 10px; letter-spacing: .1em; margin-bottom: 19px; }
  .forge-actions { align-items: stretch; }
  .forge-actions > .forge-button { flex: 1 1 auto; font-size: 13px; padding: 14px 18px; }
  [data-forge-scene] { height: 365px; }
  .forge-crystal { scale: .73; }
  .forge-symbol { width: 137px; }
  .forge-token { font-size: 10px; padding: 6px 7px; }
  .forge-features, .forge-steps { grid-template-columns: 1fr; }
  .forge-feature { padding: 25px; }
  .forge-feature-icon, .forge-feature-number { margin-bottom: 21px; }
  .forge-editor-sidebar { display: none; }
  .forge-editor-body { grid-template-columns: minmax(0, 1fr); min-height: 275px; }
  .forge-editor-toolbar, .forge-editor-status { padding-inline: 13px; font-size: 9px; }
  .forge-editor-code { padding: 18px 14px; font-size: 10px; }
  .forge-release-details dl { grid-template-columns: 1fr; gap: 5px; }
  .forge-release-details dd { margin-bottom: 13px; }
  .forge-section { padding-block: 48px; }
  .forge-step { padding-block: 18px 8px; }
  .forge-step::before { margin-bottom: 15px; }
}
@media (pointer: coarse) {
  .forge-crystal-wrap, .forge-symbol { transition: none; }
  .forge-feature:hover { transform: none; box-shadow: none; }
  .forge-button:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .forge-v1 *, .forge-v1 *::before, .forge-v1 *::after { animation: none !important; transition: none !important; }
  .forge-v1 .forge-enter { opacity: 1; translate: none; }
  .forge-crystal-wrap { transform: none; }
  .forge-editor-preview { transform: none; }
}
@media print {
  .forge-v1 { color: #111; }
  .forge-art, .forge-editor-preview::after { display: none; }
  .forge-hero, .forge-story { display: block; min-height: 0; }
  .forge-v1 .forge-enter { opacity: 1; translate: none; }
  .forge-feature, .forge-platform, .forge-editor-preview { box-shadow: none; break-inside: avoid; background: white; color: #111; }
}
/* Integrated V3 page details and keyboard-operable language/theme showcase. */
.forge-hero-copy h2 {font-size:clamp(22px,2.2vw,34px);line-height:1.3;letter-spacing:-.035em;margin:32px 0 0;max-width:540px}
.forge-v1 .button {font-size:14px;line-height:1.5;min-height:48px;gap:12px}
.forge-v1 .button-secondary {border:1px solid var(--forge-line);color:#daf3e9;background:#12201bcc}
.forge-v1 .button-primary {background:#66f5db;color:#07271f;border-color:#66f5db}
.forge-language-strip {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:24px 20px;border-block:1px solid var(--forge-line);font:12px/1.5 var(--forge-mono);letter-spacing:.14em;color:#bad5cb}
.forge-language-strip i {color:#5effd1;font-style:normal}
.forge-demo-tools {display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:14px}
.forge-demo-tools [role=group] {display:flex;gap:5px;padding:5px;border:1px solid var(--forge-line);border-radius:6px;background:#0b1612}
.forge-demo-tools button {padding:9px 15px;border:0;border-radius:4px;background:transparent;color:#aec1ba;cursor:pointer;font:13px/1.5 var(--forge-mono)}
.forge-demo-tools button[aria-pressed=true] {background:#1d4538;color:#b2ffe4}
.forge-editor-preview {margin:0;--demo-bg:#0b1513;--demo-fg:#d8e7e0;--demo-side:#101d19;--demo-border:#ffffff14;--demo-key:#c4a5f2;--demo-string:#d7b77a;--demo-fn:#78d8d5;background:var(--demo-bg);color:var(--demo-fg)}
.forge-editor-preview[data-theme=light] {--demo-bg:#f4f8f6;--demo-fg:#173b30;--demo-side:#e1eee7;--demo-border:#16473325;--demo-key:#70319b;--demo-string:#8a491b;--demo-fn:#007972}
.forge-editor-preview[data-theme=orange] {--demo-bg:#191612;--demo-fg:#eee0cd;--demo-side:#211c14;--demo-border:#e3b07825;--demo-key:#efa767;--demo-string:#c5d192;--demo-fn:#e6bd6e}
.forge-editor-preview .forge-editor-toolbar,.forge-editor-preview .forge-editor-sidebar,.forge-editor-preview .forge-editor-status {background:var(--demo-side);color:var(--demo-fg);border-color:var(--demo-border)}
.forge-editor-toolbar {display:flex;align-items:center;gap:14px;padding:12px 18px}
.forge-editor-toolbar img {object-fit:contain}.forge-editor-toolbar strong span {color:#00baa3}
.forge-editor-run {margin-left:auto;color:#34bc94}
.forge-editor-body {display:grid;grid-template-columns:185px minmax(0,1fr);min-height:350px}
.forge-editor-sidebar {display:flex;flex-direction:column;gap:16px;padding:22px 18px;font:12px/1.5 var(--forge-mono)}
.forge-editor-sidebar .active {color:var(--demo-fn)}
.forge-editor-code {position:relative;min-width:0;padding:24px 80px 24px 28px;background:var(--demo-bg);color:var(--demo-fg)}
.forge-editor-code pre {margin:0;overflow:auto;font:clamp(11px,1.08vw,15px)/1.85 var(--forge-mono);white-space:pre}
.forge-editor-code .kw {color:var(--demo-key)}.forge-editor-code .str {color:var(--demo-string)}.forge-editor-code .fn {color:var(--demo-fn)}.forge-editor-code .num {color:var(--demo-fn)}
.forge-minimap {position:absolute;right:12px;top:28px;width:47px;height:250px;overflow:hidden;opacity:.5}
.forge-minimap i {display:block;height:2px;margin-bottom:4px;background:var(--demo-fn)}
.forge-minimap i:nth-child(3n) {background:var(--demo-key)}
.forge-demo-terminal {padding:20px 26px;border-top:1px solid var(--demo-border);background:var(--demo-bg);color:var(--demo-fg)}
.forge-demo-terminal small {font:10px var(--forge-mono);letter-spacing:.12em;opacity:.65}.forge-demo-terminal pre {overflow:auto;margin:12px 0 0;font:13px/1.7 var(--forge-mono)}
.forge-editor-status {display:flex;gap:20px;padding:9px 18px;font:10px var(--forge-mono)}
.forge-editor-preview figcaption {padding:12px 18px;font-size:12px;color:var(--forge-muted);background:#0b1612}
.forge-feature-number {display:block;color:#6debcd;font-size:12px;margin-bottom:35px}
.forge-platform-heading {display:flex;align-items:center;gap:12px}.forge-platform-mark {font:26px var(--forge-mono);color:var(--forge-aqua)}
.forge-platforms {align-items:stretch}.forge-package {display:flex;flex-direction:column;gap:10px;padding:20px 0;border-bottom:1px solid var(--forge-line)}
.forge-package strong {font-size:14px}.forge-package small {font-size:11px;line-height:1.65;color:var(--forge-muted)}
.forge-package .button {width:100%;justify-content:space-between}
.forge-package button:disabled {padding:13px 15px;min-height:48px;border:1px solid #afc7bd26;background:#1a2420;color:#9bb2a7;text-align:left;border-radius:3px;font-size:13px;cursor:not-allowed}
.forge-platform>p {font-size:13px;line-height:1.8;color:var(--forge-muted);margin-top:22px}
.forge-footnote,.forge-note {font-size:13px;line-height:1.9;color:var(--forge-muted);margin-top:20px}
.forge-download-heading {padding-top:70px}.forge-download-heading h1 {font-size:clamp(38px,5vw,72px);line-height:1.12;max-width:900px;letter-spacing:-.04em}
.forge-scope {border:1px solid var(--forge-line);background:#0e1915cc;padding:34px!important}.forge-scope p {max-width:950px;color:var(--forge-muted);line-height:1.9}
.forge-help-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;color:var(--forge-muted);font-size:14px;line-height:1.8}
.forge-install-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:25px 0 40px;counter-reset:none}
.forge-install-steps li {border-top:1px solid var(--forge-line);padding:20px 0}.forge-install-steps span {font-size:11px;color:var(--forge-aqua)}.forge-install-steps p {font-size:14px;color:var(--forge-muted);line-height:1.85}
.forge-release-details {display:grid;grid-template-columns:max-content 1fr;gap:14px 35px;font:13px/1.7 var(--forge-mono)}.forge-release-details dt {color:var(--forge-muted)}.forge-release-details dd {margin:0;overflow-wrap:anywhere}
.forge-open-source {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.forge-open-source img {width:100%;height:auto;padding:25px;background:#daf1e6;border-radius:8px}.forge-open-source p {line-height:1.9;color:var(--forge-muted)}
.forge-faq details {border-bottom:1px solid var(--forge-line);padding:22px 0}.forge-faq summary {cursor:pointer;font-size:18px}.forge-faq details p {color:var(--forge-muted);line-height:1.9;max-width:900px}
@media(min-width:981px) and (max-width:1240px){.main-nav {gap:12px}.main-nav a {font-size:12px}.site-header .brand {gap:5px}.site-header .brand-type {font-size:18px}}
@media(max-width:760px){.forge-editor-body {grid-template-columns:minmax(0,1fr)}.forge-editor-sidebar {display:none}.forge-editor-code {padding:20px 62px 20px 15px}.forge-help-grid,.forge-install-steps,.forge-open-source {grid-template-columns:1fr}.forge-hero h1{font-size:clamp(38px,10vw,65px)}.forge-release-details {grid-template-columns:1fr;gap:5px}.forge-release-details dd{margin-bottom:14px}.forge-editor-toolbar{gap:10px}.forge-editor-run{display:none}.forge-language-strip{font-size:10px;gap:14px}.forge-demo-tools button {padding:8px 12px}}
.forge-section-heading {display:block;max-width:920px}.forge-section-heading h2 {margin:0 0 20px}.forge-section-heading>p {max-width:760px}.forge-section-heading>.forge-kicker {margin-bottom:18px;color:var(--forge-aqua);font-size:12px}
