/* Websense build sequence: one isolated five-scene component. */
.ws-build-sequence{position:relative;height:220vh;overflow:clip;border-block:1px solid rgba(143,193,255,.14);background:radial-gradient(circle at 70% 30%,rgba(39,131,222,.16),transparent 32%),linear-gradient(180deg,#07111e 0%,#091a2b 52%,#07111d 100%);color:#fff}
.ws-build-sequence::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(143,193,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,193,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.ws-build-sequence__inner{position:sticky;top:68px;z-index:1;display:grid;grid-template-columns:minmax(250px,.55fr) minmax(500px,1.45fr) minmax(190px,.5fr);gap:clamp(22px,3.4vw,54px);align-items:center;max-width:1440px;min-height:calc(100vh - 68px);padding-block:clamp(30px,5vh,72px)}
.ws-build-sequence__intro{max-width:390px;margin:0}.ws-build-sequence__intro h2{max-width:390px;margin:0;font-size:clamp(42px,4.2vw,70px);line-height:.94;letter-spacing:-.055em;background:linear-gradient(135deg,#fff 10%,#d9ebff 58%,#73b9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.ws-build-sequence__intro .section-sub{max-width:360px;margin-top:23px;font-size:15px;line-height:1.7}.ws-build-sequence__hint{display:flex;align-items:center;gap:9px;margin-top:30px;color:#8fc1ff;font:700 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.ws-build-sequence__hint span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(143,193,255,.35);border-radius:50%;font-size:15px}
.ws-build-sequence__viewport{position:relative;min-width:0}.ws-build-browser{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(143,193,255,.35);border-radius:22px;background:#080f1c;box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 80px rgba(39,131,222,.11)}.ws-build-browser__bar{display:flex;align-items:center;gap:11px;height:46px;padding:0 17px;border-bottom:1px solid rgba(143,193,255,.16);background:#060c16;color:#647891;font:10px var(--font-mono);letter-spacing:.04em}.ws-build-browser__dots{display:flex;gap:6px}.ws-build-browser__dots i{display:block;width:8px;height:8px;border-radius:50%;background:#30465f}.ws-build-browser__bar output{margin-left:auto;color:#8fc1ff;font:800 11px var(--font-mono)}.ws-build-scenes{position:relative;min-height:500px}.ws-build-scene{position:absolute;inset:0;padding:clamp(26px,4vw,54px);opacity:0;transform:translate3d(0,24px,0) scale(.985);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1);pointer-events:none}.ws-build-scene--discovery{opacity:1;transform:none}.ws-build-scene[data-scene-card]{z-index:1}.ws-scene-copy{position:relative;z-index:4;max-width:410px}.ws-scene-kicker{margin:0 0 13px;color:#78b6ff;font:700 10px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.ws-scene-copy h3{margin:0;font-size:clamp(25px,2.7vw,43px);line-height:1;letter-spacing:-.045em}.ws-scene-copy>p:last-child{max-width:390px;margin-top:15px;color:#9eafc3;font-size:14px;line-height:1.6}
.ws-build-progress{min-width:0}.ws-build-progress__label{margin:0 0 17px;color:#6e86a4;font:700 9px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.ws-build-progress ol{position:relative;list-style:none;margin:0;padding:0 0 0 22px}.ws-build-progress ol::before{content:"";position:absolute;left:3px;top:11px;bottom:11px;width:1px;background:rgba(143,193,255,.2)}.ws-build-progress li{position:relative;display:grid;grid-template-columns:25px 1fr;gap:9px;align-items:start;padding:13px 9px;color:#71839a;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ws-build-progress li::before{content:"";position:absolute;left:-22px;top:17px;width:7px;height:7px;border:1px solid #415570;border-radius:50%;background:#091422}.ws-build-progress li>span{color:#58779f;font:700 10px/1 var(--font-mono)}.ws-build-progress strong{display:block;color:inherit;font-size:12px;line-height:1.25}.ws-build-progress small{display:block;margin-top:4px;color:#61758e;font:10px/1.35 var(--font-mono)}.ws-build-progress li.is-active{color:#fff;background:rgba(94,159,232,.14);transform:translateX(5px)}.ws-build-progress li.is-active::before{border-color:#8fc1ff;background:#8fc1ff;box-shadow:0 0 0 5px rgba(94,159,232,.12)}.ws-build-progress li.is-active>span{color:#8fc1ff}.ws-build-progress li.is-complete{color:#a2b5ca}.ws-build-progress li.is-complete::before{border-color:#76e8bc;background:#76e8bc}.ws-build-progress li.is-complete>span{color:#76e8bc}.ws-build-progress__status{margin:21px 0 0;color:#76e8bc;font:700 9px/1.45 var(--font-mono);letter-spacing:.06em}
.ws-signal-map{position:absolute;inset:138px 28px 24px;z-index:1}.ws-signal-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ws-signal-map path{fill:none;stroke:#67acff;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:5 8;opacity:.78}.ws-signal-chip{position:absolute;padding:8px 10px;border:1px solid rgba(143,193,255,.32);border-radius:999px;background:#0a1728;color:#a8d1ff;font:700 8px/1 var(--font-mono);letter-spacing:.08em;white-space:nowrap}.ws-signal-chip--one{left:0;top:9%}.ws-signal-chip--two{right:0;top:2%}.ws-signal-chip--three{left:3%;bottom:0}.ws-signal-chip--four{right:0;bottom:2%}.ws-empty-frame{position:absolute;left:50%;top:50%;display:grid;place-items:center;gap:10px;width:45%;height:58%;transform:translate(-50%,-50%);border:1px dashed rgba(143,193,255,.45);border-radius:12px;background:rgba(9,22,38,.8);color:#6682a2;font:700 9px var(--font-mono);letter-spacing:.08em}.ws-empty-frame i{position:absolute;left:16%;right:16%;height:5px;border-radius:4px;background:#1e3854}.ws-empty-frame i:nth-of-type(1){top:41%}.ws-empty-frame i:nth-of-type(2){top:51%;right:28%}.ws-empty-frame i:nth-of-type(3){top:67%;left:26%;right:26%;height:22px;border:1px solid rgba(143,193,255,.22);background:transparent}
.ws-wireframe{position:absolute;inset:137px 42px 34px;padding:18px;border:1px solid rgba(143,193,255,.2);border-radius:10px;background:#0b1726}.ws-wire-nav{display:grid;grid-template-columns:84px 1fr 28px 28px 28px 48px;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(143,193,255,.2);color:#7396bd;font:700 8px var(--font-mono)}.ws-wire-nav b{color:#8fc1ff}.ws-wire-nav i{height:5px;border-radius:3px;background:#2c4662}.ws-wire-nav em{font-style:normal;text-align:right;color:#6b85a3}.ws-wire-hero{display:grid;gap:10px;padding:27px 0 21px}.ws-wire-hero strong{font-size:clamp(24px,3vw,38px);line-height:.98;letter-spacing:-.04em}.ws-wire-hero span{width:46%;height:6px;border-radius:3px;background:#304962}.ws-wire-hero button{justify-self:start;padding:8px 12px;border:1px solid #4f84ba;border-radius:999px;color:#8fc1ff;background:transparent;font:700 8px var(--font-mono)}.ws-wire-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ws-wire-cards i{display:grid;gap:9px;padding:12px;border:1px solid rgba(143,193,255,.2);border-radius:8px;background:#102139}.ws-wire-cards i b{display:block;width:100%;height:42px;border-radius:5px;background:#1d334d}.ws-wire-cards i span{display:block;width:72%;height:6px;border-radius:3px;background:#41617f}.ws-wire-cards i em{display:block;width:48%;height:5px;border-radius:3px;background:#29445f}.ws-wire-measure{display:flex;gap:7px;margin-top:18px}.ws-wire-measure span{height:4px;border-radius:3px;background:#2b4967}.ws-wire-measure span:nth-child(1){width:25%}.ws-wire-measure span:nth-child(2){width:39%}.ws-wire-measure span:nth-child(3){width:16%}
.ws-interface{position:absolute;inset:137px 42px 33px;overflow:hidden;border:1px solid rgba(143,193,255,.3);border-radius:10px;background:linear-gradient(145deg,#123c62,#091426 66%)}.ws-interface-nav{display:flex;align-items:center;gap:17px;padding:16px 18px;color:#b9d6f4;font:700 8px var(--font-mono);letter-spacing:.07em}.ws-interface-nav b{margin-right:auto;color:#fff;font-size:10px}.ws-interface-nav em{padding:7px 9px;border:1px solid rgba(143,193,255,.45);border-radius:999px;color:#d5e8ff;font-style:normal}.ws-interface-hero{position:relative;padding:29px 25px 17px}.ws-interface-hero::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#ff6b4a}.ws-interface-hero small{color:#8fc1ff;font:700 8px var(--font-mono);letter-spacing:.09em}.ws-interface-hero strong{display:block;margin-top:13px;font-size:clamp(26px,3vw,45px);line-height:.94;letter-spacing:-.055em}.ws-interface-hero strong i{color:#8fc1ff;font-style:normal}.ws-interface-hero p{margin-top:10px;color:#a7c0d8;font-size:11px}.ws-interface-hero button{margin-top:16px;padding:9px 12px;border:0;border-radius:999px;background:#ff6b4a;color:#07111d;font:800 8px var(--font-mono)}.ws-interface-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;padding:0 25px}.ws-interface-image{position:relative;height:92px;padding:10px;border:1px solid rgba(143,193,255,.23);border-radius:8px;background:linear-gradient(145deg,#1c5e82,#122238);overflow:hidden}.ws-interface-image::after{content:"";position:absolute;right:-20px;bottom:-38px;width:130px;height:100px;border-radius:50%;background:#ff6b4a;opacity:.8;transform:rotate(-22deg)}.ws-interface-image span{position:relative;z-index:1;color:#d8ecff;font:700 8px var(--font-mono)}.ws-interface-image b{position:absolute;left:10px;bottom:12px;width:38%;height:5px;border-radius:3px;background:#d8ecff}.ws-interface-stat{display:grid;align-content:center;gap:6px;padding:12px;border:1px solid rgba(118,232,188,.25);border-radius:8px;background:rgba(118,232,188,.06)}.ws-interface-stat small,.ws-interface-stat span{color:#8aa7b9;font:700 7px var(--font-mono)}.ws-interface-stat strong{color:#76e8bc;font-size:27px;line-height:1}.ws-interface-line{position:absolute;right:25px;bottom:19px;display:flex;align-items:end;gap:5px;width:155px;height:32px}.ws-interface-line span,.ws-interface-line i,.ws-interface-line b,.ws-interface-line em{display:block;flex:1;border-radius:3px 3px 0 0;background:#8fc1ff}.ws-interface-line span{height:32%}.ws-interface-line i{height:55%}.ws-interface-line b{height:44%}.ws-interface-line em{height:90%;background:#76e8bc}
.ws-quality-layout{position:absolute;inset:139px 40px 34px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.ws-devices{display:flex;align-items:end;justify-content:center;gap:12px;height:100%}.ws-device{position:relative;border:1px solid rgba(143,193,255,.55);background:linear-gradient(145deg,#1b3958,#081321);box-shadow:0 16px 38px rgba(0,0,0,.25)}.ws-device span,.ws-device b,.ws-device i,.ws-device em{position:absolute;display:block;background:#3d6489;border-radius:2px}.ws-device span{left:12%;right:12%;top:13%;height:5px}.ws-device b{left:12%;right:25%;top:26%;height:20px;background:#254c6e}.ws-device i{left:12%;right:12%;bottom:17%;height:5px}.ws-device em{left:12%;width:34%;bottom:8%;height:5px;background:#ff6b4a}.ws-device--desktop{width:68%;height:58%;border-radius:8px}.ws-device--tablet{width:23%;height:67%;border-radius:8px}.ws-device--phone{width:12%;height:78%;border-radius:7px}.ws-pass-list{list-style:none;display:grid;gap:8px;margin:0;padding:0}.ws-pass-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:1px solid rgba(118,232,188,.22);border-radius:8px;background:rgba(118,232,188,.055);color:#a9bac8;font:700 8px var(--font-mono);letter-spacing:.06em}.ws-pass-list b{color:#76e8bc}
.ws-launch{position:absolute;inset:137px 42px 34px;padding:22px;border:1px solid rgba(118,232,188,.35);border-radius:11px;background:linear-gradient(145deg,#0f2f37,#081522 68%);overflow:hidden}.ws-launch-top{display:flex;align-items:center;gap:11px;color:#7f9aac;font:700 8px var(--font-mono)}.ws-launch-top small{margin-right:auto}.ws-launch-top>b{color:#76e8bc;font-size:11px}.ws-live-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(118,232,188,.45);border-radius:999px;color:#76e8bc}.ws-live-chip i{display:block;width:6px;height:6px;border-radius:50%;background:#76e8bc}.ws-live-site{margin-top:38px}.ws-live-nav{display:flex;gap:11px;align-items:center;color:#8aa8bf;font:700 8px var(--font-mono)}.ws-live-nav b{margin-right:auto;color:#fff}.ws-live-nav span{display:block;width:28px;height:5px;border-radius:3px;background:#35536d}.ws-live-site>strong{display:block;margin-top:22px;font-size:clamp(28px,3.2vw,48px);line-height:.92;letter-spacing:-.055em}.ws-live-site>strong i{color:#76e8bc;font-style:normal}.ws-live-site>p{margin-top:8px;color:#9db2c2;font-size:11px}.ws-live-site button{margin-top:18px;padding:9px 12px;border:1px solid rgba(118,232,188,.35);border-radius:999px;background:transparent;color:#bdf6dd;font:700 8px var(--font-mono)}.ws-launch-metrics{position:absolute;left:22px;right:22px;bottom:17px;display:flex;gap:7px;flex-wrap:wrap}.ws-launch-metrics span{padding:7px 8px;border:1px solid rgba(143,193,255,.18);border-radius:999px;color:#89a4b9;font:700 7px var(--font-mono)}.ws-launch-metrics b{color:#76e8bc}.ws-growth-line{position:absolute;right:18px;bottom:17px;width:46%;height:65px;opacity:.7}.ws-growth-line path{fill:none;stroke:#76e8bc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500 500}
.ws-build-sequence[data-build-scene="1"] .ws-build-scene--discovery,.ws-build-sequence[data-build-scene="2"] .ws-build-scene--architecture,.ws-build-sequence[data-build-scene="3"] .ws-build-scene--interface,.ws-build-sequence[data-build-scene="4"] .ws-build-scene--quality,.ws-build-sequence[data-build-scene="5"] .ws-build-scene--launch{opacity:1;transform:none;z-index:3;pointer-events:auto}.ws-build-sequence[data-build-scene="1"] .ws-build-scene:not(.ws-build-scene--discovery),.ws-build-sequence[data-build-scene="2"] .ws-build-scene:not(.ws-build-scene--architecture),.ws-build-sequence[data-build-scene="3"] .ws-build-scene:not(.ws-build-scene--interface),.ws-build-sequence[data-build-scene="4"] .ws-build-scene:not(.ws-build-scene--quality),.ws-build-sequence[data-build-scene="5"] .ws-build-scene:not(.ws-build-scene--launch){opacity:0;transform:translate3d(-28px,0,0) scale(.97);z-index:1;pointer-events:none}
@media(max-width:900px){.ws-build-sequence{height:auto;min-height:0;padding:78px 0 86px;overflow:hidden}.ws-build-sequence::before{opacity:.35}.ws-build-sequence__inner{position:relative;top:auto;display:block;min-height:0;padding:0}.ws-build-sequence__intro{max-width:620px;margin-bottom:32px}.ws-build-sequence__intro h2{max-width:560px;font-size:clamp(40px,9vw,62px)}.ws-build-sequence__intro .section-sub{max-width:560px}.ws-build-sequence__viewport{margin:0}.ws-build-browser{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.ws-build-browser__bar{display:none}.ws-build-scenes{display:grid;gap:14px;min-height:0}.ws-build-scene,.ws-build-scene--discovery{position:relative;inset:auto;min-height:390px;padding:26px 22px;opacity:1!important;transform:none!important;pointer-events:auto!important;border:1px solid rgba(143,193,255,.24);border-radius:19px;background:linear-gradient(145deg,rgba(12,31,51,.96),rgba(6,15,26,.98));transition:none}.ws-scene-copy h3{font-size:30px}.ws-scene-copy>p:last-child{font-size:14px}.ws-signal-map{inset:154px 18px 22px}.ws-wireframe{inset:150px 22px 22px}.ws-interface{inset:150px 22px 22px}.ws-quality-layout{inset:153px 22px 22px;grid-template-columns:1fr;gap:14px}.ws-devices{height:150px}.ws-pass-list{grid-template-columns:1fr 1fr}.ws-pass-list li{font-size:7px;padding:9px}.ws-launch{inset:150px 22px 22px}.ws-build-progress{margin-top:24px}.ws-build-progress ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0}.ws-build-progress ol::before{display:none}.ws-build-progress li{padding:14px 12px;border:1px solid rgba(143,193,255,.17);border-radius:12px;background:rgba(7,16,28,.5)}.ws-build-progress li::before{display:none}.ws-build-progress li.is-active{transform:none}.ws-build-progress__status{margin-top:14px}}
@media(max-width:560px){.ws-build-sequence{padding-top:64px}.ws-build-sequence__intro h2{font-size:40px}.ws-build-scene{min-height:365px}.ws-scene-copy h3{font-size:27px}.ws-signal-chip{font-size:7px;padding:7px 8px}.ws-empty-frame{width:48%;height:45%;font-size:7px}.ws-wireframe{inset:145px 15px 18px;padding:13px}.ws-wire-nav{grid-template-columns:65px 1fr 20px 20px 20px 32px;gap:6px}.ws-wire-hero{padding-top:22px}.ws-wire-cards{gap:5px}.ws-wire-cards i{padding:7px}.ws-wire-cards i b{height:32px}.ws-interface{inset:145px 15px 18px}.ws-interface-nav{padding:12px;gap:8px;font-size:6px}.ws-interface-nav em{padding:6px}.ws-interface-hero{padding:20px 17px 12px}.ws-interface-hero strong{font-size:27px}.ws-interface-grid{padding:0 17px;gap:6px}.ws-interface-image,.ws-interface-stat{height:74px}.ws-interface-stat strong{font-size:21px}.ws-quality-layout{inset:145px 15px 18px}.ws-pass-list{gap:6px}.ws-pass-list li{font-size:6px;padding:8px}.ws-launch{inset:145px 15px 18px;padding:15px}.ws-live-site{margin-top:25px}.ws-live-site>strong{font-size:28px}.ws-launch-metrics{left:15px;right:15px;bottom:12px}.ws-growth-line{bottom:11px}.ws-build-progress ol{grid-template-columns:1fr}.ws-build-progress li{padding:12px}}
@media(prefers-reduced-motion:reduce){.ws-build-scene,.ws-build-progress li{transition:none!important}.ws-build-sequence{height:auto;min-height:0;overflow:visible}.ws-build-sequence__inner{position:relative;top:auto;display:block;min-height:0}.ws-build-sequence__viewport{margin-top:28px}.ws-build-browser{overflow:visible;border:0;background:transparent;box-shadow:none}.ws-build-browser__bar{display:none}.ws-build-scenes{display:grid;gap:14px}.ws-build-scene,.ws-build-scene--discovery{position:relative;inset:auto;opacity:1!important;transform:none!important;pointer-events:auto!important}.ws-build-progress{margin-top:24px}.ws-build-progress ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0}.ws-build-progress ol::before,.ws-build-progress li::before{display:none}.ws-build-progress li.is-active{transform:none}}

/* Scene layout polish: keep copy in its own calm band and the visual below it. */
@media(min-width:901px){
  .ws-build-scenes{min-height:560px}
  .ws-build-scene{padding:38px 42px}
  .ws-scene-copy{max-width:470px}
  .ws-scene-copy h3{font-size:clamp(26px,2.55vw,40px);line-height:1.04}
  .ws-scene-copy>p:last-child{max-width:440px;margin-top:12px}
  .ws-signal-map{inset:196px 28px 26px}
  .ws-wireframe,.ws-interface,.ws-launch{inset:190px 42px 28px}
  .ws-quality-layout{inset:192px 40px 28px}
}

@media(min-width:901px) and (max-width:1150px){
  .ws-build-sequence__inner{grid-template-columns:minmax(190px,.48fr) minmax(420px,1.5fr) minmax(170px,.42fr);gap:20px;padding-inline:22px}
  .ws-build-sequence__intro h2{font-size:clamp(38px,4.4vw,56px)}
  .ws-build-progress li{padding-inline:6px}
}
@media(max-width:900px){
  .ws-build-scenes{min-height:430px}
  .ws-build-scene{min-height:430px}
  .ws-signal-map{inset:182px 18px 22px}
  .ws-wireframe,.ws-interface,.ws-launch{inset:178px 22px 22px}
  .ws-quality-layout{inset:180px 22px 22px}
}
@media(max-width:900px){[data-scene-card]{visibility:visible!important}}

@media(max-width:560px){
  .ws-build-scenes{min-height:400px}
  .ws-build-scene{min-height:400px}
  .ws-signal-map{inset:160px 15px 18px}
  .ws-wireframe,.ws-interface,.ws-launch{inset:158px 15px 18px}
  .ws-quality-layout{inset:160px 15px 18px}
}
.ws-wire-hero button,.ws-interface-hero button,.ws-live-site button,.ws-interface-nav em{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;max-width:100%;white-space:nowrap;line-height:1.15}
.ws-wire-hero button,.ws-interface-hero button,.ws-live-site button{min-height:32px}
@media(max-width:560px){.ws-wire-hero button,.ws-interface-hero button,.ws-live-site button{min-height:30px;padding-inline:10px;font-size:7px}}

/* Cinematic scene choreography: each visual assembles in a calm, readable order. */
[data-scene-card]{transition:transform .55s cubic-bezier(.22,1,.36,1)!important}
[data-scene-card]{visibility:hidden}
[data-build-scene="1"] [data-scene-card="1"],[data-build-scene="2"] [data-scene-card="2"],[data-build-scene="3"] [data-scene-card="3"],[data-build-scene="4"] [data-scene-card="4"],[data-build-scene="5"] [data-scene-card="5"]{visibility:visible}
[data-build-reveal]{will-change:opacity,transform;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.ws-signal-map path{stroke-dasharray:5 9;stroke-dashoffset:0;opacity:.55}
.ws-signal-chip{z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ws-pass-list li{min-height:44px}
.ws-pass-list li span{display:grid;gap:3px}
.ws-pass-list li small{color:#68879e;font:600 7px/1.2 var(--font-mono);letter-spacing:.04em}

@media(min-width:1200px){
  .ws-build-scenes{min-height:560px}
  .ws-build-scene{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);align-content:stretch;gap:24px;padding:42px 44px}
  .ws-scene-copy{align-self:start;max-width:250px;padding-top:10px}
  .ws-scene-copy h3{font-size:clamp(25px,2.1vw,35px);line-height:1.02}
  .ws-scene-copy>p:last-child{font-size:13px;line-height:1.55}
  .ws-signal-map,.ws-wireframe,.ws-interface,.ws-quality-layout,.ws-launch{position:relative;inset:auto;grid-column:2;align-self:stretch;min-width:0;min-height:0;height:100%}
  .ws-signal-map{margin-top:6px}
  .ws-wireframe,.ws-interface,.ws-launch{margin-top:6px}
  .ws-quality-layout{margin-top:6px}
  .ws-wireframe,.ws-interface{display:flex;flex-direction:column}
  .ws-wire-cards,.ws-interface-grid{margin-top:auto}
  .ws-wire-measure{margin-bottom:8px}
  .ws-interface-grid{padding-bottom:16px}
}

@media(max-width:1199px) and (min-width:901px){
  .ws-scene-copy h3{max-width:430px}
  .ws-signal-chip{padding:7px 9px}
}

@media(max-width:560px){
  [data-scene-card]{visibility:visible!important}
  [data-build-reveal]{transition:none}
  .ws-pass-list li{min-height:0}
  .ws-pass-list li small{font-size:6px}
}

@media(prefers-reduced-motion:reduce){
  [data-scene-card]{visibility:visible!important}
  [data-build-reveal]{will-change:auto;transition:none!important}
}

/* V9.3 visual consistency pass: stronger hierarchy without adding paint-heavy effects. */
.ws-signal-map .ws-signal-hub{fill:#0b1829;stroke:#8fc1ff;stroke-width:2;opacity:.95}
.ws-signal-map .ws-signal-hub-core{fill:#76e8bc;opacity:.95}
.ws-signal-map path{stroke-linecap:round}
.ws-launch-metrics{left:22px;right:auto;bottom:78px;max-width:82%;gap:9px}
.ws-launch-metrics span{padding:8px 11px;letter-spacing:.04em}
.ws-growth-line{right:18px;bottom:18px;width:31%;height:58px}
@media(max-width:1199px){
  .ws-launch-metrics{bottom:70px;max-width:78%}
  .ws-growth-line{width:35%}
}
@media(max-width:560px){
  .ws-launch-metrics{left:15px;right:15px;bottom:12px;max-width:none;gap:6px}
  .ws-launch-metrics span{padding:7px 8px}
  .ws-growth-line{right:12px;bottom:11px;width:42%;opacity:.55}
}

/* Safe, readable fallback before the JS controller opts into choreography. */
.ws-build-sequence:not(.ws-build-ready){height:auto;min-height:0}
.ws-build-sequence:not(.ws-build-ready) .ws-build-sequence__inner{position:relative;top:auto;display:block;min-height:0}
.ws-build-sequence:not(.ws-build-ready) .ws-build-scene{position:relative;inset:auto;display:grid;min-height:420px;margin-top:14px;opacity:1;transform:none;visibility:visible;pointer-events:auto}
.ws-build-sequence:not(.ws-build-ready) .ws-build-progress{margin-top:24px}
@media(max-width:900px){
  .ws-build-sequence:not(.ws-build-ready) .ws-build-scene{min-height:400px}
}

/* Final responsive polish: keep scene diagrams legible at every breakpoint. */
.ws-signal-hub{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid #8fc1ff;border-radius:50%;background:#0b1829;box-shadow:0 0 0 5px rgba(94,159,232,.12),0 0 18px rgba(118,232,188,.18);pointer-events:none}
.ws-signal-hub-core{display:block;width:6px;height:6px;border-radius:50%;background:#76e8bc;box-shadow:0 0 10px rgba(118,232,188,.9)}
.ws-empty-frame{padding:16px;overflow:hidden;text-align:center}
.ws-empty-frame span{position:absolute;z-index:2;left:50%;top:16%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:7px 10px;border:1px solid rgba(143,193,255,.25);border-radius:999px;background:#0b192a;color:#8fc1ff;font-size:clamp(7px,.7vw,9px);line-height:1.15;white-space:nowrap;text-align:center}
.ws-empty-frame i{z-index:1;opacity:.8}
.ws-empty-frame i:nth-of-type(1){top:34%}
.ws-empty-frame i:nth-of-type(2){top:45%;right:28%}
.ws-empty-frame i:nth-of-type(3){top:auto;bottom:16%;left:25%;right:25%;height:20px}
.ws-interface-grid{position:relative;z-index:2}
.ws-interface-stat{position:relative;z-index:3;min-width:0}
.ws-interface-stat span{line-height:1.25;white-space:normal}
.ws-interface-line{left:25px;right:auto;bottom:16px;width:min(32%,170px);z-index:1;opacity:.42}
.ws-devices{position:relative;min-height:100%;padding:34px 12px 18px;border:1px solid rgba(143,193,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(20,52,82,.72),rgba(7,18,31,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 32px rgba(0,0,0,.18);overflow:hidden}
.ws-devices::before{content:'DEVICE MATRIX  ·  3 VIEWPORTS';position:absolute;left:14px;top:12px;color:#8fc1ff;font:700 8px/1 var(--font-mono);letter-spacing:.1em}
.ws-devices::after{content:'';position:absolute;left:12px;right:12px;top:30px;border-top:1px solid rgba(143,193,255,.14);pointer-events:none}
.ws-device{z-index:1;box-shadow:0 12px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .35s ease,box-shadow .35s ease}
.ws-device::after{content:'D';position:absolute;left:50%;top:7px;transform:translateX(-50%);color:#b9d9f7;font:800 8px/1 var(--font-mono);letter-spacing:.08em}
.ws-device--tablet::after{content:'T'}
.ws-device--phone::after{content:'M'}
.ws-device span{top:21%}
.ws-device b{top:34%}
.ws-pass-list{gap:10px}
.ws-pass-list li{position:relative;min-width:0;padding:13px 12px 12px 30px;background:linear-gradient(145deg,rgba(21,58,71,.64),rgba(7,24,32,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.14)}
.ws-pass-list li::before{content:'✓';position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#76e8bc;font:800 11px/1 var(--font-mono)}
.ws-pass-list li span{min-width:0;line-height:1.2}
.ws-pass-list li small{line-height:1.25}
@media(max-width:900px){
  .ws-signal-hub{width:17px;height:17px}
  .ws-signal-hub-core{width:5px;height:5px}
  .ws-interface-line{left:22px;width:34%;bottom:14px}
  .ws-devices{min-height:180px;padding-inline:10px}
  .ws-pass-list li{padding-block:12px}
}
@media(max-width:700px){
  .ws-interface-line{display:none}
  .ws-interface-stat span{font-size:8px}
  .ws-devices{min-height:165px}
}
@media(max-width:560px){
  .ws-signal-hub{width:16px;height:16px;box-shadow:0 0 0 4px rgba(94,159,232,.1),0 0 14px rgba(118,232,188,.16)}
  .ws-empty-frame{padding:12px}
  .ws-empty-frame span{font-size:7px;padding:6px 8px}
  .ws-devices{min-height:160px;padding:31px 8px 12px}
  .ws-devices::before{left:10px;font-size:7px}
  .ws-devices::after{left:9px;right:9px;top:28px}
  .ws-device::after{top:6px;font-size:7px}
  .ws-pass-list{grid-template-columns:1fr}
  .ws-pass-list li{padding:11px 10px 10px 28px;font-size:7px}
  .ws-pass-list li::before{left:9px;font-size:10px}
}

/* Discovery visual: replace the hollow wireframe with a focused signal core. */
.ws-signal-map svg{opacity:.34}
.ws-signal-map path{stroke:#5e9fe8;stroke-width:1.1;stroke-dasharray:4 10}
.ws-empty-frame{width:min(58%,330px);height:min(68%,250px);padding:24px;align-content:center;justify-items:stretch;gap:9px;border:1px solid rgba(143,193,255,.48);border-radius:16px;background:linear-gradient(145deg,rgba(18,52,80,.96),rgba(7,19,34,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px rgba(0,0,0,.28),0 0 40px rgba(39,131,222,.12)}
.ws-empty-frame::before{content:'01 / DISCOVERY';position:absolute;left:20px;top:17px;color:#76b6f4;font:700 8px/1 var(--font-mono);letter-spacing:.12em}
.ws-empty-frame::after{content:'';position:absolute;right:-30px;bottom:-45px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(94,159,232,.22),transparent 68%);pointer-events:none}
.ws-empty-frame span{position:static;left:auto;top:auto;transform:none;display:block;max-width:none;padding:0;border:0;border-radius:0;background:none;color:#8fc1ff;font:700 9px/1 var(--font-mono);letter-spacing:.14em;text-align:left}
.ws-empty-frame strong{position:relative;z-index:1;display:block;color:#fff;font-size:clamp(20px,2.3vw,31px);line-height:1;letter-spacing:-.04em}
.ws-empty-frame small{position:relative;z-index:1;display:block;color:#93aac0;font:600 9px/1.35 var(--font-mono);letter-spacing:.05em}
.ws-empty-frame__meter{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}
.ws-empty-frame__meter i{position:static;left:auto;right:auto;top:auto;bottom:auto;display:block;width:auto;height:5px;border-radius:999px;background:#355d80;opacity:1}
.ws-empty-frame__meter i:nth-child(1){background:#8fc1ff}
.ws-empty-frame__meter i:nth-child(2){background:#5e9fe8}
.ws-empty-frame__meter i:nth-child(3){background:#76e8bc}
.ws-signal-chip{background:rgba(9,23,40,.92);box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}
@media(max-width:900px){
  .ws-empty-frame{width:64%;height:64%;padding:20px}
  .ws-empty-frame strong{font-size:clamp(19px,4vw,27px)}
}
@media(max-width:560px){
  .ws-empty-frame{width:72%;height:64%;padding:17px}
  .ws-empty-frame::before{left:15px;top:13px;font-size:7px}
  .ws-empty-frame span{font-size:8px}
  .ws-empty-frame strong{font-size:21px}
  .ws-empty-frame small{font-size:8px}
  .ws-empty-frame__meter{gap:4px}
  .ws-empty-frame__meter i{height:4px}
}

/* Mobile headline guard: keep the story title fully inside the viewport. */
@media(max-width:560px){
  .ws-build-sequence__intro{width:100%;max-width:none;overflow:visible}
  .ws-build-sequence__intro h2{width:100%;max-width:100%;font-size:clamp(32px,8.8vw,38px);line-height:.98;letter-spacing:-.045em;overflow-wrap:break-word}
  .ws-build-sequence__intro .section-sub{width:100%;max-width:none}
  .ws-build-sequence__hint{max-width:100%;font-size:8px;letter-spacing:.07em;white-space:normal}
}

/* Keep the long story headline from clipping inside the desktop grid. */
.ws-build-sequence__intro h2{width:100%;max-width:100%;overflow-wrap:break-word}
@media(min-width:1201px){
  .ws-build-sequence__inner{grid-template-columns:minmax(320px,.75fr) minmax(500px,1.45fr) minmax(210px,.5fr)}
}
@media(min-width:901px) and (max-width:1200px){
  .ws-build-sequence__intro h2{font-size:clamp(34px,4vw,50px);line-height:.98}
}

/* Phone QA: give the dense quality/launch scenes room to breathe instead of letting their cards overlap. */
@media(max-width:560px){
  /* Let each phone scene grow from its copy and visual instead of sharing a fixed canvas. */
  .ws-build-sequence__inner{padding-inline:16px!important}
  .ws-build-sequence__viewport{width:100%}
  .ws-build-scene,.ws-build-scene--discovery,.ws-build-scene--quality,.ws-build-scene--launch{display:block;min-height:0!important;height:auto!important;padding:22px 14px 16px;overflow:hidden}
  .ws-scene-copy{max-width:none}
  .ws-scene-copy h3{font-size:clamp(26px,7.5vw,31px);line-height:1.04}
  .ws-scene-copy>p:last-child{max-width:none;margin-top:14px;font-size:14px;line-height:1.55}
  .ws-signal-map,.ws-wireframe,.ws-interface,.ws-quality-layout,.ws-launch{position:relative;inset:auto;width:100%;margin-top:30px!important}
  .ws-signal-map{height:220px;min-height:220px}
  .ws-signal-hub{display:none}
  .ws-signal-chip--one,.ws-signal-chip--two{top:-2%}
  .ws-empty-frame{top:50%;height:58%}
  .ws-empty-frame::before{content:none!important}
  .ws-wireframe{display:flex;flex-direction:column;height:270px;min-height:270px}
  .ws-interface{display:flex;flex-direction:column;height:330px;min-height:330px}
  .ws-empty-frame::before{content:none}
  .ws-wireframe{padding:13px}
  .ws-wire-hero{padding:17px 0 10px}
  .ws-wire-hero strong{font-size:clamp(23px,7vw,29px)}
  .ws-wire-cards{margin-top:auto}
  .ws-wire-measure{margin-top:10px}
  .ws-interface-hero{padding:16px 17px 8px}
  .ws-interface-hero strong{font-size:clamp(24px,7vw,28px)}
  .ws-interface-hero p{margin-top:8px}
  .ws-interface-hero button{margin-top:10px}
  .ws-interface-grid{margin-top:auto;padding:0 17px 8px;grid-template-columns:minmax(0,1fr) minmax(80px,.65fr)}
  .ws-interface-line{display:none}
  .ws-interface-stat{box-sizing:border-box;min-width:0;overflow:hidden;padding:10px}
  .ws-interface-stat strong{font-size:clamp(17px,6vw,21px);white-space:nowrap;letter-spacing:-.03em}
  .ws-interface-stat span{font-size:clamp(6px,1.9vw,8px);overflow-wrap:anywhere}
  .ws-quality-layout{display:flex;flex-direction:column;gap:12px}
  .ws-quality-layout{align-items:stretch;width:100%}
  .ws-devices{display:grid;width:100%;height:148px;min-height:148px;flex:0 0 148px;box-sizing:border-box;grid-template-columns:minmax(0,2.4fr) minmax(0,.9fr) minmax(0,.55fr);gap:6px;align-items:end;padding:31px 8px 12px}
  .ws-device--desktop,.ws-device--tablet,.ws-device--phone{width:auto;min-width:0;flex:none}
  .ws-pass-list{grid-template-columns:1fr;gap:6px}
  .ws-pass-list li{min-height:0;padding:11px 10px 10px 28px;font-size:7px}
  .ws-launch{width:calc(100% - 16px);height:270px;min-height:270px;margin-inline:8px;padding:20px;box-sizing:border-box}
  .ws-live-site{margin-top:22px}
  .ws-live-site>strong br{display:none}
  .ws-live-site button{margin-top:20px;padding-inline:14px}
  .ws-launch-metrics{position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin-top:22px;gap:8px}
  .ws-launch-metrics span{padding:8px 10px}
  .ws-growth-line{display:none}
}

/* V10.0 — editorial scale pass: keep the story compact, legible and composed
   while the browser frame carries the visual weight. */
.ws-build-sequence{height:200vh;background:radial-gradient(circle at 52% 44%,rgba(39,131,222,.12),transparent 34%),linear-gradient(180deg,#07111e 0%,#091827 54%,#07111d 100%)}
.ws-build-sequence__inner{grid-template-columns:minmax(270px,.66fr) minmax(520px,1.42fr) minmax(220px,.54fr);gap:clamp(24px,3vw,44px);max-width:1440px;min-height:calc(100svh - 82px);padding-block:clamp(28px,4vh,56px)}
.ws-build-sequence__intro h2.scroll-heading,.ws-build-sequence__intro h2.scroll-heading.scroll-pending,.ws-build-sequence__intro h2.scroll-heading.scroll-in{clip-path:none!important;opacity:1!important;transform:none!important;visibility:visible!important}
.ws-build-sequence__intro h2{font-size:clamp(40px,4vw,64px);line-height:.96}
.ws-build-sequence__intro .section-sub{max-width:330px;font-size:14px;line-height:1.6}
.ws-build-sequence__hint{margin-top:24px;font-size:9px}
.ws-build-browser{border-radius:18px;box-shadow:0 28px 76px rgba(0,0,0,.38),0 0 58px rgba(39,131,222,.1)}
.ws-build-browser__bar{height:42px;padding-inline:15px}
.ws-build-scenes{min-height:530px}
.ws-build-scene{padding:34px 36px}
.ws-build-progress__label{margin-bottom:13px;font-size:8px}
.ws-build-progress li{padding:11px 10px;border-radius:9px}
.ws-build-progress li.is-active{background:linear-gradient(90deg,rgba(94,159,232,.18),rgba(94,159,232,.06));box-shadow:inset 2px 0 #8fc1ff}
.ws-build-progress__status{margin-top:16px;font-size:8px}

@media(min-width:901px) and (max-width:1200px){
  .ws-build-sequence__inner{grid-template-columns:minmax(220px,.58fr) minmax(450px,1.4fr) minmax(190px,.5fr);gap:24px;padding-inline:24px}
  .ws-build-sequence__intro h2{font-size:clamp(36px,4.2vw,52px)}
  .ws-build-scenes{min-height:500px}
  .ws-build-scene{padding:30px 28px}
}

@media(max-width:900px){
  .ws-build-sequence{height:auto;min-height:0}
  .ws-build-sequence__inner{min-height:0}
  .ws-build-sequence__intro h2.scroll-heading,.ws-build-sequence__intro h2.scroll-heading.scroll-pending,.ws-build-sequence__intro h2.scroll-heading.scroll-in{clip-path:none!important;opacity:1!important;transform:none!important}
}

@media(max-width:560px){
  .ws-build-sequence{padding:56px 0 68px}
  .ws-build-sequence__intro{margin-bottom:24px}
  .ws-build-sequence__intro h2{font-size:clamp(30px,8.4vw,36px);line-height:.99}
  .ws-build-sequence__intro .section-sub{font-size:13px;line-height:1.55;margin-top:17px}
  .ws-build-sequence__hint{margin-top:20px;font-size:7px;letter-spacing:.06em}
  .ws-build-scene{padding:18px 14px 14px;border-radius:16px}
  .ws-signal-map{height:196px;min-height:196px;margin-top:24px!important}
  .ws-wireframe{height:240px;min-height:240px}
  .ws-interface{height:290px;min-height:290px}
  .ws-devices{height:132px;min-height:132px;flex-basis:132px}
  .ws-launch{height:240px;min-height:240px}
  .ws-build-progress ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ws-build-progress li:last-child{grid-column:1/-1}
  .ws-build-progress li{padding:10px 9px;font-size:7px}
  .ws-build-progress strong{font-size:10px}
  .ws-build-progress small{font-size:8px}
}

/* V11 — Stitch delivery explorer: native Websense type, responsive stage rail,
   focused interactive panel and an optional five-card overview. */
.ws-build-explorer{height:auto!important;min-height:0!important;overflow:visible;border:0;padding:clamp(46px,6vw,82px) 0;background:radial-gradient(circle at 77% 25%,rgba(39,131,222,.12),transparent 31%),linear-gradient(180deg,#07111e 0%,#091827 52%,#07111d 100%)}
.ws-build-explorer::before{opacity:.34}
.ws-build-explorer .ws-build-sequence__inner{position:relative;top:auto;display:block;width:min(100% - 48px,1320px);max-width:1320px;min-height:0;margin:0 auto;padding:0!important}
.ws-build-topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 0 24px;border-bottom:1px solid rgba(143,193,255,.14)}
.ws-build-topbar__identity{display:grid;gap:12px;min-width:0}
.ws-build-topbar__status,.ws-build-topbar__identity>p{display:flex;align-items:center;gap:9px;margin:0;color:#8396ad;font:600 10px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.ws-build-topbar__status i,.ws-build-kicker i{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.55)}
.ws-build-topbar__identity>p{font-size:12px;letter-spacing:.08em;color:#d9e6f5}
.ws-build-topbar__identity>p span{color:#5e9fe8}
.ws-build-topbar__identity>p b{color:#42566e;font-weight:500}
.ws-build-modes{display:inline-flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid rgba(143,193,255,.15);border-radius:12px;background:rgba(13,23,39,.82)}
.ws-build-modes button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#94a3b8;font:700 10px/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.ws-build-modes button span{font-size:15px;line-height:1;color:#8fc1ff}
.ws-build-modes button small{color:inherit;font:inherit;opacity:.7}
.ws-build-modes button[aria-pressed="true"]{border-color:rgba(94,159,232,.34);background:linear-gradient(110deg,#2573de,#126cb3);color:#fff;box-shadow:0 0 20px rgba(39,131,222,.2)}
.ws-build-modes button[aria-pressed="true"] span{color:#fff}
.ws-build-modes button:hover:not([aria-pressed="true"]){color:#fff;background:rgba(143,193,255,.07)}
.ws-build-modes button:focus-visible,.ws-build-nav button:focus-visible,.ws-build-controls button:focus-visible,.ws-build-matrix__grid button:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.ws-build-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.72fr);gap:clamp(24px,3.5vw,48px);align-items:start;padding-top:clamp(24px,3vw,38px)}
.ws-build-rail{position:sticky;top:88px;display:grid;gap:20px;min-width:0}
.ws-build-rail__intro{display:grid;gap:9px}
.ws-build-kicker{display:flex;align-items:center;gap:8px;margin:0;color:#8fc1ff;font:700 10px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.ws-build-kicker i{width:6px;height:6px}
.ws-build-rail__intro h2{max-width:430px;margin:0;color:#f4f7fb;font:750 clamp(32px,3vw,44px)/1.02 var(--font);letter-spacing:-.055em}
.ws-build-rail__intro>p:last-child{max-width:440px;margin:2px 0 0;color:#a1afc1;font:400 14px/1.6 var(--font)}
.ws-build-gauge{padding:14px 15px;border:1px solid rgba(94,159,232,.22);border-radius:11px;background:linear-gradient(145deg,rgba(16,30,50,.9),rgba(8,17,30,.92))}
.ws-build-gauge__head,.ws-build-gauge__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#93a5bb;font:600 9px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.ws-build-gauge__head strong{color:#9bc9ff;font-size:11px;white-space:nowrap}
.ws-build-gauge__head strong small{color:#647b96;font:inherit}
.ws-build-gauge__track{height:7px;margin:12px 0 9px;padding:1px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:99px;background:#202b3c}
.ws-build-gauge__track i{display:block;width:20%;height:100%;border-radius:99px;background:linear-gradient(90deg,#2783de,#22d3ee);box-shadow:0 0 12px rgba(34,211,238,.55);transition:width .4s cubic-bezier(.22,1,.36,1)}
.ws-build-gauge__foot{font-size:8px;color:#70839a;letter-spacing:.035em}
.ws-build-nav{display:grid;gap:8px}
.ws-build-nav button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:58px;padding:9px 12px;overflow:hidden;border:1px solid rgba(143,193,255,.13);border-radius:9px;background:rgba(13,24,41,.68);color:#95a7bc;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.ws-build-nav button:hover{transform:translateX(2px);border-color:rgba(143,193,255,.3);background:rgba(18,37,60,.88)}
.ws-build-nav button[aria-pressed="true"]{border-color:rgba(94,159,232,.55);background:linear-gradient(100deg,rgba(39,131,222,.24),rgba(18,35,57,.95) 68%);box-shadow:0 0 22px rgba(39,131,222,.12),inset 2px 0 #22d3ee;color:#fff}
.ws-build-nav__index{color:#68809d;font:700 10px/1 var(--font-mono);letter-spacing:.04em}
.ws-build-nav button[aria-pressed="true"] .ws-build-nav__index{color:#8fc1ff}
.ws-build-nav__copy{display:grid;gap:4px;min-width:0}
.ws-build-nav__copy strong{color:inherit;font:650 12px/1.25 var(--font);letter-spacing:-.01em}
.ws-build-nav__copy small{overflow:hidden;color:#778ba3;font:500 9px/1.2 var(--font-mono);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.ws-build-nav__arrow{justify-self:end;color:#617894;font:15px/1 var(--font)}
.ws-build-nav button[aria-pressed="true"] .ws-build-nav__arrow{color:#8fc1ff}
.ws-build-keyhint{display:flex;align-items:center;gap:8px;margin:0;padding-top:12px;border-top:1px solid rgba(143,193,255,.12);color:#73869c;font:600 8px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
.ws-build-keyhint span{color:#8fc1ff;font-size:11px}
.ws-build-sequence__viewport{position:relative;min-width:0;perspective:1100px}
.ws-build-stack{position:absolute;inset:0 20px auto;height:20px;pointer-events:none}
.ws-build-stack i{position:absolute;inset:0 12px;border:1px solid rgba(34,211,238,.13);border-radius:15px 15px 0 0;background:rgba(15,35,60,.7);transform:translateY(-5px)}
.ws-build-stack i+ i{inset:0 26px;border-color:rgba(94,159,232,.12);background:rgba(20,40,66,.5);transform:translateY(-10px)}
.ws-build-browser{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(94,159,232,.35);border-radius:16px;background:#080f1c;box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 38px rgba(39,131,222,.08)}
.ws-build-browser__bar{display:flex;align-items:center;gap:10px;height:46px;padding:0 15px;border-bottom:1px solid rgba(143,193,255,.13);background:rgba(6,12,22,.95);color:#8497ad;font:500 9px/1 var(--font-mono);letter-spacing:.035em}
.ws-build-browser__dots{display:flex;gap:5px;flex:0 0 auto}
.ws-build-browser__dots i{width:8px;height:8px;border-radius:50%;background:#334861}
.ws-build-browser__path{min-width:0;overflow:hidden;color:#91a4bc;text-overflow:ellipsis;white-space:nowrap}
.ws-build-browser__path b{padding:0 4px;color:#4f6681;font-weight:400}
.ws-build-browser__phase{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 9px;border:1px solid rgba(34,211,238,.2);border-radius:999px;background:rgba(34,211,238,.06);color:#8bd7ee;font-size:8px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.ws-build-browser__phase::before{content:"";width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.65)}
.ws-build-browser__bar output{padding:5px 7px;border:1px solid rgba(143,193,255,.12);border-radius:4px;background:#111d30;color:#9bc9ff;font:700 9px/1 var(--font-mono);white-space:nowrap}
.ws-build-scenes{position:relative;min-height:490px;padding:clamp(20px,3vw,34px)}
.ws-build-explorer .ws-build-scene,.ws-build-explorer .ws-build-scene[data-scene-card]{position:relative;inset:auto;display:none!important;grid-template-rows:auto minmax(0,1fr);gap:22px;width:100%;min-height:420px;height:auto;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;transform:translateY(8px);visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.ws-build-explorer .ws-build-scene.is-active{display:grid!important;opacity:1;transform:none;visibility:visible;pointer-events:auto}
.ws-build-explorer .ws-scene-copy{position:relative;z-index:4;max-width:680px;padding:0}
.ws-build-explorer .ws-scene-kicker{margin:0 0 10px;color:#8fc1ff;font:700 9px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.ws-build-explorer .ws-scene-copy h3{max-width:700px;margin:0;color:#f2f6fc;font:750 clamp(25px,2.4vw,34px)/1.05 var(--font);letter-spacing:-.045em}
.ws-build-explorer .ws-scene-copy>p:last-child{max-width:610px;margin:10px 0 0;color:#a2b1c4;font:400 13px/1.55 var(--font)}
.ws-build-explorer .ws-signal-map,.ws-build-explorer .ws-wireframe,.ws-build-explorer .ws-interface,.ws-build-explorer .ws-quality-layout,.ws-build-explorer .ws-launch{position:relative;inset:auto;grid-column:auto;align-self:stretch;width:100%;min-width:0;min-height:0;height:280px;margin:0!important}
.ws-build-explorer .ws-signal-map{height:100%;min-height:270px;overflow:hidden}
.ws-build-explorer .ws-signal-map svg{inset:0;opacity:.46}
.ws-build-explorer .ws-empty-frame{width:min(54%,330px);height:65%;padding:18px}
.ws-build-explorer .ws-wireframe{display:flex;flex-direction:column;height:280px;padding:18px 20px}
.ws-build-explorer .ws-wire-hero{padding:18px 0 14px;gap:8px}
.ws-build-explorer .ws-wire-hero strong{font-size:clamp(21px,2.5vw,31px)}
.ws-build-explorer .ws-wire-cards{margin-top:auto}
.ws-build-explorer .ws-wire-cards i b{height:38px}
.ws-build-explorer .ws-wire-measure{margin:12px 0 2px}
.ws-build-explorer .ws-interface{display:flex;flex-direction:column;height:300px;padding-bottom:8px}
.ws-build-explorer .ws-interface-nav{gap:clamp(6px,1vw,14px);padding:12px 15px;font-size:7px}
.ws-build-explorer .ws-interface-nav em{padding:6px 8px}
.ws-build-explorer .ws-interface-hero{padding:20px 20px 12px}
.ws-build-explorer .ws-interface-hero strong{font:750 clamp(23px,2.6vw,34px)/.98 var(--font);letter-spacing:-.045em}
.ws-build-explorer .ws-interface-hero p{font:400 11px/1.45 var(--font);color:#a7c0d8}
.ws-build-explorer .ws-interface-hero button,.ws-build-explorer .ws-wire-hero button,.ws-build-explorer .ws-live-site button{cursor:default}
.ws-build-explorer .ws-interface-grid{margin-top:auto;padding:0 20px;grid-template-columns:1.35fr .65fr}
.ws-build-explorer .ws-interface-image,.ws-build-explorer .ws-interface-stat{height:74px}
.ws-build-explorer .ws-interface-line{bottom:8px}
.ws-build-explorer .ws-quality-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:14px;align-items:center;height:280px}
.ws-build-explorer .ws-devices{height:100%;min-height:0;padding:34px 10px 14px}
.ws-build-explorer .ws-pass-list{gap:7px}
.ws-build-explorer .ws-pass-list li{min-height:44px;padding:9px 9px 9px 26px;font-size:7px}
.ws-build-explorer .ws-pass-list li::before{left:9px;font-size:10px}
.ws-build-explorer .ws-pass-list li small{font-size:6px}
.ws-build-explorer .ws-pass-list li>b{font-size:7px}
.ws-build-explorer .ws-launch{height:280px;padding:17px}
.ws-build-explorer .ws-live-site{margin-top:20px}
.ws-build-explorer .ws-live-site>strong{font:750 clamp(25px,2.8vw,36px)/1 var(--font);letter-spacing:-.045em}
.ws-build-explorer .ws-launch-metrics{left:16px;right:auto;bottom:58px;max-width:76%;gap:6px}
.ws-build-explorer .ws-launch-metrics span{padding:6px 8px;font-size:7px}
.ws-build-explorer .ws-launch-metrics b{font-size:9px}
.ws-build-explorer .ws-growth-line{right:15px;bottom:12px;width:30%;height:44px}
.ws-build-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid rgba(143,193,255,.13);background:rgba(6,12,22,.88)}
.ws-build-controls>span{color:#71849b;font:600 8px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.ws-build-controls>span strong{color:#a9d2ff}
.ws-build-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid rgba(143,193,255,.13);border-radius:7px;background:rgba(15,27,45,.85);color:#b6c4d5;font:650 9px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.ws-build-controls button:last-child{justify-self:end;border-color:rgba(94,159,232,.45);background:linear-gradient(110deg,#277bdb,#126eb7);color:#fff}
.ws-build-controls button:hover:not(:disabled){filter:brightness(1.08);border-color:#22d3ee}
.ws-build-controls button:disabled{opacity:.38;cursor:not-allowed}
.ws-build-controls button span{font-size:13px}
.ws-build-matrix{padding-top:clamp(26px,3.5vw,42px)}
.ws-build-matrix[hidden],.ws-build-layout[hidden]{display:none!important}
.ws-build-matrix__heading{display:grid;gap:9px;margin-bottom:22px}
.ws-build-matrix__heading h2{margin:0;color:#f2f6fc;font:750 clamp(26px,3.1vw,40px)/1.06 var(--font);letter-spacing:-.045em}
.ws-build-matrix__heading>p:last-child{margin:0;color:#95a7bc;font:400 13px/1.5 var(--font)}
.ws-build-matrix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ws-build-matrix__grid button{display:grid;grid-template-rows:auto auto auto 78px;gap:8px;min-width:0;min-height:195px;padding:15px;text-align:left;border:1px solid rgba(143,193,255,.15);border-radius:11px;background:linear-gradient(145deg,rgba(16,30,50,.92),rgba(8,17,30,.95));color:#fff;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ws-build-matrix__grid button:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.45);box-shadow:0 10px 28px rgba(0,0,0,.2),0 0 20px rgba(34,211,238,.08)}
.ws-build-matrix__meta{color:#8fc1ff;font:700 8px/1.3 var(--font-mono);letter-spacing:.1em}
.ws-build-matrix__grid strong{color:#edf4fc;font:700 15px/1.18 var(--font);letter-spacing:-.025em}
.ws-build-matrix__grid small{color:#8c9eb2;font:400 10px/1.4 var(--font)}
.ws-build-matrix-visual{position:relative;display:block;overflow:hidden;align-self:end;width:100%;height:78px;border:1px solid rgba(143,193,255,.16);border-radius:7px;background-color:#091423;background-image:linear-gradient(rgba(143,193,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(143,193,255,.04) 1px,transparent 1px);background-size:18px 18px}
.ws-build-matrix-visual b,.ws-build-matrix-visual em{position:absolute;display:block}
.ws-build-matrix-visual--signal b{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.5)}
.ws-build-matrix-visual--signal b:nth-child(1){left:22%;top:24%}.ws-build-matrix-visual--signal b:nth-child(2){right:22%;top:24%}.ws-build-matrix-visual--signal b:nth-child(3){left:22%;bottom:22%}.ws-build-matrix-visual--signal b:nth-child(4){right:22%;bottom:22%}
.ws-build-matrix-visual--signal em{left:42%;top:20%;width:16%;height:60%;border:1px solid rgba(143,193,255,.5);border-radius:50%;background:rgba(39,131,222,.2)}
.ws-build-matrix-visual--architecture b{left:12%;right:12%;height:7px;border-radius:2px;background:#254461}.ws-build-matrix-visual--architecture b:nth-child(1){top:19%;width:76%}.ws-build-matrix-visual--architecture b:nth-child(2){top:39%;width:47%;background:#3972a5}.ws-build-matrix-visual--architecture b:nth-child(3){top:57%;width:64%}.ws-build-matrix-visual--architecture em{left:12%;bottom:9px;width:25%;height:10px;border-radius:3px;background:#2783de}
.ws-build-matrix-visual--interface{padding:8px}.ws-build-matrix-visual--interface b:first-child{left:8px;right:8px;top:7px;height:8px;border-bottom:1px solid rgba(143,193,255,.25)}.ws-build-matrix-visual--interface b:nth-child(2){left:12px;top:26px;width:40%;height:22px;border-radius:3px;background:linear-gradient(90deg,#277bdb,#22d3ee)}.ws-build-matrix-visual--interface b:nth-child(3){left:12px;top:54px;width:55%;height:5px;border-radius:2px;background:#365675}.ws-build-matrix-visual--interface em{right:12px;top:25px;width:25%;height:38px;border:1px solid rgba(34,211,238,.36);border-radius:4px;background:rgba(34,211,238,.08)}
.ws-build-matrix-visual--quality b{bottom:8px;width:20%;border:1px solid rgba(143,193,255,.55);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#173652,#0d1b2d)}.ws-build-matrix-visual--quality b:nth-child(1){left:22%;height:44px}.ws-build-matrix-visual--quality b:nth-child(2){left:44%;height:37px}.ws-build-matrix-visual--quality b:nth-child(3){left:66%;height:31px}.ws-build-matrix-visual--quality em{right:9%;top:16px;width:12px;height:12px;border:2px solid #76e8bc;border-radius:50%}
.ws-build-matrix-visual--launch{display:flex;align-items:end;gap:8px;padding:10px 14px}.ws-build-matrix-visual--launch b{position:relative;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#22d3ee,#277bdb)}.ws-build-matrix-visual--launch b:nth-child(1){height:30%}.ws-build-matrix-visual--launch b:nth-child(2){height:55%}.ws-build-matrix-visual--launch b:nth-child(3){height:78%}.ws-build-matrix-visual--launch em{right:8px;top:11px;width:7px;height:7px;border-radius:50%;background:#76e8bc}
.ws-build-live-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ws-build-explorer{--build-accent:var(--blue,#5e9fe8);--build-accent-light:var(--blue-light,#8fc1ff);--build-accent-deep:var(--blue-2,#2783de);--build-accent-rgb:var(--blue-rgb,94,159,232)}
.ws-build-explorer .ws-build-topbar__status i,.ws-build-explorer .ws-build-kicker i{background:var(--build-accent-light);box-shadow:0 0 12px rgba(var(--build-accent-rgb),.58)}
.ws-build-explorer .ws-build-topbar__identity>p span,.ws-build-explorer .ws-build-modes button span,.ws-build-explorer .ws-build-kicker,.ws-build-explorer .ws-build-gauge__head strong,.ws-build-explorer .ws-build-nav button[aria-pressed="true"] .ws-build-nav__index,.ws-build-explorer .ws-build-nav button[aria-pressed="true"] .ws-build-nav__arrow,.ws-build-explorer .ws-build-keyhint span,.ws-build-explorer .ws-build-browser__bar output,.ws-build-explorer .ws-scene-kicker,.ws-build-explorer .ws-build-controls>span strong,.ws-build-explorer .ws-build-matrix__meta{color:var(--build-accent-light)}
.ws-build-explorer .ws-build-modes button[aria-pressed="true"]{border-color:rgba(var(--build-accent-rgb),.42);background:linear-gradient(110deg,var(--build-accent-deep),var(--build-accent));color:var(--ws-cta-fg,#fff);box-shadow:0 0 20px rgba(var(--build-accent-rgb),.22)}
.ws-build-explorer .ws-build-modes button[aria-pressed="true"] span{color:var(--ws-cta-fg,#fff)}
.ws-build-explorer .ws-build-gauge{border-color:rgba(var(--build-accent-rgb),.23)}
.ws-build-explorer .ws-build-gauge__track i{background:linear-gradient(90deg,var(--build-accent-deep),var(--build-accent-light));box-shadow:0 0 12px rgba(var(--build-accent-rgb),.52)}
.ws-build-explorer .ws-build-nav button[aria-pressed="true"]{border-color:rgba(var(--build-accent-rgb),.56);background:linear-gradient(100deg,rgba(var(--build-accent-rgb),.25),rgba(18,35,57,.95) 68%);box-shadow:0 0 22px rgba(var(--build-accent-rgb),.13),inset 2px 0 var(--build-accent-light)}
.ws-build-explorer .ws-build-browser{border-color:rgba(var(--build-accent-rgb),.38);box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 38px rgba(var(--build-accent-rgb),.09)}
.ws-build-explorer .ws-build-browser__phase{border-color:rgba(var(--build-accent-rgb),.27);background:rgba(var(--build-accent-rgb),.07);color:var(--build-accent-light)}
.ws-build-explorer .ws-build-browser__phase::before{background:var(--build-accent);box-shadow:0 0 10px rgba(var(--build-accent-rgb),.7)}
.ws-build-explorer .ws-signal-map path{stroke:var(--build-accent-light)}
.ws-build-explorer .ws-signal-map::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(45%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(var(--build-accent-rgb),.23);border-radius:50%;background:radial-gradient(circle,rgba(var(--build-accent-rgb),.16),rgba(var(--build-accent-rgb),.055) 48%,transparent 70%);box-shadow:0 0 0 22px rgba(var(--build-accent-rgb),.035),0 0 40px rgba(var(--build-accent-rgb),.11)}
.ws-build-explorer .ws-signal-map svg{z-index:1}
.ws-build-explorer .ws-signal-chip{z-index:2}
.ws-build-explorer .ws-empty-frame{z-index:3}
.ws-build-explorer .ws-empty-frame::before{content:none!important}
.ws-build-explorer .ws-signal-chip{border-color:rgba(var(--build-accent-rgb),.34);color:var(--build-accent-light)}
.ws-build-explorer .ws-empty-frame{border-color:rgba(var(--build-accent-rgb),.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px rgba(0,0,0,.24),0 0 30px rgba(var(--build-accent-rgb),.12)}
.ws-build-explorer .ws-empty-frame__eyebrow{color:var(--build-accent-light)}
.ws-build-explorer .ws-empty-frame__meter i:nth-child(1){background-color:var(--build-accent-light)}
.ws-build-explorer .ws-empty-frame__meter i:nth-child(2){background-color:var(--build-accent)}
.ws-build-explorer .ws-wireframe{border-color:rgba(var(--build-accent-rgb),.28)}
.ws-build-explorer .ws-wire-nav b,.ws-build-explorer .ws-wire-hero button{color:var(--build-accent-light)}
.ws-build-explorer .ws-wire-hero button{border-color:rgba(var(--build-accent-rgb),.55)}
.ws-build-explorer .ws-interface{border-color:rgba(var(--build-accent-rgb),.4)}
.ws-build-explorer .ws-interface-hero small,.ws-build-explorer .ws-interface-hero strong i{color:var(--build-accent-light)}
.ws-build-explorer .ws-interface-hero::before{background:var(--build-accent)}
.ws-build-explorer .ws-interface-image{border-color:rgba(var(--build-accent-rgb),.3);background:linear-gradient(145deg,rgba(var(--build-accent-rgb),.4),#122238)}
.ws-build-explorer .ws-interface-line span,.ws-build-explorer .ws-interface-line i,.ws-build-explorer .ws-interface-line b{background:var(--build-accent-light)}
.ws-build-explorer .ws-device{border-color:rgba(var(--build-accent-rgb),.55)}
.ws-build-explorer .ws-device em{background:var(--build-accent)}
.ws-build-explorer .ws-launch{border-color:rgba(var(--build-accent-rgb),.36)}
.ws-build-explorer .ws-live-chip{border-color:rgba(var(--build-accent-rgb),.45);color:var(--build-accent-light)}
.ws-build-explorer .ws-live-site{border-color:rgba(var(--build-accent-rgb),.28)}
.ws-build-explorer .ws-live-site button{background:linear-gradient(110deg,var(--build-accent-deep),var(--build-accent));color:var(--ws-cta-fg,#fff)}
.ws-build-explorer .ws-build-controls button:last-child{border-color:rgba(var(--build-accent-rgb),.48);background:linear-gradient(110deg,var(--build-accent-deep),var(--build-accent));color:var(--ws-cta-fg,#fff)}
.ws-build-explorer .ws-build-controls button:hover:not(:disabled){border-color:var(--build-accent-light)}
.ws-build-explorer .ws-build-matrix__grid button[aria-pressed="true"]{border-color:rgba(var(--build-accent-rgb),.55);box-shadow:0 0 0 1px rgba(var(--build-accent-rgb),.2),0 0 24px rgba(var(--build-accent-rgb),.1)}
.ws-build-explorer .ws-build-matrix-visual{border-color:rgba(var(--build-accent-rgb),.22)}
.ws-build-explorer .ws-build-matrix-visual--signal b{background:var(--build-accent-light);box-shadow:0 0 10px rgba(var(--build-accent-rgb),.6)}
.ws-build-explorer .ws-build-matrix-visual--signal em{border-color:rgba(var(--build-accent-rgb),.58);background:rgba(var(--build-accent-rgb),.22)}
.ws-build-explorer .ws-build-matrix-visual--architecture b:nth-child(2){background:rgba(var(--build-accent-rgb),.74)}
.ws-build-explorer .ws-build-matrix-visual--architecture em{background:var(--build-accent)}
.ws-build-explorer .ws-build-matrix-visual--interface b:nth-child(2){background:linear-gradient(90deg,var(--build-accent-deep),var(--build-accent-light))}
.ws-build-explorer .ws-build-matrix-visual--interface em{border-color:rgba(var(--build-accent-rgb),.42);background:rgba(var(--build-accent-rgb),.1)}
.ws-build-explorer .ws-build-matrix-visual--launch b{background:linear-gradient(180deg,var(--build-accent-light),var(--build-accent-deep))}
.ws-build-explorer .ws-build-stack i{border-color:rgba(var(--build-accent-rgb),.18)}
.ws-build-explorer .ws-build-modes button:hover:not([aria-pressed="true"]),.ws-build-explorer .ws-build-nav button:hover:not([aria-pressed="true"]){border-color:rgba(var(--build-accent-rgb),.42)}
.ws-build-explorer .ws-build-nav button:hover:not([aria-pressed="true"]){background:rgba(var(--build-accent-rgb),.08)}
.ws-build-explorer .ws-build-matrix__grid button:hover{border-color:rgba(var(--build-accent-rgb),.48);box-shadow:0 10px 28px rgba(0,0,0,.2),0 0 20px rgba(var(--build-accent-rgb),.1)}
.ws-build-explorer .ws-build-modes button:focus-visible,.ws-build-explorer .ws-build-nav button:focus-visible,.ws-build-explorer .ws-build-controls button:focus-visible,.ws-build-explorer .ws-build-matrix__grid button:focus-visible{outline-color:var(--build-accent-light)}
.ws-build-explorer:not(.ws-build-ready) .ws-build-scene{display:grid!important;position:relative;inset:auto;min-height:360px;margin:16px 0;padding:20px;opacity:1;transform:none;visibility:visible;pointer-events:auto;border:1px solid rgba(var(--blue-rgb),.2);border-radius:12px;background:rgba(8,17,30,.8)}
.ws-build-explorer:not(.ws-build-ready) [data-build-interactive]{display:grid!important}
.ws-build-explorer:not(.ws-build-ready) [data-build-matrix]{display:none!important}
@media(min-width:1001px){
  .ws-build-explorer .ws-build-scene,.ws-build-explorer .ws-build-scene[data-scene-card]{grid-template-rows:minmax(0,1fr)}
  .ws-build-explorer .ws-scene-copy{align-self:center}
  .ws-build-explorer .ws-signal-map,.ws-build-explorer .ws-wireframe,.ws-build-explorer .ws-interface,.ws-build-explorer .ws-quality-layout,.ws-build-explorer .ws-launch{height:100%;min-height:270px}
}
@media(max-width:1000px){
  .ws-build-layout{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:22px}
  .ws-build-scenes{min-height:460px}
  .ws-build-explorer .ws-build-scene,.ws-build-explorer .ws-build-scene[data-scene-card]{min-height:400px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .ws-build-explorer .ws-quality-layout{grid-template-columns:1fr;height:auto;align-content:center}
  .ws-build-explorer .ws-devices{min-height:150px;height:150px}
  .ws-build-explorer .ws-pass-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-build-explorer .ws-pass-list li{min-height:40px}
  .ws-build-matrix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .ws-build-explorer{padding:48px 0 58px}
  .ws-build-explorer .ws-build-sequence__inner{width:min(100% - 32px,620px)}
  .ws-build-topbar{align-items:stretch;flex-direction:column;gap:16px;padding-bottom:18px}
  .ws-build-topbar__identity{gap:8px}
  .ws-build-topbar__status{font-size:9px}
  .ws-build-topbar__identity>p{flex-wrap:wrap;font-size:10px}
  .ws-build-modes{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ws-build-modes button{min-height:38px;padding:0 8px;font-size:8px;letter-spacing:.025em}
  .ws-build-modes button small{font-size:7px}
  .ws-build-layout{grid-template-columns:1fr;gap:16px;padding-top:20px}
  .ws-build-rail{position:relative;top:auto;gap:14px}
  .ws-build-rail__intro{gap:7px}
  .ws-build-rail__intro h2{max-width:560px;font-size:clamp(29px,8vw,38px)}
  .ws-build-rail__intro>p:last-child{font-size:13px}
  .ws-build-gauge{padding:12px}
  .ws-build-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ws-build-nav button{grid-template-columns:24px minmax(0,1fr);min-height:54px;gap:8px;padding:8px}
  .ws-build-nav__arrow{display:none}
  .ws-build-nav__copy strong{font-size:10px}
  .ws-build-nav__copy small{font-size:7px}
  .ws-build-keyhint{padding-top:9px;font-size:7px}
  .ws-build-stack{inset-inline:12px}
  .ws-build-browser{border-radius:12px}
  .ws-build-browser__bar{height:40px;gap:7px;padding-inline:10px}
  .ws-build-browser__dots{gap:4px}
  .ws-build-browser__dots i{width:6px;height:6px}
  .ws-build-browser__path{font-size:7px}
  .ws-build-browser__phase{padding:5px 6px;font-size:6px}
  .ws-build-browser__bar output{padding:4px 5px;font-size:7px}
  .ws-build-scenes{min-height:0;padding:18px 14px}
  .ws-build-explorer .ws-build-scene,.ws-build-explorer .ws-build-scene[data-scene-card]{min-height:0;gap:16px}
  .ws-build-explorer .ws-scene-kicker{font-size:8px}
  .ws-build-explorer .ws-scene-copy h3{font-size:clamp(23px,6.7vw,30px)}
  .ws-build-explorer .ws-scene-copy>p:last-child{font-size:12px}
  .ws-build-explorer .ws-signal-map,.ws-build-explorer .ws-wireframe,.ws-build-explorer .ws-interface,.ws-build-explorer .ws-quality-layout,.ws-build-explorer .ws-launch{height:230px}
  .ws-build-explorer .ws-signal-map{height:220px}
  .ws-build-explorer .ws-signal-chip{padding:6px 7px;font-size:6px;letter-spacing:.04em}
  .ws-build-explorer .ws-empty-frame{width:59%;height:58%;padding:12px}
  .ws-build-explorer .ws-empty-frame::before{content:none!important}
  .ws-build-explorer .ws-empty-frame__eyebrow{font-size:7px}
  .ws-build-explorer .ws-empty-frame strong{font-size:18px}
  .ws-build-explorer .ws-empty-frame small{font-size:7px}
  .ws-build-explorer .ws-wireframe{padding:12px}
  .ws-build-explorer .ws-wire-nav{grid-template-columns:58px 1fr 18px 18px 18px 30px;gap:5px;padding-bottom:9px;font-size:6px}
  .ws-build-explorer .ws-wire-hero{padding:13px 0 9px}
  .ws-build-explorer .ws-wire-hero strong{font-size:20px}
  .ws-build-explorer .ws-wire-cards{gap:5px}
  .ws-build-explorer .ws-wire-cards i{padding:6px}
  .ws-build-explorer .ws-wire-cards i b{height:27px}
  .ws-build-explorer .ws-interface{height:252px}
  .ws-build-explorer .ws-interface-nav{gap:6px;padding:10px;font-size:5px}
  .ws-build-explorer .ws-interface-nav b{font-size:8px}
  .ws-build-explorer .ws-interface-nav em{padding:5px;font-size:5px}
  .ws-build-explorer .ws-interface-hero{padding:16px 14px 8px}
  .ws-build-explorer .ws-interface-hero small{font-size:6px}
  .ws-build-explorer .ws-interface-hero strong{font-size:23px}
  .ws-build-explorer .ws-interface-hero button{margin-top:8px;padding:7px 9px;font-size:6px}
  .ws-build-explorer .ws-interface-grid{padding:0 14px;grid-template-columns:1.25fr .75fr}
  .ws-build-explorer .ws-interface-image,.ws-build-explorer .ws-interface-stat{height:60px;padding:7px}
  .ws-build-explorer .ws-interface-stat strong{font-size:17px}
  .ws-build-explorer .ws-interface-stat span{font-size:6px}
  .ws-build-explorer .ws-quality-layout{grid-template-columns:1fr;gap:10px;height:auto}
  .ws-build-explorer .ws-devices{height:112px;min-height:112px;padding:29px 7px 9px}
  .ws-build-explorer .ws-devices::before{left:9px;top:10px;font-size:6px}
  .ws-build-explorer .ws-devices::after{top:25px}
  .ws-build-explorer .ws-device::after{top:5px;font-size:6px}
  .ws-build-explorer .ws-pass-list{grid-template-columns:1fr;gap:5px}
  .ws-build-explorer .ws-pass-list li{min-height:32px;padding:7px 8px 7px 24px;font-size:6px}
  .ws-build-explorer .ws-pass-list li small{font-size:6px}
  .ws-build-explorer .ws-launch{height:225px;padding:12px}
  .ws-build-explorer .ws-live-site{margin-top:14px}
  .ws-build-explorer .ws-live-site>strong{font-size:25px}
  .ws-build-explorer .ws-live-site>p{font-size:8px}
  .ws-build-explorer .ws-live-site button{padding:7px 9px;font-size:6px}
  .ws-build-explorer .ws-launch-metrics{left:12px;bottom:39px;gap:4px}
  .ws-build-explorer .ws-launch-metrics span{padding:5px;font-size:5px}
  .ws-build-explorer .ws-launch-metrics b{font-size:7px}
  .ws-build-explorer .ws-growth-line{right:10px;bottom:8px}
  .ws-build-controls{gap:6px;padding:9px}
  .ws-build-controls button{min-height:32px;padding:0 8px;font-size:7px}
  .ws-build-controls>span{font-size:7px;letter-spacing:.05em}
  .ws-build-matrix{padding-top:22px}
  .ws-build-matrix__heading{gap:7px;margin-bottom:14px}
  .ws-build-matrix__heading h2{font-size:27px}
  .ws-build-matrix__grid{grid-template-columns:1fr;gap:9px}
  .ws-build-matrix__grid button{grid-template-columns:1fr 82px;grid-template-rows:auto auto 1fr;min-height:112px;padding:12px;gap:5px 9px}
  .ws-build-matrix__meta,.ws-build-matrix__grid strong,.ws-build-matrix__grid small{grid-column:1}
  .ws-build-matrix__grid strong{font-size:13px}
  .ws-build-matrix__grid small{font-size:9px}
  .ws-build-matrix-visual{grid-column:2;grid-row:1/4;width:82px;height:72px;align-self:center}
}
@media(max-width:380px){
  .ws-build-explorer .ws-build-sequence__inner{width:calc(100% - 24px)}
  .ws-build-topbar__identity>p{font-size:9px}
  .ws-build-modes button{font-size:7px}
  .ws-build-browser__phase{display:none}
  .ws-build-controls button{gap:5px;font-size:6px}
  .ws-build-explorer .ws-signal-chip{padding:5px;font-size:5px}
}
@media(prefers-reduced-motion:reduce){
  .ws-build-explorer *, .ws-build-explorer *::before, .ws-build-explorer *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}