:root {
    color-scheme: dark;
    --bg: #070b14;
    --text: #eef3ff;
    --muted: #8896ad;
    --line: rgba(155,180,224,.13);
    --cyan: #43deed;
    --mono: Consolas,'SFMono-Regular',monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 30px; }
body { margin: 0; color: var(--text); background: var(--bg); font: 14px/1.65 'Segoe UI','Microsoft YaHei',sans-serif; -webkit-font-smoothing: antialiased; }
body::before { position: absolute; inset: 0 0 auto; height: 980px; content: ''; pointer-events: none; background: linear-gradient(90deg,transparent 49.7%,#789cd609 50%,transparent 50.3%),linear-gradient(#789cd608 1px,transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(#000,transparent); }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
button,a { -webkit-tap-highlight-color: transparent; }
button:focus-visible,a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 6px; }
[hidden] { display: none !important; }
button:disabled { cursor: wait; }
h1,h2,h3,p { margin: 0; }
.shell { width: min(1200px,calc(100% - 96px)); margin-inline: auto; position: relative; }
main { position: relative; z-index: 1; }
.icon { width: 21px; height: 21px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 20; padding: 10px 18px; background: var(--cyan); color: #06121c; border-radius: 6px; }
.skip-link:focus { top: 16px; }
#network-field { position: absolute; inset: 0; width: 100%; height: 900px; pointer-events: none; opacity: .6; }
.ambient { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; }
.ambient-cyan { top: 190px; right: 18%; width: 300px; height: 300px; background: #036a8d1a; }
.ambient-violet { top: 160px; right: 0; width: 330px; height: 440px; background: #4d24b91c; }
.site-header { height: 104px; display: flex; align-items: center; justify-content: space-between; z-index: 2; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 650; letter-spacing: 1px; }
.brand img { object-fit: contain; width: 47px; height: 47px; }
.brand small { display: block; color: #7889a4; font: 8px/1.6 var(--mono); letter-spacing: 1.55px; margin-top: 2px; }
.site-nav { display: flex; gap: 34px; align-items: center; font-size: 13px; color: #a1aec2; }
.site-nav a { transition: color .2s; }
.site-nav a:hover { color: var(--cyan); }
.site-nav .nav-download { display: flex; align-items: center; gap: 16px; color: #dce5f6; padding: 9px 16px; border: 1px solid #29344a; border-radius: 5px; background: #111a2a80; }
.nav-download .icon { width: 16px; height: 16px; }
.hero { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; padding-top: 64px; padding-bottom: 64px; min-height: 688px; }
.hero-copy { padding-bottom: 10px; scroll-margin-top: 50px; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #8bcece; font-size: 11px; letter-spacing: 1.9px; margin-bottom: 25px; }
.status-dot { display: inline-block; width: 5px; height: 5px; flex: none; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 10px #43deed70; }
.eyebrow .status-dot { animation: status-pulse 3s ease-in-out infinite; }
.hero h1 { font-size: clamp(48px,4.65vw,68px); font-weight: 750; line-height: 1.27; letter-spacing: 1px; }
.hero h1>span { color: #61c9fa; background: linear-gradient(105deg,#58e4e7 10%,#6298ff 63%,#9f7aff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-intro { font-size: 20px; color: #d2dced; letter-spacing: 1px; margin-top: 25px; }
.hero-description { color: var(--muted); font-size: 13px; line-height: 1.95; margin-top: 13px; max-width: 440px; overflow-wrap: anywhere; }
.mobile-break { display: none; }
.download-actions { display: flex; align-items: center; gap: 22px; margin-top: 31px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 52px; border-radius: 5px; padding: 14px 19px; font-weight: 650; font-size: 13px; transition: transform .2s,box-shadow .2s,filter .2s; }
.button-primary { background: linear-gradient(112deg,#42dce3,#519bff 58%,#7774f8); color: #061423; box-shadow: 0 6px 30px #2697e421,inset 0 1px 0 #ffffff45; }
.button-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 34px #359be43c; filter: brightness(1.1); }
.button .action-arrow { width: 17px; height: 17px; margin-left: 10px; }
.demo-link { color: #bac6d9; font-size: 12px; white-space: nowrap; }
.demo-link span { color: #809bba; margin-left: 7px; font-size: 18px; }
.demo-link:hover { color: var(--cyan); }
.download-unavailable { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 13px 20px; background: #162236; border: 1px solid #2a3c54; border-radius: 5px; color: #aebed4; }
.download-meta { display: flex; gap: 0; align-items: center; color: #74849c; font-size: 11px; margin-top: 17px; flex-wrap: wrap; }
.download-meta>span { display: flex; align-items: center; gap: 7px; }
.download-meta>span+span::before { content: ''; width: 1px; height: 10px; background: #293449; margin: 0 13px 0 14px; }
.download-meta .icon { width: 12px; height: 12px; stroke-width: 1.2; }
.download-meta .version { color: #9eaec7; font: 11px var(--mono); overflow-wrap: anywhere; }
.hero-footnote { display: flex; align-items: center; gap: 10px; color: #4b5d78; font-size: 10px; letter-spacing: 1px; margin-top: 43px; }
.tiny-cross { color: #567795; font: 19px var(--mono); }
.protection-demo { min-width: 0; position: relative; scroll-margin-top: 20px; }
.core-topline { display: flex; align-items: center; justify-content: space-between; color: #6f88a4; font: 9px var(--mono); letter-spacing: 1.6px; position: relative; z-index: 1; }
.core-topline>span:first-child { display: flex; align-items: center; gap: 8px; }
.core-topline .status-dot { width: 4px; height: 4px; background: #6684ad; box-shadow: none; }
.demo-tag { font: 9px 'Microsoft YaHei',sans-serif; letter-spacing: 1px; border: 1px solid #283449; padding: 3px 8px; border-radius: 3px; color: #8091aa; }
.core-scene { height: 350px; position: relative; display: grid; place-items: center; perspective: 800px; transform: rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg)); transition: transform .4s ease-out; isolation: isolate; overflow: hidden; }
.scene-grid { position: absolute; width: 90%; height: 100%; background-image: linear-gradient(#37648c12 1px,transparent 1px),linear-gradient(90deg,#37648c12 1px,transparent 1px); background-size: 24px 24px; transform: rotateX(58deg) rotateZ(-30deg); mask-image: radial-gradient(ellipse,#000,transparent 68%); z-index: -1; }
.core-scene::before { content: ''; position: absolute; width: 290px; height: 290px; border-radius: 50%; background: radial-gradient(circle,#155e9d24,transparent 68%); }
.orbit { position: absolute; border: 1px solid #3e80b92c; width: 335px; height: 335px; border-radius: 50%; pointer-events: none; }
.orbit-one { transform: rotate(-28deg) scaleY(.53); border-color: #51d6e448; }
.orbit-two { transform: rotate(50deg) scaleY(.62); border-color: #6b68ef48; }
.orbit-three { width: 280px; height: 280px; border: 1px dashed #6c8dc726; animation: orbit-spin 55s linear infinite; }
.orbit i { position: absolute; left: 15%; top: 15%; width: 6px; height: 6px; background: #49e4ee; border-radius: 50%; box-shadow: 0 0 13px #2ddef3; animation: orbital-light 5s ease-in-out infinite; }
.orbit-two i { left: auto; top: auto; right: 15%; bottom: 15%; background: #916fff; box-shadow: 0 0 13px #8161fa; animation-delay: -2.5s; }
.core-shell { position: absolute; width: 196px; height: 196px; border: 1px solid #387aa148; border-radius: 24px; transform: rotate(45deg); background: linear-gradient(135deg,#18aece05,#3355ef0c); transition: border-color .7s,box-shadow .7s,transform .7s; }
.shell-outer { width: 236px; height: 236px; border-color: #3f6a9333; background: none; border-radius: 30px; box-shadow: 0 0 40px #2263bb0a; animation: shell-breathe 6s ease-in-out infinite; }
.shell-inner { box-shadow: inset 0 0 38px #3671f510,0 0 30px #3671f50a; }
.logo-core { position: relative; width: 237px; height: 237px; display: grid; place-items: center; animation: core-float 6s ease-in-out infinite; overflow: hidden; }
.logo-core img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 17px #2765ff4a); }
.scan-line { height: 1px; width: 80%; position: absolute; left: 10%; top: 20%; background: linear-gradient(90deg,transparent,#74ffff80,transparent); box-shadow: 0 0 20px 4px #34baff1a; animation: core-scan 5s ease-in-out infinite; }
.core-beam { position: absolute; width: 140px; height: 220px; bottom: 7px; background: linear-gradient(transparent,#269ff207); clip-path: polygon(30% 0,70% 0,100% 100%,0 100%); z-index: -1; }
.core-cross { position: absolute; color: #557491; font: 15px var(--mono); }
.cross-one { left: 18px; top: 50px; }.cross-two { right: 16px; bottom: 63px; }
.core-callout { position: absolute; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #29415a; border-radius: 6px; background: linear-gradient(120deg,#102131ed,#0c1422ed); box-shadow: 0 8px 28px #0002; z-index: 2; animation: callout-float 7s ease-in-out infinite; }
.core-callout>.icon { color: #71b5d3; width: 19px; height: 19px; }
.core-callout span { color: #b2c7dd; font: 10px/1.5 var(--mono); }
.core-callout small { display: block; font: 7px/1.8 var(--mono); letter-spacing: .8px; color: #607b96; }
.callout-source { left: 0; top: 79px; transform: translateX(-4px); }
.callout-source i { width: 4px; height: 4px; background: #53c5e8; border-radius: 50%; margin-left: 10px; }
.callout-protected { right: 0; bottom: 72px; animation-delay: -3s; border-color: #3a3b68; background: linear-gradient(110deg,#111e32ee,#1b1831ee); }
.callout-protected>.icon { color: #8b89ef; }
.core-callout .callout-check { width: 13px; height: 13px; color: #5bc7cf; margin-left: 8px; }
.core-coordinate { position: absolute; bottom: 7px; left: 0; right: 0; text-align: center; color: #52708a; font: 8px/1.8 var(--mono); letter-spacing: 2.2px; }
.core-coordinate span { display: block; font-size: 7px; letter-spacing: 1.7px; color: #32465f; }
.core-scene[data-phase='1'] .shell-inner { border-color: #52d6ffb0; box-shadow: 0 0 40px #269ad62e,inset 0 0 30px #269ad618; transform: rotate(135deg); }
.core-scene[data-phase='1'] .shell-outer { border-color: #7972f288; }
.core-scene[data-phase='2'] .shell-inner { border-color: #5ad9bb90; box-shadow: 0 0 45px #32c4b028,inset 0 0 20px #32c4b010; transform: rotate(225deg); }
.core-scene[data-phase='2'] .callout-protected { border-color: #43cbbb70; }
.process-console { background: linear-gradient(115deg,#0f1929d9,#0d1421e8); border: 1px solid #263348; border-radius: 8px; box-shadow: 0 20px 60px #00000014; position: relative; z-index: 3; }
.console-header { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #29374a70; color: #5e7592; font: 9px var(--mono); }
.console-dots { display: flex; gap: 4px; }.console-dots i { width: 4px; height: 4px; border-radius: 50%; background: #355065; }.console-dots i:nth-child(2) { background: #435574; }.console-dots i:nth-child(3) { background: #5a527d; }
.console-preview { margin-left: auto; font: 9px 'Microsoft YaHei',sans-serif; color: #52647d; }
.phase-controls { display: grid; grid-template-columns: repeat(3,1fr); padding: 11px 13px 0; gap: 6px; }
.phase-button { background: transparent; color: #72859f; border: 1px solid transparent; padding: 8px 5px; font-size: 10px; white-space: nowrap; border-radius: 4px; transition: background .2s,color .2s,border-color .2s; }
.phase-button>span { font: 9px var(--mono); margin-right: 5px; opacity: .65; }
.phase-button:hover { color: #b8d8ed; background: #15283b; }.phase-button.is-active { color: #66d5e9; border-color: #31607780; background: #1a536625; }
.phase-content { padding: 16px 19px 13px; min-height: 86px; }
.phase-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.phase-title-row h2 { font-size: 12px; font-weight: 500; color: #c9d7e9; }.phase-title-row>span { font: 8px var(--mono); letter-spacing: 1px; color: #516a87; }
.phase-content p { color: #7e94af; font-size: 10px; line-height: 1.8; margin-top: 7px; }
.demo-progress { height: 2px; background: #18283c; margin: 0 19px; overflow: hidden; }.demo-progress>span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#37b5cf,#7c7bf4); transition: width .2s linear; }
.console-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 41px; padding: 9px 19px; gap: 8px; color: #6e8aa3; font: 9px var(--mono); }
#demo-run { border: 0; padding: 2px 0; background: none; color: #7cbed6; font: 10px 'Microsoft YaHei',sans-serif; }#demo-run:hover { color: var(--cyan); }#demo-run span { margin-left: 8px; }#demo-run:disabled { color: #61758e; }
.capability-strip { border-block: 1px solid var(--line); display: grid; grid-template-columns: 1.1fr repeat(3,1fr); gap: 24px; align-items: center; padding-block: 27px; }
.strip-label { font-size: 10px; color: #667892; line-height: 1.8; letter-spacing: 1px; }.strip-label b { font-size: 12px; font-weight: 500; color: #a9b9ce; letter-spacing: .5px; }
.capability-strip>div { display: flex; align-items: center; gap: 15px; }.capability-strip .icon { color: #5e87ad; width: 24px; height: 24px; stroke-width: 1.2; }.capability-strip>div>span { color: #b0bfd3; font-size: 12px; letter-spacing: .3px; }.capability-strip small { display: block; color: #4a607c; font: 8px/1.7 var(--mono); letter-spacing: 1.3px; margin-top: 4px; }
.features-section { padding-top: 70px; padding-bottom: 65px; }.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 28px; }.section-kicker { color: #6082a2; font: 9px var(--mono); letter-spacing: 2px; }.section-heading h2 { font-size: 28px; font-weight: 600; letter-spacing: .7px; margin-top: 10px; }.section-heading>p { color: #61748f; font-size: 11px; line-height: 1.9; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.feature-card { padding: 25px 26px 23px; border: 1px solid #1f2b3e; border-radius: 7px; background: linear-gradient(135deg,#101b2a9c,#0b111c85); transition: border-color .25s,transform .25s,background .25s; min-width: 0; }.feature-card:hover { transform: translateY(-5px); border-color: #355477; background: linear-gradient(135deg,#122236c4,#0d1628bb); }
.feature-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; gap: 15px; }.feature-top .icon { color: #79a7cc; width: 25px; height: 25px; stroke-width: 1.3; }.feature-top>span { font: 8px var(--mono); letter-spacing: 1.2px; color: #49627f; }.feature-card:nth-child(2) .feature-top .icon { color: #7c8ce2; }.feature-card:nth-child(3) .feature-top .icon { color: #9b8ad9; }
.feature-card h3 { font-size: 15px; font-weight: 500; letter-spacing: .3px; margin-bottom: 12px; }.feature-card>p { font-size: 11px; line-height: 1.95; color: #7e92ac; min-height: 65px; }.feature-bottom { display: flex; align-items: center; gap: 7px; margin-top: 27px; color: #648ba2; font-size: 9px; }.feature-bottom .status-dot { width: 4px; height: 4px; box-shadow: none; background: #437f97; }.feature-options { color: #74809f; gap: 10px; }.feature-options>span { border: 1px solid #2c354d; padding: 3px 9px; border-radius: 3px; font-size: 9px; }.feature-options>b { font-weight: 400; color: #3c4a64; }
.mini-timeline { height: 24px; display: flex; align-items: center; margin-top: 29px; width: 75%; }.mini-timeline i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #667fca; box-shadow: 0 0 0 4px #5265a61a; }.mini-timeline>span { height: 1px; flex: 1; background: linear-gradient(90deg,#526fae80,#526fae30); margin-inline: 7px; }.mini-timeline i:last-child { background: #33517c; box-shadow: none; }
.release-section { display: grid; grid-template-columns: 240px 1fr; gap: 35px; border-top: 1px solid var(--line); padding-top: 30px; padding-bottom: 38px; }.release-heading h2 { font-size: 17px; font-weight: 500; margin: 7px 0; }.release-heading .version { font: 10px var(--mono); color: #728ba9; }.release-section>p { font-size: 12px; color: #8092ac; line-height: 1.95; overflow-wrap: anywhere; }
.site-footer { display: flex; align-items: center; gap: 30px; padding-top: 24px; padding-bottom: 28px; border-top: 1px solid var(--line); color: #50637d; font-size: 10px; z-index: 1; }.footer-brand { display: flex; align-items: center; gap: 8px; min-width: 0; }.footer-brand img { object-fit: contain; opacity: .7; }.footer-notice { margin-left: auto; color: #60748f; }
.motion-toggle { border: 1px solid #273348; border-radius: 4px; background: #0d1624; color: #7086a2; padding: 5px 9px; font-size: 9px; display: flex; align-items: center; gap: 7px; }.motion-toggle:hover { color: #afc9df; border-color: #426080; }.motion-symbol { width: 7px; height: 8px; border-inline: 2px solid currentColor; }.motion-paused .motion-symbol { width: 0; height: 0; border: 4px solid transparent; border-left: 6px solid currentColor; border-right: 0; }
.motion-paused *,.motion-paused *::before,.motion-paused *::after { animation-play-state: paused !important; }.motion-paused .core-scene { transform: none; }.motion-paused .core-shell,.motion-paused .demo-progress>span { transition: none; }
@keyframes status-pulse { 50% { box-shadow: 0 0 13px #43deed90; opacity: .5; } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes orbital-light { 50% { opacity: .35; box-shadow: 0 0 5px #2ddef3; } }
@keyframes shell-breathe { 50% { transform: rotate(45deg) scale(1.045); opacity: .6; } }
@keyframes core-float { 50% { transform: translateY(-8px); } }
@keyframes callout-float { 50% { translate: 0 -5px; } }
@keyframes core-scan { 0%,100% { top: 22%; opacity: 0; } 15%,75% { opacity: .7; } 90% { top: 80%; opacity: 0; } }
@media (min-width: 1500px) { .hero { gap: 70px; padding-block: 78px; }.core-scene { height: 370px; } }
@media (max-width: 1100px) {
    .shell { width: calc(100% - 64px); }.hero { gap: 28px; padding-top: 45px; padding-bottom: 48px; }.hero h1 { font-size: 55px; }.hero-intro { font-size: 17px; }.eyebrow { letter-spacing: 1px; font-size: 10px; }.download-actions { gap: 15px; }.button { padding: 13px 15px; font-size: 12px; }.button .action-arrow { margin-left: 1px; }
    .core-scene { height: 320px; }.core-shell { width: 170px; height: 170px; }.shell-outer { width: 210px; height: 210px; }.logo-core { width: 210px; height: 210px; }.orbit { width: 285px; height: 285px; }.orbit-three { width: 250px; height: 250px; }.core-callout { padding: 8px; gap: 7px; }.callout-source { left: -8px; top: 69px; }.callout-protected { right: -7px; bottom: 64px; }.core-callout span { font-size: 9px; }.core-callout small { font-size: 6px; }
    .capability-strip { gap: 17px; }.capability-strip>div { gap: 10px; }.capability-strip>div>span { font-size: 11px; }.feature-card { padding: 22px 20px; }.feature-card h3 { font-size: 14px; }.feature-top>span { font-size: 7px; }
}
@media (max-width: 800px) {
    .shell { width: calc(100% - 44px); }.site-header { height: 85px; }.site-nav { gap: 22px; }.site-nav>a:not(.nav-download) { display: none; }.brand { font-size: 18px; }.brand small { font-size: 7px; letter-spacing: 1.1px; }.brand img { width: 41px; height: 41px; }.site-nav .nav-download { font-size: 11px; padding: 7px 11px; gap: 8px; }
    .hero { grid-template-columns: 1fr; gap: 43px; padding-top: 47px; padding-bottom: 38px; min-height: 0; }.hero-copy { max-width: 560px; text-align: center; margin-inline: auto; padding-bottom: 0; }.eyebrow { justify-content: center; margin-bottom: 21px; }.hero h1 { font-size: clamp(46px,8.5vw,62px); line-height: 1.22; }.hero-intro { font-size: 18px; margin-top: 24px; }.hero-description { font-size: 12px; margin: 13px auto 0; max-width: 460px; }.download-actions { justify-content: center; margin-top: 25px; gap: 20px; }.download-meta { justify-content: center; }.hero-footnote { justify-content: center; margin-top: 24px; font-size: 9px; }
    .protection-demo { width: min(510px,100%); margin-inline: auto; }.core-scene { height: 325px; }.core-shell { width: 190px; height: 190px; }.shell-outer { width: 225px; height: 225px; }.logo-core { width: 225px; height: 225px; }.orbit { width: 320px; height: 320px; }.orbit-three { width: 270px; height: 270px; }.callout-source { left: 5px; top: 69px; }.callout-protected { right: 4px; bottom: 65px; }.core-callout span { font-size: 10px; }.core-callout small { font-size: 7px; }.core-callout { padding: 9px 11px; }.phase-controls { padding: 12px 13px 0; }.phase-button { font-size: 11px; }.phase-content p { font-size: 11px; }
    .capability-strip { grid-template-columns: repeat(3,1fr); gap: 16px; padding-block: 24px; }.strip-label { display: none; }.capability-strip>div { justify-content: center; gap: 9px; }.capability-strip .icon { width: 20px; height: 20px; }.capability-strip small { font-size: 6px; letter-spacing: .6px; }.capability-strip>div>span { font-size: 10px; }
    .features-section { padding-top: 46px; padding-bottom: 40px; }.section-heading h2 { font-size: 25px; }.section-heading>p { font-size: 10px; }.feature-grid { grid-template-columns: 1fr; gap: 12px; }.feature-card { padding: 23px 25px; }.feature-top { margin-bottom: 15px; }.feature-top>span { font-size: 9px; }.feature-card h3 { font-size: 16px; }.feature-card>p { font-size: 12px; min-height: 0; max-width: 540px; }.feature-bottom,.mini-timeline { margin-top: 20px; }.mini-timeline { max-width: 240px; }
    .release-section { grid-template-columns: 1fr; gap: 15px; padding-top: 25px; padding-bottom: 28px; }.release-heading { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }.release-heading h2 { margin: 0; }.release-heading .section-kicker { font-size: 8px; }.site-footer { flex-wrap: wrap; gap: 13px 20px; font-size: 9px; padding-top: 20px; }.footer-notice { margin-left: auto; font-size: 9px; }.motion-toggle { margin-left: auto; }
}
@media (max-width: 420px) {
    .shell { width: calc(100% - 36px); }.brand { gap: 5px; font-size: 16px; letter-spacing: .5px; }.brand small { font-size: 6px; letter-spacing: .8px; }.brand img { width: 37px; height: 37px; }.site-nav .nav-download { gap: 6px; padding: 7px 9px; font-size: 10px; }.site-nav .icon { width: 13px; height: 13px; }
    .hero { padding-top: 36px; gap: 35px; }.hero h1 { font-size: 49px; }.eyebrow { font-size: 9px; letter-spacing: .8px; }.hero-intro { font-size: 16px; }.hero-description { font-size: 11px; }.download-actions { gap: 15px; flex-direction: column; }.download-meta { margin-top: 15px; font-size: 10px; }.hero-footnote { font-size: 8px; letter-spacing: .5px; }
    .core-scene { height: 292px; }.orbit { width: 268px; height: 268px; }.orbit-three { width: 242px; height: 242px; }.core-shell { width: 163px; height: 163px; border-radius: 20px; }.shell-outer { width: 195px; height: 195px; border-radius: 25px; }.logo-core { width: 195px; height: 195px; }.core-callout { padding: 7px; gap: 6px; }.core-callout span { font-size: 8px; }.core-callout small { font-size: 6px; }.core-callout>.icon { width: 15px; height: 15px; }.callout-source { left: 0; top: 58px; }.callout-protected { right: 0; bottom: 58px; }.cross-one { left: 5px; top: 24px; }.cross-two { right: 3px; bottom: 27px; }.core-topline { font-size: 8px; letter-spacing: 1px; }
    .phase-controls { gap: 3px; padding-inline: 10px; }.phase-button { font-size: 10px; padding: 8px 3px; }.phase-button>span { font-size: 8px; margin-right: 3px; }.phase-content { padding: 14px 15px; min-height: 91px; }.phase-content p { font-size: 10px; }.phase-title-row>span { font-size: 7px; }.console-bottom { padding-inline: 15px; }.demo-progress { margin-inline: 15px; }
    .capability-strip { gap: 6px; }.capability-strip>div { gap: 6px; }.capability-strip .icon { width: 17px; height: 17px; }.capability-strip>div>span { font-size: 9px; }.capability-strip small { font-size: 5px; letter-spacing: .5px; }.section-heading>p { display: none; }.section-heading h2 { font-size: 23px; }.feature-card { padding: 22px; }.footer-notice { margin-left: 0; }.motion-toggle { font-size: 8px; padding: 4px 6px; }.site-footer { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    body:not(.motion-enabled) *,body:not(.motion-enabled) *::before,body:not(.motion-enabled) *::after { animation: none !important; transition: none !important; }
    .core-scene { transform: none !important; }
}