.demo-page-root{min-height:var(--sg-page-min-h);background:#FAFAFA;color:#0E2931}.demo-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(14,41,49,.08)}.demo-nav-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0E2931}.demo-nav-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:9999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(43,117,116,.12);color:#2B7574}@media (max-width:479px){.demo-nav-badge{display:none}}.demo-nav-links{display:flex;align-items:center;gap:24px}@media (max-width:767px){.demo-nav-inner{flex-wrap:wrap;row-gap:10px}.demo-nav-links{order:3;width:100%;gap:18px;justify-content:center;padding-top:2px}}.demo-nav-link{font-size:14px;font-weight:600;color:#556B72;text-decoration:none;transition:color .15s ease}.demo-nav-link:hover{color:#0E2931}.demo-nav-actions{display:flex;align-items:center;gap:12px}.demo-cta-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:clamp(10px,1.2vw,12px) clamp(16px,2.2vw,22px);border-radius:9999px;font-size:13.5px;font-weight:700;text-decoration:none;background:linear-gradient(180deg,#A01A18,#861211 55%,#6E0E0D);color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px -6px rgba(60,6,6,.55);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.demo-cta-btn:hover{color:#FFFFFF!important;filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 20px -4px rgba(60,6,6,.65)}.demo-hero-sec{padding:60px 0 0;background:#FFFFFF;border-bottom:1px solid rgba(14,41,49,.08)}.demo-hero-head{text-align:center;max-width:820px;margin:0 auto 8px;padding:0 20px}.demo-hero-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:rgba(134,18,17,.09);color:#861211;margin-bottom:14px}.demo-hero-title{font-family:var(--f-bricolage,sans-serif);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15;color:#0E2931;margin:0 0 16px}.demo-hero-desc{font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:#556B72;margin:0}.h3 .home-demo.demo-stage .home-demo-in{max-width:1080px;gap:32px;border-radius:40px;padding:64px 56px}.h3 .home-demo.demo-stage .home-demo-screen{border-radius:24px}.h3 .home-demo.demo-stage .h2{font-size:clamp(34px,5vw,56px)}.h3 .home-demo.demo-stage .home-demo-cta{font-size:clamp(17px,1.7vw,20px);padding:clamp(18px,1.9vw,22px) clamp(28px,3.2vw,38px)}@media (max-width:760px){.h3 .home-demo.demo-stage .home-demo-in{gap:22px;border-radius:24px;padding:28px 18px}.h3 .home-demo.demo-stage .home-demo-screen{border-radius:20px}.h3 .home-demo.demo-stage .home-demo-cta{width:100%}}.demo-player-box{border-radius:20px;overflow:hidden;background:#0A1F25;border:1px solid rgba(14,41,49,.2);box-shadow:0 24px 60px -15px rgba(14,41,49,.25);position:relative;width:100%;aspect-ratio:16/9;min-height:220px}.demo-iframe{width:100%;height:100%;border:0;display:block}@media (max-width:640px){.demo-player-box{border-radius:14px;box-shadow:0 12px 30px -8px rgba(14,41,49,.2)}}.demo-player-placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#133943 0,#0A1F25 100%);border:1.5px dashed rgba(255,255,255,.22);padding:32px 24px}.demo-placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;gap:12px}.demo-placeholder-play-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#A01A18,#861211);color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(134,18,17,.45)}.demo-placeholder-title{font-family:var(--f-bricolage,sans-serif);font-size:clamp(16px,2vw,20px);font-weight:700;color:#FFFFFF;margin:0}.demo-placeholder-desc{font-size:clamp(13px,1.6vw,14px);line-height:1.5;color:rgba(255,255,255,.72);margin:0}.demo-review-video-wrap{max-width:1040px;margin:36px auto 50px;padding:0 16px}@media (max-width:640px){.demo-review-video-wrap{margin:20px auto 36px;padding:0 8px}}.demo-footer{background:#0E2931;color:rgba(255,255,255,.7);padding:40px 20px;font-size:13px}.demo-footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:space-between}@media (min-width:768px){.demo-footer-inner{flex-direction:row}}.demo-footer-links{display:flex;flex-wrap:wrap;gap:18px}.demo-footer .demo-footer-link{color:#FFFFFF;text-decoration:none;transition:text-decoration-color .15s ease}.demo-footer .demo-footer-link:focus-visible,.demo-footer .demo-footer-link:hover{text-decoration:underline;text-underline-offset:3px}.demo-help{padding:0 0 72px;text-align:center}.demo-help-inner{max-width:560px;margin:0 auto;padding:0 20px}.demo-help-note{margin:0 0 16px;font-size:15px;line-height:1.6;color:rgba(14,41,49,.72)}.demo-help-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:48px;padding:12px 26px;border-radius:9999px;font-size:15px;font-weight:700;text-decoration:none;background:linear-gradient(180deg,#2d8086,#2B7574 55%,#215a59);color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px -6px rgba(10,50,50,.5);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.demo-help-btn:hover{color:#FFFFFF!important;filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 20px -4px rgba(10,50,50,.6)}