:root{--muted:var(--ink-muted);--paper:var(--surface);--border:var(--line);--blue:#345b9a;--teal:#206b62;--violet:#70538c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:not([class]){color:var(--primary)}button,input{font:inherit}button,summary,a,input{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.skip{position:absolute;left:15px;top:-80px;z-index:10;background:var(--surface-raised);padding:12px}.skip:focus{top:10px}.wrap{max-width:1240px;width:calc(100% - 100px);margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 50px;background:var(--paper)}.brand{font-size:15px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:16px}.brand-logo{display:block;height:44px;width:auto}.brand-title{border-left:1px solid var(--border);padding-left:16px;line-height:1.3}.edition{font-size:9px;letter-spacing:1.4px;font-weight:400;border-left:1px solid var(--border);margin-left:8px;padding-left:20px}nav{display:flex;align-items:center;gap:28px;font:var(--text-nav)}nav a{text-decoration:none}.hero{padding-top:65px}.eyebrow,.tiny{font-size:10px;font-weight:700;letter-spacing:1.8px}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:22px;font:400 13px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.eyebrow>span{width:7px;height:7px;background:var(--accent-strong);border-radius:100%}.tiny{font-family:var(--font-mono);font-weight:400;text-transform:uppercase}h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(48px,6.7vw,88px);line-height:1.08;letter-spacing:-3.5px;margin:0 0 30px}em{font-style:italic;font-weight:500;color:var(--ink-muted)}.hero-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:90px}.lead{font-size:17px;line-height:1.8;max-width:680px;color:var(--muted)}.hero .lead{margin-top:0;max-width:650px}.actions{display:flex;align-items:center;gap:25px;margin:28px 0 40px}.button{display:inline-flex;align-items:center;gap:25px;background:var(--accent);color:var(--on-accent);padding:14px 20px;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:700}.text-link{font-size:13px}.hero-note{border-left:1px solid var(--line);padding-left:30px;margin-top:-100px;align-self:center}.hero-note p{font-family:var(--font-serif);font-size:24px;line-height:1.6;margin:16px 0}.hero-note small{color:var(--muted)}.mini-diagram{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;gap:30px}.mini-diagram>div{display:flex;gap:16px;align-items:center}.mini-diagram strong{display:block;font-size:13px}.mini-diagram small{display:block;color:var(--muted);font-size:11px}.line-icon{font-size:31px;line-height:1;display:inline-flex;padding:12px;border:1px solid currentColor;border-radius:var(--radius-none)}.blue{color:var(--blue)}.teal{color:var(--teal)}.violet{color:var(--violet)}.section{padding-top:80px;padding-bottom:80px}h2{font-family:var(--font-serif);font-size:40px;letter-spacing:-.816px;line-height:1.2;font-weight:500;margin:0 0 23px}h3{font-size:20px;line-height:1.4;margin:0 0 14px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-top>p{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--border);border-top:3px solid var(--accent);padding:27px 25px;border-radius:var(--radius-none);background:var(--surface-raised);display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--accent)}.card-top span:last-child{font-size:11px;letter-spacing:1px}.card h3{font-family:var(--font-serif);font-size:27px;font-weight:500;min-height:38px}.subtitle{color:var(--accent);font-size:11px;min-height:40px;line-height:1.6;font-weight:700}.card .description{font-size:14px;min-height:30px;color:var(--muted)}.card dl{margin:8px 0 20px}.card dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:18px}.card dd{margin:5px 0 0;font-size:13px;min-height:65px}.card details{margin-top:auto;border-top:1px solid var(--border);padding-top:15px;font-size:13px}.card ul{padding-left:18px}.qualification{font-size:11px;color:var(--muted);background:var(--surface-muted);padding:12px;line-height:1.6}.sources-inline{font-size:11px;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.distinction{margin-top:30px;padding:35px;background:var(--surface-tint);display:grid;grid-template-columns:1fr 1.5fr;gap:50px;border-radius:var(--radius-none)}.distinction h3{font-family:var(--font-serif);font-size:25px;font-weight:500}.distinction h3 span{color:var(--primary)}.distinction p{font-size:13px}.axis small{font-size:9px;letter-spacing:1.3px;font-weight:700}.axis p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:4px}.fine{font-size:12px!important;color:var(--muted);line-height:1.7}.scenario{background:var(--surface-tint)}.contract{display:flex;gap:24px;padding:28px 0;margin:5px 0 20px}.contract>span{font-size:40px;color:var(--primary)}.contract small{font-size:9px;letter-spacing:1.5px}.contract blockquote{font:italic 500 25px/1.5 var(--font-serif);margin:6px 0;max-width:790px}[role=tablist]{display:flex;gap:7px;padding:6px;background:var(--surface-muted);border-radius:var(--radius-none);width:fit-content;max-width:100%;margin-bottom:30px}[role=tab]{border:0;padding:13px 23px;background:transparent;border-radius:4px;color:var(--ink);font-size:13px}[role=tab][aria-selected=true]{background:var(--surface-raised);box-shadow:inset 0 -2px 0 var(--primary);font-weight:700}.flow{display:flex;align-items:stretch;gap:10px;margin:22px 0}.flow details{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--radius-none);background:var(--surface-raised);padding:15px}.flow summary{font-size:12px;font-weight:700}.flow p{font-size:12px}.flow .arrow{align-self:center;color:var(--primary)}.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qa{padding:22px;background:var(--surface);border-radius:var(--radius-none);border:1px solid var(--line)}.qa h3{font-size:16px}.qa small{font-size:9px;letter-spacing:1px;font-weight:700}.qa p{font-size:13px;margin:6px 0 16px}.qa .verify{border-top:1px solid var(--border);padding-top:13px}.comparison{border:1px solid var(--border);border-radius:var(--radius-none)}.comparison>summary{padding:24px;font-size:17px}.comparison>summary span{float:right;font-size:12px;color:var(--muted)}#comparison-table{overflow-x:auto}table{border-collapse:collapse;min-width:850px;width:100%;font-size:13px}th,td{padding:20px;text-align:left;vertical-align:top;border:1px solid var(--border);width:26%}th{background:var(--surface-tint)}th:first-child{width:22%}td details{margin-top:10px;font-size:11px}.misconceptions details,.glossary details{border-bottom:1px solid var(--border);padding:20px 0}.misconceptions summary{font-size:17px}.misconceptions p{max-width:900px}.glossary{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid var(--border)}.glossary p{color:var(--muted)}.glossary details:first-child{padding-top:0}.glossary details p{font-size:14px}.source-link{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:17px 0;font-size:14px}.source-link small{font-size:10px;color:var(--muted);white-space:nowrap}#sources{border-top:1px solid var(--border)}#sources>p{max-width:900px}.takeaway{background:var(--band);color:var(--on-band);padding:70px 0}.takeaway h2{font-size:53px}.takeaway em{color:var(--accent)}.takeaway .eyebrow{color:var(--accent)}.takeaway .eyebrow>span{background:var(--accent)}.takeaway p{max-width:670px;color:var(--on-band-muted);font-size:17px}.takeaway .button{margin-top:15px}.takeaway a:focus-visible,.takeaway button:focus-visible{outline-color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:12px}footer small{color:var(--muted)}summary::marker{color:var(--primary)}@media(min-width:1450px){h1{font-size:92px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}header{padding:0 24px}.edition{display:none}nav{gap:17px}.hero-note{margin-top:0}.hero-bottom{gap:30px}.cards{gap:12px}.card{padding:22px 18px}.card h3{font-size:23px}.qa-grid{grid-template-columns:repeat(2,1fr)}.flow{flex-wrap:wrap}.flow details{min-width:130px}.mini-diagram{gap:14px}.line-icon{padding:8px}.distinction{gap:25px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:auto;align-items:start;flex-direction:column;padding:17px 20px;gap:16px}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.wrap{width:calc(100% - 40px)}.hero{padding-top:40px}h1{font-size:52px;letter-spacing:-2px}.hero-bottom{grid-template-columns:1fr}.hero-note{margin:0 0 25px;padding-left:20px}.hero-note p{font-size:20px}.actions{flex-wrap:wrap;gap:18px;margin-bottom:15px}.mini-diagram{grid-template-columns:1fr;gap:22px}.mini-diagram strong{font-size:14px}.mini-diagram small{font-size:12px}.section{padding:52px 0}h2{font-size:33px}.section-top{display:block}.cards{grid-template-columns:1fr;gap:20px}.card h3,.subtitle,.card .description,.card dd{min-height:0}.card h3{font-size:29px}.card{padding:25px}.card-top{margin-bottom:20px}.distinction{grid-template-columns:1fr;padding:23px;gap:20px}.axis p{font-size:11px}.contract blockquote{font-size:22px}.contract{gap:15px}[role=tablist]{flex-wrap:wrap;width:100%}[role=tab]{flex:1;min-width:140px;font-size:12px;padding:12px}.flow{flex-direction:column}.flow details{min-width:0}.flow .arrow{transform:rotate(90deg)}.qa-grid{grid-template-columns:1fr}.comparison>summary span{float:none;display:block;margin-top:8px}.glossary{grid-template-columns:1fr;gap:30px}.source-link{flex-direction:column;gap:5px}.takeaway h2{font-size:40px}footer{flex-wrap:wrap}table,tbody,tr,td,th{display:block;min-width:0;width:100%!important}thead{display:none}tr{margin-bottom:20px}td:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}th,td{border-bottom:0}.comparison td:last-child{border-bottom:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.card-logo{display:block;width:56px;height:56px;object-fit:contain}

.card-recommended{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.recommended-badge{display:inline-block;vertical-align:middle;margin:4px 0;padding:4px 8px;border-radius:var(--radius-pill);background:var(--surface-tint);color:var(--primary);font:700 10px/1.4 var(--font-sans);letter-spacing:.15px;white-space:nowrap}

.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:18px 0 5px}.card-actions .card-architecture-link,.card-demo-link{margin:0;font-size:12px;color:var(--accent);font-weight:700;text-decoration-thickness:1px}