/* ============================================================ PSSA — shared design system Near-black editorial base (Profound) + square monospace chrome (Typesafe), accented with nine shades of green. ============================================================ */ :root{ color-scheme: dark; --bg: #050505; --bg-2: #0A0A0A; --bg-3: #101010; --ink: #F5F5F5; --ink-soft: #D6D6D6; --muted: #A1A1A1; --faint: #6F6F6F; --line: #1F1F1F; --line-strong: #2E2E2E; --g1: #0B3823; --g2: #115E36; --g3: #178348; --g4: #22A85D; --g5: #3BCB78; --g6: #62E096; --g7: #96EFB7; --g8: #C4F8D8; --g9: #E9FFF1; --accent: var(--g6); --accent-dim: var(--g4); --accent-faint: rgba(98, 224, 150, .12); --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; --pixel: 'Press Start 2P', 'Courier New', monospace; --wrap: 1120px; --ease: cubic-bezier(.22, .61, .36, 1); } @font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,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) format('woff2')} *, *::before, *::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:118px;-webkit-text-size-adjust:100%} body{ margin:0;min-width:320px;background:var(--bg);color:var(--ink); font-family:var(--sans);font-size:16px;line-height:1.7; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;overflow-x:clip; } h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0} ul,ol{margin:0;padding:0;list-style:none} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer} input{font:inherit;color:inherit} img,svg{display:block;max-width:100%} ::selection{background:rgba(62, 203, 120, .3);color:#fff} body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483647; background:repeating-linear-gradient(to bottom, rgba(0,0,0,.16) 0 1px, transparent 1px 3px);opacity:.5} :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:0} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px, 5vw, 48px)} .skip-link{ position:absolute;left:18px;top:-70px;z-index:100;padding:10px 15px;border-radius:0; background:var(--ink);color:#0A0A0A;font-size:13px;font-weight:550; transition:top .2s ease; } .skip-link:focus{top:14px} /* ---------------- logo mark ---------------- */ .mark{display:block} .lg-sq{ transform-box:fill-box;transform-origin:center; animation-duration:3.6s;animation-iteration-count:infinite; animation-timing-function:linear; } .mark-static .lg-sq{animation:none} .lg-sq:nth-child(1){fill:var(--g9);animation-name:logoLoop1} .lg-sq:nth-child(2){fill:var(--g7);animation-name:logoLoop2} .lg-sq:nth-child(3){fill:var(--g5);animation-name:logoLoop3} .lg-sq:nth-child(4){fill:var(--g8);animation-name:logoLoop4} .lg-sq:nth-child(5){fill:var(--g4);animation-name:logoLoop5} .lg-sq:nth-child(6){fill:var(--g3);animation-name:logoLoop6} .lg-sq:nth-child(7){fill:var(--g6);animation-name:logoLoop7} .lg-sq:nth-child(8){fill:var(--g2);animation-name:logoLoop8} .lg-sq:nth-child(9){fill:var(--g1);animation-name:logoLoop9} @keyframes logoLoop1{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(-13px,-13px) rotate(-16deg);opacity:.12;animation-timing-function:linear} 48%{transform:translate(-13px,-13px) rotate(-16deg);opacity:.12;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 57%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop2{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(0,-17px) rotate(5deg);opacity:.14;animation-timing-function:linear} 50.6%{transform:translate(0,-17px) rotate(5deg);opacity:.14;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 59.6%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop3{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(13px,-13px) rotate(14deg);opacity:.12;animation-timing-function:linear} 53.2%{transform:translate(13px,-13px) rotate(14deg);opacity:.12;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 62.2%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop4{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(-17px,0) rotate(-9deg);opacity:.13;animation-timing-function:linear} 55.8%{transform:translate(-17px,0) rotate(-9deg);opacity:.13;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 64.8%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop5{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(0,0) rotate(26deg);opacity:.10;animation-timing-function:linear} 58.4%{transform:translate(0,0) rotate(26deg);opacity:.10;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 67.4%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop6{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(17px,0) rotate(7deg);opacity:.13;animation-timing-function:linear} 61%{transform:translate(17px,0) rotate(7deg);opacity:.13;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 70%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop7{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(-13px,13px) rotate(13deg);opacity:.12;animation-timing-function:linear} 63.6%{transform:translate(-13px,13px) rotate(13deg);opacity:.12;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 72.6%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop8{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(0,17px) rotate(-7deg);opacity:.14;animation-timing-function:linear} 66.2%{transform:translate(0,17px) rotate(-7deg);opacity:.14;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 75.2%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } @keyframes logoLoop9{ 0%{transform:translate(0,0) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.32,.72,.28,1)} 16%{transform:translate(13px,13px) rotate(-15deg);opacity:.12;animation-timing-function:linear} 68.8%{transform:translate(13px,13px) rotate(-15deg);opacity:.12;animation-timing-function:cubic-bezier(.34,1.4,.64,1)} 77.8%{transform:translate(0,0) rotate(0deg);opacity:1} 100%{transform:translate(0,0) rotate(0deg);opacity:1} } /* ---------------- header ---------------- */ .site-header{ position:sticky;top:0;z-index:60; background:rgba(5,5,5,.82); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid transparent; transition:border-color .3s ease; } .site-header.is-scrolled{border-bottom-color:var(--line)} .header-inner{ display:flex;align-items:center;justify-content:space-between;gap:20px; min-height:64px;padding-top:10px;padding-bottom:10px; } .brand{display:inline-flex;align-items:center;gap:11px;min-width:0;flex:0 1 auto} .brand .mark{width:26px;height:26px;flex:0 0 auto} .brand-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35em;font-size:13px;line-height:1.3;white-space:nowrap} .brand-name{font-family:var(--pixel);font-size:11px;font-weight:400;letter-spacing:0;text-transform:uppercase} .brand-sep{color:var(--faint)} .brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--faint);text-transform:uppercase} .primary-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end} .primary-nav a{ display:inline-flex;align-items:center;gap:5px;white-space:nowrap; font-family:var(--mono);font-size:11px;letter-spacing:.02em; padding:6px 10px;border:1px solid var(--line);border-radius:0; color:var(--muted);background:rgba(255,255,255,.015); transition:color .2s ease, border-color .2s ease, background .2s ease; } .primary-nav a:hover{color:var(--ink);border-color:var(--line-strong);background:var(--bg-3)} .primary-nav a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#0A0A0A} .primary-nav .nav-arrow{font-size:9px;color:var(--faint)} .primary-nav a:hover .nav-arrow{color:var(--accent)} .primary-nav a[aria-current="page"] .nav-arrow{color:#0A0A0A} .scroll-progress{ position:absolute;left:0;right:0;bottom:-1px;height:1px; background:var(--accent-dim); transform:scaleX(0);transform-origin:0 50%;opacity:.9; } /* ---------------- announcement strip ---------------- */ .announce{ display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap; padding:9px clamp(20px, 5vw, 48px);text-align:center; border-bottom:1px solid var(--line); font-family:var(--mono);font-size:11.5px;color:var(--muted); } .announce .pill{ display:inline-block;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase; padding:2.5px 8px;border:1px solid rgba(98, 224, 150, .38);border-radius:0; color:var(--accent);background:var(--accent-faint); } .announce a{color:var(--accent);border-bottom:1px solid rgba(98,224,150,.35);transition:border-color .2s ease, color .2s ease} .announce a:hover{color:var(--g7);border-bottom-color:var(--g7)} /* ---------------- buttons / pills / labels ---------------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:9px; min-height:50px;padding:0 24px;border-radius:0; font-family:var(--pixel);font-size:10px;font-weight:400;letter-spacing:0;text-transform:uppercase; border:2px solid transparent;box-shadow:4px 4px 0 rgba(0,0,0,.85); transition:transform .12s steps(1,end), border-color .12s steps(1,end), background .12s steps(1,end), color .12s steps(1,end), box-shadow .12s steps(1,end); } .btn svg{width:14px;height:14px;flex:0 0 auto} .btn-primary{background:var(--ink);color:#0A0A0A;box-shadow:4px 4px 0 var(--g4)} .btn-primary:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--g3)} .btn-primary:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--g4)} .btn-ghost{background:#141414;border-color:var(--line-strong);color:var(--ink-soft);box-shadow:4px 4px 0 rgba(0,0,0,.85)} .btn-ghost:hover{border-color:var(--accent-dim);color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.9)} .btn-ghost:active{transform:translate(2px,2px);box-shadow:0 0 0 rgba(0,0,0,.85)} .btn-small{min-height:40px;padding:0 14px;font-size:8.5px} .btn[disabled]{opacity:.55;cursor:default;transform:none} .kicker{ display:flex;align-items:center;gap:12px;margin-bottom:22px; font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase; color:var(--faint); } .kicker::before{content:"";width:24px;height:1px;background:var(--line-strong);flex:0 0 auto} .kicker .num{color:var(--accent)} .tag{ font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase; color:var(--faint);white-space:nowrap; } .badge{ display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase; padding:3px 9px;border:1px solid var(--line-strong);border-radius:0;color:var(--faint); } .badge.live{border-color:rgba(98,224,150,.4);color:var(--accent);background:var(--accent-faint)} .badge.pending{border-color:var(--line-strong);color:var(--faint);background:rgba(255,255,255,.02)} .text-link{ color:var(--accent);text-decoration:underline;text-decoration-color:rgba(98,224,150,.3); text-underline-offset:4px;transition:color .2s ease, text-decoration-color .2s ease; } .text-link:hover{color:var(--g7);text-decoration-color:var(--g7)} /* ---------------- cards ---------------- */ .card{ background:var(--bg-2); border:2px solid var(--line-strong); border-radius:0; } .card-hover{transition:transform .3s var(--ease), border-color .3s ease, background .3s ease, box-shadow .3s ease} .card-hover:hover{transform:translate(-2px,-2px);border-color:var(--line-strong);background:#0B0B0B;box-shadow:6px 6px 0 rgba(0,0,0,.8)} /* ---------------- hero ---------------- */ .hero{position:relative;padding:clamp(64px, 9vw, 124px) 0 clamp(52px, 7vw, 92px);text-align:center} .hero::before{ content:"";position:absolute;inset:0;pointer-events:none; background: repeating-conic-gradient(rgba(34,168,93,.055) 0% 25%, transparent 25% 50%) 0 0/6px 6px, linear-gradient(to bottom, rgba(34,168,93,.32) 0 13%, rgba(34,168,93,.24) 13% 26%, rgba(34,168,93,.16) 26% 41%, rgba(34,168,93,.10) 41% 58%, rgba(34,168,93,.05) 58% 76%, transparent 76%); } .hero::after{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;mix-blend-mode:overlay; background-image:url("data:image/svg+xml;utf8,"); } .hero > .wrap{position:relative} .hero .mark{width:clamp(44px, 6vw, 58px);height:auto;margin:0 auto 36px} .hero h1{ max-width:15ch;margin:0 auto; font-family:var(--pixel);font-size:clamp(18px, 3.6vw, 34px);line-height:1.55;letter-spacing:0;font-weight:400; text-transform:uppercase;text-shadow:3px 3px 0 rgba(34,168,93,.35); } .hero .hero-lede{ max-width:680px;margin:26px auto 0; font-size:clamp(17px, 1.7vw, 19px);line-height:1.62;color:var(--muted); } .hero .hero-lede strong{color:var(--ink-soft);font-weight:550} .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:38px} .hero-meta{ display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:32px; font-family:var(--mono);font-size:11.5px;color:var(--faint);letter-spacing:.01em; } .hero-meta span{display:inline-flex;align-items:center;gap:9px} .hero-meta i{width:4px;height:4px;background:var(--accent);flex:0 0 auto} /* ---------------- terminal screenshot panel ---------------- */ .shot{ max-width:860px;margin:clamp(48px, 7vw, 84px) auto 0;text-align:left; background:var(--bg-2);border:1px solid var(--line-strong);border-radius:0; box-shadow:10px 10px 0 rgba(0,0,0,.8); overflow:hidden; } .shot-bar{ display:flex;align-items:center;justify-content:space-between;gap:16px; padding:10px 16px;border-bottom:1px solid var(--line); font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.04em; } .shot-bar .shot-dots{display:flex;gap:6px} .shot-bar .shot-dots i{width:8px;height:8px;border-radius:0;background:var(--bg-3);border:1px solid var(--line-strong)} .shot-title{color:var(--muted)} .shot-body{padding:20px 22px;overflow-x:auto} .shot-body pre{ margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--ink-soft); white-space:pre;tab-size:4; } .shot-body .k{color:var(--muted)} .shot-body .v{color:var(--ink)} .shot-body .ok{color:var(--accent)} .shot-body .dim{color:var(--faint)} .shot-progress{ display:flex;align-items:center;gap:14px; padding:11px 16px;border-top:1px solid var(--line); font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.04em; } .prog-track{flex:1;height:3px;background:var(--bg-3);border-radius:0;overflow:hidden} .prog-fill{display:block;height:100%;width:var(--w, 0%);background:linear-gradient(90deg, var(--g4), var(--g6));border-radius:inherit} /* ---------------- sections ---------------- */ .section{position:relative;padding:clamp(72px, 9vw, 124px) 0} .section + .section, .section-continued{border-top:1px solid var(--line)} .section-head{max-width:820px} .section-head.split{ max-width:none;display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr); gap:clamp(28px, 6vw, 80px);align-items:end; } .section-head h2{ font-family:var(--pixel);font-size:clamp(13px, 2.2vw, 20px);line-height:1.65;letter-spacing:0;font-weight:400; max-width:30ch;text-transform:uppercase; } .section-lede{color:var(--muted);font-size:15.5px;line-height:1.72;max-width:54ch} .section-lede + .section-lede{margin-top:14px} .section-lede strong{color:var(--ink-soft);font-weight:550} .section-continued{padding:clamp(56px, 7vw, 96px) 0 clamp(72px, 9vw, 124px)} .subhead{ display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, .85fr); gap:clamp(24px, 5vw, 70px);align-items:end; } .subhead h3{font-size:clamp(22px, 3vw, 30px);line-height:1.1;letter-spacing:-.015em;font-weight:700} .subhead p{color:var(--muted);font-size:14.5px;line-height:1.72} /* ---------------- feature cards ---------------- */ .card-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;margin-top:clamp(36px, 5vw, 58px)} .feature{display:flex;flex-direction:column;padding:26px 26px 24px;min-height:300px} .feature-top{display:flex;align-items:center;justify-content:space-between;gap:12px} .feature-index{font-family:var(--mono);font-size:11px;color:var(--accent)} .feature-icon{width:42px;height:42px;color:var(--accent);margin:26px 0 20px} .feature h3{font-size:17.5px;line-height:1.3;font-weight:500;letter-spacing:-.012em;margin-bottom:10px} .feature p{font-size:13.5px;line-height:1.7;color:var(--muted)} .feature .feature-eq{ margin-top:auto;padding-top:18px;border-top:1px solid var(--line); font-family:var(--mono);font-size:12.5px;color:var(--accent);letter-spacing:.01em; } .feature .feature-eq sub{font-size:.72em} .glyph-line{stroke:currentColor;fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke} .glyph-thin{stroke:rgba(98,224,150,.35);fill:none;stroke-width:1;vector-effect:non-scaling-stroke} .glyph-fill{fill:currentColor} .glyph-orbit{animation:glyphOrbit 13s linear infinite;transform-origin:24px 24px} .glyph-pulse{animation:glyphPulse 4.8s ease-in-out infinite} .glyph-pulse.two{animation-delay:1.6s} .glyph-pulse.three{animation-delay:3.1s} .scope-note{ display:flex;gap:12px;align-items:flex-start;margin-top:24px; padding:16px 18px;border:1px solid var(--line);border-radius:0;background:var(--bg-2); color:var(--faint);font-size:12.5px;line-height:1.7;max-width:none; } .scope-note b{font-weight:550;color:var(--ink-soft)} .scope-note::before{ content:"";flex:0 0 auto;width:6px;height:6px;margin-top:8px; background:var(--accent-dim); } /* ---------------- walkthrough ---------------- */ .walkthrough{margin-top:clamp(36px, 4.5vw, 54px);padding:clamp(20px, 3vw, 32px)} .walk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap} .walk-head h3{font-size:clamp(19px, 2.4vw, 24px);line-height:1.2;letter-spacing:-.015em;font-weight:500} .walk-head p{margin-top:6px;font-size:12px;color:var(--faint)} .narration-btn{ display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 13px; border:1px solid var(--line-strong);border-radius:0; background:var(--bg-3);color:var(--muted); font-family:var(--mono);font-size:11px;letter-spacing:.02em; transition:border-color .2s ease, color .2s ease, background .2s ease; } .narration-btn:hover{border-color:#3D3D3D;color:var(--ink)} .narration-btn[aria-pressed="true"]{border-color:rgba(98,224,150,.5);color:var(--accent);background:var(--accent-faint)} .narration-btn svg{width:15px;height:15px;flex:0 0 auto} .narration-btn .wave{opacity:0;transition:opacity .2s ease} .narration-btn[aria-pressed="true"] .wave{opacity:1} .narration-btn .slash{opacity:1;transition:opacity .2s ease} .narration-btn[aria-pressed="true"] .slash{opacity:0} .narration-btn .narrate-dot{width:5px;height:5px;background:var(--faint);flex:0 0 auto} .narration-btn[aria-pressed="true"] .narrate-dot{background:var(--accent);animation:statusPulse 2.8s ease-in-out infinite} .step-tabs{ display:flex;gap:8px;margin-top:24px;padding-bottom:2px; overflow-x:auto;scrollbar-width:none; border-bottom:1px solid var(--line); } .step-tabs::-webkit-scrollbar{display:none} .step-tab{ display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;white-space:nowrap; padding:7px 12px;border:1px solid var(--line);border-radius:0 3px 0 0; border-bottom:0;transform:translateY(1px); font-family:var(--mono);font-size:11px;letter-spacing:.02em; color:var(--muted);background:transparent; transition:color .2s ease, background .2s ease, border-color .2s ease; } .step-tab:hover{color:var(--ink);border-color:var(--line-strong)} .step-tab .tab-num{color:var(--accent-dim);font-size:10px} .step-tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#0A0A0A} .step-tab[aria-pressed="true"] .tab-num{color:var(--g3)} .walk-body{ display:grid;grid-template-columns:minmax(0, 1.13fr) minmax(320px, .87fr); gap:clamp(24px, 3.5vw, 44px);margin-top:28px;align-items:start; } .walk-diagram{ padding:clamp(16px, 2vw, 22px);min-width:0; background:var(--bg);border:1px solid var(--line);border-radius:0; } .diagram-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px} .diagram-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)} .diagram-callout{ display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:4px 11px; border:1px solid rgba(98,224,150,.45);border-radius:0; background:var(--accent-faint);color:var(--accent); font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase; } .diagram-callout::before{content:"";width:5px;height:5px;background:var(--accent);flex:0 0 auto} .pipeline{display:flex;align-items:stretch;gap:0;min-width:0} .node{ position:relative;flex:1 1 0;min-width:0;text-align:left; padding:14px 12px 13px;border:1px solid var(--line);border-radius:0; background:var(--bg-2); transition:border-color .25s ease, background .25s ease, transform .3s var(--ease); z-index:1; } .node:hover{border-color:var(--line-strong);background:var(--bg-3)} .node.is-active,.node.is-preview{border-color:rgba(98,224,150,.55);background:rgba(34,168,93,.07)} .node-top{display:flex;justify-content:space-between;align-items:center;gap:6px} .node-num{font-family:var(--mono);font-size:10px;color:var(--faint);transition:color .2s ease} .node.is-active .node-num,.node.is-preview .node-num{color:var(--accent)} .node-dot{width:4px;height:4px;background:var(--line-strong);transition:background .2s ease} .node.is-active .node-dot,.node.is-preview .node-dot{background:var(--accent)} .node-title{display:block;margin-top:13px;font-size:12.5px;font-weight:550;line-height:1.28;color:var(--ink-soft)} .node-sub{display:block;margin-top:5px;font-size:9.5px;line-height:1.4;color:var(--faint)} .pipe-link{position:relative;flex:0 0 21px;display:flex;align-items:center;padding:0 4px} .pipe-link::before{content:"";width:100%;height:1px;background:var(--line-strong)} .pipe-link::after{ content:"";position:absolute;right:4px;width:4px;height:4px; border-top:1px solid var(--faint);border-right:1px solid var(--faint); transform:rotate(45deg); } .bank-row{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:9px;margin-top:22px} .bank-node{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;flex:none} .bank-copy{min-width:0} .bank-kicker{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)} .bank-title{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;font-weight:550;color:var(--ink-soft)} .bank-dots{display:grid;grid-template-columns:repeat(8, 4px);gap:4px;flex:0 0 auto} .bank-dots i{width:4px;height:4px;background:rgba(98,224,150,.18);animation:slotPulse 4.6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .16s)} .bank-dots i:nth-child(3n){background:rgba(98,224,150,.6)} .consolidate-node{display:flex;flex-direction:column;justify-content:center;padding:11px 12px;text-align:left} .consolidate-node .node-title{margin-top:7px;font-size:11px} .consolidate-node .node-sub{font-size:10px;color:var(--accent-dim);margin-top:4px} .diagram-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)} .phase-panels{position:relative;min-width:0} .phase-panel{border-top:1px solid var(--line);padding-top:22px;animation:panelIn .4s var(--ease)} .phase-panel[hidden]{display:none} .phase-kicker{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim)} .phase-kicker::before{content:"";width:14px;height:1px;background:var(--accent-dim)} .phase-panel h3{margin-top:12px;font-size:clamp(19px, 2.3vw, 24px);line-height:1.2;letter-spacing:-.02em;font-weight:500} .phase-copy{margin-top:12px;color:var(--muted);font-size:13.5px;line-height:1.7;max-width:46ch} .phase-eq{margin-top:20px} .eq-tag{ display:inline-flex;align-items:center;gap:8px;margin-bottom:9px; font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--faint); } .eq-tag::before{content:"";width:12px;height:1px;background:var(--line-strong)} .phase-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)} .phase-btn{ display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:0; color:var(--faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.02em; transition:color .2s ease, background .2s ease; } .phase-btn:hover{color:var(--ink);background:var(--bg-3)} .phase-btn svg{width:11px;height:11px} .phase-count{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--faint);font-variant-numeric:tabular-nums} html:not(.walk-ready) .phase-panel + .phase-panel{margin-top:26px;border-top:1px solid var(--line);padding-top:22px} /* ---------------- equations (mono) ---------------- */ .eq{ padding:15px 18px;border:1px solid var(--line);border-radius:0; background:var(--bg); font-family:var(--mono);font-size:13.5px;line-height:1.75;color:var(--ink-soft); overflow-x:auto;overflow-y:hidden; } .eq + .eq{margin-top:9px} .eq-line{display:inline-flex;align-items:center;white-space:nowrap;min-width:100%} .eq-line + .eq-line{margin-top:9px} .eq .v{color:var(--accent)} .eq .op{color:var(--faint)} .eq .fn{color:var(--muted)} .eq sub,.eq sup{font-size:.68em;line-height:1;color:var(--ink-soft)} .eq .frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .25em;line-height:1.25} .eq .frac .num{padding:0 .3em .1em} .eq .frac .den{padding:.1em .3em 0;border-top:1px solid var(--line-strong)} .math-caption{margin-top:10px;font-family:var(--mono);font-size:10.5px;line-height:1.6;color:var(--faint);letter-spacing:.01em} /* ---------------- token demo ---------------- */ .demo-card{margin-top:26px;padding:clamp(18px, 2.8vw, 28px)} .demo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .demo-title{font-size:16.5px;font-weight:500;letter-spacing:-.01em} .demo-sub{margin-top:5px;font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.02em} .schematic-badge{ display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:0; border:1px solid rgba(98,224,150,.4);background:var(--accent-faint); color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase; white-space:nowrap; } .schematic-badge::before{content:"";width:5px;height:5px;background:var(--accent);animation:statusPulse 2.8s ease-in-out infinite} .demo-form{display:flex;flex-direction:column;gap:8px;margin-top:22px} .demo-form label{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)} .demo-input-row{display:flex;gap:9px} .demo-input-row input{ flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid var(--line-strong);border-radius:0; background:var(--bg);color:var(--ink);font-size:14px; transition:border-color .2s ease, box-shadow .2s ease; } .demo-input-row input::placeholder{color:var(--faint)} .demo-input-row input:focus{outline:none;border-color:rgba(98,224,150,.65);box-shadow:0 0 0 3px var(--accent-faint)} .demo-input-row .btn{flex:0 0 auto} .demo-tokens{margin-top:20px} .demo-line-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)} .demo-line-label em{font-style:normal;font-size:9px;letter-spacing:.02em;text-transform:none;color:var(--faint)} .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:32px;align-items:center} .token-chip{ display:inline-flex;align-items:baseline;gap:7px;padding:5px 8px;border-radius:0;max-width:100%; border:1px solid var(--line);background:var(--bg); color:var(--ink-soft);font-family:var(--mono);font-size:11.5px;line-height:1;white-space:nowrap; transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s var(--ease), opacity .2s ease; } .token-chip .chip-text{overflow:hidden;text-overflow:ellipsis;min-width:0} .token-chip .chip-id{font-size:8px;letter-spacing:.06em;color:var(--faint)} .token-chip.is-active{border-color:rgba(98,224,150,.6);background:rgba(34,168,93,.08);color:var(--ink);transform:translateY(-2px)} .token-chip.is-active .chip-id{color:var(--accent-dim)} .token-chip.is-done{opacity:.5} .chips-placeholder{font-size:12px;color:var(--faint)} .demo-pipeline{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:9px;margin-top:16px} .stage{ position:relative;min-height:136px;padding:13px 13px 12px; border:1px solid var(--line);border-radius:0;background:var(--bg); transition:border-color .25s ease, background .25s ease; } .stage.is-active{border-color:rgba(98,224,150,.55);background:rgba(34,168,93,.05)} .stage-num{font-family:var(--mono);font-size:9.5px;color:var(--faint)} .stage h4{margin-top:8px;font-size:11.5px;font-weight:550;color:var(--ink-soft)} .stage p{margin-top:4px;font-size:9.5px;line-height:1.45;color:var(--faint)} .stage-live{margin-top:13px;min-height:20px;display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--faint)} .stage-live .live-chip{ display:none;max-width:100%;padding:3px 6px;border-radius:0; border:1px solid rgba(98,224,150,.35);background:var(--accent-faint); color:var(--accent);font-family:var(--mono);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .stage.is-active .stage-live .placeholder{display:none} .stage.is-active .stage-live .live-chip{display:inline-block} .stage.is-active .stage-num{color:var(--accent)} .demo-readout{display:grid;grid-template-columns:1.08fr .7fr 1.16fr;gap:9px;margin-top:9px} .readout-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:0;background:var(--bg)} .readout-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)} .readout-head em{font-style:normal;font-size:8.5px;letter-spacing:.02em;text-transform:none;color:var(--faint)} .state-grid{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:4px;margin-top:14px} .state-cell{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0} .state-meter{ position:relative;width:100%;height:58px;border-radius:0;overflow:hidden; border:1px solid var(--line); background:var(--bg-3); } .state-meter::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-strong)} .state-fill{ position:absolute;left:16%;right:16%;border-radius:0; background:linear-gradient(180deg, var(--g6), var(--g4)); transition:height .26s var(--ease), top .26s var(--ease), bottom .26s var(--ease); } .state-fill.neg{background:linear-gradient(180deg, rgba(59,203,120,.5), rgba(23,131,72,.35))} .state-label{font-family:var(--mono);font-size:8.5px;color:var(--faint)} .state-num{font-family:var(--mono);font-size:8.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap} .gate-value{margin-top:14px;font-family:var(--mono);font-size:clamp(22px, 3.2vw, 30px);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums} .gate-meter{height:4px;border-radius:0;background:var(--bg-3);margin-top:14px;overflow:hidden} .gate-fill{height:100%;width:50%;border-radius:inherit;background:linear-gradient(90deg, var(--g4), var(--g6));transition:width .28s var(--ease)} .gate-sub{margin-top:11px;font-size:9.5px;line-height:1.5;color:var(--faint)} .bank-grid{display:grid;grid-template-columns:repeat(32, minmax(0, 1fr));gap:2px;margin-top:13px;max-width:310px} .slot-cell{aspect-ratio:1;border-radius:0;background:#161616;transition:background .15s ease, transform .15s ease} .slot-cell.is-fired{background:var(--g6);transform:scale(1.25)} .fired-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:22px} .fired-list span{font-family:var(--mono);font-size:9.5px;color:var(--faint)} .fired-empty{font-size:9.5px;color:var(--faint)} .demo-status{ display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap; margin-top:13px;padding-top:11px;border-top:1px solid var(--line); font-family:var(--mono);font-size:10px;color:var(--faint); } .demo-status .status-note{color:var(--muted)} /* ---------------- results ---------------- */ .result-stats{ display:grid;grid-template-columns:repeat(4, minmax(0, 1fr)); margin-top:clamp(34px, 4vw, 52px); border-top:1px solid var(--line);border-bottom:1px solid var(--line); } .result-stat{padding:26px 22px 25px;border-left:1px solid var(--line);position:relative} .result-stat:first-child{border-left:0} .result-stat .stat-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)} .result-stat .stat-big{margin-top:10px;font-family:var(--mono);font-size:clamp(24px, 3.2vw, 32px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)} .result-stat .stat-big .unit{font-size:.32em;letter-spacing:.04em;color:var(--faint);vertical-align:super;margin-left:.35em} .result-stat p{margin-top:10px;font-size:11px;line-height:1.55;color:var(--faint);max-width:24ch} .chart-card{margin-top:clamp(34px, 4.5vw, 56px);padding:clamp(18px, 2.8vw, 28px)} .chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;flex-wrap:wrap} .chart-title{font-size:16.5px;font-weight:500;letter-spacing:-.01em} .chart-sub{margin-top:5px;font-size:12px;color:var(--faint);max-width:56ch;line-height:1.6} .chart-readout{display:flex;flex-direction:column;align-items:flex-end;min-width:150px;text-align:right} .chart-readout .readout-step{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap} .chart-readout strong{font-family:var(--mono);font-size:clamp(20px, 2.6vw, 26px);line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums} .chart-readout .readout-meta{font-family:var(--mono);font-size:9.5px;color:var(--faint);margin-top:3px;white-space:nowrap} .chart-shell{margin-top:24px} .chart-body{display:grid;grid-template-columns:46px minmax(0, 1fr);column-gap:12px} .chart-yticks{position:relative;height:clamp(250px, 30vw, 350px)} .chart-yticks span{position:absolute;right:0;transform:translateY(-50%);font-family:var(--mono);font-size:9.5px;line-height:1;color:var(--faint);font-variant-numeric:tabular-nums} .chart-frame{position:relative;height:clamp(250px, 30vw, 350px);border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);cursor:crosshair} .chart-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} .chart-grid{stroke:#161616;stroke-width:1;vector-effect:non-scaling-stroke;shape-rendering:crispEdges} .chart-grid.v{stroke:#121212} .loss-line{fill:none;stroke:var(--g5);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .loss-line.static{opacity:.6;stroke-width:1.6} .loss-line.dynamic{opacity:0} .loss-area{fill:url(#lossFill);opacity:0;transition:opacity 1s ease .55s} .chart-ready .loss-line.dynamic{opacity:1;stroke-dasharray:1;stroke-dashoffset:1} .chart-ready.is-drawn .loss-line.dynamic{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s var(--ease)} .chart-ready.is-drawn .loss-area{opacity:1} .chart-ready .loss-line.static{display:none} .chart-cursor{ position:absolute;top:0;bottom:0;width:1px;opacity:0;pointer-events:none; background:rgba(98,224,150,.5); transition:opacity .18s ease; } .chart-dot{ position:absolute;width:8px;height:8px;border-radius:0;opacity:0;pointer-events:none; background:var(--accent);box-shadow:0 0 0 3px rgba(98,224,150,.15); transform:translate(-50%,-50%);transition:opacity .18s ease; } .chart-cursor.is-visible,.chart-dot.is-visible{opacity:1} .chart-endlabel{ position:absolute;right:0;top:88.9%;transform:translate(-9px, -135%); font-family:var(--mono);font-size:12px;line-height:1;color:var(--accent); white-space:nowrap;pointer-events:none; } .chart-startlabel{ position:absolute;left:0;top:5.6%;transform:translate(8px, 8px); font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--faint);white-space:nowrap;pointer-events:none; } .chart-axis-x{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;margin-top:8px} .x-ticks{position:relative;height:16px} .x-ticks span{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;line-height:1;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap} .x-ticks span:first-child{transform:none} .x-ticks span:last-child{transform:translateX(-100%)} .chart-x-title{margin-top:11px;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.6} .chart-x-title.note{text-transform:none;letter-spacing:.02em;font-size:10.5px;color:var(--muted);max-width:70ch;margin-left:auto;margin-right:auto} .chart-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-top:16px;font-family:var(--mono);font-size:10px;line-height:1.55;color:var(--faint)} .chart-foot .hint{display:inline-flex;align-items:center;gap:7px;color:var(--faint)} .chart-foot kbd{ font-family:var(--mono);font-size:9px;padding:2px 4px;border:1px solid var(--line-strong);border-radius:0; color:var(--muted);background:var(--bg-3); } .chart-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px} .chart-details summary{ cursor:pointer;font-family:var(--mono);font-size:10.5px;color:var(--muted);width:max-content;max-width:100%; transition:color .2s ease; } .chart-details summary:hover{color:var(--ink)} .chart-data-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px} .chart-data-table caption{text-align:left;color:var(--faint);font-family:var(--mono);font-size:10px;padding-bottom:8px} .chart-data-table th,.chart-data-table td{padding:7px 10px 7px 0;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums} .chart-data-table th{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:500} .chart-data-table td{color:var(--ink-soft);font-family:var(--mono)} /* ---------------- benchmark table ---------------- */ .bench{margin-top:clamp(44px, 6vw, 72px)} .bench-head{padding:20px clamp(18px, 2.5vw, 26px) 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap} .bench-head h3{font-size:16.5px;font-weight:500;letter-spacing:-.01em} .bench-head p{margin-top:5px;font-size:12px;color:var(--faint);max-width:66ch;line-height:1.6} .bench-table{width:100%;border-collapse:collapse;font-size:12.5px} .bench-table thead th{ padding:10px 14px;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line); background:rgba(255,255,255,.015);color:var(--faint); font-family:var(--mono);font-size:8.5px;line-height:1.4;font-weight:500;letter-spacing:.13em;text-transform:uppercase; } .bench-table tbody th,.bench-table tbody td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle} .bench-table tbody tr:last-child th,.bench-table tbody tr:last-child td{border-bottom:0} .bench-table tbody th{font-weight:550;color:var(--ink-soft);font-size:13px;line-height:1.35} .metric-note{display:block;margin-top:3px;font-size:9.5px;font-weight:400;color:var(--faint);letter-spacing:.01em} .bench-val{font-family:var(--mono);font-size:14.5px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap} .bench-val small{font-size:9px;letter-spacing:.02em;color:var(--faint);margin-left:3px} .bench-best{color:var(--accent)} .bench-gap{ display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:0; border:1px solid rgba(98,224,150,.3);background:var(--accent-faint);color:var(--accent); font-family:var(--mono);font-size:9.5px;font-weight:550;white-space:nowrap; } .bench-visual{width:33%;min-width:180px} .bars{display:flex;flex-direction:column;gap:6px} .bar-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px} .bar-key{font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)} .bar-track{position:relative;height:4px;border-radius:0;background:var(--bg-3);overflow:hidden} .bar-fill{ display:block;height:100%;width:var(--w, 0%);border-radius:inherit; background:linear-gradient(90deg, var(--g4), var(--g6)); transform-origin:left center; } .bar-fill.base{background:linear-gradient(90deg, #2E2E2E, #4A4A4A)} .bench-table tbody tr{transition:background .2s ease} .bench-table tbody tr:hover{background:rgba(255,255,255,.015)} .bench.motion-ready .bar-fill{transform:scaleX(0)} .bench.motion-ready.is-inview .bar-fill{transform:scaleX(1);transition:transform 1s var(--ease) calc(var(--bar-delay, 0) * 1ms)} .bench-note{ display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap; padding:15px clamp(18px, 2.5vw, 26px);border-top:1px solid var(--line); font-family:var(--mono);font-size:9.5px;line-height:1.6;color:var(--faint); } .bench-note b{font-weight:550;color:var(--muted)} .caveat-band{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.3fr);gap:clamp(24px, 4vw, 48px);align-items:start;margin-top:clamp(44px, 6vw, 70px);padding:clamp(22px, 3vw, 30px)} .caveat-band h3{font-size:clamp(19px, 2.2vw, 23px);line-height:1.2;letter-spacing:-.02em;font-weight:500} .caveat-band h3 + p{margin-top:10px;font-size:12.5px;color:var(--faint);line-height:1.65} .caveat-list{display:grid;gap:14px} .caveat-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.65;color:var(--muted)} .caveat-list li::before{content:counter(caveat, decimal-leading-zero);counter-increment:caveat;font-family:var(--mono);font-size:10px;color:var(--accent-dim);padding-top:2px} .caveat-list{counter-reset:caveat} .caveat-list strong{font-weight:550;color:var(--ink-soft)} /* ---------------- specbox / faq ---------------- */ .specbox{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px;margin-top:26px} .spec-item{padding:16px 18px;border:1px solid var(--line);border-radius:0;background:var(--bg-2)} .spec-item dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)} .spec-item dd{margin:8px 0 0;font-family:var(--mono);font-size:14.5px;color:var(--ink);line-height:1.4;overflow-wrap:anywhere} .spec-item dd .sub{display:block;font-size:10px;color:var(--faint);margin-top:4px;letter-spacing:.01em} .faq{margin-top:34px;display:grid;gap:10px;max-width:780px} .faq h3{margin:0;font-size:16.5px;font-weight:500} .faq details{border:1px solid var(--line);border-radius:0;background:var(--bg-2)} .faq summary{ cursor:pointer;list-style:none;padding:16px 18px;font-size:15px;font-weight:500;color:var(--ink); display:flex;align-items:center;justify-content:space-between;gap:14px; } .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";font-family:var(--mono);color:var(--faint);font-size:16px;transition:transform .2s ease} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{margin:0;padding:0 18px 16px;color:var(--muted);line-height:1.7;font-size:14px} /* ---------------- resources / community ---------------- */ .resource-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:13px;margin-top:clamp(34px, 4vw, 50px)} .resource{display:flex;align-items:flex-start;gap:16px;padding:24px 22px;position:relative} .resource-icon{ width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center; border:1px solid var(--line);border-radius:0;color:var(--accent); background:var(--bg);font-size:17px; } .resource-icon svg{width:22px;height:22px} .resource-icon .hf-emoji{width:22px;height:22px;display:block} .resource-icon .hf{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.02em} .resource-copy{min-width:0;flex:1} .resource-copy h3{font-size:15.5px;font-weight:500;letter-spacing:-.01em} .resource-handle{display:block;margin-top:3px;font-family:var(--mono);font-size:10.5px;color:var(--accent-dim);letter-spacing:.02em;overflow-wrap:anywhere} .resource-copy p{margin-top:11px;font-size:12.5px;line-height:1.65;color:var(--muted);max-width:40ch} .resource-arrow{ position:absolute;right:20px;top:20px;width:15px;height:15px;color:var(--faint); transition:color .2s ease, transform .2s ease; } .resource:hover .resource-arrow{color:var(--accent);transform:translate(2px,-2px)} .community-band{ display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap; margin-top:13px;padding:20px 22px; } .community-band .community-copy{display:flex;align-items:center;gap:14px;min-width:0} .community-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:0;color:var(--accent);background:var(--bg)} .community-icon svg{width:21px;height:21px} .community-band h3{font-size:15.5px;font-weight:500;letter-spacing:-.01em} .community-band p{margin-top:3px;font-size:11.5px;color:var(--faint);line-height:1.5} .community-band .btn{flex:0 0 auto} .support-band{ display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap; margin-top:13px;padding:18px 22px; } .support-band strong{color:var(--ink);font-weight:550;display:block} .support-band span{color:var(--muted);font-size:13px;display:block;margin-top:2px} /* ---------------- footer ---------------- */ .site-footer{border-top:1px solid var(--line);padding:44px 0 36px;background:var(--bg)} .footer-top{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap} .footer-brand{display:flex;align-items:center;gap:11px;min-width:0} .footer-brand .mark{width:22px;height:22px} .footer-wordmark{display:flex;align-items:baseline;gap:.35em;flex-wrap:wrap;font-size:12.5px;line-height:1.3} .footer-wordmark strong{font-weight:650;letter-spacing:.04em} .footer-wordmark span{font-family:var(--mono);font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em} .footer-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)} .footer-nav a{transition:color .2s ease} .footer-nav a:hover{color:var(--ink)} .footer-nav .sep{color:var(--faint)} .footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--faint)} .footer-bottom a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px} .footer-bottom a:hover{color:var(--ink)} /* ---------------- technical page ---------------- */ .technical-hero{padding:clamp(64px, 8vw, 108px) 0 clamp(44px, 6vw, 76px);position:relative} .technical-hero::before{ content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(900px 460px at 30% -10%, rgba(34, 168, 93, .08), transparent 65%); } .technical-hero > .wrap{position:relative} .technical-hero-copy{max-width:880px} .technical-hero h1{ font-size:clamp(34px, 5.6vw, 54px);line-height:1.05;letter-spacing:-.032em;font-weight:500; max-width:15ch; } .technical-hero .hero-lede{margin:24px 0 0;max-width:70ch;color:var(--muted);font-size:clamp(16px, 1.5vw, 17.5px);line-height:1.7} .technical-note{ display:inline-block;margin-top:20px;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--faint); } .technical-note::before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent-dim);margin-right:10px;vertical-align:1px} .technical-section .section-head{max-width:none} .technical-section .section-head h2{max-width:17ch} .technical-section .section-head .section-lede{max-width:56ch} .technical-body{margin-top:clamp(30px, 4vw, 50px)} .rm{font-family:var(--mono);font-size:.86em;letter-spacing:.01em;color:var(--accent-dim)} .spec-table{width:100%;border-collapse:collapse;margin:0} .spec-table th,.spec-table td{text-align:left;padding:14px clamp(12px, 2vw, 18px);border-bottom:1px solid var(--line);font-size:14px;vertical-align:top} .spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0} .spec-table th{ color:var(--faint);font-weight:500; font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase; width:32%;white-space:normal; } .spec-table td{color:var(--ink-soft)} .spec-table td b{color:var(--ink);font-weight:550;font-family:var(--mono);font-size:13.5px} .spec-table td .rm{font-family:var(--mono);font-size:12px;color:var(--accent-dim)} .technical-panel{overflow:hidden} .technical-panel + .technical-note{margin-top:14px} .math{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3em;font-family:var(--mono);font-size:clamp(13px, 1.9vw, 15.5px);line-height:1.9;padding:18px clamp(14px, 3vw, 26px);margin:0 0 13px;background:var(--bg);border:1px solid var(--line);border-radius:0;text-align:center} .math .v{color:var(--accent)} .math .op{color:var(--faint)} .math .fn{color:var(--muted)} .math .big{font-size:1.15em;line-height:1} .math .par{font-weight:600;color:var(--faint)} .math .rm{font-style:normal} .frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.3} .frac .num{border-bottom:1px solid var(--line-strong);padding:0 .45em .12em} .frac .den{padding:.12em .45em 0} .math sub,.math sup{font-size:.68em;color:var(--ink-soft)} .math-defs{display:grid;grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));gap:.75rem 2rem;margin:0 0 22px;padding:14px 18px;border:1px solid var(--line);border-radius:0;background:var(--bg-2)} .math-defs div{font-size:12.5px;color:var(--muted);line-height:1.6} .math-defs b{color:var(--accent);font-weight:500} .math-defs .rm{font-family:var(--mono);font-size:11.5px;color:var(--accent-dim)} .bench-bar{position:relative;height:4px;border-radius:0;background:var(--bg-3);overflow:hidden;margin:.5rem 0 .2rem;min-width:120px} .bench-bar i{position:absolute;inset:0;width:0;border-radius:inherit;background:linear-gradient(90deg, var(--g4), var(--g6));transition:width 1.1s var(--ease)} tr.in .bench-bar i{width:var(--w)} .loss-svg{width:100%;height:auto;display:block} .loss-grid{stroke:#1A1A1A} .loss-tick{fill:var(--faint);font-size:11px;font-family:var(--mono)} .loss-line{fill:none;stroke:var(--g5);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2600;stroke-dashoffset:2600;transition:stroke-dashoffset 2.4s var(--ease)} .in .loss-line{stroke-dashoffset:0} .loss-dot{fill:rgba(98,224,150,.5);opacity:0;transition:opacity .3s} .in .loss-dot{opacity:1} .loss-dot:hover{fill:var(--g7)} .loss-tip{ position:absolute;pointer-events:none;background:var(--bg-3);border:1px solid var(--line-strong); color:var(--accent);font-family:var(--mono);font-size:11px;padding:5px 9px;border-radius:0; opacity:0;transition:opacity .15s;white-space:nowrap;transform:translate(-50%,-135%);z-index:5; } .chart-wrap{ position:relative;border:1px solid var(--line);border-radius:0; padding:clamp(16px, 2.5vw, 24px);background:var(--bg-2);margin:0; } .chart-wrap .spec-table{margin-top:12px} details.datatable{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-soft)} details.datatable summary{cursor:pointer;color:var(--muted);font-family:var(--mono);font-size:11px;transition:color .2s ease} details.datatable summary:hover{color:var(--ink)} details.datatable table{margin-top:12px} .results-table td{vertical-align:middle} /* ---------------- donate page ---------------- */ .donate-hero{padding:clamp(64px, 9vw, 110px) 0 clamp(36px, 5vw, 56px)} .donate-hero h1{font-size:clamp(38px, 6.4vw, 58px);line-height:1.04;letter-spacing:-.035em;font-weight:500} .donate-hero .hero-lede{margin:22px 0 0;max-width:64ch;color:var(--muted);font-size:clamp(16px, 1.6vw, 18px);line-height:1.68} .donate-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:13px;margin-top:38px} .donate-card{padding:22px 22px 24px;display:flex;flex-direction:column;gap:0} .donate-card h3{font-size:16.5px;font-weight:500;letter-spacing:-.01em;margin:12px 0 8px} .donate-card p{color:var(--muted);font-size:13.5px;line-height:1.65} .donate-card.pending{opacity:.8} .donate-card.link{transition:transform .3s var(--ease), border-color .3s ease, background .3s ease} .donate-card.link:hover{transform:translateY(-2px);border-color:var(--line-strong);background:#0B0B0B} .donate-card.link .card-arrow{margin-left:auto;color:var(--faint);font-size:15px;line-height:1;transition:color .2s ease} .donate-card.link:hover .card-arrow{color:var(--accent)} .addr{ font-family:var(--mono);font-size:12px;color:var(--accent);background:var(--bg); border:1px solid var(--line);border-radius:0;padding:13px 14px;word-break:break-all; margin:14px 0 16px;line-height:1.6; } .addr .lbl{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:7px} .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .copy-btn{min-height:38px} /* ---------------- motion / reveal ---------------- */ html.reveal-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--d, 0ms)} html.reveal-ready .reveal.is-in{opacity:1;transform:none} @keyframes glyphOrbit{to{transform:rotate(360deg)}} @keyframes glyphPulse{0%,100%{opacity:.3}50%{opacity:1}} @keyframes slotPulse{0%,100%{opacity:.4}50%{opacity:1}} @keyframes statusPulse{0%,100%{opacity:.5}50%{opacity:1}} @keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *, *::before, *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important} html.reveal-ready .reveal{opacity:1;transform:none} } /* ---------------- responsive ---------------- */ @media (max-width: 1020px){ .walk-body{grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr)} .pipeline{flex-wrap:wrap;gap:8px} .node{flex:1 1 calc(33% - 8px)} .pipe-link{display:none} .bank-row{grid-template-columns:minmax(0,1fr) 124px} } @media (max-width: 900px){ .header-inner{flex-wrap:wrap;row-gap:6px;min-height:0;padding-top:11px;padding-bottom:9px} .brand{width:100%} .primary-nav{width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:1px;flex-wrap:nowrap;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%)} .primary-nav::-webkit-scrollbar{display:none} .hero{padding-top:44px} .hero h1{max-width:18ch} .section-head.split,.subhead{grid-template-columns:1fr;gap:18px;align-items:start} .section-head h2{max-width:20ch} .card-grid{grid-template-columns:1fr;gap:11px} .feature{min-height:0} .walk-body{grid-template-columns:1fr} .phase-panels{max-width:none} .demo-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))} .demo-readout{grid-template-columns:1fr 1fr} .readout-card.memory-readout{grid-column:1 / -1} .bank-grid{max-width:360px} .result-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .result-stat:nth-child(3){border-left:0;border-top:1px solid var(--line)} .result-stat:nth-child(4){border-top:1px solid var(--line)} .caveat-band{grid-template-columns:1fr;gap:20px} .resource-grid{grid-template-columns:1fr} .resource-copy p{max-width:none} } @media (max-width: 720px){ html{scroll-padding-top:130px} .brand-text{font-size:12px} .primary-nav a{font-size:9.5px;padding:4px 8px;white-space:nowrap} .hero h1{font-size:clamp(34px, 10.4vw, 46px)} .hero .hero-lede{font-size:16.5px} .hero-actions{flex-direction:column;align-items:stretch} .hero-actions .btn{width:100%} .hero-meta{gap:7px 16px;font-size:11px} .shot-body{padding:16px 14px} .shot-body pre{font-size:11.5px} .pipeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .node{flex:none;min-height:80px} .bank-row{grid-template-columns:1fr} .consolidate-node{flex-direction:row;align-items:center;justify-content:space-between;gap:10px} .consolidate-node .node-title{margin-top:0} .step-tab{padding:6px 10px} .walkthrough{padding:16px} .walk-head h3{font-size:18px} .diagram-topline{align-items:flex-start;flex-direction:column} .demo-card{padding:16px} .demo-input-row{flex-direction:column} .demo-input-row .btn{width:100%} .stage{min-height:118px} .demo-readout{grid-template-columns:1fr} .readout-card.memory-readout{grid-column:auto} .state-grid{gap:5px} .chart-head{gap:14px} .chart-readout{align-items:flex-start;text-align:left} .chart-body{grid-template-columns:34px minmax(0,1fr);column-gap:8px} .chart-axis-x{grid-template-columns:34px minmax(0,1fr);column-gap:8px} .chart-yticks,.chart-frame{height:240px} .chart-yticks span,.x-ticks span{font-size:8.5px} .chart-endlabel{font-size:10.5px;transform:translate(-7px,-145%)} .chart-startlabel{font-size:8px} .bench-head{padding:17px 15px 13px} .bench-table thead{display:none} .bench-table,.bench-table tbody,.bench-table tr,.bench-table th,.bench-table td{display:block;width:100%} .bench-table tbody tr{padding:17px 15px 19px;border-top:1px solid var(--line);background:transparent} .bench-table tbody tr:hover{background:rgba(255,255,255,.015)} .bench-table tbody th{padding:0 0 8px;font-size:15px} .bench-table tbody td{padding:3px 0;border-bottom:0;display:flex;justify-content:space-between;align-items:baseline;gap:14px} .bench-table tbody td::before{content:attr(data-label);font-family:var(--mono);font-size:8.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)} .bench-table tbody td.bench-visual{display:block;padding-top:13px} .bench-table tbody td.bench-visual::before{display:block;margin-bottom:8px} .bench-visual{width:100%;min-width:0} .bench-gap{font-size:9px} .bench-val{font-size:13px} .bench-note{padding:13px 15px;font-size:9px} .resource{padding:20px 18px} .resource-arrow{right:16px;top:16px} .community-band{padding:18px} .footer-nav{gap:12px} .footer-bottom{font-size:9.5px} .technical-hero h1{font-size:clamp(30px, 9.6vw, 42px)} .technical-section .section-head.split{gap:18px} .technical-section .section-head h2{max-width:20ch} .spec-table{min-width:600px} .technical-panel{overflow-x:auto} .math{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;text-align:left} .math-defs{grid-template-columns:1fr} .chart-wrap{padding:14px;overflow-x:auto} .chart-wrap .loss-svg{min-width:640px} } @media (max-width: 430px){ .wrap{padding-left:18px;padding-right:18px} .btn{font-size:8.5px;padding:0 13px;gap:7px;letter-spacing:0} .btn svg{width:12px;height:12px} .brand-text{font-size:11px} .brand-sub{font-size:9px} .announce{font-size:10.5px;gap:8px} .hero h1{font-size:33px} .hero-actions .btn{width:100%} .hero-meta{font-size:10.5px} .shot-body pre{font-size:10.5px} .result-stat .stat-big{font-size:23px} .pipeline{grid-template-columns:1fr} .node{min-height:0} .node-title{margin-top:9px} .bank-row{margin-top:16px} .demo-pipeline{grid-template-columns:1fr} .stage{min-height:106px} .state-meter{height:48px} .state-num,.state-label{font-size:7.5px} .chart-readout strong{font-size:19px} .chart-foot{font-size:9px} .chart-details summary{font-size:9.5px} .section-head h2{font-size:15px} .subhead h3{font-size:21px} .demo-line-label{align-items:flex-start;flex-direction:column;gap:3px} .step-tabs{margin-left:-6px;margin-right:-6px} .spec-table th,.spec-table td{padding:12px 14px} .donate-hero h1{font-size:34px} } /* ---------------- blog ---------------- */ .post-list{display:grid;gap:18px;margin-top:36px;max-width:860px} .post{padding:26px 26px 24px} .post-date{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim);margin:0 0 10px} .post-title{font-family:var(--pixel);font-size:15px;line-height:1.5;color:var(--ink);margin:0 0 14px} .post-body p{font-size:15.5px;line-height:1.65;color:var(--ink-soft);margin:0 0 12px} .post-body p:last-child{margin-bottom:0} .post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px} .post-body strong{color:var(--ink)} @media (max-width:720px){ .post{padding:20px 18px} .post-title{font-size:13px} } /* -------- display math: serif, textbook styling -------- */ .math,.eq{ font-family:"STIX Two Math","Cambria Math","Latin Modern Math","Times New Roman",Cambria,Georgia,serif; } .math{ font-size:clamp(15px,2vw,18px);line-height:2; padding:24px clamp(18px,3.5vw,34px); background:linear-gradient(180deg,rgba(34,168,93,.05),rgba(34,168,93,0) 62%),var(--bg); position:relative; } .math .v{color:var(--ink);font-style:italic} .math .op{color:var(--faint);font-style:normal;margin:0 .06em} .math .fn{color:var(--muted);font-style:normal;font-size:.95em} .math .rm{color:var(--ink-soft)} .math .big{font-size:1.28em;line-height:1;color:var(--ink-soft)} .math sub,.math sup{font-size:.7em;color:var(--muted)} .math .frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .3em;line-height:1.35} .math .frac .num{padding:0 .35em .09em} .math .frac .den{padding:.09em .35em 0;border-top:1.5px solid var(--line-strong)} .math .eqno{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--faint)} .math-defs{background:var(--bg-2)} .eq .v{color:var(--ink);font-style:italic} .eq .op{color:var(--faint);font-style:normal} .eq .fn{color:var(--muted);font-style:normal} .eq sub,.eq sup{font-size:.68em;line-height:1;color:var(--muted)} .eq{color:var(--ink-soft)} .post-more{margin-top:14px} .post-title a{color:inherit;text-decoration:none} .post-title a:hover{text-decoration:underline} .wrap-narrow{max-width:820px} #post h1.post-title{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:6px 0 18px} pre{background:#0b120e;border:1px solid #1c3a29;border-radius:8px;padding:14px 16px;overflow:auto;font-family:var(--mono);font-size:12.5px;color:#d7f5e3} code{font-family:var(--mono)} .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media (max-width:760px){.resource-grid{grid-template-columns:1fr}} .h-like{margin-bottom:10px} /* Download page: smart-download CTA + terminal quick start */ .dl-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:clamp(26px,3vw,40px)} .dl-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.2px;color:#06130b;background:#3BCB78;border:1px solid #3BCB78;border-radius:10px;padding:14px 22px;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .15s ease} .dl-btn:hover{background:#62E096;box-shadow:0 0 22px rgba(59,203,120,.35);transform:translateY(-1px)} .dl-sub{font-family:var(--mono);font-size:12px;color:#7fae92;margin:0;max-width:46ch;line-height:1.6} .dl-sub a{color:#96EFB7;text-decoration:none;border-bottom:1px solid #1c3a29} .dl-sub a:hover{color:#C4F8D8} .term-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px} @media (max-width:760px){.term-grid{grid-template-columns:1fr}} .term{background:#0b120e;border:1px solid #1c3a29;border-radius:10px;overflow:hidden} .term-bar{display:flex;align-items:center;gap:6px;padding:9px 13px;background:#0e1712;border-bottom:1px solid #1c3a29} .term-dot{width:8px;height:8px;border-radius:50%;background:#22A85D;opacity:.8} .term-title{margin-left:8px;font-family:var(--mono);font-size:11px;color:#96EFB7;letter-spacing:.5px} .term pre{background:transparent;border:0;border-radius:0;margin:0;padding:14px 16px;font-size:12.5px;color:#d7f5e3} .qs-note{margin-top:16px;color:#8fb39e}