@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;500;600;700;800&display=swap');
:root{--ink:#193a4b;--blue:#225cce;--teal:#147865;--paper:#f7fafc;--line:#d8e3ea;--muted:#526b7a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Gothic A1',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line);background:#ffffffee;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.brand{font-weight:800;font-size:20px;letter-spacing:-.7px}.brand span{font-size:12px;font-weight:500;margin-left:16px;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px}.draft{font-size:12px;padding:3px 12px;background:#e3edf7;border-radius:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-top:90px;padding-bottom:100px}.intro{font-size:14px;color:var(--teal);font-weight:700}h1{font-size:clamp(36px,4.3vw,64px);line-height:1.22;letter-spacing:-3px;margin:22px 0 28px}h2{font-size:clamp(28px,3vw,43px);line-height:1.4;letter-spacing:-1.8px;margin:10px 0 20px}h3{line-height:1.55;letter-spacing:-.5px}p{margin:0 0 18px;word-break:keep-all}.lead{font-size:18px;color:var(--muted);max-width:530px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--blue);color:white;padding:14px 24px;border-radius:6px;margin-top:10px}.disclosure{font-size:12px;color:var(--muted);margin-top:24px}section{padding:80px max(5%,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line)}.hero-map{padding:34px;background:#eaf2f8;border-radius:24px;border:1px solid #c8dce9}.map-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:24px}.cloud-row{display:flex;align-items:center;gap:15px}.cloud{padding:24px 13px;background:white;border-radius:12px;text-align:center;font-weight:800;flex:1;font-size:14px;border-top:4px solid var(--blue)}.cloud small{display:block;font-size:11px;font-weight:400;margin-top:9px}.target{border-color:var(--teal)}.route{font-size:25px}.map-path{display:flex;justify-content:space-between;margin:28px 0;gap:8px}.map-path span{font-size:12px;background:#d7e5f1;border-radius:20px;padding:7px 12px}.map-bottom{border-top:1px solid #c6d6e1;padding-top:22px}.map-bottom p{font-size:13px;margin-top:8px;margin-bottom:0}.section-head{max-width:680px;margin-bottom:40px}.section-head>p:first-child{font-size:14px;font-weight:700;color:var(--teal)}.section-head>p:last-child{color:var(--muted)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:0;list-style:none}.pipeline li{border-top:3px solid var(--blue);padding-top:20px}.pipeline span{color:var(--blue);font-size:28px;font-weight:800}.pipeline p{font-size:14px;color:var(--muted)}.film-section{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center;background:#eaf2f8}.film-section p{color:var(--muted);font-size:14px}video{width:100%;border-radius:12px;background:#193a4b}.decision-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:44px}.tabs{display:flex;flex-direction:column}.tabs button{text-align:left;padding:18px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700}.tabs button span{display:block;font-size:12px;font-weight:400}.tabs button[aria-selected=true]{background:var(--blue);color:white;border-radius:6px}#decision-panel{padding:30px;background:white;border:1px solid var(--line);border-radius:10px}#decision-panel h3{font-size:25px;margin:0 0 18px}#decision-panel p{font-size:15px}#decision-panel small{color:var(--teal)}.ai-section{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;background:#edf5f3}.ai-copy>p{font-size:16px}.evidence{display:grid;grid-template-columns:80px 1fr;gap:12px;border-top:1px solid #bfd4ce;border-bottom:1px solid #bfd4ce;padding:24px 0;margin:24px 0;font-size:14px}.evidence span{font-weight:800}.evidence p{margin:0}.sim-shell{border:1px solid #c3d5e4;border-radius:16px;background:white;overflow:hidden}.sim-top{display:flex;align-items:center;justify-content:space-between;background:#e8f0f6;padding:16px 24px;font-size:12px}.sim-top button{border:1px solid #abc1d1;border-radius:6px;background:white;padding:6px 14px;color:var(--ink)}.steps{display:flex;gap:12px;padding:25px}.steps button{flex:1;padding:12px 5px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font-size:14px}.steps .active{background:var(--blue);color:white;border-color:var(--blue)}.topology{padding:25px 6% 40px;display:grid;grid-template-columns:1fr .65fr 1fr;gap:22px;text-align:center}.app-node{border:1px solid #afc5d6;padding:20px;border-radius:9px;grid-column:1;background:#f6f9fc;font-weight:700}.next-app{grid-column:3;border-color:#8bbfb0;background:#edf7f3}.app-node small{display:block;font-size:12px;font-weight:400}.connection{grid-column:1/4;padding:12px;color:var(--blue);font-size:14px;border-top:1px dashed #9fb8cb;border-bottom:1px dashed #9fb8cb}.db-node{border:2px solid var(--blue);border-radius:25px/10px;padding:20px 12px;font-weight:700}.db-node strong{display:block;font-size:12px;color:var(--blue)}.replica{border-color:#a7bac7}.replica strong{color:var(--muted)}.replication{align-self:center;font-size:13px;color:var(--muted)}.sim-explain{background:#f0f5fa;padding:26px 35px}.sim-explain>span{font-size:12px;color:var(--blue);font-weight:800}.sim-explain h3{font-size:23px;margin:5px 0 10px}.sim-explain p{font-size:14px;max-width:900px}.sim-explain .gate{font-size:12px;margin:0;color:var(--teal)}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contract-grid article{border-top:2px solid var(--ink)}ul{padding-left:20px}.contract-grid p{font-size:14px;color:var(--muted)}.rollback{background:#fff2d9;border-left:4px solid #bc841f;padding:24px 30px;margin-top:26px}.rollback h3{margin-top:0}.rollback p{font-size:14px;margin-bottom:0}.scope{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.scope p{font-size:14px}.references{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.references a{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:15px}footer{padding:30px 5%;display:flex;gap:25px;justify-content:space-between;font-size:11px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid #e4ad2e;outline-offset:4px}@media(max-width:800px){header{padding:16px 5%;gap:14px}nav{min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.brand{font-size:17px}.brand span{display:none}nav{gap:13px;font-size:11px}.draft{display:none}section{padding:55px 6%}.hero,.film-section,.ai-section,.scope{grid-template-columns:1fr;gap:32px}.hero{padding-top:45px}h1{letter-spacing:-1.8px}.pipeline{grid-template-columns:1fr 1fr;gap:20px}.decision-layout{grid-template-columns:1fr;gap:20px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs button{font-size:13px}.contract-grid{grid-template-columns:1fr;gap:20px}.steps{gap:5px;padding:15px 10px}.steps button{font-size:11px}.topology{padding:15px;gap:10px;grid-template-columns:1fr .5fr 1fr}.app-node,.db-node{font-size:12px;padding:15px 7px}.connection{font-size:12px}.replication{font-size:10px}.sim-explain{padding:22px}.references{grid-template-columns:1fr}.sim-top{padding:14px;font-size:10px}footer{flex-direction:column;gap:8px}.map-path span{padding:7px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art img{display:block;width:100%;height:auto;border-radius:24px}.arch-teaser{background:#fff}.arch-preview{position:relative;display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(25,58,75,.35)}.arch-preview img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.16,1,.3,1)}.arch-preview:hover img{transform:scale(1.015)}.arch-preview span{position:absolute;right:20px;bottom:20px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px}.arch-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px;border-top:1px solid var(--line)}.arch-links a{padding:20px 22px 20px 0;border-bottom:1px solid var(--line)}.arch-links a:hover b{color:var(--blue)}.arch-links b{display:block;font-size:16px}.arch-links span{font-size:13px;color:var(--muted)}@media(max-width:800px){.arch-links{grid-template-columns:1fr}.arch-preview span{right:10px;bottom:10px;font-size:12px;padding:7px 12px}}