/* UltimateWork Product Experience V4.4 — scoped to public product pages */
.uw-v44{--uw-gold:#ffb11a;--uw-ink:#17191c;--uw-muted:#60666e}
.uw-v44 .uw-p-btn.primary{background:var(--uw-gold);color:var(--uw-ink);box-shadow:0 10px 28px rgba(255,177,26,.2)}
.uw-v44 .uw-p-btn.primary:hover{background:#ffc342}
.uw-v44-features{position:relative;isolation:isolate;margin:2rem 0;padding:clamp(32px,5vw,70px)!important;border:0!important;border-radius:32px;background:var(--uw-ink);color:#fff;overflow:hidden}
.uw-v44-features:before{content:"";position:absolute;width:580px;height:580px;right:-290px;top:-300px;background:radial-gradient(circle,rgba(255,177,26,.20),transparent 70%);pointer-events:none;z-index:-1}
.uw-v44-feature-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.uw-v44-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffcb67;letter-spacing:.16em;font-size:12px;font-weight:800;margin-bottom:20px}
.uw-v44-spark{font-size:20px;color:var(--uw-gold)}
.uw-v44-feature-heading h2{font-size:clamp(32px,4.8vw,66px);line-height:1.12;letter-spacing:-.055em;margin:0;max-width:760px;color:#fff}
.uw-v44-feature-heading h2 em{font-style:normal;color:var(--uw-gold)}
.uw-v44-feature-heading p{color:#bbc0c8;font-size:clamp(15px,1.5vw,18px);line-height:1.7;max-width:560px;margin:18px 0 0}
.uw-v44-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:112px;min-height:112px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.06)}
.uw-v44-count strong{font-size:42px;letter-spacing:-.08em;line-height:1;color:var(--uw-gold)}
.uw-v44-count small{font-size:10px;letter-spacing:.15em;color:#c6cbd2;margin-top:8px}
.uw-v44-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.uw-v44-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:245px;gap:35px;padding:clamp(24px,3vw,36px);background:#272a2f;border:1px solid #383b41;border-radius:24px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.uw-v44-feature:hover{transform:translateY(-4px);border-color:#e8a825;background:#2c3035}
.uw-v44-feature-primary{background:var(--uw-gold);color:var(--uw-ink);border-color:var(--uw-gold)}
.uw-v44-feature-primary:hover{background:#ffc13d;border-color:#ffc13d}
.uw-v44-feature-top{display:flex;align-items:start;justify-content:space-between;gap:20px}
.uw-v44-feature-icon{width:54px;height:54px;border-radius:17px;background:rgba(255,177,26,.12);color:var(--uw-gold);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
.uw-v44-feature-primary .uw-v44-feature-icon{background:rgba(23,25,28,.12);color:var(--uw-ink)}
.uw-v44-feature-index{font-size:13px;font-weight:800;color:#8f949e;letter-spacing:.06em}
.uw-v44-feature-primary .uw-v44-feature-index{color:#654500}
.uw-v44-feature h3{font-size:clamp(20px,2.4vw,29px);letter-spacing:-.035em;line-height:1.25;margin:0 0 12px;color:#fff}
.uw-v44-feature p{font-size:15px;line-height:1.75;color:#bec3ca;margin:0;max-width:48ch}
.uw-v44-feature-primary h3,.uw-v44-feature-primary p{color:var(--uw-ink)}
.uw-v44-feature-decoration{position:absolute;right:-30px;bottom:-100px;font-size:260px;line-height:1;opacity:.07;pointer-events:none}
.uw-v44-feature-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#bbc0c8}
.uw-v44-feature-footer>span{display:inline-flex;align-items:center;gap:9px}
.uw-v44-status-dot{display:inline-block;width:8px;height:8px;background:var(--uw-gold);border-radius:50%}
.uw-v44-feature-footer a{color:var(--uw-gold);text-decoration:none;font-weight:750}
.uw-v44-feature-footer a:hover{text-decoration:underline}
@media(max-width:720px){.uw-v44-features{border-radius:24px;padding:28px 20px!important}.uw-v44-feature-heading{align-items:start}.uw-v44-count{min-width:72px;min-height:72px;border-radius:18px}.uw-v44-count strong{font-size:28px}.uw-v44-count small{font-size:8px}.uw-v44-feature-grid{grid-template-columns:1fr}.uw-v44-feature{min-height:210px}.uw-v44-feature-heading h2{font-size:clamp(29px,7vw,42px)}}
@media(prefers-reduced-motion:reduce){.uw-v44-feature{transition:none}.uw-v44-feature:hover{transform:none}}

/* V4.5: side-by-side feature and preview experience */
.uw-v45-showcase{--uw-gold:#ffb11a;--uw-ink:#17191c;position:relative;isolation:isolate;background:#17191c;color:#fff;border-radius:30px;padding:clamp(24px,4vw,56px)!important;margin:2.2rem 0;overflow:hidden}
.uw-v45-showcase:before{content:"";position:absolute;inset:-150px -120px auto auto;width:550px;height:550px;background:radial-gradient(circle,rgba(255,177,26,.17),transparent 70%);pointer-events:none;z-index:-1}
.uw-v45-heading{margin-bottom:32px}.uw-v45-heading h2{font-size:clamp(30px,4.5vw,58px);line-height:1.1;letter-spacing:-.045em;color:white;margin:0 0 14px}.uw-v45-heading h2 em{color:var(--uw-gold);font-style:normal}.uw-v45-heading p{color:#c1c5ca;line-height:1.7;margin:0;max-width:680px}
.uw-v45-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.5vw,30px);align-items:stretch}
.uw-v45-feature-panel,.uw-v45-preview-panel{min-width:0;border:1px solid #404247;border-radius:24px;padding:clamp(18px,2.6vw,30px);background:#25282d}
.uw-v45-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffca67;font-size:12px;letter-spacing:.13em;font-weight:800;margin-bottom:22px}.uw-v45-panel-title strong{color:#ffb11a;font-size:19px}.uw-v45-feature-list{display:grid;gap:12px}
.uw-v45-feature{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px;border-radius:17px;background:#303339;border:1px solid #41444a;transition:border-color .2s,transform .2s}.uw-v45-feature:first-child{background:#ffb11a;border-color:#ffb11a;color:#17191c}.uw-v45-feature:not(:first-child):hover{border-color:#ffb11a;transform:translateX(3px)}.uw-v45-feature-number{font-weight:800;font-size:13px;color:#ffb11a}.uw-v45-feature:first-child .uw-v45-feature-number{color:#674500}.uw-v45-feature h3{font-size:clamp(16px,1.5vw,20px);line-height:1.35;margin:0 0 6px;color:white}.uw-v45-feature p{font-size:14px;line-height:1.6;color:#c7c9ce;margin:0}.uw-v45-feature:first-child h3,.uw-v45-feature:first-child p{color:#17191c}
.uw-v45-preview-panel{display:flex;flex-direction:column}.uw-v45-live-dot{height:9px;width:9px;border-radius:50%;background:#ffb11a;box-shadow:0 0 0 5px rgba(255,177,26,.12)}.uw-v45-preview-main{min-width:0}.uw-v45-hero-shot{display:block;position:relative;width:100%;aspect-ratio:16/10;border:1px solid #50535b;border-radius:18px;overflow:hidden;padding:0;background:#15171a;cursor:zoom-in}.uw-v45-hero-shot img{width:100%;height:100%;object-fit:contain}.uw-v45-hero-shot span{position:absolute;right:12px;bottom:12px;padding:9px 13px;border-radius:999px;background:#ffb11a;color:#17191c;font-size:12px;font-weight:800}.uw-v45-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.uw-v45-thumb{border:1px solid #52555a;border-radius:11px;padding:0;aspect-ratio:4/3;background:#141518;overflow:hidden;cursor:zoom-in}.uw-v45-thumb:hover,.uw-v45-thumb:focus-visible,.uw-v45-hero-shot:focus-visible{outline:2px solid #ffb11a;outline-offset:2px}.uw-v45-thumb img{display:block;width:100%;height:100%;object-fit:cover}.uw-v45-preview-note{margin:auto 0 0;padding-top:18px;color:#c5c9ce;font-size:13px}.uw-v45-preview-note span{color:#ffb11a}.uw-v45-preview-empty{display:flex;flex:1;min-height:250px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #6b6c70;border-radius:18px;padding:25px}.uw-v45-preview-empty>span{font-size:50px;color:#ffb11a}.uw-v45-preview-empty h3{color:white;margin:10px 0 4px}.uw-v45-preview-empty p,.uw-v45-empty{color:#c5c9ce;line-height:1.65}
@media(max-width:850px){.uw-v45-layout{grid-template-columns:1fr}.uw-v45-showcase{border-radius:22px;padding:24px 16px!important}.uw-v45-feature-panel,.uw-v45-preview-panel{padding:18px}.uw-v45-heading h2{font-size:clamp(30px,8vw,46px)}}
@media(prefers-reduced-motion:reduce){.uw-v45-feature{transition:none}.uw-v45-feature:not(:first-child):hover{transform:none}}

/* V4.6: light brand experience, preview left, features right */
.uw-v45-showcase{background:#ffb11a!important;color:#17191c!important;border:1px solid #e5a015!important;box-shadow:0 18px 48px rgba(127,84,0,.10)}
.uw-v45-showcase:before{background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%)}
.uw-v45-heading h2,.uw-v45-heading h2 em{color:#17191c!important}
.uw-v45-heading p{color:#4f3d18!important}
.uw-v45-showcase .uw-v44-eyebrow{color:#503800!important}
.uw-v45-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.uw-v45-preview-panel,.uw-v45-feature-panel{background:#fff!important;border:1px solid #f0dba9!important;box-shadow:0 12px 35px rgba(89,64,12,.10)}
.uw-v45-panel-title,.uw-v45-panel-title strong{color:#75500a!important}
.uw-v45-feature{background:#fffaf0!important;border:1px solid #f0dfbd!important;color:#17191c!important}
.uw-v45-feature:first-child{background:#ffb11a!important;border-color:#e6a014!important}
.uw-v45-feature h3,.uw-v45-feature:first-child h3{color:#17191c!important}
.uw-v45-feature p,.uw-v45-feature:first-child p{color:#514c43!important}
.uw-v45-feature-number,.uw-v45-feature:first-child .uw-v45-feature-number{color:#855900!important}
.uw-v45-feature:not(:first-child):hover{border-color:#ffb11a!important;box-shadow:0 6px 16px rgba(255,177,26,.13)}
.uw-v45-hero-shot,.uw-v45-thumb{background:#f5f5f5!important;border-color:#e4e4e4!important}
.uw-v45-preview-note,.uw-v45-empty,.uw-v45-preview-empty p{color:#60594b!important}
.uw-v45-preview-note span,.uw-v45-preview-empty>span{color:#ac7300!important}
.uw-v45-preview-empty{border-color:#e4cb93!important;background:#fffdf8!important}
.uw-v45-preview-empty h3{color:#17191c!important}
@media(max-width:850px){.uw-v45-layout{grid-template-columns:1fr}}

/* V4.7 — equal visual weight for every feature */
.uw-v45-feature,.uw-v45-feature:first-child{
  background:#ffffff!important;
  border:1px solid #eddfc4!important;
  color:#17191c!important;
  box-shadow:0 2px 10px rgba(65,48,15,.035);
}
.uw-v45-feature:hover,.uw-v45-feature:first-child:hover{
  border-color:#d89a1c!important;
  box-shadow:0 8px 22px rgba(115,78,10,.12);
  transform:translateY(-2px);
}
.uw-v45-feature h3,.uw-v45-feature:first-child h3{color:#17191c!important}
.uw-v45-feature p,.uw-v45-feature:first-child p{color:#514c43!important}
.uw-v45-feature-number,.uw-v45-feature:first-child .uw-v45-feature-number{color:#a36b00!important}
@media(prefers-reduced-motion:reduce){.uw-v45-feature:hover,.uw-v45-feature:first-child:hover{transform:none}}
