@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--text: #0f172a;--body: #334155;--muted: #64748b;--subtle: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--accent: #0a74da;--accent-hover: #095bb5;--accent-soft: #e6f0fb;--cat-structural: #0f766e;--cat-creational: #7c3aed;--danger-soft: #fff1f2;--danger: #be123c;--max: 1216px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}a:hover{color:var(--accent)}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);box-shadow:0 1px 2px #0f172a05;backdrop-filter:blur(14px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:1.18rem;text-decoration:none;letter-spacing:-.025em;white-space:nowrap}.brand-mark{width:30px;height:30px;flex:0 0 auto;border-radius:7px}.brand-primary{color:var(--accent)}.brand-secondary{margin-left:-4px;color:var(--body);font-weight:500}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{min-height:42px;display:inline-flex;align-items:center;padding:0 15px;border-radius:10px;color:var(--body);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--accent);background:var(--accent-soft)}.nav-links a.active{color:#fff;background:var(--accent)}main{min-height:calc(100vh - 210px)}.site-footer{margin-top:88px;padding:34px 0 46px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;flex-wrap:wrap}.footer-community{display:grid;gap:14px}.footer-socials,.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-socials a,.footer-links a{color:var(--muted);text-decoration:none}.footer-socials a{display:inline-flex;align-items:center;gap:4px;font-weight:600}.footer-socials a:hover,.footer-links a:hover{color:var(--accent)}.footer-socials a span{font-size:.72em}.hero{padding:108px 0 88px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:76px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--accent);font:600 .76rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}h1,h2,h3{color:var(--text);font-family:Space Grotesk,DM Sans,system-ui,sans-serif;line-height:1.1;letter-spacing:-.035em}h1{margin:0;font-size:clamp(3.25rem,6.8vw,6.2rem);font-weight:700}h1 .accent-text{display:block;color:var(--accent)}h2{margin:0 0 18px;font-size:clamp(2rem,4vw,3.35rem);font-weight:700}h3{font-size:1.28rem}.lede{max-width:700px;margin:26px 0 0;color:var(--body);font-size:clamp(1.08rem,2vw,1.27rem);line-height:1.65}.actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 1px 2px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,background .15s ease}.button:hover{transform:translateY(-2px);background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 10px 24px #0a74da2e}.button.secondary{border-color:transparent;background:transparent;color:var(--accent);box-shadow:none;padding-inline:4px}.button.secondary:hover{transform:none;color:var(--accent-hover);background:transparent}.terminal{overflow:hidden;padding:0;background:var(--surface);color:var(--body);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #0f172a14;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}a.terminal{display:block;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}a.terminal:hover{transform:translateY(-3px);color:inherit;box-shadow:0 18px 40px #0f172a1f}.terminal-top{display:flex;gap:7px;align-items:center;min-height:50px;padding:0 22px;background:var(--surface-alt);border-bottom:1px solid var(--line)}.terminal-title{margin-left:auto;color:var(--muted);font:600 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.dot.active{background:var(--accent)}.terminal-line{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);font-size:.8rem}.terminal-line:last-child{border-bottom:0}.terminal-line span:first-child{color:var(--muted)}.terminal-line strong{color:var(--text);font-weight:500}.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head p{margin:0;max-width:540px;color:var(--muted);font-size:1.05rem}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pattern-group+.pattern-group{margin-top:44px}.pattern-group .eyebrow{margin-bottom:16px}.grid-cta{margin:40px 0 0}.grid-cta a{color:var(--accent);font-weight:600;text-decoration:none}.grid-cta a:hover{text-decoration:underline}.pattern-card{min-height:242px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 3px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pattern-card:hover{transform:translateY(-3px);border-color:#bfd7f0;box-shadow:0 12px 26px #0f172a14}.pattern-card a{display:block;height:100%;text-decoration:none}.pattern-card h3{margin:18px 0 11px}.pattern-card p{color:var(--muted);margin:0}.code-label{display:inline-block;color:var(--accent);font:600 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}[data-category=Structural]{color:var(--cat-structural)}[data-category=Creational]{color:var(--cat-creational)}.page-hero{padding:92px 0 52px;max-width:880px}.page-hero h1{font-size:clamp(2.75rem,6vw,5.15rem)}.content{max-width:800px}.content h2{margin-top:56px;font-size:2rem}.content p,.content li{color:var(--body)}.content>p,.example-band>p,.comparison{max-width:72ch}.meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font:500 .76rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.logic-flow{margin:46px 0;display:grid;gap:14px}.logic-node{position:relative;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0f172a08}.logic-node:not(:last-child):after{content:"↓";position:absolute;z-index:2;left:34px;bottom:-20px;width:24px;height:24px;display:grid;place-items:center;background:var(--accent);color:#fff;border:3px solid var(--bg);border-radius:50%;font:600 .72rem/1 monospace}.logic-node .code-label{margin-bottom:9px}.logic-node p{margin:0;color:var(--text)}.run-list{margin:4px 0 0;padding-left:21px}.run-list li+li{margin-top:8px}.caveat{margin:40px 0;padding:24px;background:var(--danger-soft);border:1px solid #fecdd3;border-left:4px solid var(--danger);border-radius:12px}.caveat h2{margin:0 0 8px;color:#881337;font-size:1.22rem}.caveat p{margin:0}.crumbs{display:flex;gap:8px;margin:0 0 14px;font:600 .76rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.crumbs a{color:var(--accent);text-decoration:none}.crumbs a:hover{text-decoration:underline}.example-band{margin:48px 0;padding:28px 30px 8px;background:var(--surface-alt);border:1px solid var(--line);border-radius:16px}.example-band h2{margin-top:0}.example-band h3{margin:30px 0 8px}.example-band>p:last-child{padding-bottom:20px;margin-bottom:0}.code-figure{margin:26px 0 8px}.code-window{overflow:hidden;border:1px solid #1e293b;border-radius:12px;background:#282c34}.code-window-top{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 16px;background:#21252b;border-bottom:1px solid #181a1f}.code-lang{color:#7f8794;font:600 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.code-copy{min-height:28px;padding:0 12px;border:1px solid #3a3f4b;border-radius:7px;background:transparent;color:#abb2bf;font:500 .74rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:color .15s ease,border-color .15s ease}.code-copy:hover{color:#fff;border-color:#7f8794}.code-window pre{margin:0;padding:20px 22px;overflow-x:auto;font-size:.84rem;line-height:1.65;tab-size:2;border-radius:0}.code-figure figcaption{margin-top:12px;color:var(--muted);font-size:.88rem;line-height:1.55;max-width:72ch}.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 8px}.use-card{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.use-card h3{margin:0 0 10px;font-size:1.02rem}.use-card ul{margin:0;padding-left:19px}.use-card li{margin-top:8px;font-size:.95rem}.use-yes{border-top:3px solid var(--accent)}.use-no{border-top:3px solid var(--danger)}.comparison{padding-left:16px;border-left:3px solid var(--accent-soft)}.comparison a{color:var(--accent);font-weight:600}.faq{margin-top:8px}.faq-item{padding:4px 0;border-bottom:1px solid var(--line)}.faq-item summary{position:relative;padding:14px 34px 14px 0;color:var(--text);font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;color:var(--accent);font:600 1.1rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:rotate .18s ease}.faq-item[open] summary:after{rotate:45deg}.faq-item summary:hover{color:var(--accent)}.faq-item p{margin:0 0 16px;max-width:72ch}.book-cta{display:grid;grid-template-columns:158px 1fr;gap:28px;align-items:center;margin:56px 0 0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 14px #0f172a0f}.book-cta-cover{min-height:196px;padding:18px;text-decoration:none}.book-cta-body h2{margin:0 0 10px;font-size:1.5rem}.book-cta-body p{margin:0}.book-cta-body .retailers{margin-top:18px}.more-patterns{margin-top:56px;padding:24px 28px;background:var(--surface-alt);border:1px solid var(--line);border-radius:14px}.more-patterns h2{margin:0 0 12px;font-size:1.22rem}.more-patterns ul{margin:0;padding-left:19px}.more-patterns li{margin-top:6px}.more-patterns a{color:var(--body);font-weight:500}.more-patterns a:hover{color:var(--accent)}.book-card{display:grid;grid-template-columns:176px 1fr;gap:34px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 14px #0f172a0f}.book-cover{min-height:230px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--accent),#4338ca);color:#fff;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 12px 24px #0a74da33}.book-cover strong{font-size:1.05rem;line-height:1.35}.book-cover span{color:#dbeafe;font-size:.72rem}.retailers{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.retailers .button{min-height:42px;font-size:.86rem}.disclosure{margin-top:12px;color:var(--muted);font-size:.78rem}@media(max-width:800px){.shell{width:min(calc(100% - 32px),var(--max))}.nav{min-height:64px;gap:10px}.nav-links{gap:2px}.nav-links a{min-height:38px;padding-inline:10px;font-size:.82rem}.hero{grid-template-columns:1fr;padding:68px 0 56px;gap:42px}h1{font-size:clamp(2.8rem,14vw,4.7rem)}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column;gap:14px}.pattern-grid{grid-template-columns:1fr;gap:16px}.use-grid{grid-template-columns:1fr}.code-window pre{padding:15px 16px;font-size:.78rem}.example-band{padding:20px 18px 4px}.book-cta{grid-template-columns:1fr;padding:22px}.book-cta-cover{max-width:200px}.pattern-card{min-height:0}.book-card{grid-template-columns:1fr;padding:22px}.book-cover{max-width:220px}}@media(max-width:460px){.brand{gap:7px;font-size:1rem}.brand-mark{width:26px;height:26px;border-radius:6px}.brand-secondary{display:none}.nav-links a{padding-inline:7px;font-size:.78rem}.actions{align-items:flex-start;flex-direction:column;gap:10px}.button.secondary{padding-inline:0}.terminal-line{grid-template-columns:66px 1fr;padding-inline:17px}.footer-socials{gap:12px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}