.oltp-hero{background:linear-gradient(135deg,#071728 0%,#163450 62%,#3c3028 100%)}.system-figure{margin:35px 0 0}.system-figure svg{width:100%;height:auto;background:#e8ecea;border:1px solid var(--line);border-radius:16px}.system-figure figcaption,.timeline-figure figcaption{font-size:13px;color:var(--muted);margin-top:12px}.zone{fill:#dfe5e3;stroke:#b9c7c4;stroke-width:1}.history-zone{fill:#dce9e7}.serve-zone{fill:#e8e1d8}.zone-label{font:700 12px 'Noto Sans Thai',sans-serif;letter-spacing:1.5px;fill:#516670}.node{fill:#fafaf7;stroke:#bfcac8;stroke-width:1}.node.dark{fill:#102b43;stroke:#102b43}.node.capture{fill:#f4e3d5;stroke:#d49a70}.node.feature{fill:#d8ece8;stroke:#72b9b0}.node-title{font:700 16px 'Noto Sans Thai',sans-serif;fill:#172636}.node-sub{font:400 11px 'Noto Sans Thai',sans-serif;fill:#5d6c78}.light{fill:#eef7f6}.tag{fill:#e8ddd1}.tag.green{fill:#bde0da}.tag-text{font:600 10px 'Noto Sans Thai',sans-serif;fill:#334957}.edge{fill:none;stroke:#d67932;stroke-width:3;marker-end:url(#arrow)}.edge-label{font:600 10px 'Noto Sans Thai',sans-serif;fill:#9c5526}.split-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center}.split-visual article{background:var(--card);border:1px solid var(--line);padding:30px;min-height:390px}.split-visual article>span{font-size:11px;letter-spacing:.12em;color:#087e83;font-weight:700}.split-visual h3{font-size:24px;line-height:1.35}.split-visual li{margin:8px 0}.versus{font:700 42px 'Source Serif 4',serif;color:var(--orange)}.mini-db{width:130px;height:100px;margin:26px auto;position:relative;background:#163650;border-radius:50%;box-shadow:inset 0 -18px 0 #0f273c}.mini-db:before,.mini-db:after{content:"";position:absolute;left:0;width:130px;height:35px;border-radius:50%;border:3px solid #63c4bc}.mini-db:before{top:-2px;background:#224b65}.mini-db:after{bottom:9px;border-top:0}.mini-db i{display:none}.mini-window{height:100px;margin:26px 0;display:flex;gap:8px;align-items:flex-end;position:relative;border-bottom:3px solid #163650}.mini-window i{flex:1;background:#63c4bc;height:var(--h,45%)}.mini-window i:nth-child(2){height:70%}.mini-window i:nth-child(3){height:40%}.mini-window i:nth-child(4){height:88%}.mini-window i:nth-child(5){height:65%}.mini-window i:nth-child(6){height:95%}.mini-window b{position:absolute;left:34%;right:0;bottom:-8px;height:8px;background:#d67932}.timeline-figure{margin:30px 0}.timeline{height:240px;position:relative;background:#fafaf7;border:1px solid var(--line);padding:0 35px}.timeline .rail{position:absolute;left:6%;right:6%;top:115px;height:4px;background:#9bb1af}.timeline article{position:absolute;left:var(--x);top:73px;transform:translateX(-50%);text-align:center;width:145px}.timeline article:after{content:"";display:block;width:15px;height:15px;border:4px solid #fafaf7;border-radius:50%;background:#2aa9aa;margin:13px auto}.timeline article b,.timeline article span,.timeline article small{display:block}.timeline article b{font-size:12px;color:#087e83}.timeline article span{font-size:12px;font-weight:700}.timeline article small{font-size:10px;color:var(--muted)}.timeline .prediction{top:50px}.timeline .prediction:after{width:24px;height:24px;background:#d67932}.timeline .prediction span{color:#a95120}.clock-grid,.failure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clock-grid article,.failure-grid article{background:var(--card);border:1px solid var(--line);padding:27px}.clock-grid i{font:700 30px 'Source Serif 4',serif;color:var(--orange)}.clock-grid h3,.failure-grid h3{margin:5px 0}.clock-grid p,.failure-grid p{font-size:14px;color:var(--muted)}.cdc-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-bottom:25px}.cdc-strip div{background:#102b43;color:white;padding:25px;min-height:130px}.cdc-strip span{display:block;color:#6de0d3;font-size:10px;letter-spacing:.1em;margin-bottom:12px}.cdc-strip code{font-size:12px}.cdc-strip i{font-size:25px;color:var(--orange)}.pit-visual{display:grid;grid-template-columns:3fr 1fr;height:74px;margin-top:18px}.pit-visual .window{background:#cfe5e1;position:relative;padding:12px 20px}.pit-visual .window span{position:absolute;left:12px;bottom:5px;font-size:10px}.pit-visual .window i{position:absolute;right:-3px;bottom:5px;font-size:10px;font-style:normal}.pit-visual .future{background:#ead5c6;padding:12px}.decision-table{border:1px solid var(--line)}.decision-table .row{display:grid;grid-template-columns:280px 1fr;border-bottom:1px solid var(--line)}.decision-table .row:last-child{border:0}.decision-table .row>*{padding:20px}.decision-table .row>*:first-child{border-right:1px solid var(--line)}.decision-table .head{background:#102b43;color:white;font-weight:700}.next-link{margin-top:25px;padding:28px 30px;background:#dcebea;display:flex;justify-content:space-between;align-items:center;gap:30px}.next-link span{font-size:10px;color:#087e83;font-weight:700;letter-spacing:.1em}.next-link h3{margin:6px 0 0}.next-link a{background:#102b43;color:white;padding:13px 18px;text-decoration:none;white-space:nowrap}@media(max-width:900px){.split-visual{grid-template-columns:1fr}.versus{transform:rotate(90deg);justify-self:center}.clock-grid,.failure-grid{grid-template-columns:1fr 1fr}.cdc-strip{grid-template-columns:1fr}.cdc-strip i{transform:rotate(90deg);justify-self:center}.system-figure{overflow:auto}.system-figure svg{width:1000px;max-width:none}.timeline{overflow-x:auto;min-width:900px}.timeline-figure{overflow-x:auto}.decision-table .row{grid-template-columns:1fr}.decision-table .row>*:first-child{border-right:0;border-bottom:1px solid var(--line)}.next-link{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.clock-grid,.failure-grid{grid-template-columns:1fr}.next-link a{white-space:normal}.pit-visual{grid-template-columns:2fr 1fr}}