/* V6: open editorial composition. Brand atmosphere and original demo are untouched.
   Structure is carried by typography, numbered progressions and fine separators. */
body[data-ux-review]{--ux-rule:#adbbcf35;--ux-ink:#f2f1f8;--ux-copy:#d0ccdd;--ux-violet:#c7a5f2;--ux-cyan:#8cdbed}
/* Complete official bitmap; remove the old magnified crop path from the hero. */
body[data-ux-review] .hero.wrap{max-width:1060px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:center;padding-top:38px;padding-bottom:38px}
body[data-ux-review] .hero-copy{width:100%;min-width:0}
body[data-ux-review] .hero h1{max-width:none}
body[data-ux-review] .hero-art-viewport{display:block;position:static;min-width:0;width:100%;height:auto;margin:0;padding:0;overflow:visible;align-self:center}
body[data-ux-review] .hero-art{position:relative;inset:auto;width:100%;max-width:350px;height:auto;margin:0 auto;aspect-ratio:auto;display:block;opacity:1;z-index:auto}
body[data-ux-review] .hero-art .symbol-camera{display:block;position:relative;width:100%;max-width:none;height:auto;margin:0;aspect-ratio:auto}
body[data-ux-review] .ux-hero-lockup{display:block;width:100%;height:auto;overflow:visible}
body[data-ux-review] .ux-hero-lockup>img{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;clip-path:none;mask:none;-webkit-mask:none;transform:none;filter:none}
body[data-ux-review] .hero-art .material-light{inset:0;opacity:.16}
body[data-ux-review] .hero-art .contact-light{display:none}
/* A continuous three-stage reading path rather than three equal boxes. */
body[data-ux-review] .ux-operation:before{inset:42px -6% -24px;border:0;border-radius:0;background:radial-gradient(ellipse at 48% 48%,#020508db 0%,#020508aa 52%,#02050800 76%);box-shadow:none}
body[data-ux-review] .ux-operation>h2,body[data-ux-review] .ux-plan-section>h2{font-size:clamp(30px,3.1vw,42px);max-width:740px;line-height:1.15;font-weight:500}
body[data-ux-review] .ux-steps{position:relative;display:flex;flex-direction:column;gap:0;margin-top:32px}
body[data-ux-review] .ux-step{display:grid;grid-template-columns:56px minmax(0,1.35fr) minmax(130px,.72fr) minmax(110px,.5fr);grid-template-rows:auto auto;column-gap:26px;row-gap:8px;align-items:center;min-width:0;padding:26px 0;border:0;border-top:1px solid var(--ux-rule);background:none;border-radius:0;box-shadow:none}
body[data-ux-review] .ux-step:last-child{border-bottom:1px solid var(--ux-rule)}
body[data-ux-review] .ux-step-number{grid-column:1;grid-row:1/3;align-self:start;font-size:43px;line-height:1;font-weight:300;letter-spacing:-.065em;color:var(--ux-violet);margin:0;padding-top:3px}
body[data-ux-review] .ux-step:nth-child(2) .ux-step-number{color:#a5b7ed}
body[data-ux-review] .ux-step:nth-child(3) .ux-step-number{color:var(--ux-cyan)}
body[data-ux-review] .ux-step h3{grid-column:2;grid-row:1;margin:0;font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.03em;color:var(--ux-ink)}
body[data-ux-review] .ux-step>p{grid-column:2;grid-row:2;max-width:47ch;font-size:16px;line-height:1.65;color:var(--ux-copy);margin:0}
body[data-ux-review] .ux-module{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;min-height:0}
body[data-ux-review] .ux-module img{width:142px;height:71px;object-fit:contain;object-position:left center;max-width:100%;clip-path:none;mask:none;-webkit-mask:none}
body[data-ux-review] .ux-module span{font-size:12px;line-height:1.5;color:#c7bdd7}
body[data-ux-review] .ux-mini-chart,body[data-ux-review] .ux-mini-compare,body[data-ux-review] .ux-mini-check{grid-column:4;grid-row:1/3;display:flex;max-width:170px;min-width:0;height:76px;border:0;padding:8px 0;margin:0;background:none;box-shadow:none;border-radius:0}
body[data-ux-review] .ux-mini-chart{gap:8px}
body[data-ux-review] .ux-mini-check{font-size:11px;justify-content:center}
body[data-ux-review] .ux-mini-compare{justify-content:center}
body[data-ux-review] .ux-details{margin-top:12px;border-top:0;border-bottom:1px solid #aab5cc24}
/* Integration is an open two-lane explanation, not a framed panel. */
body[data-ux-review] .ux-compatibility{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1.45fr);gap:48px}
body[data-ux-review] .ux-compatibility:before{content:"";position:absolute;inset:35px -6% -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 64% 54%,#020508ce,#02050866 52%,transparent 77%)}
body[data-ux-review] .ux-integration-intro h2{font-size:clamp(29px,3vw,40px);line-height:1.17;letter-spacing:-.04em;max-width:450px}
body[data-ux-review] .ux-integration-intro .ux-section-intro{font-size:16px;line-height:1.65;max-width:36ch}
body[data-ux-review] .ux-integration-panel{padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
body[data-ux-review] .ux-integration-panel .ux-compat-groups{gap:0}
body[data-ux-review] .ux-integration-panel .ux-compat-groups>div{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px 14px;border:0;border-top:1px solid var(--ux-rule);padding:22px 0 25px;background:none}
body[data-ux-review] .ux-integration-panel .ux-compat-groups>div:before{content:"01";grid-column:1;grid-row:1/3;font-size:13px;color:var(--ux-violet);padding-top:4px;letter-spacing:.05em}
body[data-ux-review] .ux-integration-panel .ux-compat-groups>div+div:before{content:"02";color:var(--ux-cyan)}
body[data-ux-review] .ux-integration-panel h3{grid-column:2;grid-row:1;font-size:22px;font-weight:500;line-height:1.35;margin:0;color:#ede9f4}
body[data-ux-review] .ux-integration-description{grid-column:2;grid-row:2;margin:0;font-size:16px;line-height:1.65;color:var(--ux-copy)}
body[data-ux-review] .ux-integration-panel .ux-integration-help{margin-top:6px;border-radius:7px;background:transparent;border-color:#b1bbcc55;box-shadow:none}
body[data-ux-review] .ux-integration-panel>.ux-note{border:0;margin-top:14px;padding:0;max-width:50ch;font-size:12px}
/* Plans become comparison lines. Existing full-detail dialogs and actions remain. */
body[data-ux-review] .ux-plan-grid{display:flex;flex-direction:column;gap:0;margin-top:29px}
body[data-ux-review] .ux-plan{position:relative;display:grid;grid-template-columns:minmax(150px,.9fr) minmax(175px,1.05fr) minmax(220px,1.5fr) minmax(160px,.9fr);grid-template-rows:auto auto;gap:8px 26px;align-items:start;margin:0;padding:28px 0;border:0;border-top:1px solid var(--ux-rule);border-radius:0;background:none;box-shadow:none;min-width:0}
body[data-ux-review] .ux-plan:last-child{border-bottom:1px solid var(--ux-rule)}
body[data-ux-review] .ux-plan-pro{background:none;border-color:#b9b9d145}
body[data-ux-review] .ux-plan-pro:before{content:"";position:absolute;top:-1px;left:0;width:29%;height:1px;background:linear-gradient(90deg,#bc83edaa,#60c3e89a,transparent)}
body[data-ux-review] .ux-plan>.eyebrow{grid-column:1;grid-row:1;font-size:10px;letter-spacing:.055em;margin:0;color:#c9b8e2}
body[data-ux-review] .ux-plan>h3{grid-column:1;grid-row:2;font-size:30px;line-height:1.15;margin:0}
body[data-ux-review] .ux-plan-title{display:block;min-height:54px;line-height:1.2;letter-spacing:-.04em}
body[data-ux-review] .ux-plan-title>span{display:block;font-size:12px;line-height:1.4;margin-top:9px;color:#b8bdd3;letter-spacing:0}
body[data-ux-review] .ux-plan-pro .ux-plan-title{color:#c7d6f5}
body[data-ux-review] .ux-plan>.ux-plan-price{grid-column:2;grid-row:1;font-size:19px;line-height:1.3;margin:0;color:#ece8f5}
body[data-ux-review] .ux-plan>p:not(.eyebrow):not(.ux-plan-price){grid-column:2;grid-row:2;font-size:13px;line-height:1.7;max-width:27ch;margin:0;color:#c7bfd4}
body[data-ux-review] .ux-plan>ul{grid-column:3;grid-row:1/3;display:flex;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.65;color:#d4cde2}
body[data-ux-review] .ux-plan>ul>li{padding-left:16px}
body[data-ux-review] .ux-plan>.button{grid-column:4;grid-row:1/3;align-self:center;justify-self:end;min-height:46px;margin:0;padding:11px 15px;border-radius:8px;width:100%;font-size:13px;line-height:1.4;white-space:normal}
body[data-ux-review] .ux-plan:hover .ux-plan-title>span{color:#e0caff}
/* Trial is a typographic callout across the reading field, not another card. */
body[data-ux-review] .ux-trial-summary{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:38px;padding:37px 0 28px;margin:29px 0 8px;border:0;border-top:1px solid #a7b6d33d;border-radius:0;background:none;box-shadow:none}
body[data-ux-review] .ux-trial-summary:before{content:"";position:absolute;inset:0 -5% -14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 45%,#30134c4f,transparent 69%)}
body[data-ux-review] .ux-trial-summary h3{font-size:clamp(27px,2.8vw,38px);line-height:1.2;letter-spacing:-.04em;font-weight:500;max-width:660px;margin:0 0 17px;color:#f4eefb}
body[data-ux-review] .ux-trial-summary p{max-width:68ch;font-size:15px;line-height:1.65;color:#d5cee1}
body[data-ux-review] .ux-trial-summary p.ux-note{font-size:12px;line-height:1.7;max-width:75ch;margin-top:13px}
body[data-ux-review] .ux-trial-summary>.button{min-width:210px;max-width:280px;margin:0;align-self:center}
/* Public method steps gain a visual progression without adding facts or copy. */
#ux-dialog:has(.ux-method-steps){width:min(760px,calc(100% - 32px));max-width:760px;border-radius:12px}
#ux-dialog-body .ux-method-intro{font-size:17px;line-height:1.7;color:#d6cede;margin:0 0 23px;white-space:normal}
.ux-method-steps{padding:0;margin:0;list-style:none;white-space:normal}
.ux-method-steps>li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;border-top:1px solid #b5bbd333;padding:20px 0}
#ux-dialog .ux-method-steps h3{font-size:18px;line-height:1.4;font-weight:500;color:#d0b5f1;margin:0;letter-spacing:-.015em}
#ux-dialog .ux-method-steps p{font-size:15px;line-height:1.7;color:#d1c8df;margin:0}
#ux-dialog .ux-method-steps>li:nth-child(n+3) h3{color:#a1dcec}
/* Remove the inherited 10px-per-side link padding that kept the footer tall. */
body[data-ux-review] .ux-final{padding-top:44px;padding-bottom:28px}
body[data-ux-review] .ux-footer{height:auto;min-height:0;padding:7px 0 25px;margin:0 auto;background:none;border:0}
body[data-ux-review] .ux-footer .ef-main{display:grid;grid-template-columns:180px minmax(0,1fr);grid-auto-rows:auto;column-gap:32px;row-gap:4px;align-items:start;padding:17px 0 0;margin:0;border-top:1px solid #aeb9cc33;min-height:0}
body[data-ux-review] .ux-footer .ef-identity{grid-column:1;grid-row:1/4;display:block;min-width:0}
body[data-ux-review] .ux-footer .brand{width:max-content;max-width:100%;margin:0;gap:6px;min-height:0}
body[data-ux-review] .ux-footer .ef-identity>p{font-size:11px;line-height:1.5;margin:10px 0 0;max-width:172px}
body[data-ux-review] .ux-footer nav{grid-column:2;display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;min-width:0;margin:0;padding:0}
body[data-ux-review] .ux-footer nav h2{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.03em;color:#aa9ebc;margin:5px 0 0;padding:0}
body[data-ux-review] .ux-footer nav ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;gap:2px 18px;margin:0;padding:0;list-style:none}
body[data-ux-review] .ux-footer nav a{padding:3px 0;min-height:28px;height:auto;font-size:12px;line-height:1.5;display:inline-flex;align-items:center;color:#d3c7e0}
@media(max-width:1000px){
 body[data-ux-review] .hero.wrap{gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 body[data-ux-review] .hero-art{max-width:300px}
 body[data-ux-review] .ux-step{grid-template-columns:44px minmax(0,1.45fr) minmax(120px,.8fr);gap:8px 21px}
 body[data-ux-review] .ux-mini-chart,body[data-ux-review] .ux-mini-compare,body[data-ux-review] .ux-mini-check{display:none}
 body[data-ux-review] .ux-plan{grid-template-columns:minmax(130px,.8fr) minmax(160px,1fr) minmax(200px,1.3fr);gap:10px 21px}
 body[data-ux-review] .ux-plan>ul{grid-column:3;grid-row:1/3}
 body[data-ux-review] .ux-plan>.button{grid-column:2/4;grid-row:3;justify-self:start;width:auto;margin-top:8px;min-width:170px}
 body[data-ux-review] .ux-compatibility{gap:30px}
 body[data-ux-review] .ux-trial-summary{column-gap:24px}
}
@media(max-width:760px){
 body[data-ux-review] .hero.wrap{display:grid;grid-template-columns:minmax(0,1fr) 110px;column-gap:12px;row-gap:0;padding-top:27px;padding-bottom:28px}
 body[data-ux-review] .hero-copy{display:contents}
 body[data-ux-review] .hero-copy>*{grid-column:1/-1;min-width:0}
 body[data-ux-review] .hero h1{grid-column:1;grid-row:1;font-size:38px;line-height:1.08;max-width:none}
 body[data-ux-review] .hero-art-viewport{grid-column:2;grid-row:1;align-self:center;width:110px;margin:0;overflow:visible}
 body[data-ux-review] .hero-art{width:100%;max-width:none;inset:auto;position:relative;margin:0;opacity:1;z-index:auto}
 body[data-ux-review] .hero-art .symbol-camera{display:block;width:100%;height:auto;aspect-ratio:auto;max-width:none}
 body[data-ux-review] .hero-actions{margin-top:21px}
 body[data-ux-review] .hero-copy>.ux-hero-method{justify-self:start}
 body[data-ux-review] .ux-operation>h2,body[data-ux-review] .ux-plan-section>h2{font-size:30px}
 body[data-ux-review] .ux-operation:before{inset:24px -6% -14px}
 body[data-ux-review] .ux-steps{margin-top:25px}
 body[data-ux-review] .ux-step{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;gap:9px 16px;padding:23px 0}
 body[data-ux-review] .ux-step-number{grid-column:1;grid-row:1/4;font-size:29px;padding-top:2px}
 body[data-ux-review] .ux-step h3{grid-column:2;grid-row:1;font-size:23px;line-height:1.27}
 body[data-ux-review] .ux-step>p{grid-column:2;grid-row:2;font-size:16px;line-height:1.6}
 body[data-ux-review] .ux-module{grid-column:2;grid-row:3;flex-direction:row;gap:13px;align-items:center;margin-top:4px}
 body[data-ux-review] .ux-module img{width:106px;height:53px}
 body[data-ux-review] .ux-module span{font-size:12px;line-height:1.5}
 body[data-ux-review] .ux-compatibility{display:block}
 body[data-ux-review] .ux-integration-intro h2{font-size:30px;max-width:100%}
 body[data-ux-review] .ux-integration-panel{margin-top:24px;padding:0}
 body[data-ux-review] .ux-integration-panel .ux-compat-groups>div{padding:20px 0;gap:8px 12px;grid-template-columns:26px minmax(0,1fr)}
 body[data-ux-review] .ux-integration-panel h3{font-size:21px}
 body[data-ux-review] .ux-integration-description{font-size:16px}
 body[data-ux-review] .ux-plan-grid{margin-top:24px}
 body[data-ux-review] .ux-plan{grid-template-columns:minmax(0,1fr) minmax(100px,.72fr);grid-template-rows:auto auto auto auto auto;gap:8px 20px;padding:26px 0}
 body[data-ux-review] .ux-plan>.eyebrow{grid-column:1;grid-row:1;font-size:10px;letter-spacing:.03em}
 body[data-ux-review] .ux-plan>h3{grid-column:1;grid-row:2;font-size:28px}
 body[data-ux-review] .ux-plan>.ux-plan-price{grid-column:2;grid-row:1/3;font-size:18px;line-height:1.3;align-self:center;text-align:right}
 body[data-ux-review] .ux-plan>p:not(.eyebrow):not(.ux-plan-price){grid-column:1/-1;grid-row:3;font-size:13px;max-width:100%;margin-top:7px}
 body[data-ux-review] .ux-plan>ul{grid-column:1/-1;grid-row:4;font-size:15px;gap:8px;margin-top:11px}
 body[data-ux-review] .ux-plan>.button{grid-column:1/-1;grid-row:5;justify-self:start;margin-top:13px;width:auto;min-width:180px;min-height:48px}
 body[data-ux-review] .ux-plan-pro:before{width:54%}
 body[data-ux-review] .ux-trial-summary{display:block;padding:29px 0 20px;margin-top:25px}
 body[data-ux-review] .ux-trial-summary h3{font-size:30px;line-height:1.23;max-width:100%}
 body[data-ux-review] .ux-trial-summary p{font-size:15px;line-height:1.65}
 body[data-ux-review] .ux-trial-summary>.button{margin-top:23px;width:auto;max-width:100%;min-width:210px}
 .ux-method-steps>li{display:block;padding:19px 0}
 #ux-dialog .ux-method-steps h3{font-size:18px;margin-bottom:9px}
 #ux-dialog .ux-method-steps p{font-size:15px}
 body[data-ux-review] .ux-final{padding-top:35px;padding-bottom:24px}
 body[data-ux-review] .ux-footer{padding-top:3px;padding-bottom:32px}
 body[data-ux-review] .ux-footer .ef-main{grid-template-columns:minmax(0,1fr);gap:6px;padding-top:16px}
 body[data-ux-review] .ux-footer .ef-identity{grid-column:1;grid-row:auto;display:flex;align-items:center;gap:18px;margin-bottom:10px}
 body[data-ux-review] .ux-footer .ef-identity>p{margin:0;max-width:180px;font-size:11px}
 body[data-ux-review] .ux-footer nav{grid-column:1;grid-template-columns:61px minmax(0,1fr);gap:10px}
 body[data-ux-review] .ux-footer nav ul{gap:1px 15px}
 body[data-ux-review] .ux-footer nav a{padding:3px 0;min-height:28px;font-size:12px;line-height:1.5}
 body[data-ux-review] .ux-footer nav h2{font-size:11px;margin-top:5px}
}
@media(max-width:360px){body[data-ux-review] .hero.wrap{grid-template-columns:minmax(0,1fr) 91px;gap:0 10px}body[data-ux-review] .hero h1{font-size:34px}body[data-ux-review] .hero-art-viewport{width:91px}body[data-ux-review] .ux-step{gap:8px 12px}}
@media(prefers-reduced-motion:reduce){.ux-method-steps *,body[data-ux-review] .ux-plan,body[data-ux-review] .ux-step{animation:none;transition:none}}
/* Trial details retain a dialog surface for focus, but not nested marketing cards. */
body[data-ux-review] .trial-dialog{border-radius:12px}
body[data-ux-review] .trial-products{gap:0;grid-template-columns:1fr 1fr;border-top:1px solid #b8b9d333;border-bottom:1px solid #b8b9d333}
body[data-ux-review] .trial-product{padding:23px 25px 23px 0;border:0;border-radius:0;background:none;box-shadow:none}
body[data-ux-review] .trial-product+.trial-product{border-left:1px solid #b8b9d333;padding:23px 0 23px 25px}
body[data-ux-review] .trial-product h3{font-size:29px;letter-spacing:-.04em;color:#d0b6f2}
body[data-ux-review] .trial-product+.trial-product h3{color:#a6dce8}
body[data-ux-review] .trial-product .trial-limit{font-size:21px;line-height:1.35}
body[data-ux-review] .trial-scroll>.trial-next:first-of-type>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-left:17px}
body[data-ux-review] .trial-scroll>.trial-next:first-of-type li{margin:0;padding-right:5px;font-size:15px}
@media(max-width:760px){body[data-ux-review] .trial-products{display:block}body[data-ux-review] .trial-product{padding:22px 0}body[data-ux-review] .trial-product+.trial-product{border-left:0;border-top:1px solid #b8b9d333;padding:22px 0}body[data-ux-review] .trial-scroll>.trial-next:first-of-type>ul{grid-template-columns:1fr;gap:9px}}
/* The hero asset carries its own alpha; no blend mode hides a bitmap background. */
body[data-ux-review] .hero-art,
body[data-ux-review] .hero-art .symbol-camera,
body[data-ux-review] .ux-hero-lockup,
body[data-ux-review] .ux-hero-lockup>img{mix-blend-mode:normal}
/* Keep the approved hero footprint while fitting the square symbol proportionally. */
body[data-ux-review] .ux-hero-lockup>img{aspect-ratio:2048/1702;object-fit:contain}