:root{color-scheme:light;--ink:#101820;--ink-soft:#334155;--paper:#f8f5ee;--surface:#fff;--line:#d8d2c5;--mint:#32d296;--mint-dark:#0b7a53;--cobalt:#3157d5;--amber:#f1a53a;--rose:#d84f68;--shadow:0 24px 80px #1018201f;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}a{color:inherit}.site-shell{min-height:100vh}.site-header{z-index:10;backdrop-filter:blur(16px);background:#f8f5eeeb;border-bottom:1px solid #1018201f;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}.brand{align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:34px;height:34px;display:block}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a,.button{border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.nav-links a:hover{background:#10182012}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.button.secondary{color:var(--ink);background:0 0;border-color:#1018202e}.page{max-width:1180px;margin:0 auto;padding:72px 24px}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:54px;min-height:calc(100vh - 84px);padding-top:36px;display:grid}.gateway-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);min-height:auto}.hero h1,.display-title{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(48px,7vw,108px);line-height:.93}.hero p,.lede{max-width:720px;color:var(--ink-soft);margin:24px 0 0;font-size:clamp(19px,2vw,26px);line-height:1.35}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.section{border-top:1px solid #1018201f;padding-top:96px;padding-bottom:96px}.section h2{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(36px,4vw,64px);line-height:1}.section>p{max-width:760px;color:var(--ink-soft);margin:18px 0 0;font-size:19px;line-height:1.55}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.card{border-radius:var(--radius);background:#ffffffc7;border:1px solid #1018201f;padding:24px;box-shadow:0 10px 30px #1018200f}.card h3{margin:0;font-size:22px;line-height:1.15}.card p{color:var(--ink-soft);margin:12px 0 0;line-height:1.55}.gateway-panel,.diagram-panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #10182024;border-radius:8px}.gateway-panel{padding:22px}.gateway-panel h2{margin:0 0 18px;font-size:24px}.gateway-list{gap:12px;display:grid}.gateway-list a{background:#fbfaf6;border:1px solid #1018201f;border-radius:8px;grid-template-columns:42px 1fr;gap:14px;padding:16px;text-decoration:none;display:grid}.gateway-list strong{margin-bottom:4px;display:block}.gateway-list span{color:var(--ink-soft);line-height:1.45}.route-chip{background:var(--mint);width:42px;height:42px;color:var(--ink);border-radius:8px;place-items:center;font-weight:900;display:grid}.route-chip.blue{background:#9bb6ff}.route-chip.gold{background:#ffd47d}.diagram-panel{margin-top:34px;padding:clamp(18px,3vw,34px);overflow:hidden}.system-map{grid-template-columns:minmax(230px,.9fr) minmax(120px,.34fr) minmax(280px,1fr);align-items:center;gap:22px;display:grid}.system-stack,.host-grid{gap:12px;display:grid}.node{background:#fbfaf6;border:1px solid #10182029;border-radius:8px;padding:16px}.node strong{font-size:15px;display:block}.node span{color:var(--ink-soft);margin-top:5px;font-size:13px;line-height:1.4;display:block}.stream{color:var(--mint-dark);justify-items:center;gap:8px;font-weight:900;display:grid}.stream-line{background:linear-gradient(90deg, var(--mint), var(--cobalt), var(--amber));border-radius:99px;width:100%;height:6px}.dissolve-visual{grid-template-columns:minmax(170px,.8fr) minmax(120px,.45fr) minmax(220px,1fr);align-items:center;gap:20px;display:grid}.app-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app-icons span{aspect-ratio:1;background:linear-gradient(135deg, #ffffffe6, #f8f5eeb8), var(--surface);color:var(--ink);border:1px solid #10182029;border-radius:18px;place-items:center;font-weight:900;display:grid;box-shadow:0 14px 32px #10182014}.dissolve-stream{color:var(--mint-dark);text-align:center;gap:10px;font-size:14px;display:grid}.capability-cloud,.capability-list{flex-wrap:wrap;gap:10px;display:flex}.capability-cloud span,.capability-list span{min-height:36px;color:var(--ink-soft);background:#fbfaf6;border:1px solid #10182024;border-radius:999px;align-items:center;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.capability-cloud span:nth-child(3n+1),.capability-list span:nth-child(3n+1){color:#064c35;background:#dff8ec}.capability-cloud span:nth-child(3n+2),.capability-list span:nth-child(3n+2){color:#243b92;background:#e9eeff}.capability-cloud span:nth-child(3n+3),.capability-list span:nth-child(3n+3){color:#7a4b00;background:#fff0c7}.capability-composition{grid-template-columns:minmax(220px,1fr) minmax(180px,.72fr) minmax(220px,1fr);align-items:center;gap:20px;display:grid}.composition-column{gap:16px;display:grid}.composition-column h3{margin:0;font-size:20px}.intent-card{background:var(--ink);color:var(--paper);border:1px solid #10182029;border-radius:8px;padding:20px;box-shadow:0 20px 52px #10182029}.intent-card strong{color:var(--mint);text-transform:uppercase;font-size:14px;display:block}.intent-card p{margin:12px 0 0;font-size:22px;line-height:1.25}.interface-preview{background:#fbfaf6;border:1px solid #10182024;border-radius:8px;gap:12px;padding:18px;display:grid}.preview-row{background:#10182029;border-radius:999px;width:72%;height:14px}.preview-row.wide{background:linear-gradient(90deg, var(--mint), #9bb6ff);width:100%;height:18px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preview-grid span{background:var(--surface);border:1px solid #1018201f;border-radius:8px;min-height:70px}.interface-preview button{background:var(--ink);min-height:36px;color:var(--paper);font:inherit;border:0;border-radius:8px;justify-self:start;padding:0 14px;font-size:14px;font-weight:800}.lifecycle-visual{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.life-step{background:#fbfaf6;border:1px solid #10182024;border-radius:8px;min-height:190px;padding:18px}.life-step span{background:var(--mint);width:38px;height:38px;color:var(--ink);border-radius:8px;place-items:center;font-weight:900;display:grid}.life-step strong{margin-top:18px;font-size:20px;display:block}.life-step p{color:var(--ink-soft);margin:10px 0 0;line-height:1.45}.host-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host{border-left:5px solid var(--cobalt)}.host.alt{border-left-color:var(--amber)}.stack-visual{gap:10px;display:grid}.layer{background:#fbfaf6;border:1px solid #10182024;border-radius:8px;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding:16px;display:grid}.layer b{font-size:15px}.layer span{color:var(--ink-soft);line-height:1.45}.platform-matrix{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.platform{background:#fbfaf6;border:1px solid #10182024;border-radius:8px;min-height:138px;padding:16px}.platform small{color:var(--mint-dark);margin-bottom:16px;font-weight:800;display:inline-flex}.platform strong{margin-bottom:8px;display:block}.platform span{color:var(--ink-soft);font-size:14px;line-height:1.4}.post-list{gap:18px;margin-top:40px;display:grid}.post-card{background:var(--surface);border:1px solid #1018201f;border-radius:8px;gap:10px;padding:24px;text-decoration:none;display:grid}.post-card time,.post-meta{color:var(--ink-soft);font-size:14px;font-weight:700}.post-card h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08}.post-card p{color:var(--ink-soft);margin:0;font-size:18px;line-height:1.5}.article{max-width:820px;margin:0 auto;padding:80px 24px}.article h1{letter-spacing:0;margin:12px 0 0;font-size:clamp(42px,6vw,78px);line-height:.98}.article-content{color:var(--ink);margin-top:46px;font-size:19px;line-height:1.7}.article-content h2{margin-top:46px;font-size:32px;line-height:1.1}.article-content a{color:var(--cobalt);font-weight:700}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{color:var(--ink-soft);border:1px solid #10182029;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.site-footer{border-top:1px solid #1018201f;padding:28px 24px}.site-footer div{max-width:1180px;color:var(--ink-soft);justify-content:space-between;align-items:center;margin:0 auto;font-size:14px;display:flex}@media (width<=900px){.hero,.gateway-hero,.system-map,.dissolve-visual,.capability-composition{grid-template-columns:1fr}.card-grid,.platform-matrix,.lifecycle-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.stream{justify-items:start}.stream-line{max-width:240px}}@media (width<=640px){.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.page{padding-top:46px}.hero{gap:34px}.hero h1,.display-title{font-size:48px}.card-grid,.host-grid,.platform-matrix,.lifecycle-visual,.layer{grid-template-columns:1fr}.site-footer div{flex-direction:column;align-items:flex-start;gap:8px}}