.compact{padding-top:64px;padding-bottom:64px}.hero{min-height:620px;padding-top:70px;padding-bottom:60px}.hero h1{font-size:clamp(46px,5.4vw,82px)}.system-map{border:1px solid #c7d8e2;border-radius:16px;background:#eff5f8;padding:26px;box-shadow:0 28px 65px #203b4b10}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.map-grid span{padding:15px;border:1px solid #c9d8e2;border-radius:8px;background:white}.runtime-mark{text-align:center;background:#19364a;color:#adc8d9;padding:26px;letter-spacing:.16em;border-radius:10px}.runtime-mark b{font-size:32px;color:white}.runtime-mark small{display:block;margin-top:9px;letter-spacing:0}.system-map .board-footer{margin-top:18px;font-size:12px}.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.architecture article{border-top:2px solid #719db8;padding-top:22px}.architecture small{font-size:11px;color:#52748b}.architecture p{font-size:15px;color:#617384}.hosting{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.hosting article{border:1px solid #3c5263;border-radius:12px;padding:24px}.host-icon{display:block;font-size:36px;color:#a7c9de;margin-bottom:12px}.hosting p{color:#b8c7d2}.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.solution-grid a{border:1px solid #cedce4;border-radius:12px;padding:25px;text-decoration:none;color:inherit}.solution-grid a:hover{background:#edf3f7}.production-v2{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.local-chain{display:grid;align-content:center;text-align:center;gap:13px}.local-chain span{background:#eaf1f5;padding:20px;border:1px solid #c9d8e1;border-radius:10px}.local-chain b{font-size:12px;font-weight:400;color:#607c8e}.audit .section{padding-top:64px;padding-bottom:64px}@media(max-width:1000px){.architecture{grid-template-columns:repeat(2,1fr)}.header nav{gap:14px}}@media(max-width:760px){.hero{min-height:0}.architecture,.hosting,.solution-grid,.production-v2{grid-template-columns:1fr}.compact{padding-top:42px;padding-bottom:42px}.hero{padding-top:38px;padding-bottom:42px}.system-map{padding:20px}.production-v2{gap:20px}}
.hero>*{min-width:0}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-grid span{overflow-wrap:anywhere}@media(max-width:390px){.hero h1{font-size:34px}.map-grid span{font-size:13px;padding:12px 8px}.system-map .board-head{font-size:12px;flex-wrap:wrap}.hero .eyebrow{letter-spacing:1px}}