/* Homepage v10 brand: warm ink, cream type, ember for action, teal for owned context. */
:root{--paper:#080503;--ink:#f2e5d3;--muted:#c9ae96;--line:#453529;--orange:#f07e2e;--bright:#ffae5c;--dark:#0e0805;--teal:#92c8c4;--white:#f2e5d3}
body{background:var(--paper);color:var(--ink)}
em{color:var(--orange)}
button,input,select{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--teal)}
::selection{background:var(--teal);color:var(--paper)}
.preview-strip{color:var(--muted);background:#080503;border-bottom:1px solid #28190e}
.status-dot{background:var(--teal)}
.site-header{background:#080503f5;backdrop-filter:blur(16px);border-color:#35271d}
.brand{gap:10px}.brand img{width:44px;height:44px;border-radius:0;object-fit:contain}
.brand b{font-weight:600}.brand .logo-accent{font-size:inherit;color:var(--orange);margin:0}
.brand>span{color:var(--muted);font-size:13px;font-weight:400;letter-spacing:0;margin-left:9px}
.search-open{border-radius:8px;color:var(--muted)}
.button{background:var(--orange);color:#080503;border-color:var(--orange);border-radius:8px}
.button:hover{background:var(--bright);border-color:var(--bright)}
.text-link:hover,.resource-row:hover h3{color:var(--bright)}
.eyebrow,.mono{color:var(--teal)}
.guide-hero{padding-top:38px;position:relative}
.guide-hero:before{content:'';position:absolute;z-index:-1;inset:0 -12vw 15%;background:radial-gradient(ellipse at 70% 75%,#6e2c0d45,transparent 58%);pointer-events:none}
.hero-title{padding:40px 0 48px;grid-template-columns:minmax(0,1fr) 310px;gap:50px}
.hero-title h1{font-size:clamp(82px,10.5vw,148px);line-height:1.02;letter-spacing:-.05em}
.hero-title h1>span{color:var(--ink);text-shadow:-4px 3px 0 #f07e2e35,-9px 7px 0 #f07e2e12}
.hero-intro .mono{color:var(--teal)}.hero-intro p{color:var(--muted)}
.hero-reel{height:430px;border:1px solid #594334;border-radius:12px;background:#080503;box-shadow:0 32px 90px #0008}
.hero-reel>img{transform:none;min-height:0;width:100%;height:auto;object-position:top}
.reel-label{background:#0e0805ed;color:var(--ink);border-top:1px solid var(--line);padding:17px 20px}
.route-index{margin-top:24px;gap:18px}.route-index a{border:1px solid var(--line);border-radius:10px;background:#0e0805;padding:28px}
.route-index a:hover,.reference-grid>a:hover{background:#1b1009}.route-index span,.route-index b{color:var(--teal)}
.route-index h2{margin-top:24px}.route-index p{font-size:15px}
.bridge-art{border-radius:12px;background:radial-gradient(ellipse at 55% 45%,#60311055,transparent 70%),#100a05;border:1px solid #66503c;color:#ffbe6b}
.bridge-art:before,.bridge-mini:before{border-color:#66482e;border-radius:6px}
.bridge-art i{color:#080503}.bridge-art small{color:#c9ae96}
.dark-band{background:#0e0805;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);--muted:#c9ae96}
.comparison-row:hover{background:#28180f}.vendor-mark{background:#160d07;color:var(--ink);border-radius:8px}
.category-label{color:var(--muted)}.filter-tabs button.active{background:var(--teal);border-color:var(--teal);color:#080503}
.filter-tabs button,.route-buttons button{border-radius:7px}
.migration-index>a{background:#0e0805}.migration-index>a:hover{background:#1b1009}
.migration-strip{background:#121a17;color:var(--ink);border:1px solid #365650;border-radius:8px}.migration-strip span{color:var(--teal)}
.article-heading{padding-top:38px}.article-heading h1{max-width:1120px}
.article-heading .bridge-art{margin-top:44px}
.article-rail{color:var(--muted)}.article-rail a:hover{color:var(--teal)}
.prose{color:#e7d7c4}.prose h2,.prose h3{color:var(--ink)}
.prose a{color:var(--teal)}.prose strong{color:var(--ink)}.prose .button{color:#080503}
.prose th{background:#21150c;color:var(--ink)}.prose td{background:#0e0805}
.prose tr:nth-child(even) td{background:#130c07}
.capture{background:transparent;border:0}.capture button{background:#0e0805;border:1px solid #4b3828;border-radius:10px;overflow:hidden}
.capture img{width:100%;height:auto;object-fit:contain}.capture figcaption{color:var(--muted);line-height:1.65}
.capture button>span{color:var(--ink);background:#080503dc;border:1px solid #58422f;border-radius:5px}
.learn-feature .capture{border:0;max-height:none;overflow:visible;background:transparent}
.learn-feature img{height:auto!important;object-fit:contain!important}.learn-screen{background:#0e0805;border:1px solid var(--line);border-radius:12px;padding:12px;transform:rotate(0deg)}
.learn-screen img{height:auto;object-fit:contain}
.next-step{background:#161b16;color:var(--ink);border:1px solid #405e53;border-radius:10px}.next-step p{color:var(--muted)}
.workflow-diagram,.routing-demo,.palette-demo,.calculator{background:#0e0805;color:var(--ink);border:1px solid var(--line);border-radius:10px}
.routing-demo,.palette-demo,.calculator{--paper:#f2e5d3;--dark:#080503}
.workflow-diagram .mono,.workflow-track span{color:var(--teal)}
.workflow-track strong{color:var(--ink)}.workflow-track small,.workflow-diagram figcaption{color:var(--muted)}
.reference-grid>a{background:#0e0805}.reference-grid .mono{color:var(--teal)}
.editorial-item img{border:1px solid var(--line);border-radius:10px;object-fit:contain;background:#0e0805}.editorial-item h2{color:var(--ink)}
.bridge-mini{background:#160d07;border-radius:10px;color:#ffbe6b}.bridge-mini span{background:var(--orange);color:#080503}
footer{color:var(--ink);background:#0e0805;border-color:var(--line)}footer p,footer>a:last-child{color:var(--muted)}
dialog{background:#100b07;color:var(--ink);border:1px solid #63503e;border-radius:12px;box-shadow:0 35px 120px #000b}
#site-search{color:var(--ink);border-color:var(--teal)}#site-search::placeholder{color:var(--muted)}#search-results small{color:var(--teal)}
#image-dialog{color:var(--ink);background:#0e0805}
@media(max-width:1000px){.hero-title{grid-template-columns:minmax(0,1fr) 255px;gap:25px}.brand>span{display:none}.brand .logo-accent{display:inline}.hero-reel{height:350px}}
@media(max-width:700px){.hero-title{grid-template-columns:1fr;gap:26px;padding:24px 0 32px}.hero-title h1{font-size:clamp(65px,18vw,118px)}.hero-reel{height:230px;border-width:1px}.hero-reel>img{min-width:0;max-width:100%;width:100%;height:auto;transform:none}.reel-label{padding:10px;font-size:8px}.route-index{gap:12px;margin-top:16px}.route-index a{padding:24px}.brand{font-size:19px;gap:4px}.brand img{width:36px;height:36px}.learn-screen img{height:auto}.article-rail{border-color:var(--line);border-radius:8px}.guide-hero:before{inset:0}.learn-feature img{height:auto!important}}
@media print{body,.prose{background:#fff;color:#17110c}.prose h2,.prose strong{color:#17110c}.prose th,.prose td{background:#fff;color:#17110c}em,.prose a{color:#17110c}.guide-hero:before{display:none}}
.guide-hero:before{inset:0}
.prose code{background:#25180e;color:#ffcf9b;border:1px solid #4c3827;border-radius:4px}
.prose a:hover,.article-rail a.active{color:var(--bright)}

.prose .button:hover{color:#080503}
@media(max-width:700px){.hero-intro p br{display:block}}
.capture .zoom-image{background:#0e0805;border:1px solid #4b3828;border-radius:10px}
/* Level, legible product proof. Founder direction: no tilted frames. */
.cost-board{display:grid;grid-template-columns:1fr 1fr;margin:0 0 58px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cost-card{padding:30px;background:#100a06;display:flex;flex-direction:column;align-items:flex-start}
.cost-card.ours{background:#152019;border-right:1px solid #405e53}
.cost-card>.mono{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;min-height:34px}
.cost-card .price-figure{display:block;font-family:Exo,sans-serif;font-size:clamp(36px,4.5vw,65px);font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:20px 0 14px;overflow-wrap:anywhere}
.cost-card.ours .price-figure{color:var(--teal);font-size:90px}
.prose .cost-card p{font-size:17px;line-height:1.5;margin:0 0 18px}.prose .cost-card .cost-detail,.prose .cost-card li{font-size:14px;color:var(--muted);line-height:1.7}
.prose .cost-card ul{padding-left:18px;margin:0 0 25px}.cost-card>a{margin-top:auto;font-size:14px;text-underline-offset:4px}
.capability-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:20px 0}
.prose .capability-table{display:table;table-layout:fixed;width:100%;min-width:630px;margin:0;border:0;font-size:14px}
.capability-table caption{text-align:left;padding:18px 20px;color:var(--muted);font-size:13px;line-height:1.6;background:#100a06}
.prose .capability-table th,.prose .capability-table td{padding:20px 18px;vertical-align:top;width:33.33%;border:0;border-bottom:1px solid var(--line)}
.prose .capability-table thead th{font-size:18px;font-family:Exo,sans-serif;background:#1c110a}
.prose .capability-table thead th:nth-child(2){background:#1a2a20;color:var(--teal)}
.prose .capability-table tbody th{background:#100a06;font-weight:400;font-size:15px}
.prose .capability-table tbody th a{color:var(--ink);text-decoration-color:#6c5543;text-underline-offset:4px}
.prose .capability-table tbody td:nth-child(2){background:#121e17}
.cap-status{display:block;font-size:11px;line-height:1.5;margin-bottom:7px;font-family:Mono,monospace}.cap-status>span{font-family:sans-serif;font-size:16px;margin-right:3px}.cap-status.yes{color:var(--teal)}.cap-status.no{color:#f1a48e}.cap-status.partial{color:#f5c178}.cap-status.unknown{color:#c9ae96}
.cap-detail{display:block;line-height:1.6;color:#dccbb7;font-size:13px}
.prose .matrix-legend,.prose .matrix-sources{font-size:12px;line-height:1.8;color:var(--muted)}
.ownership-example{margin:30px 0 58px;background:#100a06;border:1px solid #5b4534;border-radius:12px;overflow:hidden}
.ownership-example>.mono{padding:18px 22px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.7}
.log-values{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;padding:25px 22px;gap:20px}.log-values>span{font:500 23px/1.4 Exo,sans-serif;color:var(--ink)}.log-values small,.filename-example small{display:block;font:10px/1.8 Mono,monospace;color:var(--muted);margin-bottom:7px}
.range-example{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#18251e;border-left:3px solid var(--teal);border-right:3px solid var(--teal);margin:0 22px;padding:15px 12px;font:10px/1.6 Mono,monospace;color:var(--teal)}.range-example b{font:15px/1.5 Kanit,sans-serif}
.filename-example{padding:24px 22px 10px}.prose .filename-example code{display:block;padding:7px 0;background:none;border:0;color:var(--teal);white-space:normal;overflow-wrap:anywhere;font-size:12px}
.ownership-example figcaption{font-size:12px;color:var(--muted);line-height:1.7;padding:12px 22px 22px}
@media(min-width:1200px){.article-layout{grid-template-columns:215px minmax(0,1fr);gap:65px}.article-layout .prose{max-width:960px}}
@media(max-width:700px){.cost-board{grid-template-columns:1fr}.cost-card{padding:24px}.cost-card.ours{border-right:0;border-bottom:1px solid #405e53}.log-values{grid-template-columns:1fr;gap:17px}.range-example{flex-wrap:wrap}.range-example b{order:3;flex-basis:100%}.ownership-example>.mono{font-size:9px}.capability-scroll{margin-right:0}.article-heading h1{overflow-wrap:normal}}
@media print{.cost-card,.cost-card.ours,.ownership-example,.range-example{background:white;color:#17110c}.cost-card .price-figure,.cost-card.ours .price-figure,.cap-status,.cap-detail,.log-values>span,.prose .filename-example code{color:#17110c}.capability-scroll{overflow:visible}.prose .capability-table{min-width:0;font-size:10px}}

/* Quiet headings; examples carry the meaning instead of repeated editorial labels. */
.hub-heading,.article-heading{padding-top:70px}
.hero-title{padding:42px 0 48px}.hero-title h1{font-size:clamp(76px,10vw,144px)}
.hero-intro p{font-size:22px;line-height:1.5;margin-bottom:25px}
.route-index{margin-bottom:90px}.route-index h2{margin:0 0 10px}.route-index b{top:24px}
.comparison-row{grid-template-columns:76px minmax(0,1fr) 30px}
.storage-note{padding-top:70px;padding-bottom:90px}.storage-note h2{font-size:clamp(30px,4vw,48px);margin-bottom:20px}.storage-note p{max-width:570px;color:var(--muted);font-size:19px;margin-bottom:25px}
.migration-index h2{margin-top:0}.reference-grid h3{margin-top:4px;padding-right:15px}
.cost-label{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.5;min-height:34px;color:var(--teal)}
.native-search-example{margin:0 22px 25px;border-top:1px solid var(--line);padding-top:20px}.native-search-example b{font:500 18px/1.5 Exo,sans-serif;color:var(--ink)}.prose .native-search-example p{font-size:15px;color:var(--teal);margin:10px 0 0}
.archive-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:100px}
.archive-feature h2{font-size:clamp(36px,4.5vw,62px);line-height:1.12;letter-spacing:-.04em;margin-bottom:25px}
.archive-feature p{max-width:490px;font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:25px}
.archive-example{display:block;border:1px solid #60513b;border-radius:10px;background:#100c08;padding:26px}
.archive-folders{display:grid;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.archive-folders span{padding:13px 16px;border-bottom:1px solid var(--line);font:12px/1.6 Mono,monospace;color:var(--muted)}.archive-folders span:last-child{border-bottom:0}
.archive-query{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0}.archive-query span{border:1px solid #426158;border-radius:5px;padding:7px 10px;background:#18251e;color:var(--teal);font-size:14px}
.archive-example>strong{display:block;font-weight:400;font-size:19px}.archive-example>small{display:block;margin-top:16px;color:var(--muted);font-size:12px}
.archive-example:hover{border-color:var(--teal)}
.closing-links{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:90px;padding-bottom:100px}
.closing-links h2{font-size:32px;line-height:1.2;margin-bottom:18px}.closing-links p{color:var(--muted);margin-bottom:25px}.closing-links b{color:var(--teal);font-weight:400}
.storage-art{height:260px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);border-radius:10px;background:#121c16;color:var(--teal);font:500 clamp(20px,2.5vw,34px)/1.3 Exo,sans-serif}.storage-art b{color:var(--orange);font-size:40px;font-weight:400}
.filter-demo{border:1px solid #405e53;border-radius:12px;background:#111b15;padding:28px;margin:0 0 55px}
.prose .filter-demo h2{font-size:28px;margin:0 0 14px}.prose .filter-demo>p{font-size:15px;color:var(--muted)}
.filter-demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.filter-demo-controls>label{display:flex;flex-direction:column;gap:8px;font-size:14px}
.filter-demo select{display:block;width:100%;min-width:0;padding:12px 10px;background:#090e0b;border:1px solid #5f786a;border-radius:6px;font:15px/1.5 Kanit,sans-serif;color:var(--ink)}
.filter-demo fieldset{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}.filter-demo legend{font-size:14px;margin-bottom:8px}
#demo-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#demo-subjects label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #5f786a;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer}
#demo-subjects label:has(input:checked){background:#20392b;border-color:var(--teal)}
#demo-subjects input{accent-color:var(--teal);width:16px;height:16px;flex:none}#demo-subjects small{margin-left:auto;color:var(--teal)}
#demo-reset{background:transparent;border:0;align-self:end;justify-self:start;min-height:44px;padding:8px 0;color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.prose #demo-result-count{margin:24px 0 12px;color:var(--ink)}
.prose #demo-results{list-style:none;margin:0;padding:0;border-top:1px solid #405e53}
.prose #demo-results li{display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid #405e53;font-size:14px}
#demo-results strong{font-weight:400}#demo-results span{color:var(--muted);font-size:12px}
@media(max-width:1000px){.comparison-row{grid-template-columns:65px minmax(0,1fr) 25px}.archive-feature{gap:30px}#demo-subjects{grid-template-columns:1fr}.storage-art{gap:12px}}
@media(max-width:700px){.hub-heading,.article-heading{padding-top:40px}.hero-title{padding-top:20px;gap:25px}.hero-title h1{font-size:clamp(70px,17vw,118px)}.hero-intro p{font-size:19px}.route-index{margin-bottom:65px}.comparison-row{grid-template-columns:44px minmax(0,1fr) 22px;gap:12px}.archive-feature,.closing-links{grid-template-columns:1fr;gap:35px}.archive-feature{padding-bottom:65px}.archive-feature p{font-size:17px}.archive-example{padding:20px}.closing-links{padding-top:60px;padding-bottom:65px}.filter-demo{padding:20px}.filter-demo-controls{grid-template-columns:1fr}.filter-demo fieldset{grid-column:auto}.prose #demo-results li{flex-direction:column;gap:3px}.storage-art{height:200px}.cost-label{font-size:15px}}
@media print{.archive-example,.filter-demo{background:white;color:#17110c}.archive-example span,.filter-demo select,.filter-demo>p,#demo-result-count,#demo-results span{color:#17110c}}
footer{flex-wrap:wrap}footer .more-from{order:3;flex-basis:100%;align-self:stretch;border-top:1px solid var(--line);padding-top:26px}footer .mf-h{font-family:Mono;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}footer .more-from ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px 30px}footer .more-from li{display:flex;flex-direction:column;gap:2px;min-width:0}footer .more-from a{color:inherit;text-decoration:none}footer .more-from a:hover{text-decoration:underline}footer .more-from span{font-size:13px;color:var(--muted)}