.film-stage{position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#173e6d55,transparent 65%),#091321;border-radius:14px;padding:24px}.illustration{font-size:13px;color:#b5c9e4}.film-grid{direction:ltr;display:grid;grid-template-columns:1fr .6fr 1.2fr .6fr 1fr;align-items:center;gap:10px;min-height:290px}.film-node{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:15px;background:#101d30;border:1px solid var(--line);border-radius:10px}.film-node svg{width:50px;height:50px;fill:none;stroke:#87b5ff;stroke-width:2}.film-node strong{font-size:17px}.film-node span{font-size:13px;color:var(--muted)}html[dir=rtl] .film-node{direction:rtl}.film-gateway{position:relative}.film-gateway img{display:block;width:235px;margin:auto}.scan{position:absolute;top:30%;left:30%;width:35%;height:3px;background:#9fdcff;box-shadow:0 0 15px #387bff;opacity:0}.wire{height:2px;background:#35577e;position:relative}.packet{display:block;position:absolute;width:18px;height:8px;top:-3px;left:0;background:#8bbcff;box-shadow:0 0 12px #387bff;opacity:0}.film-stage[data-scene="0"] .wire:not(.outbound) .packet{opacity:1;animation:travel 1.8s linear infinite}.film-stage[data-scene="1"] .scan{opacity:1;animation:scan 1.5s ease-in-out infinite alternate}.film-stage[data-scene="2"] .film-gateway{filter:drop-shadow(0 0 10px #3b9472)}.film-stage[data-scene="2"] .outbound .packet{opacity:1;background:#85d9b2;animation:travel 1.8s linear infinite}.film-stage[data-scene="3"] .film-caption{border-color:#85d9b2}.film-caption{padding:20px;border:1px solid #387bff55;border-radius:8px;min-height:120px}.film-caption strong{font-size:23px}.film-caption p{margin-top:6px}.timeline{height:3px;background:#25354b;margin-top:24px}.timeline span{display:block;width:25%;height:3px;background:var(--accent);transition:width .4s}.film-controls{display:flex;align-items:center;gap:12px;margin-top:18px}.film-controls span{margin-inline-start:auto;direction:ltr}.film-stage.paused *{animation-play-state:paused!important}.storyboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:35px}.storyboard article{border-top:1px solid var(--line);padding-top:18px}.storyboard b{color:#8bb4ff}.storyboard h3{font-size:18px;margin:8px 0}.storyboard p{font-size:15px}
.product-film{max-width:1200px;margin:auto;padding:48px 24px}.product-film>p{margin:16px 0 24px;max-width:850px}.product-film .primary,.demo-page .primary{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:6px;padding:10px 22px;min-height:46px;font:inherit;cursor:pointer}.film-controls button{min-height:44px;font:inherit;padding:8px 18px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;cursor:pointer}.film-controls .primary{background:var(--accent)}.mobile-flow{display:none}.demo-page{max-width:1100px;padding:36px 24px 60px;margin:auto}.demo-page h1{color:var(--accent);margin:18px 0}.demo-page .lead{font-size:20px;max-width:850px;margin-bottom:28px}.demo-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:35px}.demo-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:28px}.demo-page h2{font-size:27px;margin-bottom:18px}.demo-page h3{margin:20px 0 8px;font-size:21px}.demo-page dl{margin:0 0 25px}.demo-page dl>div{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.demo-page dt{color:var(--muted)}.demo-page dd{margin:0;max-width:60%;overflow-wrap:anywhere}.demo-pending{color:#f0ca79}.demo-page .note{margin-top:18px}.demo-page ul{padding-inline-start:22px}.demo-page li{margin-block:10px}.demo-status{display:inline-block;padding:5px 12px;border:1px solid #387bff66;background:#387bff15;color:#bed3ff;border-radius:5px;font-size:14px}.demo-page .business-channels{margin-top:30px}
@media(max-width:800px){.hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.hero-actions .button{width:100%;min-height:48px;min-width:0;padding:10px 8px;font-size:14px}.hero-heading .hero-title{font-size:clamp(28px,7vw,36px)!important;line-height:1.3}.mobile-flow{display:block;border:1px solid var(--line);border-radius:12px;padding:22px 18px;background:#0b1728;margin-top:20px;text-align:center}.mobile-flow .flow-node{padding:10px 14px;background:var(--surface);border:1px solid #4d79b6;border-radius:6px;font-size:16px}.mobile-flow .flow-line{height:26px;width:2px;margin:auto;background:#76aaff}.mobile-flow img{width:132px;margin:auto}.mobile-flow .note{margin-top:16px}.mobile-flow button{margin-top:18px;min-height:46px;width:100%;font:inherit;border:1px solid var(--accent);background:#387bff18;color:var(--text);padding:9px;border-radius:6px}.hero .traffic-frame{display:none}.hero.mobile-flow-expanded .traffic-frame{display:block}.product-film{padding:40px 20px}.film-grid{gap:6px;grid-template-columns:1fr .25fr 1.15fr .25fr 1fr;min-height:200px}.film-node{background:none;border:0;padding:0}.film-node span{display:none}.film-node strong{font-size:12px}.film-node svg{width:34px;height:34px}.film-caption{min-height:160px;padding:16px}.film-caption strong{font-size:20px}.storyboard{grid-template-columns:1fr 1fr;gap:18px}.film-controls{flex-wrap:wrap}.demo-layout{grid-template-columns:1fr}.demo-page{padding:28px 18px 50px}.demo-panel{padding:23px 18px}.demo-page .lead{font-size:18px}.demo-page dl>div{flex-direction:column;gap:5px}.demo-page dd{max-width:100%}.site-header nav.is-open .visit-counter{grid-column:1/-1;justify-self:start}.business-invitation{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.product-film *{animation:none!important;transition:none!important}}

/* Compact demo layout after removing installation and signing sections. */
.demo-layout{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto;gap:24px}.demo-page{max-width:1000px}.demo-support{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}.demo-support h2{width:100%;margin-bottom:0}.demo-support>p{flex:1;min-width:0}.demo-support .business-channels{margin-top:0;gap:22px}.demo-page .demo-panel dd[dir="ltr"]{unicode-bidi:isolate}
@media(max-width:620px){.demo-support{display:block}.demo-support>p{margin-top:12px}.demo-support .business-channels{margin-top:20px}.demo-panel .button{width:100%;min-height:48px}}

/* Detailed gateway illustration is always visible, including mobile. */
@media(max-width:800px){.hero .traffic-frame{display:block}}

.about-signature .founder-website{display:inline-flex;align-items:center;gap:6px;margin-top:12px;min-height:44px;font-size:16px;line-height:1.6;color:#91b6ff;flex-wrap:wrap}