.subpage{background:#f4f8fb;min-height:100vh}.subnav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dfe8f0}.subnav .container{min-height:76px;display:flex;align-items:center;justify-content:space-between}.subnav img{width:48px;height:48px;object-fit:contain}.subnav a{font-weight:700;color:#07182d}.subnav-links{display:flex;gap:24px;font-size:13px}.page-hero{padding:90px 0 70px;background:radial-gradient(circle at 10% 20%,rgba(3,169,198,.15),transparent 28%),#07182d;color:#fff}.page-hero .badge{color:#55d0df;font-size:12px;font-weight:800}.page-hero h1{color:#fff;max-width:800px}.page-hero p{max-width:760px;color:#b7c8d7;font-size:17px}.page-shell{padding:60px 0}.demo-shell{display:grid;grid-template-columns:230px 1fr;background:#fff;border:1px solid #dfe8f0;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(4,30,57,.14)}.demo-side{background:#07182d;padding:26px 14px;color:#fff}.demo-side h2{font-size:14px;margin:0 8px 22px}.demo-tab{width:100%;border:0;background:transparent;color:#9fb4c7;font:inherit;text-align:right;padding:11px 13px;border-radius:9px;cursor:pointer}.demo-tab.active{background:#0b4775;color:#fff}.demo-main{padding:30px}.demo-notice{background:#fff6db;border:1px solid #f0d680;color:#725815;border-radius:10px;padding:10px 14px;font-size:12px}.demo-panel{display:none}.demo-panel.active{display:block}.demo-title{display:flex;justify-content:space-between;align-items:center}.demo-title h2{color:#07182d}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stat{border:1px solid #dfe8f0;border-radius:12px;padding:18px}.mini-stat span{display:block;color:#627186;font-size:11px}.mini-stat b{font-size:27px;color:#0564b7}.sample-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.sample-table th,.sample-table td{padding:12px;border-bottom:1px solid #e5edf2;text-align:right}.sample-table th{color:#627186;background:#f8fbfc}.status-pill{padding:4px 8px;border-radius:20px;background:#e4f6f1;color:#087f75}.status-pill.warn{background:#fff1d8;color:#9a6300}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.story-card{background:#fff;border:1px solid #dfe8f0;border-radius:16px;padding:28px}.story-card h2{color:#07182d}.story-card p,.story-card li{color:#627186}.story-card.wide{grid-column:1/-1}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principles div{background:#07182d;color:#fff;border-radius:13px;padding:20px}.principles b{display:block;color:#03a9c6;font-size:22px}.principles span{font-size:12px}.page-footer{background:#07182d;color:#a9bdcf;padding:28px;text-align:center;font-size:12px}.en{direction:ltr;font-family:Arial,sans-serif}.en .subnav-links,.en .demo-title{direction:ltr}.en h1{letter-spacing:-1px}.en-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.en-card{background:#fff;border:1px solid #dfe8f0;border-radius:15px;padding:25px}.en-card h2{font-size:19px;color:#07182d}.en-card p{color:#627186}.explore{padding-top:20px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.explore-card{background:linear-gradient(145deg,#07182d,#0b4775);color:#fff;padding:38px;border-radius:20px}.explore-card.alt{background:linear-gradient(145deg,#0564b7,#03a9c6)}.explore-card small{color:#8ee3ec}.explore-card h2{color:#fff;margin:8px 0}.explore-card p{color:#c7d7e3}.explore-card b{font-size:13px}@media(max-width:800px){.demo-shell{grid-template-columns:1fr}.demo-side{display:flex;overflow:auto}.demo-side h2{display:none}.demo-tab{white-space:nowrap}.story-grid,.principles,.en-card-grid,.explore-grid{grid-template-columns:1fr}.story-card.wide{grid-column:auto}.mini-stat-grid{grid-template-columns:1fr}.subnav-links{gap:12px}.sample-table{display:block;overflow:auto}}