/* Clearer product UI and a more compact editorial rhythm. */
.live-hero.hero-visual{width:min(1220px,100%)}
.live-hero .hero-demo-wrap{width:100%;margin-top:0;background:linear-gradient(130deg,#617d9a55,#cbbb8e24,#172c4955);padding:8px;border-radius:25px}
.live-hero .live-app{grid-template-columns:minmax(0,1fr) 182px;border-radius:18px}
.live-hero .hero-demo-wrap .live-app{height:750px}
.live-app .app-main{background:radial-gradient(ellipse at 90% 0,#21365250,transparent 65%),#101c2e}
.live-app .app-top{font-size:12px;color:#b9c9db}
.live-app .app-menu button{font-size:12px;min-height:46px;padding:12px}
.live-app .app-menu button svg{width:19px;height:19px;flex:none}
.live-app .app-brand{font-size:16px;padding-bottom:20px}
.live-app .app-brand small{font-size:9px;margin-top:4px}
.sandbox-screen .s-head{margin-bottom:20px;gap:12px}
.sandbox-screen .s-head h3,.sandbox-screen .welcome h3{font-size:23px;margin:0 0 5px}
.sandbox-screen .s-head p,.sandbox-screen .welcome p{font-size:12px;line-height:1.9;color:#a4b8d1}
.sandbox-screen .s-action,.sandbox-screen .actions button{font-size:12px;padding:10px 15px;min-height:40px}
.sandbox-screen .welcome{padding:20px;background:linear-gradient(110deg,#304567,#233552);border-color:#829bbb40}
.sandbox-screen .welcome small{font-size:11px}
.sandbox-product{padding:16px;border-radius:15px;gap:9px;background:linear-gradient(150deg,#263b59,#182940)}
.sandbox-product-art{height:57px}
.sandbox-product:nth-child(3n+2) .sandbox-product-art{color:#a4c8c4}
.sandbox-product:nth-child(3n) .sandbox-product-art{color:#b8b2d7}
.sandbox-product b,.sandbox-cart-row b,.sandbox-stock b{font-size:14px}
.sandbox-product>small,.sandbox-product>i,.sandbox-search,.sandbox-fields label,.sandbox-cart-title>span,.sandbox-stock small{font-size:11px}
.sandbox-product>span:not(.sandbox-product-art){font-size:13px}
.sandbox-search input,.sandbox-fields select{font-size:13px;min-height:44px}
.sandbox-cart{padding:19px;border-radius:15px;background:#111f33}
.sandbox-cart-title b{font-size:15px}.sandbox-cart-row small,.sandbox-total small{font-size:11px}
.quantity-controls button{width:30px;height:32px}.quantity-controls span{font-size:13px}
.sandbox-submit{font-size:14px;min-height:46px}.sandbox-total b{font-size:19px}
.sandbox-empty b{font-size:14px}.sandbox-empty>span{font-size:12px;line-height:1.8}
.sandbox-stats>div{padding:19px 16px;background:linear-gradient(140deg,#243751,#192a42)}
.sandbox-stats small{font-size:11px}.sandbox-stats b{font-size:21px;line-height:1.8;overflow-wrap:anywhere}
.sandbox-shortcuts b,.sandbox-order>div b{font-size:14px}.sandbox-shortcuts small,.sandbox-order small{font-size:11px}
.sandbox-order p,.sandbox-order button{font-size:12px}.sandbox-order strong{font-size:14px}
.sandbox-stock dt{font-size:11px}.sandbox-stock dd{font-size:19px}
.sandbox-screen .p-title b{font-size:13px}.sandbox-screen .p-title span{font-size:10px}
.sandbox-screen .chart{height:135px;margin-top:18px}
.live-chart-line{stroke:#cdbc94;stroke-width:2.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
.live-chart-area{fill:#cdbc9414}.chart circle{fill:#eadfbd;stroke:#172a43;stroke-width:2}
.chart-axis{display:flex;justify-content:space-between;color:#98adc9;font-size:10px;margin-top:7px}
.demo-impact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:19px;padding:12px 15px;border:1px solid #adc6da28;border-radius:11px;background:#172940;color:#b4c7dd;font-size:11px}
.demo-impact>span{display:flex;align-items:center;gap:7px;margin-inline-end:auto}.demo-impact i{width:6px;height:6px;border-radius:50%;background:#9ecab4;box-shadow:0 0 12px #9ecab455}.demo-impact b{font-weight:500;color:#e3dcc4}.demo-impact em{font-style:normal;color:#8298b3}
.view-enter .sandbox-screen{animation:productEnter .3s ease-out both}
.demo-updated .demo-impact{animation:operationPulse .7s ease-out}
@keyframes productEnter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes operationPulse{30%{border-color:#a1ceb88a;background:#244237}100%{border-color:#adc6da28;background:#172940}}
.section{padding:80px 0}.journey-section{padding:85px 0 55px}
.journey-layout{gap:55px}.journey-chapter{padding:8px 0 20px;margin-bottom:12px}.journey-chapter h3{font-size:20px}.journey-chapter p{margin-top:10px;font-size:13px}.journey-result p{font-size:13px}
.tour-copy p{font-size:13px;line-height:2}.tour-main{padding:24px}.tour-demo .live-app{height:620px}
.channel-story{display:flex;align-items:center;gap:22px;max-width:1220px;margin:35px auto 0;padding:28px;border:1px solid #b7c5de30;border-radius:20px;background:linear-gradient(110deg,#22304b,#112137);scroll-margin-top:95px}
.channel-story-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid #b0a3c75c;background:#a58bb21c;border-radius:15px;font-size:28px;color:#d9c1e5}
.channel-story h3{font-size:19px;margin:0 0 9px}.channel-story p{font-size:13px;color:#a7bad3;line-height:2;margin:0;max-width:760px}.channel-story a{flex:none;font-size:12px;color:var(--cream);margin-inline-start:auto;padding:12px 17px;border:1px solid #c4b68b55;border-radius:30px}
.module-detail{min-height:440px}.module-btn b{font-size:12px}.module-point b{font-size:12px}.module-hero p{font-size:13px}.module-hero h3{line-height:1.6}.module-foot{font-size:11px}.faq-section{padding-bottom:65px}
@container(max-width:650px){
 .demo-impact{font-size:10px;gap:7px;padding:11px 10px}.demo-impact>span{flex-basis:100%;margin-bottom:3px}
 .sandbox-screen .s-head h3,.sandbox-screen .welcome h3{font-size:19px}.sandbox-screen .s-head p{font-size:11px}
 .sandbox-screen .s-action{font-size:11px;padding:9px 11px}.sandbox-product{padding:12px;gap:8px}.sandbox-product b{font-size:13px}.sandbox-product>small,.sandbox-product>i{font-size:10px}.sandbox-product>span:not(.sandbox-product-art){font-size:12px}
 .sandbox-stats{grid-template-columns:1fr 1fr;gap:8px}.sandbox-stats>div:nth-child(2){grid-column:1/-1;grid-row:2}.sandbox-stats>div{padding:12px}.sandbox-stats small{font-size:11px}.sandbox-stats b{font-size:20px;margin-top:6px}
 .sandbox-shortcuts b{font-size:11px}.sandbox-shortcuts small{font-size:10px;line-height:1.8}.sandbox-stock b{font-size:13px}.sandbox-stock dt{font-size:11px}.sandbox-stock dd{font-size:18px}
 .sandbox-screen .grid2>.panel:nth-child(2){display:block}.sandbox-screen .chart{height:115px}
 .sandbox-cart-jump{font-size:11px;min-height:44px}.sandbox-cart-jump span{font-size:10px}
}
@media(max-width:720px){
 .live-hero .hero-demo-wrap{padding:4px;border-radius:19px}.live-hero .hero-demo-wrap .live-app{height:640px;border-radius:15px}.live-hero .app-main{height:100%;padding:0}
 .live-app .app-menu button{font-size:11px!important;min-height:42px;padding:9px 10px}.live-app .app-menu button svg{width:17px;height:17px}.live-app .app-top{font-size:11px}
 .live-app .app-side{height:64px;overflow:hidden;padding:7px 6px;display:block}.live-app .app-menu{overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none}.live-app .app-menu::-webkit-scrollbar{display:none}.live-hero .app-view{bottom:64px}
 .section{padding:60px 0}.journey-section{padding:60px 0 30px}.journey-layout{gap:20px}.journey-chapter{padding:13px 10px;margin:0}.journey-chapter h3{font-size:12px}
 .channel-story{margin:25px 14px 0;padding:22px;align-items:flex-start;flex-wrap:wrap;gap:15px}.channel-story-icon{width:40px;height:40px;font-size:23px}.channel-story>div{flex:1;min-width:180px}.channel-story h3{font-size:16px;line-height:1.8}.channel-story p{font-size:12px}.channel-story a{margin-inline-start:0}
 .tour-main{padding:15px}.tour-demo .live-app{height:580px}.module-btn b{font-size:11px}.module-hero h3{font-size:24px}.module-foot{font-size:10px;flex-wrap:wrap}.mobile-live-frame{max-width:390px}
}
.mobile-live-app .app-side{height:64px!important;overflow:hidden!important;display:block!important}.mobile-live-app .app-menu{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:4px}.mobile-live-app .app-menu::-webkit-scrollbar{display:none}.mobile-live-app .app-view{bottom:64px}