/* Continuous product narrative. The approved opening dissolves into two calm
   depth layers; no hard section cut, polygon, video or 3D dependency. */
body[data-ux-review] .world{height:calc(var(--ux-opening-height,1500px) + 520px);bottom:auto;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 620px),transparent 100%)}
body[data-ux-review] .world[data-opening-visible="false"] .light,
body[data-ux-review].ux-opening-offscreen .hero-art .material-light{animation-play-state:paused}
body[data-ux-review] .ux-second-act{position:relative;isolation:isolate;z-index:0;margin-top:0;padding:36px 0 18px;background:linear-gradient(180deg,transparent 0,#080910b0 320px,#080a10ed 700px,#060b12 100%)}
body[data-ux-review] .ux-second-act:before{content:none}
.ux-flow-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 250px,#000 88%,transparent)}
.ux-flow-light{display:block;position:absolute;width:115%;height:1350px;left:-45%;top:10%;opacity:.7;background:radial-gradient(ellipse at 60% 45%,#6431a534,transparent 56%);transform:rotate(-24deg);animation:ux-volume-drift 22s ease-in-out infinite alternate;animation-play-state:paused}
.ux-flow-cyan{left:32%;top:30%;height:1800px;background:radial-gradient(ellipse at 50% 45%,#17778830,transparent 57%);animation-delay:-11s;animation-duration:28s}
body.ux-motion-running .ux-flow-light[data-visible="true"]{animation-play-state:running}
body[data-ux-review] .ux-operation:before,body[data-ux-review] .ux-compatibility:before{content:none}
body[data-ux-review] .ux-operation{padding-top:70px}
body[data-ux-review] .ux-operation>h2{font-size:clamp(32px,4.5vw,57px);line-height:1.08;max-width:740px;letter-spacing:-.045em}
body[data-ux-review] .ux-operation>.eyebrow{font-size:12px;letter-spacing:.14em;color:#c0a7df}
body[data-ux-review] .ux-steps{gap:18px;margin-top:30px}
body[data-ux-review] .ux-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);grid-template-rows:auto;gap:55px;align-items:center;min-height:420px;padding:46px 0;border:0;background:none;box-shadow:none;position:relative;isolation:isolate}
body[data-ux-review] .ux-step:last-child{border:0}
.ux-scene-copy{min-width:0;position:relative;z-index:1}
body[data-ux-review] .ux-step-number{display:block;font-size:15px;letter-spacing:.08em;font-weight:500;padding:0;margin-bottom:22px;color:#b99bde}
body[data-ux-review] .ux-step h3{font-size:clamp(30px,3.1vw,41px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:0 0 20px;max-width:370px}
body[data-ux-review] .ux-scene-copy>p{font-size:17px;line-height:1.65;color:#c7c3d4;max-width:35ch;margin:0}
body[data-ux-review] .ux-step .ux-module{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:13px}
body[data-ux-review] .ux-step .ux-module img{width:155px;height:77px;object-fit:contain;object-position:left center}
body[data-ux-review] .ux-step .ux-module span{font-size:13px;line-height:1.5;color:#c1b5d2}
body[data-ux-review] .ux-scene-2{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
.ux-scene-2 .ux-scene-copy{grid-column:2;grid-row:1}.ux-scene-2 .ux-flow-visual{grid-column:1;grid-row:1}
.ux-flow-visual{position:relative;min-width:0;height:330px;isolation:isolate;perspective:900px;display:flex;align-items:center;justify-content:center}
.ux-flow-visual:before{content:"";position:absolute;inset:-5% 0;z-index:-1;background:radial-gradient(ellipse at 50% 64%,#5437933b,transparent 65%);pointer-events:none}
.ux-scene-2 .ux-flow-visual:before{background:radial-gradient(ellipse,#15394466,transparent 66%)}
.ux-scene-3 .ux-flow-visual:before{background:radial-gradient(ellipse,#324b7955,transparent 66%)}
/* Shadow: observations converge into one readable pulse. No invented totals. */
.ux-observe-core{position:relative;z-index:2;width:64%;padding:28px 22px;background:linear-gradient(145deg,#192133f7,#090f1cf2);border:1px solid #b5c4e140;border-radius:12px;box-shadow:0 35px 70px #0008,0 0 70px #6c34af18;transform:rotateY(-10deg) rotateX(5deg)}
.ux-observe-core>span:first-child{display:block;color:#f1e9ff;font-size:24px;font-weight:500;letter-spacing:-.04em}
.ux-observe-core>span:last-child{display:block;font-size:14px;color:#b8c7d9;margin-top:20px}
.ux-observe-wave{height:89px;display:flex;align-items:center;gap:7px;margin-top:20px}
.ux-observe-wave i{flex:1;max-width:10px;height:26%;border-radius:4px;background:linear-gradient(#b67cf3,#68c5df);transform-origin:center;animation:ux-wave 4s ease-in-out infinite alternate;animation-play-state:paused}
.ux-observe-wave i:nth-child(3n){height:69%;animation-delay:-1.6s}.ux-observe-wave i:nth-child(4n){height:94%;animation-delay:-.8s}.ux-observe-wave i:nth-child(5n){height:45%;animation-delay:-2.4s}
.ux-signal-lanes{position:absolute;inset:24px 40% 24px 0;display:flex;flex-direction:column;justify-content:space-around;transform:rotate(-8deg)}
.ux-signal-lanes i{height:1px;background:linear-gradient(90deg,transparent,#b06fe37a,#b4d3f7);position:relative}
.ux-signal-lanes i:after{content:"";position:absolute;width:35px;height:2px;right:0;top:0;background:linear-gradient(90deg,transparent,#d4bcff);box-shadow:0 0 8px #9759e0;animation:ux-flow-trace 5s linear infinite;animation-play-state:paused}
.ux-signal-lanes i:nth-child(2):after{animation-delay:-2s}.ux-signal-lanes i:nth-child(3):after{animation-delay:-4s}.ux-signal-lanes i:nth-child(4):after{animation-delay:-1s}
.ux-observe-reading{position:absolute;right:0;bottom:36px;width:34%;padding:24px 18px;background:linear-gradient(125deg,#1b2432,#111620);border:1px solid #c9d1ee30;border-radius:9px;box-shadow:0 18px 38px #0007;transform:rotateY(-10deg);z-index:3}
.ux-observe-reading i{display:block;height:3px;margin:12px 0;background:#aab8cd70}.ux-observe-reading i:nth-child(2){width:65%;background:#7fcadd}.ux-observe-reading i:nth-child(3){width:82%}
/* Margin: the same context changes density, followed by a verification gate. */
.ux-context-stack{position:relative;width:40%;height:230px;margin-left:2%;align-self:center;transform:rotateY(12deg) rotateZ(-7deg)}
.ux-context-stack i{position:absolute;inset:18px 8px 22px;border:1px solid #b8a2d940;border-radius:6px;background:repeating-linear-gradient(180deg,transparent 0 18px,#a5a4c340 19px 21px,transparent 22px 32px),linear-gradient(145deg,#242236,#101421);background-clip:padding-box;box-shadow:0 20px 40px #0005}
.ux-context-stack i:nth-child(1){transform:translate(-20px,-16px) rotate(-7deg)}.ux-context-stack i:nth-child(2){transform:translate(-9px,-8px) rotate(-3deg)}
.ux-context-stack>span{position:absolute;left:-3%;bottom:-20px;font-size:14px;color:#c9bdd9;white-space:nowrap}
.ux-context-thread{width:15%;height:1px;background:linear-gradient(90deg,#9574cf,#74cee3);box-shadow:0 0 12px #69b9d27a;position:relative;z-index:3}
.ux-context-thread:after{content:"";display:block;width:8px;height:8px;background:#bcdbed;border-radius:50%;position:absolute;top:-4px;left:50%;box-shadow:0 0 22px #73c6e1}
.ux-context-result{position:relative;width:43%;padding:24px 20px;border:1px solid #80bfd951;background:linear-gradient(140deg,#152937,#0d1722);border-radius:8px;box-shadow:0 25px 55px #0007;transform:rotateY(-8deg)}
.ux-context-result>span{display:block;font-size:14px;line-height:1.5;color:#ceebf1}.ux-context-result>span:last-child{padding-top:17px;border-top:1px solid #8cacbf3d;color:#c4c3d4}
.ux-context-result>div{padding:20px 0}.ux-context-result i{display:block;height:5px;margin:12px 0;background:linear-gradient(90deg,#85a9e1,#8dd1dd);width:90%}.ux-context-result i:nth-child(2){width:65%}.ux-context-result i:nth-child(3){width:79%}
/* Check: evidence and review criteria are visibly separated from the delivery. */
.ux-delivery-sheet{position:relative;width:48%;height:240px;border:1px solid #98bdd047;border-radius:8px;background:linear-gradient(145deg,#1b2538,#111826);padding:40px 26px;transform:rotateY(12deg) rotateZ(-5deg);box-shadow:0 30px 55px #0006}
.ux-delivery-sheet i{display:block;height:4px;background:#c1ccda66;margin:14px 0}.ux-delivery-sheet i:nth-child(2n){width:79%}.ux-delivery-sheet i:nth-child(4){background:#a9cee1a6}
.ux-review-lens{width:60%;position:relative;z-index:2;margin-left:-8%;padding:26px 22px;border:1px solid #adace04d;border-radius:10px;background:linear-gradient(135deg,#222036fa,#0e1927fa);box-shadow:0 24px 55px #0008;transform:rotateY(-8deg)}
.ux-review-lens span{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.5;padding:14px 0;color:#e7e4f0}.ux-review-lens span+span{border-top:1px solid #bdbacf25}.ux-review-lens span:before{content:"";width:9px;height:9px;border:1px solid #b2afe9;border-radius:50%;flex-shrink:0}.ux-review-lens span:last-child:before{border-color:#87cadd}
.ux-review-scan{position:absolute;left:18%;top:47%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#87cde787,transparent);z-index:3;box-shadow:0 0 18px #76bace;animation:ux-scan 7s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
body.ux-motion-running [data-scene][data-visible="true"] .ux-observe-wave i,
body.ux-motion-running [data-scene][data-visible="true"] .ux-signal-lanes i:after,
body.ux-motion-running [data-scene][data-visible="true"] .ux-review-scan{animation-play-state:running}
body[data-ux-review] .ux-details{margin-top:6px;border-top:1px solid #b8c4dd26;padding:8px 0 0;font-size:14px}
/* Integration has a spatial map followed by the actual requirements. */
body[data-ux-review] .ux-compatibility{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:75px;padding-top:100px;padding-bottom:90px;align-items:center}
body[data-ux-review] .ux-integration-intro h2{font-size:clamp(31px,3.8vw,49px);line-height:1.1;max-width:450px}
body[data-ux-review] .ux-integration-intro .ux-section-intro{font-size:17px;line-height:1.65}
.ux-access-visual{display:flex;align-items:center;position:relative;min-height:185px;margin-bottom:18px;isolation:isolate}
.ux-access-visual:before{content:"";position:absolute;inset:-30% 0;z-index:-1;background:radial-gradient(ellipse,#38305e55,transparent 64%)}
.ux-access-origin{font-size:31px;letter-spacing:-.045em;padding:32px 20px;border-radius:50%;border:1px solid #b59add50;background:radial-gradient(#212039,transparent);color:#eee6fd;box-shadow:0 0 60px #623fa323}
.ux-access-traces{position:relative;width:20%;height:90px;flex-shrink:0}.ux-access-traces i{position:absolute;left:0;width:100%;height:50%;border:1px solid #93b5d766;border-right:0;border-bottom:0;border-radius:60% 0 0 0}.ux-access-traces i+ i{top:50%;transform:scaleY(-1);border-color:#80d2df70}
.ux-access-types{display:flex;flex-direction:column;gap:28px;flex:1;min-width:0}.ux-access-types span{display:block;font-size:14px;line-height:1.4;padding:12px 0;border-bottom:1px solid #b5a8dc4d;color:#dfd4f2}.ux-access-types span+span{border-color:#8abed74d;color:#bce1e9}
body[data-ux-review] .ux-integration-panel .ux-compat-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body[data-ux-review] .ux-integration-panel .ux-compat-groups>div{display:block;border:0;padding:0;background:none}
body[data-ux-review] .ux-integration-panel .ux-compat-groups>div:before,body[data-ux-review] .ux-integration-panel .ux-compat-groups>div+div:before{content:none}
body[data-ux-review] .ux-integration-panel h3{font-size:17px;line-height:1.3;margin:0 0 11px;color:#e2d8ef}
body[data-ux-review] .ux-integration-description{font-size:14px;line-height:1.65;color:#bab6c9}
body[data-ux-review] .ux-integration-panel .ux-integration-help{margin-top:24px;min-height:48px;font-size:14px}
body[data-ux-review] .ux-integration-panel>.ux-note{font-size:13px;line-height:1.6;margin-top:14px;color:#b8b1c5}
/* Comparison is reserved for plans; no repeated feature table above. */
body[data-ux-review] .ux-plan-section{padding-top:50px}
body[data-ux-review] .ux-plan-section>h2{font-size:clamp(33px,4.2vw,54px);max-width:none}
body[data-ux-review] .ux-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:44px}
body[data-ux-review] .ux-plan{display:flex;flex-direction:column;gap:0;padding:24px 0 0;border:0;border-top:1px solid #abafcf40;border-radius:0;background:none;box-shadow:none;min-width:0;align-items:stretch}
body[data-ux-review] .ux-plan:before{content:none}
body[data-ux-review] .ux-plan>.eyebrow{font-size:12px;letter-spacing:.05em;min-height:36px;margin:0;color:#b4a4cb}
body[data-ux-review] .ux-plan>h3{margin:3px 0 25px;font-size:38px;line-height:1.1}
body[data-ux-review] .ux-plan .ux-plan-title{font-size:inherit;font-weight:500;letter-spacing:-.045em;min-height:44px;line-height:1.2}
body[data-ux-review] .ux-plan .ux-plan-title>span{font-size:14px;letter-spacing:0;margin-top:9px;color:#a9bed5}
body[data-ux-review] .ux-plan>.ux-plan-price{font-size:16px;line-height:1.5;text-align:left;margin:0;color:#cec4de}
body[data-ux-review] .ux-plan>p:not(.eyebrow):not(.ux-plan-price){font-size:14px;line-height:1.6;max-width:none;margin:9px 0 24px;min-height:45px;color:#b5aec3}
body[data-ux-review] .ux-plan>ul{display:flex;flex-direction:column;font-size:15px;gap:13px;line-height:1.5;padding:0;margin:0 0 28px;flex:1;color:#d0c9df}
body[data-ux-review] .ux-plan>.button{align-self:start;justify-self:auto;width:100%;min-height:48px;font-size:14px;line-height:1.4;margin-top:auto;padding:13px 18px;box-shadow:none;background:transparent;border:1px solid #9ba9c754;border-radius:8px}
body[data-ux-review] .ux-plan-pro>.button{background:linear-gradient(110deg,#44216f,#153c55);border-color:#ac9bd773;color:#fff}
body[data-ux-review] .ux-trial-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;padding:95px 0 65px;margin:35px 0 0;border:0}
body[data-ux-review] .ux-trial-summary:before{inset:0;background:radial-gradient(ellipse at 28% 58%,#4630654a,transparent 66%)}
body[data-ux-review] .ux-trial-summary h3{font-size:clamp(29px,3.2vw,43px);line-height:1.18;max-width:660px;margin-bottom:24px}
.ux-trial-days{display:block;font-size:clamp(65px,8vw,110px);line-height:1.02;margin-top:12px;color:#d6c5ed;letter-spacing:-.065em}
body[data-ux-review] .ux-trial-summary p{font-size:16px;line-height:1.6;max-width:62ch}
body[data-ux-review] .ux-trial-summary p.ux-note{font-size:13px;line-height:1.6}
body[data-ux-review] .ux-faq{padding-top:30px;padding-bottom:25px}
body[data-ux-review] .ux-faq h2{font-size:32px;margin-bottom:22px}
body[data-ux-review] .ux-faq details{padding:0;min-height:0;margin:0}
body[data-ux-review] .ux-faq summary{min-height:62px;padding:18px 28px 18px 0;font-size:17px;line-height:1.45}
body[data-ux-review] .ux-faq details>p{padding:0 0 20px;font-size:16px;line-height:1.65;max-width:82ch}
body[data-ux-review] .ux-second-act .button-secondary{box-shadow:none;background:transparent;border-color:#a0afc257}
body[data-ux-review] .ux-second-act button:focus-visible,body[data-ux-review] .ux-second-act a:focus-visible{outline:3px solid #a8e5f5;outline-offset:5px}
@media(hover:hover){body[data-ux-review] .ux-second-act .button:hover{transform:translateY(-2px);border-color:#c4dce6;box-shadow:0 6px 25px #7871b122}body[data-ux-review] .ux-plan:hover{background:none;transform:none;box-shadow:none}}
@keyframes ux-volume-drift{from{transform:translate3d(-2%,-1%,0) rotate(-24deg) scale(.94);opacity:.52}to{transform:translate3d(5%,2%,0) rotate(-15deg) scale(1.06);opacity:.8}}
@keyframes ux-flow-trace{from{transform:translateX(-130px);opacity:0}25%{opacity:1}to{transform:translateX(0);opacity:0}}
@keyframes ux-wave{from{transform:scaleY(.8);opacity:.6}to{transform:scaleY(1.07);opacity:1}}
@keyframes ux-scan{from{transform:translateY(-50px);opacity:.1}to{transform:translateY(58px);opacity:.8}}
@media(max-width:1000px){body[data-ux-review] .ux-step{gap:26px;min-height:370px}body[data-ux-review] .ux-compatibility{gap:38px}body[data-ux-review] .ux-plan-grid{gap:24px}.ux-flow-visual{height:300px}.ux-review-lens{padding:22px 16px}.ux-review-lens span{font-size:14px;gap:8px}.ux-context-result{padding:19px 15px}}
@media(max-width:760px){
body[data-ux-review] .world{height:calc(var(--ux-opening-height,1500px) + 350px);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 450px),transparent 100%)}
body[data-ux-review] .ux-second-act{padding-top:15px;background:linear-gradient(180deg,transparent,#080910bb 240px,#080a10ed 520px,#060b12)}
body[data-ux-review] .ux-operation{padding-top:44px}body[data-ux-review] .ux-operation>h2{font-size:34px}
body[data-ux-review] .ux-steps{gap:12px;margin-top:24px}body[data-ux-review] .ux-step,body[data-ux-review] .ux-scene-2{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:27px 0 16px;min-height:0}
body[data-ux-review] .ux-step-number{margin-bottom:12px;font-size:13px}body[data-ux-review] .ux-step h3{font-size:30px;max-width:100%;margin-bottom:14px}body[data-ux-review] .ux-scene-copy>p{font-size:16px;line-height:1.6;max-width:none}
body[data-ux-review] .ux-step .ux-module{flex-direction:row;align-items:center;gap:16px;margin-top:6px}body[data-ux-review] .ux-step .ux-module img{width:126px;height:63px}body[data-ux-review] .ux-step .ux-module span{font-size:12px;max-width:160px}
.ux-flow-visual{height:260px;width:100%;max-width:500px;margin:0 auto;perspective:none}.ux-flow-visual:before{inset:-10% 0}.ux-observe-core{padding:23px 18px;width:64%;transform:none}.ux-observe-wave{height:70px;gap:5px}.ux-observe-core>span:first-child{font-size:22px}.ux-observe-reading{bottom:15px;padding:16px 13px}.ux-context-stack{height:185px}.ux-context-stack>span{font-size:12px;bottom:-10px}.ux-context-result{padding:17px 13px}.ux-context-result>span{font-size:12px}.ux-context-result>div{padding:13px 0}.ux-delivery-sheet{height:205px;padding:29px 19px}.ux-review-lens{padding:19px 13px;width:64%}.ux-review-lens span{font-size:13px;padding:12px 0;gap:9px}
body[data-ux-review] .ux-compatibility{display:block;padding-top:55px;padding-bottom:45px}body[data-ux-review] .ux-integration-intro h2{font-size:34px}body[data-ux-review] .ux-integration-intro .ux-section-intro{font-size:16px}body[data-ux-review] .ux-integration-panel{margin-top:14px}.ux-access-visual{min-height:165px;margin:0 0 19px}.ux-access-origin{font-size:27px;padding:25px 15px}.ux-access-types span{font-size:13px}body[data-ux-review] .ux-integration-panel .ux-compat-groups{gap:20px}body[data-ux-review] .ux-integration-panel h3{font-size:16px}body[data-ux-review] .ux-integration-description{font-size:14px}
body[data-ux-review] .ux-plan-section{padding-top:25px}body[data-ux-review] .ux-plan-section>h2{font-size:34px}body[data-ux-review] .ux-plan-grid{display:block;margin-top:27px}body[data-ux-review] .ux-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.55fr);gap:12px 20px;padding:25px 0;margin-bottom:8px}body[data-ux-review] .ux-plan>.eyebrow{grid-column:1/-1;grid-row:1;min-height:0}body[data-ux-review] .ux-plan>h3{grid-column:1;grid-row:2;margin:0;font-size:32px}body[data-ux-review] .ux-plan>.ux-plan-price{grid-column:2;grid-row:2;text-align:right;align-self:center;font-size:14px}body[data-ux-review] .ux-plan>p:not(.eyebrow):not(.ux-plan-price){grid-column:1/-1;grid-row:3;margin:8px 0;min-height:0;font-size:14px}body[data-ux-review] .ux-plan>ul{grid-column:1/-1;grid-row:4;margin:0 0 9px;font-size:15px;gap:9px}body[data-ux-review] .ux-plan>.button{grid-column:1/-1;grid-row:5;width:auto;min-width:180px;margin:0}
body[data-ux-review] .ux-trial-summary{display:block;padding:46px 0 33px;margin:10px 0 0}body[data-ux-review] .ux-trial-summary h3{font-size:29px;margin-bottom:20px}.ux-trial-days{font-size:78px;margin-top:12px}body[data-ux-review] .ux-trial-summary>.button{margin-top:24px;max-width:100%;min-width:210px}body[data-ux-review] .ux-faq{padding-top:28px}body[data-ux-review] .ux-faq h2{font-size:30px}body[data-ux-review] .ux-faq summary{font-size:16px;min-height:58px;padding:16px 27px 16px 0}
}
@media(max-width:380px){body[data-ux-review] .ux-integration-panel .ux-compat-groups{grid-template-columns:1fr;gap:22px}.ux-flow-visual{height:238px}.ux-review-lens span{font-size:12px}.ux-observe-wave{gap:4px}}
@media(prefers-reduced-motion:reduce){.ux-flow-atmosphere *,.ux-flow-visual *,.ux-flow-visual *:after{animation:none!important;transition:none!important}.ux-observe-core,.ux-observe-reading,.ux-context-stack,.ux-context-result,.ux-delivery-sheet,.ux-review-lens{transform:none}}
/* Method keeps the audited wording, presented as a sequence rather than rows. */
#ux-dialog:has(.ux-method-steps){width:min(920px,calc(100% - 32px));max-width:920px}
#ux-dialog .ux-method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#ux-dialog .ux-method-steps>li{display:block;border:0;border-top:2px solid #9a70c6;padding:19px 0 0;position:relative}
#ux-dialog .ux-method-steps>li:nth-child(n+3){border-top-color:#69adc5}
#ux-dialog .ux-method-steps h3{font-size:17px;line-height:1.4;margin:0 0 15px;min-height:48px}
#ux-dialog .ux-method-steps p{font-size:14px;line-height:1.65}
@media(max-width:760px){#ux-dialog .ux-method-steps{grid-template-columns:1fr 1fr;gap:25px 20px}#ux-dialog .ux-method-steps h3{font-size:16px;min-height:0}}
@media(max-width:430px){#ux-dialog .ux-method-steps{grid-template-columns:1fr}#ux-dialog .ux-method-steps h3{margin-bottom:10px}#ux-dialog .ux-method-steps p{font-size:15px}}
/* Balance the corporate mark and the promise within one centered composition. */
@media(min-width:761px){body[data-ux-review] .hero.wrap{max-width:960px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;padding-top:32px;padding-bottom:32px}body[data-ux-review] .hero-art{max-width:310px;margin:0 auto}body[data-ux-review] .hero-art-viewport{align-self:center}body[data-ux-review] .hero-copy>p:not(.hero-evidence-note){max-width:550px}}
body[data-ux-review] .ux-hero-lockup>img{aspect-ratio:auto;object-fit:contain;max-height:330px;width:100%;height:auto}
@media(max-width:760px){body[data-ux-review] .ux-hero-lockup>img{max-height:135px}}
.ux-scene-enhanced .ux-flow-visual{opacity:.68;transform:translateY(20px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ux-scene-enhanced [data-scene][data-seen="true"] .ux-flow-visual{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ux-scene-enhanced .ux-flow-visual{opacity:1;transform:none;transition:none}}

/* Owner-requested opening: the promise owns the whole field, without side art. */
body[data-ux-review] .hero.wrap{display:block;max-width:1100px;min-height:0;padding:46px 0 36px;text-align:center}
body[data-ux-review] .hero-copy{display:block;width:100%;padding:0;max-width:none;margin:0 auto}
body[data-ux-review] .hero h1{max-width:none;width:100%;margin:0 auto;font-size:clamp(48px,7.3vw,96px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
body[data-ux-review] .hero h1 strong{display:inline;font-weight:650}
body[data-ux-review] .hero h1 span{display:inline;font-weight:400}
body[data-ux-review] .hero-copy>p:not(.hero-evidence-note){max-width:720px;margin:24px auto 0;font-size:20px;line-height:1.5}
body[data-ux-review] .hero-actions{justify-content:center;margin-top:26px}
body[data-ux-review] .hero-copy>.hero-evidence-note{max-width:none;margin:20px auto 0}
body[data-ux-review] .hero-copy>.ux-hero-method{display:inline-flex;margin-top:13px;justify-self:center}
body[data-ux-review] .capacity-copy{max-width:900px;margin:0 auto;text-align:center}
body[data-ux-review] .capacity #capacity-title{font-size:clamp(27px,3vw,38px);line-height:1.18;margin:0;font-weight:500;letter-spacing:-.035em}
body[data-ux-review] .capacity-copy>.ux-section-intro{font-size:16px;line-height:1.55;max-width:760px;margin:14px auto 0}
body[data-ux-review] .capacity{padding-top:18px}
body[data-ux-review] .capacity .merge-demo{margin-top:25px}
@media(max-width:760px){body[data-ux-review] .hero.wrap{padding-top:32px;padding-bottom:29px}body[data-ux-review] .hero h1{font-size:clamp(42px,10vw,70px);line-height:1.08}body[data-ux-review] .hero-copy>p:not(.hero-evidence-note){font-size:17px;margin-top:19px;max-width:34ch}body[data-ux-review] .hero-actions{margin-top:23px;gap:12px}body[data-ux-review] .hero-copy>.hero-evidence-note{font-size:12px;line-height:1.6;max-width:39ch}body[data-ux-review] .capacity #capacity-title{font-size:27px}body[data-ux-review] .capacity-copy>.ux-section-intro{font-size:15px;line-height:1.6}body[data-ux-review] .capacity .merge-demo{margin-top:21px}}
/* A restrained emphasis on the saving figure; no size/position animation. */
body[data-ux-review] .hero h1 .ux-saving{font:inherit;color:#f3ebff;text-shadow:0 0 13px #a16ad333;animation:ux-saving-breathe 6s ease-in-out infinite;animation-play-state:paused}
body.ux-hero-motion-running .hero h1 .ux-saving{animation-play-state:running}
body[data-ux-review] .hero-actions .button.ux-cta-modern{min-height:62px;min-width:266px;padding:17px 30px;font-size:17px;font-weight:700;border-radius:12px;background:linear-gradient(115deg,#8137c4 0%,#4847b3 50%,#147995 100%) padding-box,linear-gradient(110deg,#e0c4ff,#b9c5ff 55%,#a1ebf1) border-box;box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #6b34b540,0 2px 8px #0008;animation:ux-cta-breathe 6s ease-in-out infinite;animation-play-state:paused}
body.ux-hero-motion-running .hero-actions .button.ux-cta-modern{animation-play-state:running}
body[data-ux-review] .capacity.wrap{width:min(1120px,calc(100% - 48px));max-width:1120px}
body[data-ux-review] .capacity-copy{margin:0 auto;text-align:center}
body[data-ux-review] .capacity #capacity-title.ux-demo-kicker{font-size:14px;line-height:1.5;font-weight:450;letter-spacing:.06em;color:#d1c7e2;margin:0;text-transform:none}
body[data-ux-review] .capacity .merge-demo{margin-top:14px;position:relative;width:100%;max-width:100%}
body[data-ux-review] .capacity .merge-demo .merge-demo__toolbar{position:absolute;right:8px;top:7px;padding:0;margin:0;height:44px;z-index:6;gap:0}
body[data-ux-review] .capacity .merge-demo__control{position:relative;isolation:isolate;min-height:44px;min-width:82px;padding:0 11px;gap:7px;font-size:12px;background:transparent;border:0;border-radius:8px;box-shadow:none;backdrop-filter:none}
body[data-ux-review] .capacity .merge-demo__control:before{content:"";position:absolute;inset:8px 0;border:1px solid #a3afc566;border-radius:20px;background:#080e1bf0;z-index:-1;pointer-events:none}
body[data-ux-review] .motion-toggle{min-height:44px;padding:0 12px;font-size:11px;background:transparent;border:0;border-radius:8px;box-shadow:none;backdrop-filter:none;isolation:isolate}
body[data-ux-review] .motion-toggle:before{content:"";position:absolute;inset:8px 0;border:1px solid #a3afc566;border-radius:20px;background:#080e1bee;z-index:-1;pointer-events:none}
body[data-ux-review] .motion-toggle:focus-visible,body[data-ux-review] .capacity .merge-demo__control:focus-visible{outline:2px solid #acebf6;outline-offset:3px}
body[data-ux-review] .ux-steps{margin-top:12px}
body[data-ux-review] .ux-step:first-child{padding-top:18px;min-height:0;align-items:start}
@keyframes ux-saving-breathe{0%,100%{text-shadow:0 0 10px #af80e62b,0 0 1px #e9ddff;color:#f3ebff}50%{text-shadow:0 0 22px #b889ee70,0 0 3px #eddcff;color:#fff}}
@keyframes ux-cta-breathe{0%,100%{box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #6b34b540,0 2px 8px #0008}50%{box-shadow:inset 0 1px 0 #ffffff66,0 8px 29px #794bc764,0 2px 9px #0008}}
@media(max-width:760px){body[data-ux-review] .hero-actions .button.ux-cta-modern{min-height:58px;min-width:236px;padding:15px 25px;font-size:16px}body[data-ux-review] .capacity.wrap{width:calc(100% - 28px)}body[data-ux-review] .capacity #capacity-title.ux-demo-kicker{font-size:13px}body[data-ux-review] .capacity .merge-demo__toolbar{right:5px;top:4px}body[data-ux-review] .capacity .merge-demo__control{min-width:44px;width:44px;padding:0}body[data-ux-review] .capacity .merge-demo__control:before{inset:8px;border-radius:50%}body[data-ux-review] .ux-steps{margin-top:12px}body[data-ux-review] .ux-step:first-child{padding-top:12px}}
@media(prefers-reduced-motion:reduce){body[data-ux-review] .hero h1 .ux-saving,body[data-ux-review] .hero-actions .button.ux-cta-modern{animation:none!important}}

/* Owner-approved literal message, with two intentional balanced lines. */
body[data-ux-review] .hero h1>strong{display:block}
body[data-ux-review] .hero h1 .ux-hero-cost{font:inherit}
body[data-ux-review] .hero h1 .ux-hero-context{display:block;font-size:clamp(32px,4.7vw,58px);line-height:1.14;font-weight:400;letter-spacing:-.04em;margin:9px auto 0;max-width:none;text-wrap:balance}
/* The previous132px pause reservation is obsolete: pause is inside the frame. */
body[data-ux-review] .capacity>.capacity-copy{display:block;width:100%;max-width:none;padding:0;margin:0}
body[data-ux-review] .capacity #capacity-title.ux-demo-kicker{width:100%;max-width:none;padding:0;margin:0;text-align:center}
body[data-ux-review] .ux-step-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 20px;min-width:0}
body[data-ux-review] .ux-step-heading>.ux-step-number{flex:none;align-self:baseline;margin:0;padding:0;font-size:14px;line-height:1;letter-spacing:.05em}
body[data-ux-review] .ux-step-heading>h3{flex:1;min-width:0;margin:0}
@media(max-width:760px){body[data-ux-review] .hero h1 .ux-hero-context{font-size:clamp(27px,6.8vw,42px);line-height:1.18;margin-top:10px;max-width:100%}body[data-ux-review] .ux-step-heading{gap:9px;margin-bottom:14px}body[data-ux-review] .ux-step-heading>.ux-step-number{font-size:12px}}

/* Move only the already-approved Shadow/Margin assets into their own scenes. */
.ux-inline-product-logo{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:none;clip-path:none;mask:none}
body[data-ux-review] .ux-observer-heading{align-items:center}
.ux-observer-heading .ux-inline-product-logo{width:120px;flex:none}
body[data-ux-review] .ux-shadow-observer{top:140px}
.ux-shadow-observer .ux-usage-map{margin-top:10px;gap:9px}
.ux-margin-gate .ux-inline-product-logo{width:min(130px,100%);height:auto;margin:0 auto}
@media(min-width:761px){body[data-ux-review] .ux-margin-gate{top:64px;min-height:150px;padding:3px 4px}}
@media(max-width:760px){.ux-observer-heading .ux-inline-product-logo{width:106px}body[data-ux-review] .ux-shadow-observer{top:124px}body[data-ux-review] .ux-margin-gate{padding:3px 4px}}

body[data-ux-review] .hero-copy>.hero-evidence-note{font-size:12px;line-height:1.55;letter-spacing:0;color:#c7c3d2;max-width:680px;text-wrap:balance;margin-top:17px}

/* V18: localized hierarchy, clearer material edges, and higher scene framing. */
body[data-ux-review] .hero h1{font-size:clamp(50px,7.9vw,104px)}
body[data-ux-review] .hero h1 .ux-hero-context{font-size:clamp(31px,4.4vw,55px);margin-top:11px}
body[data-ux-review] .hero-actions .button.ux-cta-modern{border:1px solid transparent;background:linear-gradient(112deg,#913cda 0%,#504cc3 52%,#137e9b 100%) padding-box,linear-gradient(110deg,#f0d9ff,#ccd5ff 55%,#b8f5fa) border-box;text-shadow:0 1px 2px #24113b88}
@keyframes ux-cta-breathe{0%,100%{box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #40256e66,0 9px 26px #8747ce66,0 0 0 1px #c9abf226,0 2px 8px #0008}50%{box-shadow:inset 0 1px 0 #ffffff99,inset 0 -1px 0 #40256e66,0 10px 32px #9453df80,0 0 0 1px #d4bef23b,0 2px 9px #0008}}
@media(min-width:761px){body[data-ux-review] .ux-step>.ux-scene-art{align-self:start;position:relative;top:-24px}body[data-ux-review] .ux-step{padding-top:34px}body[data-ux-review] .ux-step:first-child{padding-top:18px}}
body[data-ux-review] .ux-shadow-observer{background:linear-gradient(130deg,#0c1425f7,#0a1625fa 60%,#0f2636f5)}
body[data-ux-review] .ux-observer-heading .ux-inline-product-logo{width:154px;opacity:1;filter:none;mix-blend-mode:normal}
@media(max-width:760px){body[data-ux-review] .hero h1{font-size:clamp(44px,10.7vw,75px)}body[data-ux-review] .hero h1 .ux-hero-context{font-size:clamp(26px,6.5vw,40px)}body[data-ux-review] .ux-step>.ux-scene-art{margin-top:-4px}body[data-ux-review] .ux-observer-heading .ux-inline-product-logo{width:130px}}

/* V19: one shared pulse for the complete first line; the context stays static. */
body[data-ux-review] .hero h1>strong{color:#f3ebff;text-shadow:0 0 13px #a16ad333;animation:ux-saving-breathe 6s ease-in-out infinite;animation-play-state:paused}
body[data-ux-review] .hero h1>strong .ux-saving,body[data-ux-review] .hero h1>strong .ux-hero-cost{color:inherit;text-shadow:inherit;animation:none}
body.ux-hero-motion-running .hero h1>strong{animation-play-state:running}
@media(prefers-reduced-motion:reduce){body[data-ux-review] .hero h1>strong{animation:none!important}}

/* The first scene shares the actual title row; later scenes keep their grids. */
body[data-ux-review] .ux-operation>.eyebrow{width:100%;max-width:none;text-align:center;margin-bottom:25px}
body[data-ux-review] .ux-scene-1>#operation-title{font-size:clamp(32px,3.8vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0;max-width:none}
@media(min-width:761px){body[data-ux-review] .ux-scene-1{grid-template-rows:auto auto;row-gap:26px;align-items:start}body[data-ux-review] .ux-scene-1>#operation-title{grid-column:1;grid-row:1}body[data-ux-review] .ux-scene-1>.ux-scene-copy{grid-column:1;grid-row:2}body[data-ux-review] .ux-scene-1>.ux-scene-art{grid-column:2;grid-row:1 / span 2;top:0;align-self:start}}
@media(max-width:760px){body[data-ux-review] .ux-scene-1>#operation-title{font-size:34px;margin-bottom:18px}body[data-ux-review] .ux-operation>.eyebrow{margin-bottom:15px}}