@font-face{
  font-family:Golos;
  src:url('./fonts/GolosText.ttf') format('truetype');
  font-weight:400 900;
  font-display:swap}

:root{
  color-scheme:dark;
  --bg:#0b0e12;
  --panel:#11171d;
  --ink:#f0f2f2;
  --muted:#aab4be;
  --line:#313c47;
  --accent:#ff963f;
  --cyan:#9dc9e0;
  --font:Golos,'PingFang SC','Microsoft YaHei',sans-serif}

*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:24px}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:18px/1.65 var(--font);
  -webkit-font-smoothing:antialiased}
a{
  color:inherit;
  text-underline-offset:5px}
button,input,textarea{
  font:inherit}
button,a,input,textarea,summary{
  -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--cyan);
  outline-offset:5px}
::selection{
  color:var(--bg);
  background:var(--cyan)}
[hidden]{
  display:none!important}
.shell{
  width:min(1280px,calc(100% - 96px));
  margin-inline:auto}
.skip{
  position:absolute;
  top:-100px;
  left:24px;
  background:var(--accent);
  color:var(--bg);
  padding:12px;
  z-index:10}
.skip:focus{
  top:16px}
.header{
  min-height:102px;
  display:flex;
  align-items:center;
  gap:36px;
  border-bottom:1px solid var(--line)}
.wordmark{
  font-size:26px;
  letter-spacing:-1.3px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:9px}
.wordmark span{
  color:var(--accent);
  font-size:33px}
.main-nav{
  display:flex;
  gap:28px;
  margin-left:auto}
.main-nav a,.repo-link{
  font-size:16px;
  text-decoration:none}
.main-nav a:hover,.repo-link:hover,.text-link:hover{
  color:var(--accent)}
.languages{
  display:flex;
  gap:4px}
.languages a{
  font-size:14px;
  min-width:36px;
  min-height:44px;
  display:grid;
  place-items:center;
  text-decoration:none;
  color:var(--muted)}
.languages a[aria-current]{
  color:var(--ink);
  box-shadow:inset 0 -2px var(--accent)}
.repo-link{
  border-left:1px solid var(--line);
  padding-left:24px;
  white-space:nowrap}
.hero{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:40px;
  align-items:center;
  padding-block:82px 76px}
.eyebrow{
  font:500 14px/1.6 var(--font);
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 24px}
.dot{
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--accent);
  margin-right:10px;
  vertical-align:2px}
h1{
  font-size:clamp(48px,5.5vw,80px);
  font-weight:650;
  line-height:1.035;
  letter-spacing:-3.8px;
  margin:0 0 30px}
h1 span,h1 em{
  display:block}
h1 em{
  font-style:normal;
  color:var(--accent)}
.lead{
  font-size:20px;
  color:#bfc8d1;
  line-height:1.65;
  max-width:480px;
  margin-bottom:30px}
.hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px 24px}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:52px;
  padding:13px 20px;
  font-size:16px;
  font-weight:650;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:background .18s,transform .18s}
.primary{
  background:var(--accent);
  color:#101418}
.primary:hover{
  background:#ffb16b;
  transform:translateY(-2px)}
.button span{
  font-size:20px;
  line-height:1}
.text-link{
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
  font-size:16px;
  display:inline-flex;
  gap:14px;
  align-items:center}
.tool-note{
  font-size:14px;
  color:var(--muted);
  margin-top:20px}
.command-visual{
  position:relative;
  min-width:0;
  aspect-ratio:1/1.08;
  border:1px solid var(--line);
  background:linear-gradient(90deg,transparent 49.8%,#29313b55 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#29313b55 50%,transparent 50.2%),#0e1319;
  background-size:48px 48px;
  overflow:hidden}
.visual-top,.visual-bottom{
  display:flex;
  justify-content:space-between;
  gap:12px;
  position:absolute;
  left:22px;
  right:22px;
  font-size:14px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--muted)}
.visual-top{
  top:18px}
.visual-bottom{
  bottom:16px;
  letter-spacing:.6px}
.visual-top span:last-child{
  color:var(--accent)}
.core-art{
  width:94%;
  height:82%;
  position:absolute;
  left:3%;
  top:4%;
  object-fit:contain;
  animation:reveal 1.8s ease-out both}
.core-label{
  position:absolute;
  top:39%;
  left:0;
  right:0;
  text-align:center;
  line-height:1.1}
.core-label strong{
  font-size:38px;
  letter-spacing:-2px;
  display:block}
.core-label small{
  font-size:14px;
  color:var(--cyan);
  text-transform:uppercase;
  letter-spacing:1.7px;
  display:block;
  margin-top:10px}
.visual-nodes{
  position:absolute;
  bottom:60px;
  left:22px;
  right:22px;
  display:flex;
  justify-content:space-between;
  gap:10px}
.visual-nodes span{
  font-size:14px;
  background:var(--bg);
  border:1px solid #425362;
  padding:8px 10px;
  color:var(--cyan);
  text-align:center;
  flex:1}
.visual-nodes span:before{
  content:'↳';
  margin-right:8px;
  color:var(--accent)}
.command-visual:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:54px;
  height:3px;
  background:var(--accent)}
.dialogue{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:90px;
  padding-block:56px 86px;
  border-top:1px solid var(--line)}
.dialogue .section-intro{
  padding-top:20px}
.section-intro h2,h2{
  font-size:clamp(30px,3.3vw,46px);
  line-height:1.13;
  letter-spacing:-1.6px;
  font-weight:550;
  margin:0 0 26px}
.section-intro>p:not(.eyebrow){
  max-width:430px;
  color:var(--muted)}
.conversation{
  border:1px solid var(--line);
  background:var(--panel);
  padding:22px 28px}
.memo-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--muted);
  padding-bottom:20px;
  border-bottom:1px solid var(--line)}
.message{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:16px;
  margin-top:19px}
.speaker{
  font-size:14px;
  color:var(--muted);
  padding-top:4px}
.message p{
  margin:0;
  font-size:18px;
  line-height:1.55}
.message.ceo .speaker{
  color:var(--accent);
  font-weight:650}
.message.ceo p{
  color:var(--ink)}
.message.user p{
  color:#b1bbc5}
.memo-result{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:22px;
  border-top:1px solid var(--line);
  padding-top:17px;
  color:var(--cyan);
  font-size:16px}
.memo-result>span{
  font-size:24px}
.memo-caption{
  font-size:14px;
  color:var(--muted);
  margin-bottom:0}
.method{
  padding:66px 0 74px;
  background:#141b22;
  border-block:1px solid var(--line)}
.method h2{
  max-width:710px}
.method-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  margin-top:42px}
.method-grid article{
  border-top:1px solid #45515d;
  padding-top:18px}
.step-number{
  font-size:14px;
  color:var(--accent)}
h3{
  font-size:20px;
  letter-spacing:-.5px;
  font-weight:550;
  margin:18px 0 12px}
.method-grid p{
  color:var(--muted);
  font-size:18px;
  max-width:340px;
  margin-bottom:0}
.install{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:90px;
  padding-block:96px}
.platform{
  font-size:16px;
  border-left:2px solid var(--accent);
  padding-left:16px;
  margin-top:30px}
.platform span{
  color:var(--accent);
  margin-right:6px}
.installer{
  background:var(--panel);
  padding:30px;
  border:1px solid var(--line);
  min-width:0}
fieldset{
  margin:0 0 24px;
  padding:0;
  border:0;
  min-width:0}
legend,.prompt-label{
  font-size:14px;
  font-weight:500;
  color:var(--muted);
  margin-bottom:10px}
.host-options{
  display:flex;
  gap:6px}
.host-options label{
  flex:1;
  position:relative;
  cursor:pointer}
.host-options input{
  position:absolute;
  width:1px;
  height:1px;
  clip-path:inset(50%);
  overflow:hidden}
.host-options span{
  display:grid;
  place-items:center;
  border:1px solid #586879;
  min-height:48px;
  font-size:16px;
  white-space:nowrap}
.host-options input:checked+span{
  color:var(--cyan);
  border-color:var(--cyan);
  background:#182a36}
.host-options input:focus-visible+span{
  outline:3px solid var(--cyan);
  outline-offset:3px}
.prompt-label{
  display:block}
textarea{
  width:100%;
  min-height:204px;
  resize:vertical;
  border:1px solid #586879;
  background:#0b1016;
  color:#d6dde2;
  padding:16px;
  font-size:16px;
  line-height:1.7;
  border-radius:0;
  overflow-wrap:anywhere}
.copy-button{
  width:100%;
  margin-top:14px}
.copy-status{
  font-size:14px;
  min-height:20px;
  margin:10px 0;
  color:var(--cyan)}
.activation{
  font-size:16px;
  margin:14px 0;
  color:#ccd4db}
code{
  color:var(--cyan);
  font-size:.95em}
.scope{
  font-size:14px;
  color:var(--muted)}
.apm{
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  justify-content:space-between;
  font-size:14px}
.apm span{
  color:var(--muted)}
.help{
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:90px;
  padding-block:70px 90px}
.questions details{
  border-bottom:1px solid var(--line)}
summary{
  min-height:66px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  list-style:none;
  cursor:pointer;
  font-size:18px;
  padding:15px 0}
summary::-webkit-details-marker{
  display:none}
summary>span{
  color:var(--accent);
  font-size:22px}
details[open] summary>span{
  transform:rotate(45deg)}
details p{
  font-size:16px;
  color:var(--muted);
  margin:0 26px 24px 0}
.limitations{
  font-size:14px;
  color:var(--muted);
  margin-top:26px}
.footer{
  border-top:1px solid var(--line);
  padding-block:34px 44px;
  display:flex;
  justify-content:space-between;
  gap:36px;
  align-items:start}
.footer p{
  font-size:14px;
  color:var(--muted);
  margin-top:10px}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:15px 22px;
  max-width:520px;
  padding-top:12px}
.footer-links a{
  font-size:14px;
  color:var(--muted)}
.footer-links a:hover{
  color:var(--ink)}
@keyframes reveal{
  from{
  opacity:0;
  transform:scale(.94)}
to{
  opacity:1;
  transform:scale(1)}
}

@media(min-width:1400px){
  .hero{
  gap:75px}
}

@media(max-width:1100px){
  .shell{
  width:calc(100% - 64px)}
.header{
  gap:22px}
.main-nav{
  gap:18px}
.repo-link{
  padding-left:16px}
.hero{
  gap:28px}
h1{
  font-size:clamp(44px,5.6vw,65px);
  letter-spacing:-2.5px}
.hero-actions{
  gap:18px}
.command-visual{
  aspect-ratio:1/1.2}
.dialogue,.install,.help{
  gap:48px}
.visual-nodes{
  left:14px;
  right:14px}
.visual-nodes span{
  font-size:14px;
  padding:8px 4px}
.visual-nodes span:before{
  margin-right:4px}
}

@media(max-width:800px){
  .shell{
  width:calc(100% - 40px)}
.header{
  min-height:84px;
  gap:18px;
  flex-wrap:wrap;
  padding-block:14px}
.main-nav{
  order:4;
  width:100%;
  justify-content:space-between;
  border-top:1px solid var(--line);
  padding-top:10px}
.languages{
  margin-left:auto}
.repo-link{
  padding-left:14px}
.hero{
  padding-block:50px;
  grid-template-columns:1fr;
  gap:38px}
.hero-copy{
  max-width:600px}
h1{
  font-size:clamp(49px,8vw,70px);
  letter-spacing:-2.8px}
.lead{
  max-width:560px}
.command-visual{
  aspect-ratio:1.2/1;
  width:100%;
  max-width:580px;
  margin:auto}
.core-art{
  height:94%;
  top:-6%}
.core-label{
  top:37%}
.dialogue,.install,.help{
  grid-template-columns:1fr;
  gap:28px;
  padding-block:48px}
.dialogue .section-intro{
  padding:0}
.section-intro h2{
  max-width:540px}
.section-intro>p:not(.eyebrow){
  max-width:540px}
.method{
  padding-block:48px}
.method-grid{
  gap:24px}
.method h2{
  max-width:560px}
.method-grid h3{
  font-size:20px}
.footer{
  padding-block:30px;
  flex-direction:column;
  gap:15px}
.footer-links{
  justify-content:flex-start;
  padding-top:0}
}

@media(max-width:480px){
  .header{
  gap:12px}
.wordmark{
  font-size:22px;
  gap:7px}
.wordmark span{
  font-size:28px}
.repo-link{
  font-size:14px;
  padding-left:12px}
.languages{
  gap:0}
.languages a{
  min-width:32px}
.main-nav a{
  font-size:14px}
.eyebrow{
  font-size:14px;
  letter-spacing:1.25px;
  margin-bottom:20px}
.hero{
  padding-top:38px}
h1{
  font-size:clamp(40px,11.3vw,55px);
  letter-spacing:-2px}
.lead{
  font-size:18px}
.hero-actions{
  align-items:flex-start;
  flex-direction:column}
.hero-actions .button{
  width:100%;
  font-size:16px}
.command-visual{
  aspect-ratio:1/1.1}
.core-art{
  height:87%;
  top:0}
.core-label{
  top:37%}
.core-label strong{
  font-size:32px}
.visual-top,.visual-bottom{
  left:14px;
  right:14px;
  font-size:14px}
.visual-nodes{
  bottom:52px;
  gap:6px}
.core-label small{
  font-size:14px}
.conversation{
  padding:20px}
.memo-top{
  font-size:14px}
.message{
  grid-template-columns:37px 1fr;
  gap:10px}
.message p{
  font-size:16px}
.method-grid{
  grid-template-columns:1fr;
  gap:24px;
  margin-top:30px}
.method-grid article{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:0 14px}
.step-number{
  padding-top:3px}
.method-grid h3{
  margin:0}
.method-grid p{
  grid-column:2;
  max-width:none;
  margin-top:9px}
.installer{
  padding:20px}
.host-options{
  gap:5px}
.host-options span{
  font-size:14px}
.copy-button{
  font-size:14px;
  gap:12px}
textarea{
  min-height:238px;
  font-size:16px}
.section-intro h2,h2{
  font-size:32px;
  letter-spacing:-1px}
summary{
  font-size:18px}
}

@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto}
*,*:before,*:after{
  animation:none!important;
  transition:none!important}
}

@media(forced-colors:active){
  .button,.host-options span{
  border:1px solid ButtonText}
.host-options input:checked+span{
  outline:2px solid Highlight}
.command-visual{
  border:1px solid CanvasText}
}



.main-nav{gap:20px}.header{gap:24px}.repo-link{padding-left:18px}.languages a{min-width:40px}
.lead{max-width:540px}.section-intro>p:not(.eyebrow){max-width:540px}.message{grid-template-columns:56px 1fr}.message p{font-size:18px}.speaker{font-size:14px}.memo-top{letter-spacing:.5px}.eyebrow{letter-spacing:1px}
.command-visual{margin:0;aspect-ratio:auto;min-height:570px}.visual-top{font-size:14px;letter-spacing:.4px;align-items:center}.visual-top span:last-child{flex-shrink:0}.core-art,.signal-paths{position:absolute;left:3%;top:0;width:94%;height:76%;object-fit:contain}.core-art{animation:none}.signal-paths{pointer-events:none}.core-label{top:32.5%}.core-label strong{font-size:38px}.visual-nodes{bottom:142px;left:18px;right:18px;gap:8px}.visual-nodes span{font-size:14px;padding:10px 5px;transition:background .35s,color .35s,box-shadow .35s}.visual-nodes span:before{content:none}.flow-stage{position:absolute;left:22px;right:22px;bottom:70px;min-height:45px;margin:0;color:var(--cyan);font-size:16px;line-height:1.4}.motion-controls{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.motion-toggle{border:1px solid #687886;border-radius:50%;background:transparent;color:var(--ink);width:44px;height:44px;padding:0;flex-shrink:0;display:grid;place-items:center;cursor:pointer}.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}.signal-route{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.13 2;stroke-dashoffset:.13;opacity:0;animation:task-flow 3.6s linear infinite paused}.orbit-signal{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 95;opacity:.9;animation:orbit-flow 10.8s linear infinite paused}.command-visual[data-phase="0"] .route-0,.command-visual[data-phase="1"] .route-1,.command-visual[data-phase="2"] .route-2{opacity:1}.command-visual[data-phase="0"] .visual-nodes span:nth-child(1),.command-visual[data-phase="1"] .visual-nodes span:nth-child(2),.command-visual[data-phase="2"] .visual-nodes span:nth-child(3){background:#362417;border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px #ff963f1f}
@keyframes task-flow{from{stroke-dashoffset:.13}to{stroke-dashoffset:-1.13}}
@keyframes orbit-flow{to{stroke-dashoffset:-100}}
.core-title{fill:var(--ink);font-family:var(--font);font-size:46px;font-weight:800;letter-spacing:-2px}
.health-pulse{width:72px;height:28px;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
.pulse-track{stroke:var(--cyan);stroke-width:1.5;opacity:.35}
.pulse-signal{stroke:var(--accent);stroke-width:2;stroke-dasharray:.24 1.5;animation:heartbeat-flow 3.6s linear infinite paused}
@keyframes heartbeat-flow{from{stroke-dashoffset:.24}to{stroke-dashoffset:-1.24}}
.motion-active .signal-route,.motion-active .orbit-signal,.motion-active .pulse-signal{animation-play-state:running}
.motion-toggle svg{width:22px;height:22px;fill:currentColor}
.motion-toggle .play-icon,.motion-toggle[data-paused="true"] .pause-icon{display:none}
.motion-toggle[data-paused="true"] .play-icon{display:block}
.cases{padding-block:80px;border-bottom:1px solid var(--line)}.cases-intro{max-width:840px}.cases-intro>p:not(.eyebrow){font-size:20px;color:var(--muted);max-width:760px}.case-list{margin-top:38px;border-top:1px solid var(--line)}.case{border-bottom:1px solid var(--line)}.case summary{display:grid;grid-template-columns:52px 1fr 24px;gap:18px;padding:24px 0}.case-index{font-size:16px}.case-heading{font-size:26px;color:var(--ink)}.case-heading small{display:block;font-size:18px;color:var(--muted);font-weight:400;margin-top:4px}.case-plus{justify-self:end}.case[open] summary>.case-heading,.case[open] summary>.case-index{transform:none}.case[open] .case-heading{color:var(--accent)}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:10px 42px 32px 70px}.case-body blockquote{margin:0;font-size:24px;line-height:1.5;letter-spacing:-.5px}.case-body .eyebrow{margin-bottom:14px}.case-body h3{font-size:18px;margin:0 0 8px;color:var(--cyan)}.case-body p{font-size:18px;margin:0 0 24px;line-height:1.65}.case-body>div>p:last-child{margin-bottom:0}.case-note{font-size:16px;max-width:940px;color:var(--muted);margin-top:28px}.footer{flex-wrap:wrap}.author{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);padding-top:22px}.author p{font-size:16px;margin:0}.author nav{display:flex;gap:24px;flex-wrap:wrap}.author a{font-size:16px}.apm a,.author a{display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:1100px){.main-nav{gap:14px}.header{gap:16px}.main-nav a,.repo-link{font-size:14px}.languages a{min-width:34px}.command-visual{min-height:570px}.motion-controls{flex-direction:row;align-items:center;gap:12px;bottom:14px}.flow-stage{bottom:94px}.visual-nodes{bottom:164px}.case-body{gap:36px}}
@media(max-width:800px){.header{gap:16px}.main-nav{justify-content:flex-start;flex-wrap:wrap;gap:8px 24px}.main-nav a{min-height:36px;display:flex;align-items:center}.command-visual{max-width:580px;width:100%;min-height:570px}.motion-controls{flex-direction:row;align-items:center}.flow-stage{bottom:75px}.visual-nodes{bottom:145px}.cases{padding-block:48px}.case-body{gap:28px;padding-left:0;padding-right:0}.case-heading{font-size:24px}.case summary{grid-template-columns:32px 1fr 24px;gap:14px}.method-grid{grid-template-columns:1fr;gap:28px}.method-grid p{max-width:620px}.footer-links{gap:18px 24px}}
@media(max-width:480px){.main-nav{gap:4px 16px}.languages a{min-width:34px}.repo-link{padding-left:10px}.header{gap:10px}.command-visual{min-height:550px}.visual-top{left:14px;right:14px;font-size:14px}.core-art,.signal-paths{height:72%;top:2%}.core-label{top:32%}.core-label strong{font-size:32px}.visual-nodes{left:12px;right:12px;gap:6px;bottom:157px}.visual-nodes span{font-size:14px;letter-spacing:-.3px}.flow-stage{left:16px;right:16px;bottom:94px;font-size:16px}.motion-controls{left:16px;right:16px;bottom:14px;flex-direction:row;align-items:center;gap:12px}.motion-toggle{font-size:14px}.lead{font-size:20px}.hero-actions .button,.copy-button{font-size:16px}.text-link,.apm,.activation{font-size:16px}.message{grid-template-columns:42px 1fr;gap:10px}.message p{font-size:18px}.memo-top{flex-wrap:wrap;gap:6px}.case-body{grid-template-columns:1fr;gap:24px}.case-body blockquote{font-size:22px}.case-heading{font-size:22px}.case-heading small{font-size:18px}.case summary{padding-block:22px}.installer{padding:18px}.host-options span{font-size:14px}.copy-button{gap:8px}.footer-links a{font-size:16px}.scope,.limitations,.platform,.tool-note,.copy-status{font-size:16px}textarea{font-size:16px;min-height:246px}.cases-intro>p:not(.eyebrow){font-size:18px}}
@media(prefers-reduced-motion:reduce){.signal-route,.orbit-signal,.pulse-signal{animation:none!important}.core-label{animation:none!important;transform:none!important}}

:root{--header-height:102px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.header{position:sticky;top:0;z-index:20;background:var(--bg);box-shadow:0 -1px 0 var(--bg),0 8px 24px #0003}
.skip:focus{position:fixed;z-index:30}
@media(max-width:800px){:root{--header-height:150px}.header{padding-block:10px;row-gap:6px;min-height:0}.main-nav{flex-wrap:nowrap;gap:18px;overflow-x:auto;max-width:100%;scrollbar-width:thin}.main-nav a{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.memory{padding-block:80px;border-bottom:1px solid var(--line)}
.memory-intro{max-width:800px}.memory-intro>p:last-child{font-size:20px;color:var(--muted);max-width:720px}
.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px;align-items:start;min-width:0}
.pattern-preview{border:1px solid var(--line);padding:28px;background:var(--panel);min-width:0}
.memory-status{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.4px;color:var(--cyan);margin:0 0 28px}
.memory-status>span{font-size:24px;color:var(--accent)}
.memory-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0 0 32px;gap:16px}
.memory-steps li{font-size:16px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px}
.memory-steps li>span{display:block;font-size:22px;color:var(--accent);margin-bottom:8px}
.pattern-card{padding:24px;border:1px solid #425362;background:var(--bg)}
.pattern-card .eyebrow{font-size:14px;margin-bottom:12px}.pattern-card h3{font-size:24px;margin:0 0 24px}
.pattern-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;color:var(--muted)}
.swatch{display:block;height:48px;border:1px solid #687886;margin-bottom:8px}.swatch-0{background:var(--bg)}.swatch-1{background:var(--accent)}.swatch-2{background:var(--ink)}
.pattern-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pattern-tags span{font-size:14px;border:1px solid var(--line);padding:3px 8px;color:var(--cyan)}
.memory-copy h3{font-size:26px;margin:0 0 14px}.memory-copy p{font-size:18px;color:var(--muted);margin:0 0 28px;line-height:1.7}.memory-copy .memory-prompt{border-left:3px solid var(--accent);padding-left:18px;color:var(--ink);font-size:20px}
@media(max-width:1100px){.memory-grid{gap:32px}.header{flex-wrap:wrap}.main-nav{gap:16px}}
@media(max-width:800px){.memory{padding-block:48px}.memory-grid{grid-template-columns:1fr;gap:32px}.pattern-preview{max-width:580px}.memory-intro>p:last-child{font-size:18px}}
@media(max-width:480px){.pattern-preview{padding:18px}.pattern-card{padding:16px}.memory-steps{gap:10px}.memory-steps li{font-size:14px}.pattern-card h3{font-size:22px}.memory-copy h3{font-size:24px}.memory-status{font-size:12px}.memory-grid{margin-top:28px}}

@media(max-width:480px){.header>.repo-link{font-size:0;display:grid;place-items:center;width:36px;min-height:44px;padding-left:8px}.header>.repo-link span{font-size:20px}}

.main-nav{gap:16px}.main-nav a{font-size:14px}
.hero-security{margin:10px 0 0;font-size:14px}.hero-security a{color:var(--accent);text-decoration:none;border-bottom:1px solid #ff963f66;padding-bottom:4px}.hero-security a:hover{color:var(--ink)}.hero-security span{margin-left:8px}
.security{padding-block:80px;border-bottom:1px solid var(--line)}
.security-intro{max-width:900px}.security-intro .eyebrow{color:var(--accent)}.security-intro>p:last-child{font-size:20px;color:var(--muted);max-width:760px}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:40px;min-width:0}
.security-steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}.security-steps li{display:grid;grid-template-columns:32px 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px}.security-steps .step-number{padding-top:5px}.security-steps h3{margin:0 0 10px;font-size:24px}.security-steps p{margin:0;color:var(--muted);font-size:18px}
.security-start{margin-top:28px}.security-start p{font-size:14px;color:var(--muted);margin:12px 0 0;max-width:420px}
.scan-preview{margin:0;padding:28px;border:1px solid #63503f;background:var(--panel);min-width:0;box-shadow:inset 0 3px var(--accent)}.scan-caption{font-size:14px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.scan-package{padding-block:22px;display:grid;gap:6px}.scan-package>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.scan-package strong{font-size:26px;font-weight:550;letter-spacing:-.5px;overflow-wrap:anywhere}.scan-results{margin:0}.scan-results>div{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid var(--line);padding-block:20px}.scan-results dt{font-size:14px;color:var(--muted);padding-top:2px}.scan-results dd{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}.scan-state{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}.scan-results>div:first-child .scan-state{color:var(--accent)}.scan-footnote{font-size:14px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:20px}
.security-footer{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);padding-top:28px;margin-top:40px}.security-footer h3{font-size:20px;margin:0 0 12px}.security-footer p{font-size:16px;color:var(--muted);margin:0}.security-optional{border-left:2px solid var(--line);padding-left:24px}.security-optional h3{color:var(--muted)}.security-optional .text-link{margin-top:18px}
@media(max-width:1100px){.security-grid,.security-footer{gap:32px}.security-steps h3{font-size:22px}.scan-results>div{grid-template-columns:80px 1fr;gap:14px}}
@media(max-width:800px){.security{padding-block:48px}.security-grid{grid-template-columns:1fr;gap:32px}.security-intro>p:last-child{font-size:18px}.security-steps{max-width:620px}.scan-preview{max-width:620px}.security-footer{grid-template-columns:1fr;gap:28px}.security-optional{padding-left:18px}.hero-security{font-size:16px}.main-nav{gap:18px}}
@media(max-width:480px){.security-grid{margin-top:28px}.security-steps li{gap:12px}.security-steps h3{font-size:22px}.scan-preview{padding:20px}.scan-results>div{grid-template-columns:1fr;gap:8px;padding-block:18px}.scan-results dt{padding:0}.scan-state{font-size:18px}.scan-caption,.scan-footnote{font-size:14px}.security-footer{margin-top:28px}}