/* Full computer silhouette, not a crop of the app window. */
.desktop-device{position:relative;container-type:inline-size;display:grid;place-items:center;aspect-ratio:3/2;overflow:visible}
.desktop-device>img{width:100%;height:100%;object-fit:contain;max-width:100%;position:static;transform:none;mask-image:none}
/* The screen is real HTML using the existing brand/avatar assets. The original
   raster is used only for the monitor, keyboard and mouse around that screen. */
.desktop-display{position:absolute;left:17.9%;top:9.5%;width:56.5%;height:49.8%;transform-origin:left center;transform:perspective(90.4cqw) rotateY(-13deg);display:flex;flex-direction:column;gap:1.3cqw;overflow:hidden;padding:2cqw;background:#0f1417;color:#eaf4fa;border:.15cqw solid #071013;border-radius:.25cqw;pointer-events:none;font-size:1.8cqw;line-height:1.3}
.desktop-demo-brand{display:flex;align-items:center;gap:1cqw;font-size:2.5cqw;font-weight:600;letter-spacing:.04em;border-bottom:.1cqw solid #2f444e;padding-bottom:1cqw}.desktop-demo-brand>img{width:3.7cqw;height:3.7cqw}.desktop-demo-brand>span{margin-left:auto;color:#65d6ed;font-size:1.3cqw;letter-spacing:0}
.desktop-demo-title{font-size:2.6cqw;font-weight:550}.desktop-demo-title>small{display:block;margin-top:.4cqw;font-size:1.3cqw;color:#a4b5bc;font-weight:400}
.desktop-demo-members{display:grid;grid-template-columns:1fr 1fr;gap:1cqw;flex:1;min-height:0}.desktop-demo-members>span{display:flex;align-items:center;gap:1.2cqw;padding:1cqw;background:#171f23;border:.12cqw solid #33454c;border-radius:.8cqw}.desktop-demo-members img{width:5.8cqw;height:5.8cqw;object-fit:contain;flex:none;border-radius:1cqw}.desktop-demo-members b{font-size:1.7cqw;font-weight:550}
.desktop-demo-controls{display:flex;align-items:center;justify-content:center;gap:1cqw;padding:.7cqw;border:.1cqw solid #2f444e;border-radius:.6cqw;font-size:1.4cqw;color:#b7ced8}.desktop-demo-controls img{width:1.8cqw;height:1.8cqw;filter:invert(90%)}.desktop-demo-controls img:nth-of-type(2){margin-left:3cqw}
.hero-actions{display:flex;flex-direction:column;gap:12px;width:min(100%,386px)}
.hero .hero-web{display:flex;min-height:62px;padding:12px 18px;gap:14px;font-size:17px;font-weight:500;border-radius:10px}
.hero-web>img{flex:none;width:34px;height:34px}.hero-web>.action-label{flex:1;white-space:nowrap}.hero-web>.action-arrow{font-size:23px;line-height:1}
.hero .quick-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;width:100%}
.hero .quick-downloads>a{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid #30718a;border-radius:12px;background:radial-gradient(ellipse at 0 0,#124b624d,transparent 75%),linear-gradient(135deg,#13232bef,#071217f5);box-shadow:inset 0 1px #82deff1c,0 6px 18px #0003;text-decoration:none;line-height:1.3;color:#edf7ff;transition:border-color .2s,box-shadow .2s,transform .2s}
.hero .quick-downloads>a:hover{border-color:#64d9ff;box-shadow:inset 0 1px #82deff36,0 0 20px #2aa5e51f;transform:translateY(-2px)}
.download-icon{display:grid;place-items:center;flex:none;width:36px;height:40px;border-radius:9px;background:linear-gradient(155deg,#239ccc29,#078bea0d);box-shadow:inset 0 0 0 1px #5ac3f02a}
.quick-downloads img{width:23px;height:23px;flex:none}.download-copy{display:grid;min-width:0;gap:3px}.download-copy small{font-size:12px;font-weight:400;color:#a8c1ce;white-space:nowrap}.download-copy strong{font-size:16px;line-height:1.15;font-weight:550;letter-spacing:-.02em}.download-arrow{margin-left:auto;color:#68ddff;font-size:22px;line-height:1}
/* Same vertical rhythm and semi-transparent helmets as the desktop overlay. */
.site-combat-overlay{position:absolute;z-index:1;left:18px;top:54%;transform:translateY(-50%);display:grid;gap:7px;width:150px;pointer-events:none}
.site-combat-member{display:grid;grid-template-columns:3px 42px minmax(0,1fr);gap:6px;align-items:center;min-height:44px;opacity:.88}
.site-combat-member>img{width:42px;height:42px;object-fit:cover;border-radius:50%;opacity:.5;background:#05090be6;box-shadow:0 0 0 1px #5b717838}
.site-combat-member strong{color:#a4b5bc;font-size:12px;font-weight:600;line-height:1.3;text-shadow:1px 1px 2px #040709;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-combat-level{width:3px;height:28px;background:#253036bd;position:relative}.site-combat-level i{position:absolute;inset:0;background:#24d9df;transform:scaleY(0);transform-origin:bottom}.site-combat-member.is-speaking .site-combat-level i{transform:scaleY(.68);box-shadow:0 0 5px #24d9df75}.site-combat-member.is-speaking strong{color:#dae8e4}
@media(max-width:1100px) and (min-width:801px){.hero{height:496px}.hero-actions{max-width:374px}.hero .hero-web{font-size:16px}}
@media(min-width:561px) and (max-width:800px){.hero{height:472px}.hero-actions{width:calc(100% + 20px);max-width:354px}.hero .hero-web{font-size:15px;padding-inline:12px;gap:9px}.hero-web>img{width:28px;height:28px}.hero .quick-downloads>a{padding:10px 8px;gap:7px}.download-icon{width:29px;height:36px}.quick-downloads img{width:21px;height:21px}.download-copy strong{font-size:14px}.download-arrow{display:none}.site-combat-overlay{left:14px;width:130px;gap:5px}.site-combat-member{grid-template-columns:3px 34px minmax(0,1fr);min-height:36px;gap:5px}.site-combat-member>img{width:34px;height:34px}.site-combat-level{height:24px}}
@media(max-width:560px){.hero-actions{width:100%;max-width:386px}.hero .hero-web{font-size:16px;min-height:62px}.hero .quick-downloads>a{min-height:70px;padding:10px;gap:8px}.download-copy strong{font-size:15px}.download-icon{width:32px}.download-arrow{font-size:20px}.site-combat-overlay{left:12px;top:54%;width:128px;gap:5px}.site-combat-member{grid-template-columns:3px 34px minmax(0,1fr);min-height:36px;gap:5px}.site-combat-member>img{width:34px;height:34px}.site-combat-level{height:24px}}
@media(max-width:390px){.download-arrow{display:none}}
@media(min-width:801px) and (max-width:900px){.download-arrow{display:none}}
@media(min-width:561px) and (max-width:900px){.site-combat-overlay{top:60%;gap:5px}.site-combat-member{grid-template-columns:3px 34px minmax(0,1fr);min-height:36px;gap:5px}.site-combat-member>img{width:34px;height:34px}.site-combat-level{height:24px}}
@media(prefers-reduced-motion:reduce){.hero .quick-downloads>a{transition:none}.hero .quick-downloads>a:hover{transform:none}}