.sysd{--bg:#f7f8fa;--bg-card:#fff;--line:#0f172a14;--line-strong:#0f172a24;--ink:#14151f;--ink-dim:#4c4f62;--ink-mute:#84879a;--sky:#2563eb;--sky-bright:#3b82f6;--sky-soft:#2563eb1a;--sky-line:#2563eb38;--emerald:#059669;--emerald-soft:#0596691f;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;background-color:var(--bg);color:var(--ink);background-image:radial-gradient(80% 55% at 82% -12%,#d7ecff,#0000);background-repeat:no-repeat;background-size:100% 100vh;min-height:100vh;position:relative;overflow-x:hidden}.sysd .shell{max-width:1180px;margin:0 auto;padding:0 32px}.sysd .mono{font-family:var(--font-mono)}.sysd .btn{border:1px solid var(--line-strong);background:var(--bg-card);height:48px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.sysd .btn:hover{background:#f1f4f9;border-color:#0f172a33}.sysd .btn-primary{background:var(--sky);border-color:var(--sky);color:#fff;box-shadow:0 6px 18px #2563eb47}.sysd .btn-primary:hover{background:#1d4fd8;border-color:#1d4fd8}.sysd .btn-ghost{box-shadow:none;background:0 0}.sysd .eyebrow{letter-spacing:.02em;color:var(--sky);background:var(--sky-soft);border:1px solid var(--sky-line);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.sysd .eyebrow .dot{background:var(--sky-bright);border-radius:999px;width:6px;height:6px}.sysd .section{padding:78px 0;position:relative}.sysd .band{position:relative}.sysd .band:before{content:"";background:linear-gradient(90deg, transparent, var(--sky-line) 30%, var(--sky-line) 70%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.sysd .band-wash{background:linear-gradient(#2563eb0a,#0000 60%)}.sysd .section-head{max-width:640px;margin-bottom:44px}.sysd .section-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--sky);margin-bottom:12px;font-size:12px;font-weight:700}.sysd .section-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.12}.sysd .section-sub{color:var(--ink-dim);margin:0;font-size:17px;line-height:1.6}.sysd .hero{isolation:isolate;background:#0a0f1c;padding:88px 0 96px;position:relative;overflow:hidden}.sysd .hero-bg{z-index:0;position:absolute;inset:0}.sysd .hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(105deg, #080b14e6 0%, #080b148c 42%, #080b141f 72%, #080b144d 100%), linear-gradient(to bottom, #080b1459 0%, transparent 26%, transparent 68%, var(--bg) 100%);position:absolute;inset:0}.sysd .hero>.shell{z-index:2;position:relative}.sysd .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;display:grid}.sysd .hero .eyebrow{color:#bcd2ff;-webkit-backdrop-filter:blur(6px);background:#ffffff14;border-color:#fff3}.sysd .hero .eyebrow .dot{background:#8fb8ff}.sysd .hero h1{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px #00000059;margin:24px 0 20px;font-size:clamp(2.75rem,5.6vw,4.25rem);font-weight:800;line-height:1.06}.sysd .hero h1 .accent{color:#8fb8ff;font-style:italic;font-weight:400;font-family:var(--font-instrument-serif), "Times New Roman", serif}.sysd .hero-sub{color:#ffffffd1;text-shadow:0 1px 10px #0000004d;max-width:520px;margin:0 0 32px;font-size:19px;line-height:1.58}.sysd .hero-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sysd .hero-note{color:#fff9;margin-top:18px;font-size:13px}.sysd .featured{font-family:var(--font-hand), "Comic Sans MS", cursive;background:#fcfcf7;border-radius:12px;padding:22px 24px 20px;position:relative;transform:rotate(1.4deg);box-shadow:0 30px 70px #0006,0 6px 16px #00000040,inset 0 0 0 7px #fff,inset 0 0 0 8px #e6e6db}.sysd .featured:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#2563eb0f 1px,#0000 1px),linear-gradient(90deg,#2563eb0f 1px,#0000 1px);background-size:22px 22px;border-radius:6px;position:absolute;inset:15px}.sysd .featured>*{z-index:1;position:relative}.sysd .mk-black{color:#1e1e24}.sysd .mk-blue{color:#2557d6}.sysd .mk-red{color:#d61f69}.sysd .mk-green{color:#0b8a4b}.sysd .mk-teal{color:#0e8f8f}.sysd .wb-num{color:#1e1e24;border:2px solid #1e1e24;border-radius:49% 51% 52% 48%/51% 49%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:inline-flex;transform:rotate(-3deg)}.sysd .wb-row{align-items:center;gap:10px;display:flex}.sysd .wb-row-2{margin:14px 0 8px}.sysd .wb-head{margin:0}.sysd .wb-head span{color:#1e1e24;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 84%,#2557d6b3 84% 93%,#0000 93%);padding-bottom:2px;font-size:27px;font-weight:700;line-height:1.2}.sysd .wb-sub{text-underline-offset:3px;font-size:19px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.sysd .wb-desc{color:#3a3d4d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 4px 40px;font-size:17px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.sysd .wb-flow{flex-wrap:wrap;align-items:center;gap:4px;margin-left:40px;display:flex}.sysd .wb-box{text-align:center;border:2px solid;border-radius:11px 9px 12px 8px/9px 12px 8px 11px;flex:1;min-width:0;padding:4px 3px;font-size:14px;font-weight:600}.sysd .wb-box:nth-child(4n+1){transform:rotate(-1.3deg)}.sysd .wb-box:nth-child(4n+3){transform:rotate(1.1deg)}.sysd .wb-arrow{color:#6b6f80;flex-shrink:0}.sysd .wb-steps{flex-wrap:wrap;gap:6px 14px;margin:8px 0 0 40px;display:flex}.sysd .wb-step{align-items:center;gap:5px;font-size:16px;font-weight:600;display:inline-flex}.sysd .wb-dot{border:2px solid;border-radius:50% 48% 52% 50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex;transform:rotate(-4deg)}.sysd .wb-diff{z-index:2;color:#d61f69;text-transform:capitalize;font-size:17px;font-weight:700;position:absolute;top:14px;right:18px;transform:rotate(4deg)}.sysd .anatomy-list{position:relative}.sysd .anatomy-list:before{content:"";background:linear-gradient(180deg, transparent, var(--sky-line) 6%, var(--sky-line) 94%, transparent);width:2px;margin-left:-1px;position:absolute;top:40px;bottom:40px;left:15px}.sysd .anatomy-row{grid-template-columns:44px minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:0 32px;padding:22px 0;display:grid}.sysd .anatomy-rail{position:relative}.sysd .anatomy-num{z-index:1;background:var(--sky);color:#fff;width:30px;height:30px;font-family:var(--font-mono);box-shadow:0 0 0 5px var(--bg);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex;position:relative}.sysd .anatomy-step{align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.sysd .anatomy-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--sky);font-size:12px;font-weight:700}.sysd .anatomy-time{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--sky);background:var(--sky-soft);border:1px solid var(--sky-line);border-radius:999px;padding:2px 8px}.sysd .anatomy-row h3{letter-spacing:-.01em;margin:0 0 8px;font-size:21px;font-weight:700}.sysd .anatomy-row p{color:var(--ink-dim);margin:0;font-size:15px;line-height:1.55}.sysd .anatomy-mock{align-self:center;width:100%;max-width:400px}.sysd .mock{background:var(--bg-card);border:1px solid var(--line-strong);font-family:var(--font-mono);border-radius:14px;padding:15px 16px;box-shadow:0 8px 24px #0f172a0d}.sysd .mock-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);margin-bottom:9px;font-size:10px}.sysd .mock-line{color:var(--ink-dim);align-items:center;gap:10px;padding:3.5px 0;font-size:12px;display:flex}.sysd .mock-line .tick{color:var(--emerald)}.sysd .mock-line .key{color:var(--ink-mute)}.sysd .mock-line .val{color:var(--ink);margin-left:auto}.sysd .mock-flow{align-items:center;gap:6px;display:flex}.sysd .mock-flow .box{text-align:center;background:var(--sky-soft);border:1px solid var(--sky-line);color:var(--ink-dim);border-radius:7px;flex:1;padding:9px 4px;font-size:11px}.sysd .mock-flow .arr{color:var(--sky-bright)}.sysd .mock-seq{gap:8px;display:grid}.sysd .mock-seq .step{color:var(--ink-dim);gap:8px;font-size:12px;display:flex}.sysd .mock-seq .step .who{color:var(--sky)}.sysd .mock-cmp{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sysd .opt{border:1px solid var(--line);border-radius:10px;padding:9px 10px}.sysd .opt.win{border-color:var(--sky-line);background:var(--sky-soft)}.sysd .opt-h{color:var(--ink);align-items:center;gap:5px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.sysd .opt-h .pick{text-transform:uppercase;letter-spacing:.06em;background:var(--sky);color:#fff;border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:700}.sysd .opt-l{color:var(--ink-mute);padding:1px 0;font-size:11px}.sysd .opt-l.good{color:var(--emerald)}.sysd .opt-l.bad{color:#c2410c}.sysd .mock-take{border-top:1px dashed var(--line);color:var(--sky);gap:6px;margin-top:9px;padding-top:9px;font-size:11.5px;font-weight:600;display:flex}.sysd .mock-take:before{content:"→";color:var(--sky-bright)}.sysd .mock-quote{font-family:var(--font-jakarta), system-ui, sans-serif;color:var(--ink);font-size:12.5px;font-style:italic;line-height:1.5}.sysd .mock-quote .who{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);margin-top:12px;font-size:10.5px;font-style:normal;display:block}.sysd .cat-group{margin-bottom:34px}.sysd .cat-group-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.sysd .cat-group-title{text-transform:uppercase;letter-spacing:.14em;color:var(--sky);font-size:12px;font-weight:700}.sysd .cat-group-sub{color:var(--ink-mute);font-size:13px}.sysd .cat-list{gap:8px;display:grid}.sysd .cat-row{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:border-color .15s,background .15s;display:flex}.sysd .cat-row:hover{border-color:var(--sky-line);background:#2563eb08}.sysd .cat-idx{font-family:var(--font-mono);color:var(--ink-mute);flex-shrink:0;width:24px;font-size:13px;font-weight:600}.sysd .cat-main{flex:1;min-width:0}.sysd .cat-title{color:var(--ink);font-size:15.5px;font-weight:700;display:block}.sysd .cat-row:hover .cat-title{color:var(--sky)}.sysd .cat-desc{-webkit-line-clamp:2;color:var(--ink-mute);-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.sysd .cat-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.sysd .cat-dur{color:var(--ink-mute);font-size:12px;font-family:var(--font-mono)}.sysd .badge{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.sysd .badge-free{background:var(--emerald-soft);color:var(--emerald)}.sysd .badge-member{color:var(--ink-dim);background:#0f172a0f}.sysd .band-cta:before{display:none}.sysd .band-cta .section{padding-top:40px;padding-bottom:104px}.sysd .cta-band{color:#fff;text-align:center;background:linear-gradient(160deg,#0b1220,#10233f);border-radius:24px;padding:56px;position:relative;overflow:hidden}.sysd .cta-bg{z-index:0;position:absolute;inset:0}.sysd .cta-overlay{z-index:1;pointer-events:none;background:linear-gradient(160deg,#090d18b8,#0c182e80);position:absolute;inset:0}.sysd .cta-band>h2,.sysd .cta-band>p,.sysd .cta-band>a{z-index:2;position:relative}.sysd .cta-band h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2rem,4vw,2.9rem);font-weight:800}.sysd .cta-band h2 .accent{color:#7fb0ff;font-style:italic;font-weight:400;font-family:var(--font-instrument-serif), "Times New Roman", serif}.sysd .cta-band p{color:#ffffffbf;max-width:540px;margin:0 auto 30px;font-size:18px}.sysd .cta-band .btn{color:#0b1220;background:#fff;border-color:#fff}.sysd .cta-band .btn:hover{background:#e8eefc;border-color:#e8eefc}@media (max-width:900px){.sysd .shell{padding:0 20px}.sysd .hero-grid{grid-template-columns:1fr;gap:36px}.sysd .featured{max-width:480px;transform:rotate(1deg)}.sysd .anatomy-row{grid-template-columns:44px 1fr}.sysd .anatomy-mock{grid-column:2;align-self:start;margin-top:14px}.sysd .cta-band{padding:40px 24px}}@media (max-width:560px){.sysd .cat-desc{display:none}}