/* RETEDI · 循光 | Static site v1.0 | No external dependencies */
:root {
  --bg: #091116;
  --surface: #111b21;
  --surface-2: #17242a;
  --surface-raised: #1d2a30;
  --text: #edf0eb;
  --muted: #99a7a9;
  --faint: #6d7d81;
  --line: rgba(209,230,221,.14);
  --line-strong: rgba(209,230,221,.25);
  --accent: #cef48a;
  --accent-deep: #b8ef6a;
  --teal: #7dcebc;
  --accent-ink: #0b1811;
  --art: #0e1a1e;
  --shadow: 0 24px 65px rgba(0,0,0,.16);
  --site-width: 1200px;
}
html[data-theme="light"] {
  --bg: #f4f6f0;
  --surface: #fcfdf9;
  --surface-2: #e9efe8;
  --surface-raised: #fff;
  --text: #112127;
  --muted: #53676c;
  --faint: #667a7d;
  --line: rgba(24,52,47,.15);
  --line-strong: rgba(24,52,47,.25);
  --accent: #285c42;
  --accent-deep: #306c48;
  --teal: #236f6a;
  --accent-ink: #fff;
  --art: #e5f0e8;
  --shadow: 0 24px 65px rgba(40,65,53,.07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
::selection { background: var(--accent); color: var(--accent-ink); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
.shell { width: min(calc(100% - 96px), var(--site-width)); margin: 0 auto; }
.skip-link { position: fixed; left: 20px; top: -100px; z-index: 100; background: var(--accent); color: var(--accent-ink); padding: 9px 14px; }
.skip-link:focus { top: 10px; }
.topline { border-bottom: 1px solid var(--line); font: 600 10px/1.2 "Segoe UI", Arial, sans-serif; letter-spacing: .16em; color: var(--muted); }
.topline-inner { display: flex; align-items: center; justify-content: space-between; height: 34px; }
.topline-inner > span { display: inline-flex; align-items: center; gap: 11px; }
.signal { width: 6px; height: 6px; border-radius: 50%; display: inline-block; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 9%, transparent); }
.topline-note { opacity: .7; }
.site-header { position: sticky; top: 0; z-index: 30; background: color-mix(in srgb, var(--bg) 87%, transparent); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
.header-inner { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: none; }
.brand-symbol { display:block; }
.brand-lockup { display: flex; flex-direction: column; justify-content: center; gap: 0; }
.brand-lockup strong { font: 800 24px/1 "Segoe UI", Arial, sans-serif; letter-spacing: .085em; }
.brand-lockup small { display:block; color: var(--muted); margin-top: 6px; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.site-nav { display: flex; align-items: center; gap: clamp(14px, 2.3vw, 32px); margin-left: auto; }
.nav-link { position: relative; color: var(--muted); font-size: 13px; font-weight: 600; white-space: nowrap; transition: color .2s; }
.nav-link:hover, .nav-link.is-active { color: var(--text); }
.nav-link::after { content: ""; height: 2px; background: var(--accent); width: 0; position: absolute; bottom: -29px; left: 0; transition: width .2s; }
.nav-link:hover::after, .nav-link.is-active::after { width: 100%; }
.header-actions { display:flex; align-items:center; gap: 7px; margin-left: 14px; }
.theme-toggle, .menu-toggle { border: 1px solid var(--line); background: transparent; color: var(--text); cursor: pointer; border-radius: 50%; width: 37px; height: 37px; display: inline-grid; place-items: center; transition: background .2s; }
.theme-toggle:hover,.menu-toggle:hover { background: var(--surface-2); }
.theme-toggle svg { height: 18px; width: 18px; }
.menu-toggle { display:none; border-radius: 10px; }
.menu-toggle span { display:block; background:var(--text); width:16px; height:1.5px; margin:2px auto; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { line-height: 1.28; letter-spacing:-.035em; }
.eyebrow { display: flex; align-items:center; gap: 12px; font: 700 10px/1.5 "Segoe UI", Arial,sans-serif; letter-spacing: .175em; color: var(--accent); text-transform: uppercase; }
.eyebrow .line { height: 1px; width: 27px; background: currentColor; }
.eyebrow-index { margin-left: 8px; color: var(--faint); }
.hero { min-height: 700px; display: grid; grid-template-columns: minmax(0,1.07fr) minmax(0,.93fr); align-items: center; gap: 28px; padding-top: 80px; padding-bottom: 85px; }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { margin: 31px 0 25px; font-size: clamp(42px,4.5vw,67px); font-weight: 750; letter-spacing: -.065em; line-height: 1.2; white-space: nowrap; }
.hero h1 em { font-style:normal; color: var(--accent); }
.hero h1 .dot { color:var(--text); }
.hero-lede { max-width: 510px; font-size: 16px; line-height: 2; font-weight: 400; color:var(--muted); }
.hero-lede strong { color:var(--text); font-weight: 600; }
.hero-actions { display:flex; align-items:center; gap: 12px; margin-top: 32px; }
.button { min-height: 48px; display:inline-flex; align-items:center; justify-content:center; gap: 32px; padding: 0 21px; border: 1px solid var(--line-strong); border-radius: 4px; font-size: 12px; font-weight: 750; white-space:nowrap; transition: transform .2s, background .2s, border .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background: var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.button-outline { color: var(--text); }
.button-outline:hover { background:var(--surface); border-color:var(--accent); }
.hero-signature { display: flex; gap: 12px; align-items:center; margin-top: 48px; color: var(--faint); font: 600 11px/1.5 "Segoe UI","Microsoft YaHei",sans-serif; letter-spacing:.055em; }
.hero-signature .slash { opacity: .45; }
.status-pulse { height: 6px; width: 6px; background:var(--accent); border-radius:50%; box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%,transparent); }
.hero-art { position:relative; height:520px; isolation:isolate; min-width:0; border:1px solid var(--line); background: radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--accent) 9%, transparent) 0%, transparent 45%), var(--art); overflow:hidden; border-radius: 3px; }
.art-grid { position:absolute; inset:0; opacity: .44; background-image: linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse, black 30%, transparent 82%); }
.orbital { position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid color-mix(in srgb, var(--accent) 26%,transparent); }
.orbital-a { height:250px;width:250px; border-style:dashed; animation:spin 70s linear infinite; }
.orbital-b { height:354px;width:354px; border-color:color-mix(in srgb, var(--accent) 20%,transparent); }
.orbital-c { height:455px;width:455px; border-color:color-mix(in srgb, var(--text) 9%, transparent); }
.orbital-b::after { content:"";position:absolute; height:7px;width:7px; border-radius:100%; background:var(--accent); left:24px;top:59px; box-shadow:0 0 20px 4px color-mix(in srgb, var(--accent) 29%, transparent); }
.orbit-core { position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);height:185px;width:185px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%; display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 66%,transparent);box-shadow:0 0 85px color-mix(in srgb,var(--accent) 8%,transparent); }
.orbit-glyph { letter-spacing: -.1em; font: 700 clamp(31px,3.8vw,51px)/1 "Segoe UI", Arial,sans-serif; color:var(--text); padding-right:7px; }
.orbit-glyph span { color:var(--accent); }
.orbit-core-caption { font:700 8px/1.5 "Segoe UI",sans-serif;letter-spacing:.17em;color:var(--muted);margin-top:16px; }
.art-point { width:5px; height:5px; background:var(--teal); position:absolute; border-radius:50%; }
.point-a { left:22%;top:32%; }.point-b {right:20%;bottom:22%;}.point-c{left:24%;bottom:21%;}
.art-label { font:700 10px/1.3 "Segoe UI",sans-serif;color:var(--muted);letter-spacing:.075em;position:absolute;white-space:nowrap; }
.art-label small { color:var(--accent);padding-right:8px; }
.art-label-a {left:25px;top:32px;}.art-label-b{right:20px;top:110px;}.art-label-c{left:35px;bottom:48px;}
.art-vertical {position:absolute;right:20px;bottom:20px;writing-mode:vertical-rl;font:600 9px/1.2 "Segoe UI",sans-serif;letter-spacing:.15em;color:var(--faint);}
.art-cross { position:absolute; color:var(--faint); font:200 16px/1 Arial; }.cross-a{left:24px;bottom:19px;}.cross-b{right:28px;top:29px;}
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
.value-strip { border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0; }
.value-strip>div { padding:0 28px; }
.value-strip>div:first-child { padding-left:0; }.value-strip>div:not(:last-child){border-right:1px solid var(--line);}
.value-strip span {display:block;color:var(--accent);font:700 10px/1.5 "Segoe UI",sans-serif;letter-spacing:.12em;margin-bottom:9px;}
.value-strip strong {display:block;font-size:19px;letter-spacing:-.02em;}.value-strip p{margin:4px 0 0;font-size:12px;color:var(--muted);}
.section { padding-top:110px; padding-bottom:110px; }.section-tight{padding-top:25px;padding-bottom:95px;}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:39px;}.section-head h2{font-size:clamp(32px,3.6vw,48px);margin:20px 0 0;font-weight:700;}
.section-head>p {max-width:360px;color:var(--muted);font-size:14px;line-height:1.95;margin:0 0 5px;}.text-highlight{color:var(--accent);}.section-head.small h2 {font-size:clamp(28px,3vw,39px);}
.path-grid { display:grid;grid-template-columns:1.11fr 1fr 1fr;grid-template-rows:290px 290px;gap:15px;}
.path-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:27px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:border-color .22s, transform .22s,box-shadow .22s;}
.path-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-3px);box-shadow:var(--shadow);}.path-card:nth-child(4){grid-column:span 2;}
.path-feature {grid-row:span 2;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 65%),var(--surface);}
.path-top{display:flex;justify-content:space-between;align-items:center;z-index:1;}.mono{font:700 10px/1.5 "Segoe UI",sans-serif;letter-spacing:.15em;color:var(--faint);}.path-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:17px;line-height:1;transition:background .2s,color .2s;}.path-card:hover .path-arrow{background:var(--accent);color:var(--accent-ink);}
.path-card h3{font-size:24px;margin:0 0 10px;}.path-card h3 span{display:block;color:var(--muted);font:600 11px/1.5 "Segoe UI",sans-serif;letter-spacing:.06em;margin-top:5px;}.path-card p {font-size:13px;max-width:300px;color:var(--muted);line-height:1.85;margin-bottom:17px;}.path-link{font-size:12px;font-weight:700;color:var(--accent);}.path-link span{margin-left:9px;}
.research-symbol{position:relative; height:220px;display:grid;place-items:center;}.research-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--line-strong);}.ring-1{height:155px;width:155px;}.ring-2{height:225px;width:225px;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 28%,transparent);}.research-atom{height:74px;width:74px;background:var(--accent);border-radius:50%;box-shadow:0 0 70px color-mix(in srgb,var(--accent) 23%,transparent);}.research-symbol:before{content:"";height:11px;width:11px;background:var(--teal);border-radius:50%;position:absolute;top:27px;left:46%;z-index:2;}
.simple-illustration{height:76px;position:relative;}.tool-illustration{padding:6px 0;}.code-line{display:block;height:7px;border-radius:2px;background:var(--teal);margin-bottom:10px;opacity:.55;}.code-line.wide{width:55%;}.code-line.medium{width:43%;opacity:.34;}.code-line.small{width:28%;opacity:.6;}.code-cursor{position:absolute;top:0;left:62%;width:3px;height:48px;background:var(--accent);}
.edu-illustration{display:flex;align-items:center;gap:13px;}.edu-illustration i{width:26px;height:26px;border:1px solid var(--teal);transform:rotate(45deg);}.edu-illustration i:nth-child(2){background:var(--accent);border-color:var(--accent);}.edu-illustration i:nth-child(3){opacity:.5;}.edu-illustration i:nth-child(4){width:12px;height:12px;opacity:.7;}
.library-illustration {display:flex;align-items:center;gap:8px;}.library-illustration i{width:28px;height:59px;border-radius:2px;background:var(--surface-2);border:1px solid var(--teal);transform:skew(-10deg);}.library-illustration i:nth-child(2){height:66px;background:var(--accent);border-color:var(--accent);}.library-illustration i:nth-child(3){height:47px;opacity:.5;}
.band{background:var(--accent);color:var(--accent-ink);padding:85px 0;}.band-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;}.band .eyebrow{color:color-mix(in srgb,var(--accent-ink) 60%,transparent);}.band h2{font-size:clamp(34px,4.1vw,55px);line-height:1.35;letter-spacing:-.055em;margin:18px 0 0;}.band h2 span{opacity:.58;}.band p{line-height:2;font-size:14px;margin:0 0 24px;opacity:.8;}.inline-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding-bottom:7px;font-weight:750;font-size:13px;}
.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.milestone-grid>div{border-top:1px solid var(--line-strong);padding:20px 15px 12px 0;position:relative;}.step-no{font:700 12px/1.5 "Segoe UI",sans-serif;color:var(--accent);}.step-status{font-size:10px;color:var(--faint);position:absolute;right:15px;top:20px;border:1px solid var(--line);border-radius:30px;padding:2px 9px;}.step-status.status-current{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);}.milestone-grid h3{font-size:20px;margin:30px 0 8px;}.milestone-grid p{font-size:13px;line-height:1.8;color:var(--muted);}
.closing-cta{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid var(--line);padding-top:60px;padding-bottom:120px;}.closing-cta h2{font-size:clamp(30px,4.4vw,60px);margin:17px 0 0;}.closing-cta h2 span{color:var(--accent);}.round-link{display:grid;place-items:center;height:82px;width:82px;border:1px solid var(--line-strong);border-radius:50%;font-size:32px;flex:none;transition:background .2s,color .2s;}.round-link:hover{background:var(--accent);color:var(--accent-ink);}
.site-footer {background:var(--surface);border-top:1px solid var(--line);}.footer-grid{padding-top:58px;padding-bottom:55px;display:flex;justify-content:space-between;gap:40px;}.footer-brand{display:flex;align-items:center;gap:9px;font:800 21px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.05em;}.footer-brand small{font:600 13px "Microsoft YaHei",sans-serif;color:var(--muted);padding-left:7px;}.footer-grid p {font-size:12px;line-height:2.1;color:var(--muted);margin:21px 0 0;}.footer-nav{display:flex;gap:90px;}.footer-nav>div{display:flex;flex-direction:column;gap:13px;}.footer-label{color:var(--faint);font:700 11px/1.5 "Segoe UI",sans-serif;letter-spacing:.12em;margin-bottom:6px;}.footer-nav a{font-size:13px;color:var(--muted);}.footer-nav a:hover{color:var(--accent);}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);min-height:62px;font:600 11px/1.5 "Segoe UI",sans-serif;color:var(--faint);}.footer-bottom a:hover{color:var(--accent);}
.page-intro{padding-top:115px;padding-bottom:85px;border-bottom:1px solid var(--line);}.page-intro h1{font-size:clamp(40px,5.5vw,76px);font-weight:730;margin:28px 0 25px;max-width:1000px;letter-spacing:-.058em;line-height:1.27;}.page-intro>p{max-width:740px;font-size:16px;line-height:2.05;color:var(--muted);margin-bottom:0;}.page-intro-note{display:inline-flex;margin-top:27px;border-left:2px solid var(--accent);padding-left:13px;font-size:12px;line-height:1.75;color:var(--faint);}
.mini-label{font:700 10px/1.5 "Segoe UI",sans-serif;letter-spacing:.16em;color:var(--accent);margin-bottom:15px;}
.research-row{display:grid;grid-template-columns:80px minmax(0,1fr) 240px;align-items:start;gap:35px;padding:45px 0 48px;border-bottom:1px solid var(--line);}.item-index{font:700 13px/1.5 "Segoe UI",sans-serif;color:var(--faint);padding-top:4px;}.research-row h2{font-size:clamp(24px,2.7vw,36px);margin-bottom:14px;}.research-row p {max-width:650px;color:var(--muted);font-size:14px;line-height:1.95;}.research-side{border-left:1px solid var(--line);padding:3px 0 4px 20px;font:700 10px/1.55 "Segoe UI",sans-serif;color:var(--faint);letter-spacing:.1em;}.research-side strong{display:block;font:600 14px/1.8 "Microsoft YaHei",sans-serif;color:var(--text);letter-spacing:0;margin-top:13px;}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;}.tag-row span{border:1px solid var(--line);border-radius:2px;font-size:11px;color:var(--muted);padding:3px 9px;}
.content-panel{border:1px solid var(--line);background:var(--surface);padding:43px;}.panel-columns{display:grid;grid-template-columns: .85fr 1fr;gap:65px;align-items:start;}.panel-columns h2 {font-size:clamp(30px,3vw,43px);}.numbered-points>div{display:flex;gap:18px;border-top:1px solid var(--line);padding:14px 0 15px;}.numbered-points>div>span{color:var(--accent);font:750 12px "Segoe UI",sans-serif;margin-top:5px;}.numbered-points p{font-size:13px;line-height:1.95;color:var(--muted);margin:0;}.numbered-points b{color:var(--text);}
.tool-stack{display:flex;flex-direction:column;}.tool-row{display:grid;grid-template-columns:72px minmax(0,1fr) 100px;gap:25px;align-items:start;border-bottom:1px solid var(--line);padding:41px 0;}.tool-icon{width:62px;height:62px;display:grid;place-items:center;font:300 32px "Segoe UI",sans-serif;color:var(--accent);border:1px solid var(--line-strong);border-radius:5px;}.tool-row h2{font:650 clamp(24px,2.8vw,35px)/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.04em;margin:0 0 16px;}.tool-row h2 small{display:block;color:var(--muted);font:500 15px/1.6 "Microsoft YaHei",sans-serif;letter-spacing:0;margin-top:6px;}.tool-row p{max-width:700px;color:var(--muted);font-size:14px;line-height:1.9;}.outline-status{border:1px solid var(--line-strong);padding:4px 10px;font-size:11px;color:var(--faint);white-space:nowrap;text-align:center;}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:50px;}.split-panel h2{font-size:clamp(29px,3.2vw,44px);margin-bottom:19px;}.split-panel p{font-size:14px;color:var(--muted);line-height:1.95;}.terminal{font:600 13px/2.55 "Cascadia Code",Consolas,monospace;letter-spacing:0;background:#071013;color:#e0eae5;border:1px solid #334c4d;padding:22px 26px;min-width:0;overflow-x:auto;}.terminal-head{display:flex;align-items:center;gap:5px;padding-bottom:20px;margin-bottom:12px;border-bottom:1px solid #233c3c;color:#789b9d;font-size:9px;letter-spacing:.1em;line-height:1.4;}.terminal-head i{width:7px;height:7px;border-radius:50%;background:#496664;}.terminal-head i:first-child{background:#c5e48c;}.terminal-head span{margin-left:auto;}.terminal-muted{color:#69908c;padding-right:13px;}.terminal-arrow{color:#c5e48c;}.terminal-end{color:#c5e48c;margin-top:10px;}.cursor{display:inline-block;width:6px;height:13px;vertical-align:middle;background:#c5e48c;animation:blink 1.4s steps(2,start) infinite;}@keyframes blink{to{opacity:0;}}
.edu-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.edu-steps>div{padding:32px 23px 38px;border-right:1px solid var(--line);}.edu-steps>div:first-child{padding-left:0;}.edu-steps>div:last-child{border-right:0;}.edu-steps b{display:block;font:600 36px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.04em;color:var(--accent);}.edu-steps span{display:block;margin-top:37px;font:700 10px/1.5 "Segoe UI",sans-serif;color:var(--faint);letter-spacing:.13em;}.edu-steps h3{font-size:20px;margin:12px 0;}.edu-steps p{font-size:13px;color:var(--muted);line-height:1.85;}.feature-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.info-card{padding:38px;background:var(--surface);border:1px solid var(--line);}.info-card h3{font-size:25px;}.info-card p{color:var(--muted);font-size:14px;line-height:1.9;}.method-heading{margin:32px 0;}.method-heading h2{font-size:clamp(27px,3.6vw,44px);}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.method-card{padding:36px 31px;border:1px solid var(--line);background:var(--surface);}.method-num{font:700 11px/1.5 "Segoe UI",sans-serif;color:var(--accent);letter-spacing:.1em;}.method-card h3{font:700 33px/1.2 "Segoe UI",sans-serif;margin:47px 0 18px;letter-spacing:-.045em;}.method-card h3 small{font:600 15px/1.8 "Microsoft YaHei",sans-serif;color:var(--muted);letter-spacing:0;}.method-card p{color:var(--muted);font-size:13px;line-height:1.9;}.method-card ul{padding:22px 0 0 16px;margin:20px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:2.1;}.method-card li::marker{color:var(--accent);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;}.about-letter h2{font-size:clamp(31px,4vw,52px);margin-bottom:27px;}.about-letter p{color:var(--muted);line-height:2.1;font-size:15px;margin-bottom:22px;}.brand-breakdown{border-top:1px solid var(--line);}.brand-breakdown>div{display:flex;gap:25px;border-bottom:1px solid var(--line);align-items:center;padding:24px 0;}.brand-breakdown>div>span{font:700 clamp(44px,5vw,65px)/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.075em;color:var(--accent);min-width:120px;}.brand-breakdown p{font:750 15px/1.4 "Segoe UI",sans-serif;letter-spacing:.08em;margin:0;}.brand-breakdown small{display:block;margin-top:8px;font:400 12px/1.7 "Microsoft YaHei",sans-serif;color:var(--muted);letter-spacing:0;}.contact-panel{padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--surface);border:1px solid var(--line);}.contact-panel h2{font-size:clamp(33px,4vw,51px);margin:0 0 20px;}.contact-panel p{color:var(--muted);font-size:13px;line-height:2.05;}.contact-aside{border-left:1px solid var(--line);padding-left:40px;}.contact-led{font:800 clamp(34px,4vw,57px)/1.2 "Segoe UI",sans-serif;letter-spacing:-.04em;margin-bottom:45px;}.contact-led span{color:var(--accent);font-weight:400;margin-left:5px;}
.reveal{opacity:1;transform:none;}
.js-ready .reveal{opacity:1;transform:none;}.js-ready .reveal.in-view{opacity:1;transform:none;}
@media(max-width:1100px){.shell{width:min(calc(100% - 70px),var(--site-width));}.hero{min-height:650px;}.hero h1{font-size:clamp(39px,4.6vw,59px);}.path-grid{grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(3,280px);}.path-feature{grid-row:span 2;}.path-card:nth-child(4){grid-column:span 2;}.path-card:nth-child(3){grid-column:2;}.research-row{grid-template-columns:55px minmax(0,1fr) 190px;gap:25px;}.band-inner{gap:35px;}}
@media(max-width:800px){.shell{width:min(calc(100% - 42px),var(--site-width));}.topline-note{display:none !important;}.topline-inner{height:30px;}.header-inner{height:68px;}.brand-lockup strong{font-size:21px;}.brand-symbol{width:34px;height:34px;}.menu-toggle{display:block;}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 21px 24px;box-shadow:0 18px 25px rgba(0,0,0,.2);flex-direction:column;align-items:stretch;gap:3px;}.site-nav.is-open{display:flex;}.nav-link{padding:10px 12px;font-size:14px;}.nav-link::after{display:none;}.nav-link.is-active{background:var(--surface);color:var(--accent);}.hero{grid-template-columns:1fr;min-height:0;padding-top:65px;padding-bottom:55px;gap:50px;}.hero h1{font-size:clamp(40px,7.7vw,62px);}.hero-art{height:390px;max-width:560px;width:100%;margin:0 auto;}.value-strip>div{padding:0 15px;}.value-strip strong{font-size:17px;}.section{padding-top:75px;padding-bottom:75px;}.section-tight{padding-top:18px;padding-bottom:62px;}.section-head{align-items:start;}.path-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}.path-feature{grid-row:auto;}.path-card{min-height:300px;}.path-feature{min-height:430px;grid-column:span 2;}.path-card:nth-child(3),.path-card:nth-child(4){grid-column:span 2;}.research-symbol{height:190px;}.band-inner{grid-template-columns:1fr;gap:35px;}.band{padding:65px 0;}.research-row{grid-template-columns:52px minmax(0,1fr);}.research-side{grid-column:2;}.page-intro{padding-top:75px;padding-bottom:58px;}.tool-row{grid-template-columns:60px minmax(0,1fr);}.outline-status{grid-column:2;justify-self:start;}.split-panel{gap:35px;padding:31px;}.edu-steps{grid-template-columns:1fr 1fr;}.edu-steps>div:nth-child(2){border-right:0;}.edu-steps>div:nth-child(-n+2){border-bottom:1px solid var(--line);}.edu-steps>div:nth-child(3){padding-left:0;}.method-grid{grid-template-columns:1fr;}.method-card h3{margin-top:22px;}.about-grid{gap:48px;}.contact-panel{padding:35px;gap:25px;}.footer-nav{gap:40px;}}
@media(max-width:550px){.shell{width:min(calc(100% - 36px),var(--site-width));}.topline{font-size:9px;letter-spacing:.1em;}.hero{padding-top:50px;gap:32px;}.hero h1{font-size:clamp(33px,9vw,49px);white-space:normal;letter-spacing:-.06em;}.hero-lede{font-size:14px;}.hero-actions{flex-wrap:wrap;gap:8px;}.button{min-height:45px;font-size:11px;padding:0 14px;gap:20px;}.hero-signature{margin-top:30px;flex-wrap:wrap;font-size:10px;}.hero-art{height:340px;}.orbital-a{height:175px;width:175px;}.orbital-b{height:265px;width:265px;}.orbital-c{height:340px;width:340px;}.orbit-core{height:130px;width:130px;}.orbit-glyph{font-size:32px;}.orbit-core-caption{font-size:6px;margin-top:10px;}.art-label-b{right:15px;top:86px;}.art-label{font-size:8px;}.art-vertical{font-size:7px;}.value-strip{grid-template-columns:1fr;}.value-strip>div{border-right:0 !important;border-bottom:1px solid var(--line);padding:18px 0;}.value-strip>div:last-child{border-bottom:0;}.value-strip strong{font-size:18px;}.section{padding-top:65px;padding-bottom:65px;}.section-tight{padding-top:18px;padding-bottom:58px;}.section-head{flex-direction:column;gap:16px;}.section-head h2{font-size:32px;}.section-head>p{font-size:13px;}.path-grid{grid-template-columns:1fr;}.path-feature{grid-column:auto;min-height:440px;}.path-card{min-height:260px;}.path-card:nth-child(3),.path-card:nth-child(4){grid-column:auto;}.path-card h3{font-size:23px;}.band{padding:55px 0;}.band h2{font-size:34px;}.band p{font-size:13px;}.milestone-grid{grid-template-columns:1fr;}.milestone-grid>div{min-height:142px;}.milestone-grid h3{margin:15px 0 5px;}.closing-cta{align-items:center;padding-top:40px;padding-bottom:75px;}.closing-cta h2{font-size:31px;}.round-link{height:52px;width:52px;font-size:22px;}.footer-grid{flex-direction:column;gap:35px;padding-top:45px;padding-bottom:43px;}.footer-nav{justify-content:space-between;max-width:320px;gap:25px;}.footer-bottom{flex-wrap:wrap;padding:17px 0;gap:9px;font-size:10px;}.footer-bottom>span:nth-child(2){display:none;}.page-intro{padding-top:62px;padding-bottom:48px;}.page-intro h1{font-size:clamp(34px,8.7vw,50px);}.page-intro>p{font-size:14px;}.research-row{grid-template-columns:1fr;gap:8px;padding:34px 0;}.research-row h2{font-size:25px;}.research-side{grid-column:1;margin-top:13px;}.content-panel{padding:24px;}.panel-columns{grid-template-columns:1fr;gap:15px;}.panel-columns h2{font-size:30px;}.tool-row{grid-template-columns:1fr;gap:14px;}.tool-row h2{font-size:26px;}.tool-icon{height:48px;width:48px;font-size:27px;}.outline-status{grid-column:1;}.split-panel{grid-template-columns:1fr;padding:24px;gap:18px;}.terminal{font-size:11px;padding:18px;}.edu-steps{grid-template-columns:1fr;}.edu-steps>div{padding:25px 0 !important;border-bottom:1px solid var(--line);border-right:0;}.edu-steps>div:last-child{border-bottom:0;}.edu-steps span{margin-top:11px;}.feature-two{grid-template-columns:1fr;}.info-card{padding:27px;}.method-card{padding:28px;}.about-grid{grid-template-columns:1fr;gap:40px;}.brand-breakdown>div>span{font-size:45px;min-width:85px;}.contact-panel{grid-template-columns:1fr;gap:20px;padding:26px;}.contact-aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;}.contact-led{margin-bottom:18px;}.footer-nav>div{gap:10px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}.js-ready .reveal{opacity:1;transform:none;}}

/* The 404 page avoids inline styles so strict CSP remains effective. */
.notfound-body { min-height: 100vh; display: grid; place-items: center; }
.notfound-main { padding: 50px 20px; max-width: 600px; text-align: center; }
.notfound-main .eyebrow { justify-content: center; }
.notfound-code { font: 700 clamp(68px,16vw,150px)/1.2 "Segoe UI",sans-serif; letter-spacing: -.08em; margin: 20px 0; color: var(--accent); }
.notfound-heading { font-size: clamp(22px,5vw,36px); }
.notfound-desc { color: var(--muted); line-height: 1.9; margin: 22px 0 35px; }