:root{
  --cx-ink:#092b38;
  --cx-ink-2:#0d3544;
  --cx-ink-3:#164656;
  --cx-paper:#f2eee7;
  --cx-paper-2:#e9e2d7;
  --cx-gold:#c79b52;
  --cx-gold-light:#e0bf82;
  --cx-white:#f6f8f7;
  --cx-muted:#91aab3;
  --cx-line:rgba(255,255,255,.14);
  --cx-line-dark:rgba(9,43,56,.15);
  --cx-serif:"Fraunces",Georgia,serif;
  --cx-sans:"Inter",system-ui,sans-serif;
  --cx-ease:cubic-bezier(.2,.72,.25,1);
  --cx-shell:1240px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--cx-ink)}
body{font-family:var(--cx-sans);background:var(--cx-ink);color:var(--cx-white);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
img{display:block;width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--cx-gold);color:#1a160e}

.cx-shell{width:min(100%,var(--cx-shell));margin-inline:auto;padding-inline:clamp(22px,4vw,54px)}
.cx-kicker{font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--cx-gold)}
.cx-kicker::before{content:"";display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.cx-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--cx-ease),transform .9s var(--cx-ease)}
.cx-reveal.is-visible{opacity:1;transform:none}

.cx-progress{position:fixed;z-index:200;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.05)}
.cx-progress i{display:block;width:0;height:100%;background:var(--cx-gold);box-shadow:0 0 16px rgba(199,155,82,.8)}
.cx-glow{position:fixed;z-index:0;width:440px;height:440px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(31,111,134,.18),rgba(199,155,82,.06) 36%,transparent 70%);filter:blur(12px);opacity:.7}

.cx-nav{position:fixed;z-index:120;top:0;left:0;right:0;height:82px;padding:0 max(24px,calc((100vw - 1240px)/2 + 54px));display:flex;align-items:center;justify-content:space-between;transition:.35s var(--cx-ease)}
.cx-nav.is-scrolled{height:66px;background:rgba(9,43,56,.78);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--cx-line)}
.cx-brand{display:flex;align-items:baseline;gap:.52rem;position:relative;z-index:2}
.cx-brand b{font-family:var(--cx-serif);font-size:1.2rem;font-weight:500;letter-spacing:.22em}
.cx-brand span{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:#a7bcc4}
.cx-links{display:flex;align-items:center;gap:1.65rem}
.cx-links>a:not(.cx-nav-cta){font-size:.78rem;color:#c4d1d5;transition:.25s}
.cx-links>a:not(.cx-nav-cta):hover{color:#fff}
.cx-nav-cta{border:1px solid var(--cx-line);border-radius:999px;padding:.72rem 1.2rem;font-size:.78rem;font-weight:600;transition:.3s var(--cx-ease)}
.cx-nav-cta:hover{background:var(--cx-gold);border-color:var(--cx-gold);color:#171309}
.cx-nav-cta span{margin-left:.35rem}
.cx-menu{display:none;border:0;background:none;width:34px;height:34px;position:relative;z-index:2}
.cx-menu span{position:absolute;left:5px;width:24px;height:1px;background:#fff;transition:.3s}
.cx-menu span:first-child{top:12px}.cx-menu span:last-child{top:21px}

.cx-hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;padding:130px 0 92px;background:radial-gradient(70% 80% at 76% 42%,rgba(17,83,103,.62),transparent 64%),radial-gradient(44% 60% at 12% 18%,rgba(199,155,82,.12),transparent 65%),var(--cx-ink)}
.cx-hero-lines{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,#000 34%,#000 74%,transparent)}
.cx-hero-word{position:absolute;right:-.055em;bottom:-.22em;font-family:var(--cx-serif);font-size:clamp(9rem,24vw,26rem);letter-spacing:-.07em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);user-select:none}
.cx-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.cx-hero-copy h1{font-family:var(--cx-serif);font-size:clamp(3.3rem,6.7vw,6rem);font-weight:300;line-height:.93;letter-spacing:-.045em;margin:1.25rem 0 1.7rem}
.cx-hero-copy h1 em{font-weight:400;color:var(--cx-gold);text-decoration:none}
.cx-hero-copy h1.cx-hero-title-rotating{font-size:clamp(3.15rem,5.55vw,5.25rem);line-height:.96}
.cx-hero-rotator{display:inline-block;white-space:nowrap;transition:opacity .28s var(--cx-ease),transform .28s var(--cx-ease)}
.cx-hero-rotator.is-swapping{opacity:0;transform:translateY(.32em)}
.cx-hero-lead{font-size:clamp(1rem,1.35vw,1.16rem);color:#b9cbd1;max-width:42rem}
.cx-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.1rem}
.cx-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border-radius:999px;padding:.9rem 1.45rem;font-size:.83rem;font-weight:600;transition:transform .3s var(--cx-ease),background .3s,border-color .3s,color .3s}
.cx-button:hover{transform:translateY(-3px)}
.cx-button-gold{background:var(--cx-gold);color:#1a160e;border:1px solid var(--cx-gold)}
.cx-button-gold:hover{background:var(--cx-gold-light)}
.cx-button-ghost{border:1px solid var(--cx-line);color:#eaf0f2}
.cx-button-ghost:hover{background:rgba(255,255,255,.06)}
.cx-button-light{background:var(--cx-paper);color:var(--cx-ink)}
.cx-button-light:hover{background:#fff}
.cx-metrics{display:flex;align-items:stretch;margin-top:2.4rem;border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line);width:max-content;max-width:100%}
.cx-metrics>div{padding:1rem 1.35rem 1rem 0;margin-right:1.35rem;border-right:1px solid var(--cx-line);display:flex;flex-direction:column}
.cx-metrics>div:last-child{margin-right:0;border-right:0}
.cx-metrics strong{font-family:var(--cx-serif);font-size:1.5rem;line-height:1;color:#fff;font-weight:500}
.cx-metrics span{font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#87a3ad;margin-top:.45rem;white-space:nowrap}
.cx-note{font-size:.57rem;color:#718e98;margin-top:.65rem}

.cx-engine{position:relative;height:min(70vh,690px);min-height:560px;isolation:isolate}
.cx-engine::before{content:"";position:absolute;left:50%;top:50%;width:68%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(199,155,82,.14),rgba(16,83,103,.1) 45%,transparent 72%);filter:blur(4px)}
.cx-engine-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg)}
.cx-orbit-one{width:92%;height:68%}.cx-orbit-two{width:72%;height:91%;transform:translate(-50%,-50%) rotate(28deg);border-color:rgba(199,155,82,.19)}
.cx-engine-main{position:absolute;left:22%;top:7%;width:54%;height:82%;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.26);box-shadow:0 44px 90px -36px rgba(0,0,0,.85);transition:transform .2s linear;will-change:transform}
.cx-engine-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,23,30,.82));pointer-events:none}
.cx-engine-main img{height:100%;object-fit:cover}
.cx-engine-main img.cx-hero-golfer{object-position:50% 50%}
.cx-engine-main figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}
.cx-engine-main figcaption span{font-size:.57rem;letter-spacing:.17em;color:#d7c196}.cx-engine-main figcaption b{font-family:var(--cx-serif);font-size:1.05rem;font-weight:400}
.cx-engine-raw{position:absolute;z-index:3;left:-1%;top:21%;width:30%;border:6px solid #f4f0e9;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -24px rgba(0,0,0,.9);transform:rotate(-7deg);transition:transform .2s linear;will-change:transform}
.cx-engine-raw img{aspect-ratio:4/3;object-fit:cover}
.cx-engine-raw figcaption{background:#f4f0e9;color:var(--cx-ink);padding:.62rem .55rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}
.cx-engine-raw figcaption i{width:6px;height:6px;border-radius:50%;background:#46ae77}
.cx-engine-site{position:absolute;z-index:4;right:-2%;bottom:14%;width:42%;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#10171b;box-shadow:0 34px 70px -28px rgba(0,0,0,.95);transform:rotate(5deg);overflow:hidden;transition:transform .2s linear;will-change:transform}
.cx-mini-browser{height:30px;background:#e9e6df;color:#27363d;display:flex;align-items:center;gap:5px;padding:0 10px}
.cx-mini-browser span{width:5px;height:5px;border-radius:50%;background:#8d9699}.cx-mini-browser b{font-size:.42rem;font-weight:500;margin-left:auto}
.cx-mini-site{height:170px;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(199,155,82,.25),transparent 42%),#102f3b;display:flex;flex-direction:column}
.cx-mini-site-image{padding:0;background:#050b12}
.cx-mini-site-image img{width:100%;height:100%;object-fit:cover;object-position:center;border:0}
.cx-mini-site small{font-size:.45rem;letter-spacing:.18em;color:var(--cx-gold)}
.cx-mini-site strong{font-family:var(--cx-serif);font-size:1.42rem;line-height:.95;font-weight:400;margin-top:.8rem}
.cx-mini-site i{font-style:normal;font-size:.54rem;margin-top:auto;color:#b6c9cf}
.cx-engine-chip{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.22);background:rgba(9,43,56,.62);backdrop-filter:blur(10px);padding:.5rem .72rem;border-radius:999px;font-size:.52rem;letter-spacing:.2em;box-shadow:0 14px 34px -16px #000}
.cx-chip-photo{right:5%;top:12%}.cx-chip-video{left:8%;bottom:11%}.cx-chip-site{right:12%;bottom:4%}
.cx-engine-label{position:absolute;font-size:.5rem;letter-spacing:.22em;color:#829ca5;writing-mode:vertical-rl}
.cx-label-input{left:7%;top:2%}.cx-label-output{right:3%;top:31%}
.cx-scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#7d99a3}
.cx-scroll-cue i{display:block;width:1px;height:32px;background:linear-gradient(var(--cx-gold),transparent);animation:cxCue 1.8s var(--cx-ease) infinite}
@keyframes cxCue{0%{transform:scaleY(.15);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(.15);transform-origin:bottom}}

.cx-manifesto{padding:clamp(100px,14vw,190px) 0;background:var(--cx-ink);position:relative;border-top:1px solid var(--cx-line)}
.cx-manifesto::after{content:"SYSTEM / NOT STUDIO";position:absolute;right:2%;top:18%;font-size:.52rem;letter-spacing:.35em;color:#52717c;writing-mode:vertical-rl}
.cx-manifesto h2,.cx-section-head h2,.cx-services h2,.cx-work h2,.cx-process h2,.cx-faq h2{font-family:var(--cx-serif);font-weight:300;letter-spacing:-.035em;font-size:clamp(3rem,6.2vw,6rem);line-height:.98;margin-top:1rem}
.cx-manifesto h2 em,.cx-section-head h2 em,.cx-services h2 em,.cx-work h2 em,.cx-process h2 em,.cx-faq h2 em{font-weight:400;color:var(--cx-gold)}
.cx-manifesto-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:end;margin-top:4.4rem}
.cx-manifesto-row>p{color:#a9bdc4;font-size:clamp(1rem,1.6vw,1.28rem);max-width:34rem}
.cx-system-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:1rem;color:#dce6e9}
.cx-system-line span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.cx-system-line b{font-family:var(--cx-serif);font-size:1.3rem;color:var(--cx-gold);display:block;font-weight:400}.cx-system-line i{height:1px;background:linear-gradient(90deg,var(--cx-gold),rgba(255,255,255,.12))}

.cx-proof{padding:clamp(100px,12vw,170px) 0;background:var(--cx-paper);color:var(--cx-ink)}
.cx-section-head{display:grid;grid-template-columns:1.1fr .9fr;column-gap:6vw;align-items:end;margin-bottom:4rem}
.cx-proof .cx-section-head{grid-template-columns:minmax(0,1fr)}
.cx-section-head .cx-kicker{grid-column:1/-1}.cx-section-head h2{font-size:clamp(3rem,5.6vw,5.5rem)}
.cx-section-head>p:last-child{color:#66777e;font-size:1rem;max-width:31rem;padding-bottom:.45rem}
.cx-proof-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:clamp(2rem,5vw,5rem);align-items:stretch}
.cx-proof-visual-column{min-width:0;display:flex;flex-direction:column}
.cx-case-pagination{min-height:42px;display:flex;align-items:center;justify-content:center;gap:11px;padding-top:20px}
.cx-case-pagination[hidden]{display:none}
.cx-case-pagination button{appearance:none;width:10px;height:10px;padding:0;border:1px solid rgba(9,43,56,.38);border-radius:999px;background:transparent;cursor:pointer;transition:width .35s var(--cx-ease),background .35s var(--cx-ease),border-color .35s var(--cx-ease),box-shadow .35s var(--cx-ease)}
.cx-case-pagination button:hover,.cx-case-pagination button:focus-visible{border-color:var(--cx-gold);outline:none}
.cx-case-pagination button.is-active{width:30px;background:var(--cx-gold);border-color:var(--cx-gold);box-shadow:0 0 0 5px rgba(199,155,82,.13)}
.cx-compare{position:relative;min-height:620px;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 42px 100px -52px rgba(9,43,56,.55);touch-action:none;cursor:ew-resize}
.cx-compare>img,.cx-compare-after,.cx-compare-after img,.cx-compare-after video{position:absolute;inset:0;width:100%;height:100%}
.cx-compare-before{object-fit:cover}.cx-compare-after{clip-path:inset(0 0 0 var(--split));z-index:2}.cx-compare-after img,.cx-compare-after video{object-fit:cover;object-position:center}
.cx-compare::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 75%,rgba(0,0,0,.35));pointer-events:none}
.cx-compare-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:2px;background:var(--cx-gold);transform:translateX(-1px)}
.cx-compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--cx-gold);color:#1b170f;font-size:1.1rem;box-shadow:0 10px 32px rgba(0,0,0,.32)}
.cx-compare-tag{position:absolute;z-index:6;top:18px;border-radius:999px;padding:.48rem .72rem;font-size:.52rem;font-weight:600;letter-spacing:.17em;background:rgba(9,43,56,.78);color:#fff;backdrop-filter:blur(8px)}
.cx-before-tag{left:18px}.cx-after-tag{right:18px;background:var(--cx-gold);color:#1b170f}
.cx-compare input{position:absolute;z-index:8;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.cx-compare.is-changing>img,.cx-compare.is-changing .cx-compare-after img{animation:cxCaseSwap .45s var(--cx-ease)}
@keyframes cxCaseSwap{from{opacity:.25;transform:scale(1.02)}to{opacity:1;transform:none}}
.cx-proof-aside{display:flex;flex-direction:column;border-top:1px solid var(--cx-line-dark);border-bottom:1px solid var(--cx-line-dark);padding:1.2rem 0 1.4rem}
.cx-proof-index{font-size:.58rem;letter-spacing:.19em;color:#8a999e}
.cx-proof-aside h3{font-family:var(--cx-serif);font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:400;line-height:1.05;margin:2.3rem 0 1.3rem}
.cx-proof-aside>p:not(.cx-proof-index){font-size:.91rem;color:#65767d}
.cx-proof-aside dl{margin-top:auto}
.cx-proof-aside dl div{border-top:1px solid var(--cx-line-dark);padding:.86rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.72rem}.cx-proof-aside dt{text-transform:uppercase;letter-spacing:.11em;color:#8b989c}.cx-proof-aside dd{text-align:right;font-weight:500}
.cx-text-link{margin-top:1.3rem;display:flex;justify-content:space-between;font-size:.78rem;font-weight:600;border-bottom:1px solid var(--cx-ink);padding-bottom:.35rem}

.cx-services{padding:clamp(100px,12vw,170px) 0;background:radial-gradient(70% 80% at 90% 0,rgba(26,97,117,.38),transparent 66%),var(--cx-ink);position:relative}
.cx-services-top{display:grid;grid-template-columns:minmax(0,1fr);gap:6vw;align-items:end;margin-bottom:4.5rem}
.cx-services-top h2{font-size:clamp(3rem,5.6vw,5.4rem)}
.cx-services-top>p{color:#9fb5bd;max-width:31rem;padding-bottom:.6rem}
.cx-service-switcher{display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line);min-height:660px}
.cx-service-tabs{border-right:1px solid var(--cx-line);display:flex;flex-direction:column}
.cx-service-tabs button{flex:1;min-height:130px;border:0;border-bottom:1px solid var(--cx-line);background:transparent;text-align:left;padding:1.6rem 1.4rem;display:grid;grid-template-columns:42px 1fr auto;align-items:center;cursor:pointer;color:#86a1ab;transition:.35s var(--cx-ease)}
.cx-service-tabs button:last-child{border-bottom:0}.cx-service-tabs button:hover,.cx-service-tabs button.is-active{background:rgba(255,255,255,.045);color:#fff}.cx-service-tabs button.is-active{box-shadow:inset 3px 0 var(--cx-gold)}
.cx-service-tabs b{font-family:var(--cx-serif);font-weight:400;color:var(--cx-gold)}.cx-service-tabs span{font-family:var(--cx-serif);font-size:1.45rem}.cx-service-tabs i{font-style:normal}
.cx-service-panels{position:relative;min-width:0}
.cx-service-panel{height:100%;min-height:660px;display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;padding:clamp(2rem,4vw,4rem);animation:cxPanel .55s var(--cx-ease)}
.cx-service-panel[hidden]{display:none}
@keyframes cxPanel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes cxPriorityMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes cxTapeMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cx-panel-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.cx-panel-copy>p{font-size:.57rem;letter-spacing:.18em;color:var(--cx-gold)}
.cx-panel-copy h3{font-family:var(--cx-serif);font-size:clamp(2.25rem,4vw,4rem);font-weight:300;line-height:1;letter-spacing:-.025em;margin:1.2rem 0 2rem}
.cx-panel-copy span{font-size:.68rem;letter-spacing:.08em;line-height:1.8;color:#8fa9b2;text-transform:uppercase}
.cx-photo-stack{position:relative;min-height:520px}.cx-photo-stack img{position:absolute;object-fit:cover;border:1px solid rgba(255,255,255,.2);border-radius:18px;box-shadow:0 30px 70px -30px #000}.cx-photo-stack img:first-child{right:0;top:0;width:64%;height:88%;object-position:center}.cx-photo-stack img:last-child{left:0;bottom:0;width:49%;height:56%;object-position:center;transform:rotate(-3deg)}
.cx-edit-suite{align-self:center;background:#11181c;border:1px solid rgba(255,255,255,.2);border-radius:18px;overflow:hidden;box-shadow:0 35px 80px -35px #000}
.cx-edit-viewer{position:relative;height:410px;background:#000}.cx-edit-viewer img,.cx-edit-viewer video{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(.8) contrast(1.04)}.cx-edit-viewer::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55));pointer-events:none}.cx-edit-viewer button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(9,43,56,.6);backdrop-filter:blur(8px);cursor:pointer}.cx-edit-viewer span{position:absolute;z-index:2;right:14px;bottom:12px;font-size:.55rem;letter-spacing:.12em}.cx-timeline{height:130px;position:relative;padding:24px;background:#10171a;display:grid;gap:8px}.cx-timeline i{display:block;height:18px;border-radius:4px}.cx-track-one{width:88%;background:linear-gradient(90deg,#375b66 0 22%,#c79b52 22% 43%,#375b66 43% 68%,#7b5662 68%)}.cx-track-two{width:72%;margin-left:8%;background:repeating-linear-gradient(90deg,#27434c 0 42px,#1d333a 42px 47px)}.cx-track-three{width:57%;margin-left:24%;background:#694a54}.cx-timeline b{position:absolute;top:12px;bottom:12px;left:58%;width:1px;background:#f0b454;box-shadow:0 0 8px #f0b454}
.cx-site-demo{align-self:center;justify-self:center;width:auto;height:min(560px,72vh);aspect-ratio:9/16;min-height:0;max-width:100%;background:#ede9e2;color:#11191d;border-radius:18px;overflow:hidden;transform:perspective(1200px) rotateY(-5deg);box-shadow:34px 40px 80px -45px #000}
.cx-site-demo>img{width:100%;height:100%;object-fit:cover;object-position:top center}
.cx-site-top{height:64px;display:flex;align-items:center;gap:1.4rem;padding:0 26px;border-bottom:1px solid rgba(9,43,56,.13);font-size:.57rem}.cx-site-top b{font-family:var(--cx-serif);font-size:1.5rem;margin-right:auto}.cx-site-top i{font-style:normal;background:#102f3b;color:#fff;border-radius:999px;padding:.55rem .75rem}
.cx-site-body{min-height:446px;padding:66px 48px;background:radial-gradient(circle at 84% 20%,rgba(199,155,82,.3),transparent 24%),linear-gradient(135deg,#f2eee7,#dfd9cf);position:relative}.cx-site-body::after{content:"";position:absolute;right:8%;bottom:7%;width:30%;height:55%;border:1px solid rgba(9,43,56,.18);border-radius:90px 90px 8px 8px;background:linear-gradient(155deg,rgba(9,43,56,.88),rgba(17,89,108,.68));box-shadow:-28px 30px 0 rgba(199,155,82,.24)}.cx-site-body small{font-size:.52rem;letter-spacing:.18em;color:#8a6732}.cx-site-body strong{display:block;font-family:var(--cx-serif);font-size:clamp(2.6rem,4.2vw,4.4rem);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:1rem 0 1.5rem;position:relative;z-index:2}.cx-site-body p{font-size:.72rem;max-width:16rem;color:#66767d}.cx-site-body button{margin-top:2rem;border:0;border-bottom:1px solid #112c36;background:transparent;font-size:.7rem;font-weight:600;padding-bottom:.3rem}

.cx-express{background:var(--cx-gold);color:#17252a;position:relative;overflow:hidden;padding-top:clamp(90px,10vw,140px)}
.cx-priority-marquee{position:absolute;left:0;right:auto;top:-.13em;width:100%;overflow:visible;font-family:var(--cx-serif);font-size:22vw;line-height:1;color:rgba(255,255,255,.12);letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
.cx-priority-track{display:flex;width:max-content;will-change:transform;animation:cxPriorityMarquee 26s linear infinite}
.cx-priority-group{display:flex;flex:0 0 auto;gap:.18em;padding-right:.18em}.cx-priority-group span{display:block;flex:0 0 auto}
.cx-express-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;position:relative;z-index:2;padding-bottom:clamp(80px,9vw,130px)}
.cx-48{font-family:var(--cx-serif);font-size:clamp(12rem,27vw,25rem);font-weight:300;letter-spacing:-.1em;line-height:.72;color:#102f3b;text-shadow:0 2px rgba(255,255,255,.35)}
.cx-48 span{font-family:var(--cx-sans);font-size:.11em;font-weight:600;letter-spacing:.04em;vertical-align:top;margin-left:.15em}
.cx-express-copy .cx-kicker{color:#4e412a}.cx-express-copy h2{font-family:var(--cx-serif);font-size:clamp(3rem,5vw,5rem);font-weight:300;line-height:.96;letter-spacing:-.04em;margin:1rem 0 1.6rem}.cx-express-copy h2 em{font-weight:500;color:#fff4db}.cx-express-copy>p{max-width:35rem;font-size:1rem}.cx-express-copy blockquote{font-family:var(--cx-serif);font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15;margin:2rem 0;padding:1.2rem 0;border-top:1px solid rgba(9,43,56,.25);border-bottom:1px solid rgba(9,43,56,.25)}.cx-express-copy ul{list-style:none;margin-bottom:2rem}.cx-express-copy li{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem 0}.cx-express-copy li::before{content:"◆";font-size:.45rem;margin-right:.75rem}.cx-express-tape{height:58px;background:#102f3b;color:#e6d1a8;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:.62rem;letter-spacing:.22em}.cx-express-tape-track{display:flex;align-items:center;width:max-content;min-width:max-content;will-change:transform;animation:cxTapeMarquee 11s linear infinite}.cx-express-tape-group{display:flex;align-items:center;flex:0 0 auto;gap:1.6rem;padding-right:1.6rem}.cx-express-tape span{display:inline-block;flex:0 0 auto}.cx-express-tape i{font-style:normal;color:var(--cx-gold);flex:0 0 auto}

.cx-send{height:285vh;background:var(--cx-paper);color:var(--cx-ink);position:relative}
.cx-send-pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:42px 0 12px;overflow:visible}
.cx-send .cx-section-head{margin-bottom:clamp(.45rem,1.5vh,1.1rem)}
.cx-section-head-dark{grid-template-columns:1fr}.cx-section-head-dark h2{font-size:clamp(3rem,5.8vw,5.6rem)}
.cx-send-grid{display:grid;grid-template-columns:1fr 100px 1.25fr;gap:2rem;align-items:center}
.cx-input-card,.cx-output-board{border:1px solid var(--cx-line-dark);border-radius:20px;background:#e9e5de;position:relative;padding:18px}
.cx-card-label{position:absolute;z-index:3;left:16px;top:16px;background:rgba(9,43,56,.86);color:#fff;border-radius:999px;padding:.5rem .7rem;font-size:.55rem;letter-spacing:.14em;backdrop-filter:blur(8px)}.cx-card-label span{color:var(--cx-gold);margin-right:.4rem}
.cx-input-card img{aspect-ratio:4/3;object-fit:cover;border-radius:12px}.cx-input-card footer{padding:1rem .25rem .2rem;display:flex;justify-content:space-between;gap:1rem}.cx-input-card footer b{font-size:.72rem}.cx-input-card footer span{font-size:.62rem;color:#75858b;text-align:right}
.cx-send-arrow{display:flex;flex-direction:column;align-items:center;gap:.7rem}.cx-send-arrow i{height:100px;width:1px;background:linear-gradient(transparent,var(--cx-gold))}.cx-send-arrow b{font-family:var(--cx-serif);font-size:.78rem;letter-spacing:.16em}.cx-send-arrow span{width:42px;height:42px;border-radius:50%;background:var(--cx-gold);display:grid;place-items:center}
.cx-output-board{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;min-height:540px}.cx-output-board figure,.cx-output-video,.cx-output-web{position:relative;overflow:hidden;border-radius:12px;background:#102f3b}.cx-output-board figure img{height:100%;object-fit:cover}.cx-output-main{grid-row:1/3}.cx-output-board figcaption{position:absolute;left:10px;bottom:10px;background:rgba(9,43,56,.78);color:#fff;padding:.4rem .55rem;border-radius:999px;font-size:.5rem;letter-spacing:.08em}.cx-output-video{display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:linear-gradient(145deg,#143f4d,#092b38)}.cx-output-video::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(199,155,82,.42),transparent 38%)}.cx-output-video span{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--cx-gold);color:#1c1710;display:grid;place-items:center;margin-bottom:auto}.cx-output-video b,.cx-output-video small{position:relative;z-index:1}.cx-output-video b{font-family:var(--cx-serif);font-size:1.25rem}.cx-output-video small{font-size:.52rem;letter-spacing:.1em;color:#a7bdc5}.cx-output-web{padding:20px;color:#fff;background:#13191c}.cx-output-web small{font-size:.48rem;letter-spacing:.15em;color:var(--cx-gold)}.cx-output-web b{display:block;font-family:var(--cx-serif);font-size:1.65rem;line-height:.95;margin-top:1.2rem}.cx-output-web i{font-style:normal;position:absolute;right:16px;bottom:14px;color:var(--cx-gold)}

.cx-work{padding:clamp(100px,12vw,170px) 0;background:var(--cx-ink)}
.cx-work-head{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end;margin-bottom:4.5rem}.cx-work-head h2{font-size:clamp(3rem,5.5vw,5.2rem)}.cx-work-head>p{color:#91aab3;max-width:31rem;padding-bottom:.5rem}
.cx-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cx-work-card{position:relative;min-height:610px;overflow:hidden;border-radius:18px;border:1px solid var(--cx-line);background:#0e313f}.cx-work-wide{grid-column:1/-1;min-height:720px}.cx-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--cx-ease),filter .6s}.cx-work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,20,27,.88))}.cx-work-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.cx-work-card>div{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}.cx-work-card span{font-size:.57rem;letter-spacing:.13em;text-transform:uppercase;color:#d7bd8e}.cx-work-card h3{font-family:var(--cx-serif);font-size:clamp(1.5rem,2.6vw,2.5rem);font-weight:400;margin-top:.45rem}.cx-work-card b{position:absolute;right:0;bottom:.3rem;font-size:.55rem;letter-spacing:.16em;color:#8da5ae}

.cx-process{padding:clamp(100px,12vw,160px) 0;background:var(--cx-paper);color:var(--cx-ink)}
.cx-process-intro{max-width:930px;margin-bottom:4.2rem}.cx-process h2{font-size:clamp(3rem,5.4vw,5.2rem)}
.cx-process-list{list-style:none;border-top:1px solid var(--cx-line-dark)}.cx-process-list li{display:grid;grid-template-columns:90px 1fr auto;gap:2rem;align-items:center;border-bottom:1px solid var(--cx-line-dark);padding:2.1rem 1rem;transition:.3s var(--cx-ease)}.cx-process-list li:hover{padding-left:1.5rem;background:rgba(9,43,56,.035)}.cx-process-list li>b{font-family:var(--cx-serif);font-weight:400;color:var(--cx-gold);font-size:1.5rem}.cx-process-list h3{font-family:var(--cx-serif);font-size:1.65rem;font-weight:500}.cx-process-list p{font-size:.84rem;color:#6f7f85;margin-top:.25rem;max-width:48rem}.cx-process-list li>span{font-size:1.3rem}

.cx-faq{padding:clamp(100px,12vw,160px) 0;background:#dcd5ca;color:var(--cx-ink)}
.cx-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.cx-faq h2{font-size:clamp(2.8rem,4.8vw,4.7rem)}.cx-faq-grid>div:first-child>p:last-child{margin-top:1.5rem;color:#64767d;max-width:30rem}
.cx-faq-list{border-top:1px solid rgba(9,43,56,.22)}.cx-faq-list details{border-bottom:1px solid rgba(9,43,56,.22)}.cx-faq-list summary{list-style:none;cursor:pointer;padding:1.6rem .2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--cx-serif);font-size:1.35rem}.cx-faq-list summary::-webkit-details-marker{display:none}.cx-faq-list summary span{font-family:var(--cx-sans);font-weight:300;transition:.3s}.cx-faq-list details[open] summary span{transform:rotate(45deg)}.cx-faq-list details p{padding:0 3rem 1.5rem 0;color:#61737a;font-size:.88rem;max-width:42rem}

.cx-contact{padding:clamp(110px,13vw,180px) 0;background:radial-gradient(70% 100% at 0 90%,rgba(199,155,82,.13),transparent 60%),var(--cx-ink)}
.cx-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.cx-contact-copy h2{font-family:var(--cx-serif);font-size:clamp(4.2rem,8vw,8rem);font-weight:300;line-height:.82;letter-spacing:-.05em;margin:1.6rem 0 2rem}.cx-contact-copy h2 em{color:var(--cx-gold);font-weight:400}.cx-contact-copy>p{color:#a5bac1;max-width:31rem}.cx-contact-meta{margin-top:3rem;border-top:1px solid var(--cx-line)}.cx-contact-meta span{display:block;border-bottom:1px solid var(--cx-line);padding:.9rem 0;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:#89a3ad}
.cx-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--cx-line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 40px 80px -50px #000}.cx-field{display:flex;flex-direction:column;gap:.48rem}.cx-field-full{grid-column:1/-1}.cx-field label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#92aab3}.cx-field input,.cx-field select,.cx-field textarea{width:100%;border:1px solid var(--cx-line);border-radius:10px;background:rgba(5,27,35,.46);color:#fff;padding:.88rem .95rem;outline:none;transition:.25s}.cx-field textarea{resize:vertical}.cx-field input::placeholder,.cx-field textarea::placeholder{color:#66838e}.cx-field input:focus,.cx-field select:focus,.cx-field textarea:focus{border-color:var(--cx-gold);box-shadow:0 0 0 3px rgba(199,155,82,.1)}.cx-form-submit{grid-column:1/-1;border:0;border-radius:999px;background:var(--cx-gold);color:#18140c;min-height:56px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;font-weight:600;cursor:pointer;transition:.3s var(--cx-ease)}.cx-form-submit:hover{background:var(--cx-gold-light);transform:translateY(-2px)}.cx-form-submit:disabled{opacity:.65;cursor:wait;transform:none}.cx-form-submit b{font-size:1.1rem}.cx-form-status{grid-column:1/-1;min-height:1em;font-size:.7rem;color:#9fb6be}

.cx-footer{padding:75px 0 38px;background:#061f29;border-top:1px solid var(--cx-line)}
.cx-footer-mark{font-family:var(--cx-serif);font-size:clamp(5rem,15vw,13rem);line-height:.78;letter-spacing:.05em;color:#dce5e7;display:flex;align-items:flex-end}.cx-footer-mark span{font-family:var(--cx-sans);font-size:.05em;letter-spacing:.42em;color:var(--cx-gold);margin:0 0 .8em 1.4em}.cx-footer-row{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:end;border-top:1px solid var(--cx-line);margin-top:4rem;padding-top:1.6rem}.cx-footer-row p{font-size:.62rem;letter-spacing:.07em;color:#76929c}.cx-footer-row p:last-child{text-align:right}.cx-footer-row nav{display:flex;gap:1.5rem;font-size:.68rem}.cx-footer-row nav a:hover{color:var(--cx-gold)}

@media(max-width:1050px){
  .cx-hero-grid{grid-template-columns:1fr .85fr}.cx-engine{min-height:520px}.cx-engine-main{left:18%;width:62%}.cx-engine-raw{left:-6%;width:34%}.cx-engine-site{right:-6%;width:47%}
  .cx-service-panel{grid-template-columns:1fr;align-content:center}.cx-panel-copy{padding-top:1rem}.cx-photo-stack{min-height:360px}.cx-photo-stack img:first-child{height:86%;width:64%}.cx-photo-stack img:last-child{height:56%;width:49%}.cx-edit-viewer{height:320px}.cx-site-demo{min-height:0}.cx-site-body{min-height:356px;padding-top:46px}
  .cx-send-grid{grid-template-columns:1fr 64px 1.2fr}.cx-output-board{min-height:460px}
}

@media(max-width:820px){
  .cx-nav{height:70px;padding-inline:22px}.cx-menu{display:block}.cx-links{position:fixed;inset:0;background:rgba(9,43,56,.97);backdrop-filter:blur(18px);flex-direction:column;justify-content:center;gap:1.8rem;transform:translateX(100%);transition:.45s var(--cx-ease)}.cx-links.is-open{transform:none}.cx-links>a:not(.cx-nav-cta){font-family:var(--cx-serif);font-size:1.8rem}.cx-menu.is-open span:first-child{top:17px;transform:rotate(45deg)}.cx-menu.is-open span:last-child{top:17px;transform:rotate(-45deg)}
  .cx-hero{padding-top:110px;align-items:flex-start}.cx-hero-grid{grid-template-columns:1fr}.cx-hero-copy h1{font-size:clamp(3.4rem,14vw,5.3rem)}.cx-engine{height:620px;margin-top:1.4rem}.cx-engine-main{left:24%;width:52%}.cx-engine-raw{left:5%;width:30%}.cx-engine-site{right:3%;width:40%}.cx-scroll-cue{display:none}
  .cx-manifesto-row,.cx-section-head,.cx-services-top,.cx-work-head,.cx-faq-grid,.cx-contact-grid{grid-template-columns:1fr}.cx-manifesto-row{gap:3rem}.cx-system-line{margin-top:1rem}.cx-section-head>p:last-child,.cx-services-top>p,.cx-work-head>p{padding-bottom:0}.cx-proof-grid{grid-template-columns:1fr}.cx-compare{min-height:520px}.cx-proof-aside{min-height:430px}
  .cx-service-switcher{grid-template-columns:1fr}.cx-service-tabs{border-right:0;border-bottom:1px solid var(--cx-line);flex-direction:row}.cx-service-tabs button{min-height:88px;border-bottom:0;border-right:1px solid var(--cx-line);grid-template-columns:auto 1fr}.cx-service-tabs button:last-child{border-right:0}.cx-service-tabs button i{display:none}.cx-service-tabs button.is-active{box-shadow:inset 0 -3px var(--cx-gold)}.cx-service-tabs span{font-size:1.1rem}.cx-service-panel{min-height:720px}
  .cx-express-grid{grid-template-columns:1fr}.cx-48{font-size:45vw}.cx-express-copy{max-width:620px;margin-left:auto}.cx-send-grid{grid-template-columns:1fr}.cx-send-arrow{flex-direction:row}.cx-send-arrow i{height:1px;width:100px;background:linear-gradient(90deg,transparent,var(--cx-gold))}.cx-output-board{min-height:580px}.cx-work-grid{grid-template-columns:1fr}.cx-work-wide{grid-column:auto;min-height:620px}.cx-work-card{min-height:560px}.cx-faq-grid{gap:3.2rem}.cx-contact-grid{gap:4rem}
}

@media(max-width:560px){
  .cx-shell{padding-inline:18px}.cx-brand b{font-size:1.05rem}.cx-brand span{font-size:.52rem}.cx-hero{padding-bottom:70px}.cx-hero-copy h1{font-size:3.5rem}.cx-hero-lead{font-size:.96rem}.cx-actions{flex-direction:column}.cx-button{width:100%}.cx-metrics{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.cx-metrics>div{padding:.9rem .55rem;margin-right:0}.cx-metrics strong{font-size:1.2rem}.cx-metrics span{font-size:.46rem;white-space:normal}.cx-note{font-size:.52rem}.cx-engine{height:520px;min-height:0}.cx-engine-main{left:23%;top:7%;width:58%;height:78%}.cx-engine-raw{left:1%;top:24%;width:34%;border-width:4px}.cx-engine-site{right:0;bottom:8%;width:47%}.cx-mini-site{height:130px;padding:16px}.cx-mini-site strong{font-size:1.05rem}.cx-engine-chip{display:none}
  .cx-manifesto h2,.cx-section-head h2,.cx-services h2,.cx-work h2,.cx-process h2,.cx-faq h2{font-size:2.7rem}.cx-manifesto-row{margin-top:2.6rem}.cx-system-line{grid-template-columns:1fr;gap:.65rem}.cx-system-line i{width:1px;height:20px;margin-left:1rem;background:linear-gradient(var(--cx-gold),rgba(255,255,255,.12))}
  .cx-proof,.cx-services,.cx-send,.cx-work,.cx-process,.cx-faq,.cx-contact{padding-block:90px}.cx-compare{min-height:470px}.cx-proof-aside{min-height:390px}.cx-service-tabs button{padding:.9rem .6rem;display:flex;gap:.5rem;justify-content:center}.cx-service-tabs b{font-size:.7rem}.cx-service-tabs span{font-size:.95rem}.cx-service-panel{padding:1.3rem;min-height:660px}.cx-panel-copy h3{font-size:2.45rem}.cx-photo-stack{min-height:330px}.cx-edit-viewer{height:300px}.cx-site-demo{height:min(430px,70vh);min-height:0;transform:none}.cx-site-top{gap:.65rem;padding:0 12px}.cx-site-top span{display:none}.cx-site-body{padding:42px 25px;min-height:326px}.cx-site-body strong{font-size:2.6rem}.cx-site-body::after{opacity:.55}
  .cx-express{padding-top:76px}.cx-48{font-size:54vw}.cx-express-copy h2{font-size:3rem}.cx-output-board{min-height:520px;grid-template-columns:1fr 1fr;grid-template-rows:1.1fr .9fr}.cx-output-main{grid-column:1/3;grid-row:auto}.cx-work-card,.cx-work-wide{min-height:500px}.cx-work-card>div{left:18px;right:18px;bottom:18px}.cx-work-card b{display:none}.cx-process-list li{grid-template-columns:44px 1fr;gap:1rem;padding-inline:0}.cx-process-list li>span{display:none}.cx-process-list h3{font-size:1.35rem}.cx-faq-list summary{font-size:1.15rem}.cx-form{grid-template-columns:1fr;padding:1rem}.cx-field,.cx-field-full,.cx-form-submit,.cx-form-status{grid-column:1}.cx-footer-mark{font-size:20vw}.cx-footer-row{grid-template-columns:1fr;gap:1.5rem}.cx-footer-row p:last-child{text-align:left}.cx-footer-row nav{flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.cx-reveal{opacity:1;transform:none;transition:none}.cx-scroll-cue i{animation:none}.cx-engine [data-depth],.cx-work-card img,.cx-links,.cx-service-panel{transition:none!important;animation:none!important}.cx-glow{display:none}
}

/* ===== Codex Edition refinements: orbit hero, proof rotator, bento work ===== */
.cx-engine-slides{position:absolute;inset:0}
.cx-engine-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity 1s var(--cx-ease),transform 5.2s linear}
.cx-engine-slides img.is-active{opacity:1;transform:scale(1)}
.cx-orbit-satellite{left:50%;top:50%;right:auto;bottom:auto;margin:0;will-change:transform;transition:none}
.cx-engine-raw.cx-orbit-satellite{width:29%}
.cx-engine-site.cx-orbit-satellite{width:40%}
.cx-engine-motion{position:absolute;z-index:4;width:28%;border:5px solid #f1ede6;border-radius:13px;background:#f1ede6;color:var(--cx-ink);overflow:hidden;box-shadow:0 28px 65px -24px rgba(0,0,0,.9)}
.cx-motion-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px}
.cx-motion-frame img{width:100%;height:100%;object-fit:cover}
.cx-motion-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(5,25,32,.5))}
.cx-motion-frame span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cx-gold);font-size:.62rem}
.cx-motion-meta{display:flex;justify-content:space-between;align-items:center;padding:.65rem .5rem .45rem}
.cx-motion-meta b{font-size:.48rem;letter-spacing:.12em}.cx-motion-meta small{font-size:.43rem;color:#6e7b80}

.cx-system-line span{position:relative;min-width:132px;padding-left:42px;transition:opacity .45s var(--cx-ease),transform .45s var(--cx-ease);opacity:.42}
.cx-system-line span::before{content:"";position:absolute;left:0;top:50%;width:24px;height:24px;border-radius:50%;border:1px solid rgba(199,155,82,.65);transform:translateY(-50%);transition:.45s var(--cx-ease)}
.cx-system-line span::after{content:"";position:absolute;left:7px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--cx-gold);transform:translateY(-50%) scale(.35);transition:.45s var(--cx-ease);box-shadow:0 0 0 0 rgba(199,155,82,.3)}
.cx-system-line span.is-current{opacity:1;transform:translateY(-4px)}
.cx-system-line span.is-current::before{width:34px;height:34px;left:-5px;border-color:var(--cx-gold)}
.cx-system-line span.is-current::after{transform:translateY(-50%) scale(1);box-shadow:0 0 0 8px rgba(199,155,82,.12)}
.cx-system-line strong{display:block;font-family:var(--cx-serif);font-size:1rem;font-weight:400;color:#fff;line-height:1.05}
.cx-system-line small{display:block;font-size:.43rem;letter-spacing:.09em;color:#75919b;margin-top:.3rem}

.cx-proof-tabs{display:flex;align-items:center;gap:.65rem;margin:-1.5rem 0 1.4rem}
.cx-proof-tabs button{border:1px solid var(--cx-line-dark);background:transparent;color:#718087;border-radius:999px;padding:.58rem .85rem;display:flex;align-items:center;gap:.55rem;font-size:.66rem;cursor:pointer;transition:.3s var(--cx-ease)}
.cx-proof-tabs button i{width:7px;height:7px;border-radius:50%;background:#a8b1b3;transition:.3s}
.cx-proof-tabs button.is-active{color:var(--cx-ink);border-color:var(--cx-gold);background:rgba(199,155,82,.11)}
.cx-proof-tabs button.is-active i{background:var(--cx-gold);box-shadow:0 0 0 5px rgba(199,155,82,.14)}
.cx-proof-timer{height:1px;flex:1;background:rgba(9,43,56,.12);margin-left:.7rem;overflow:hidden}
.cx-proof-timer b{display:block;width:0;height:100%;background:var(--cx-gold)}
.cx-proof-timer b.is-running{animation:cxProofTimer 4.4s linear forwards}
@keyframes cxProofTimer{to{width:100%}}
.cx-proof-stage{position:relative;min-height:620px;border-radius:24px;overflow:hidden;background:#10191d;box-shadow:0 42px 100px -52px rgba(9,43,56,.55)}
.cx-proof-scene{position:absolute;inset:0;animation:cxProofIn .75s var(--cx-ease)}
.cx-proof-scene[hidden]{display:none}
@keyframes cxProofIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}
.cx-proof-scene .cx-compare{height:100%;min-height:0;border-radius:0;box-shadow:none}
.cx-video-proof{background:#0b2028;overflow:hidden}
.cx-video-compare-proof::before{display:none}
.cx-video-compare{background:#06141a}
.cx-video-proof-bg,.cx-video-proof-grade{position:absolute;inset:0;background:url("../assets/img/hero-cosmetic.jpg") center/cover no-repeat}
.cx-video-proof-bg{clip-path:inset(0 50% 0 0);filter:saturate(.35) contrast(.86) brightness(.8)}
.cx-video-proof-grade{clip-path:inset(0 0 0 50%);filter:saturate(1.16) contrast(1.06)}
.cx-video-proof::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,35,.15),transparent 42%,rgba(199,155,82,.12));pointer-events:none}
.cx-video-proof::before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:var(--cx-gold)}
.cx-proof-corner{position:absolute;z-index:4;top:18px;padding:.48rem .7rem;border-radius:999px;background:rgba(9,43,56,.8);color:#fff;font-size:.5rem;letter-spacing:.15em}.cx-proof-corner-left{left:18px}.cx-proof-corner-right{right:18px;background:var(--cx-gold);color:#17130d}
.cx-video-proof-ui{position:absolute;z-index:4;right:5%;bottom:5%;width:42%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;color:#fff}.cx-video-proof-ui>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cx-gold);color:#18140d}.cx-video-proof-ui>b{font-size:.55rem;letter-spacing:.14em}.cx-video-proof-ui>i{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--cx-gold) 0 54%,rgba(255,255,255,.3) 54%)}.cx-video-proof-ui>strong{grid-column:1/-1;font-family:var(--cx-serif);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.78;text-align:right}
.cx-site-proof{display:block;background:#111;color:#fff;overflow:hidden}
.cx-site-compare{height:100%;min-height:0;background:#10191d}
.cx-site-compare .cx-compare-before,.cx-site-compare .cx-compare-after img{object-position:top center}
.cx-site-compare::before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:58px;background:linear-gradient(180deg,rgba(6,23,30,.44),transparent);pointer-events:none}

.cx-work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:255px;gap:16px}
.cx-work-card{appearance:none;text-align:left;font:inherit;color:inherit;padding:0;min-height:0;cursor:pointer}
.cx-work-main{grid-column:span 8;grid-row:span 2}.cx-work-tall{grid-column:span 4;grid-row:span 2}.cx-work-small{grid-column:span 4}.cx-work-restyle{grid-column:1/-1;background:linear-gradient(130deg,#0d3341,#173e4c);min-height:255px}
.cx-work-restyle::after{background:linear-gradient(90deg,transparent,rgba(4,20,27,.58))}
.cx-work-restyle>div:last-child{left:auto;width:44%;top:50%;bottom:auto;transform:translateY(-50%)}
.cx-work-restyle h3{font-size:clamp(1.6rem,3vw,3rem)}
.cx-work-browser{position:absolute;left:4%;top:10%;bottom:10%;width:47%;border-radius:12px;background:#eee9e1;color:#0c2f3d;overflow:hidden;transform:perspective(900px) rotateY(7deg);box-shadow:25px 30px 60px -35px #000}
.cx-work-browser>div{height:32px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid rgba(9,43,56,.12)}.cx-work-browser>div i{width:5px;height:5px;border-radius:50%;background:#9ca5a7}.cx-work-browser>div span{font-size:.43rem;margin-left:auto}.cx-work-browser section{padding:30px;background:radial-gradient(circle at 78% 22%,rgba(199,155,82,.35),transparent 27%);height:calc(100% - 32px)}.cx-work-browser small{font-size:.45rem;letter-spacing:.15em}.cx-work-browser strong{display:block;font-family:var(--cx-serif);font-size:2.2rem;line-height:.82;font-weight:400;margin-top:1rem}.cx-work-browser section b{display:block;font-size:.48rem;margin-top:1.3rem}
.cx-work-card::before{content:"Apri progetto ↗";position:absolute;z-index:4;right:18px;top:18px;border-radius:999px;background:rgba(9,43,56,.78);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(7px);padding:.48rem .68rem;font-size:.47rem;letter-spacing:.09em;opacity:0;transform:translateY(-5px);transition:.3s var(--cx-ease)}
.cx-work-card:hover::before,.cx-work-card:focus-visible::before{opacity:1;transform:none}
.cx-work-dialog{width:min(1040px,calc(100vw - 36px));max-height:min(88vh,820px);margin:auto;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:0;background:#0a2c39;color:#fff;overflow:hidden;box-shadow:0 50px 120px -45px #000}
.cx-work-dialog[open]{display:grid;grid-template-columns:1.18fr .82fr;animation:cxDialogIn .45s var(--cx-ease)}
.cx-work-dialog::backdrop{background:rgba(3,15,20,.82);backdrop-filter:blur(10px)}
@keyframes cxDialogIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
.cx-dialog-close{position:absolute;z-index:5;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(9,43,56,.7);color:#fff;font-size:1.5rem;cursor:pointer}
.cx-dialog-media{min-height:620px;background:#102f3b;overflow:hidden}.cx-dialog-media>img{width:100%;height:100%;object-fit:cover}.cx-dialog-media.is-web{padding:8%;display:grid;place-items:center;background:linear-gradient(145deg,#0b2631,#174a5a)}.cx-dialog-media.is-web .cx-work-browser{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:460px;transform:none}
.cx-dialog-copy{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.cx-dialog-copy>p:first-child{font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cx-gold)}.cx-dialog-copy h3{font-family:var(--cx-serif);font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:.93;margin:1rem 0 1.6rem}.cx-dialog-copy>p:nth-of-type(2){color:#a9bdc4;font-size:.9rem}.cx-dialog-copy span{margin-top:2.5rem;padding-top:1.1rem;border-top:1px solid var(--cx-line);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#d9e3e6}

.cx-ai-work{position:relative;overflow:hidden;background:radial-gradient(65% 72% at 18% 18%,rgba(199,155,82,.12),transparent 62%),radial-gradient(55% 70% at 88% 18%,rgba(28,111,136,.26),transparent 64%),var(--cx-ink)}
.cx-ai-work::before{display:none}
.cx-ai-work .cx-work-head{display:block;margin-bottom:clamp(2.6rem,5vw,4.8rem)}
.cx-ai-work .cx-work-head h2{font-size:clamp(3.35rem,5.45vw,6rem);line-height:.9;letter-spacing:-.07em}
.cx-ai-video-system{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,500px) minmax(0,1fr);gap:clamp(2rem,4.6vw,4.8rem);align-items:center}
.cx-ai-video-card{justify-self:stretch;align-self:center;width:100%;display:block;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:0 44px 100px -46px #000,0 0 0 1px rgba(199,155,82,.08) inset}
.cx-ai-video-shell{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#050d12}
.cx-ai-video-shell video{width:100%;height:100%;object-fit:cover}
.cx-ai-video-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 34%,rgba(0,0,0,.42));pointer-events:none}
.cx-ai-video-overlay span{width:max-content;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(9,43,56,.58);backdrop-filter:blur(10px);padding:.58rem .75rem;font-size:.52rem;letter-spacing:.17em;color:#dce7ea}
.cx-ai-video-overlay button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(246,248,247,.12);color:#fff;backdrop-filter:blur(14px);font-size:1rem;cursor:default}
.cx-ai-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:radial-gradient(circle at 50% 35%,rgba(199,155,82,.22),transparent 28%),radial-gradient(circle at 72% 18%,rgba(69,171,201,.22),transparent 26%),linear-gradient(160deg,#071c25,#0f3b4b 54%,#071820)}
.cx-ai-video-placeholder::before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-18deg)}
.cx-ai-video-placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 48%,rgba(255,255,255,.045) 49%,transparent 50% 100%);background-size:100% 9px;mix-blend-mode:screen;opacity:.24;pointer-events:none}
.cx-ai-video-placeholder i{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.16),rgba(199,155,82,.12) 36%,transparent 68%);filter:blur(1px)}
.cx-ai-video-placeholder span,.cx-ai-video-placeholder strong,.cx-ai-video-placeholder button{position:relative;z-index:2}
.cx-ai-video-placeholder span{width:max-content;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(9,43,56,.58);backdrop-filter:blur(10px);padding:.58rem .75rem;font-size:.52rem;letter-spacing:.17em;color:#dce7ea}
.cx-ai-video-placeholder strong{align-self:flex-end;font-family:var(--cx-serif);font-size:clamp(4.5rem,8vw,7rem);line-height:.72;font-weight:300;letter-spacing:-.08em;color:rgba(246,248,247,.9)}
.cx-ai-video-placeholder button{position:absolute;left:50%;top:50%;width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(246,248,247,.12);color:#fff;transform:translate(-50%,-50%);backdrop-filter:blur(14px);font-size:1.25rem;cursor:default}
.cx-ai-video-meta{display:none;justify-content:space-between;gap:1rem;padding:1rem .55rem .3rem;color:#dbe7eb}
.cx-ai-video-meta span{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-gold)}
.cx-ai-video-meta b{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#9db5bd;text-align:right}
.cx-ai-video-copy{max-width:none;display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:2rem;min-height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.cx-ai-video-copy-main{display:grid;gap:1rem;max-width:880px}
.cx-ai-video-copy h3{font-family:var(--cx-serif);font-size:clamp(2.35rem,4.4vw,4.5rem);font-weight:300;line-height:.98;letter-spacing:-.04em;margin:1rem 0 1.6rem}
.cx-ai-video-copy h3 span,.cx-ai-video-copy h3 em{display:block}.cx-ai-video-copy h3 em{font-style:normal;color:var(--cx-gold)}
.cx-ai-video-copy-main>p:not(.cx-kicker){color:#a6bac1;font-size:1rem;max-width:51rem}
.cx-ai-video-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(.2rem,1.6vw,1.2rem)}
.cx-ai-video-grid article{position:relative;min-height:164px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:1.25rem;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));transition:transform .35s var(--cx-ease),background .35s var(--cx-ease),border-color .35s var(--cx-ease)}
.cx-ai-video-grid article:hover{transform:translateY(-4px);border-color:rgba(199,155,82,.38);background:linear-gradient(160deg,rgba(199,155,82,.12),rgba(255,255,255,.028))}
.cx-ai-video-grid small{font-family:var(--cx-serif);font-size:1rem;color:var(--cx-gold)}
.cx-ai-video-grid b{display:block;font-family:var(--cx-serif);font-size:clamp(1.05rem,1.4vw,1.38rem);line-height:1.02;font-weight:400;margin:.85rem 0 .55rem}
.cx-ai-video-grid p{font-size:1rem;line-height:1.45;color:#a6bac1}

@media(max-width:820px){
  .cx-engine-raw.cx-orbit-satellite{width:31%}.cx-engine-site.cx-orbit-satellite{width:43%}.cx-engine-motion{width:27%}
  .cx-system-line span{min-width:0;padding-left:35px}.cx-system-line span::before{width:20px;height:20px}.cx-system-line span::after{left:6px;width:8px;height:8px}.cx-system-line span.is-current::before{width:28px;height:28px;left:-4px}.cx-system-line strong{font-size:.82rem}.cx-system-line small{font-size:.38rem}
  .cx-proof-stage{min-height:560px}.cx-work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:350px}.cx-work-main,.cx-work-tall,.cx-work-small{grid-column:span 1;grid-row:span 1}.cx-work-main{grid-column:1/-1}.cx-work-restyle{grid-column:1/-1}.cx-work-restyle>div:last-child{width:42%}.cx-work-dialog[open]{grid-template-columns:1fr;overflow:auto}.cx-dialog-media{min-height:410px}.cx-dialog-copy{min-height:410px}
  .cx-ai-work .cx-work-head h2{white-space:normal;font-size:clamp(3rem,10vw,5.2rem)}.cx-ai-video-system{grid-template-columns:1fr;gap:3rem}.cx-ai-video-card{order:2;justify-self:center;width:min(430px,100%)}.cx-ai-video-copy{order:1;max-width:none}.cx-ai-video-grid{order:3;grid-template-columns:repeat(2,minmax(0,1fr))}.cx-ai-work::before{top:auto;bottom:.05em}
}

@media(max-width:560px){
  .cx-engine-raw.cx-orbit-satellite{width:36%}.cx-engine-site.cx-orbit-satellite{width:49%}.cx-engine-motion{width:32%}.cx-motion-meta{padding:.45rem .3rem}.cx-motion-meta b{font-size:.4rem}.cx-motion-meta small{display:none}
  .cx-system-line span{padding-left:38px;min-height:38px;display:flex;flex-direction:column;justify-content:center}.cx-system-line span::before{left:2px}.cx-system-line span::after{left:8px}.cx-system-line span.is-current::before{left:-2px}
  .cx-proof-tabs{margin-top:-.4rem;flex-wrap:wrap}.cx-proof-timer{order:2;flex-basis:100%;margin:0}.cx-proof-stage{min-height:500px}.cx-video-proof-ui{width:46%;right:4%}.cx-video-proof-ui>strong{font-size:2.45rem}.cx-site-proof{padding:0}.cx-site-compare{min-height:500px}.cx-site-compare .cx-compare-line span{width:46px;height:46px}
  .cx-work-grid{grid-template-columns:1fr;grid-auto-rows:480px}.cx-work-main,.cx-work-tall,.cx-work-small,.cx-work-restyle{grid-column:1;grid-row:auto}.cx-work-restyle{min-height:520px}.cx-work-browser{left:7%;right:7%;top:6%;width:auto;height:55%;transform:none}.cx-work-restyle>div:last-child{left:20px;right:20px;top:auto;bottom:22px;width:auto;transform:none}.cx-work-card::before{opacity:1;transform:none}.cx-dialog-media{min-height:330px}.cx-dialog-media.is-web .cx-work-browser{height:300px}.cx-dialog-copy{min-height:390px;padding:2rem 1.4rem}
  .cx-ai-video-card{width:min(330px,100%);padding:9px;border-radius:27px}.cx-ai-video-shell{border-radius:21px}.cx-ai-video-overlay{padding:17px}.cx-ai-video-overlay button{width:42px;height:42px}.cx-ai-video-meta{flex-direction:column;gap:.35rem}.cx-ai-video-meta b{text-align:left}.cx-ai-video-copy h3{font-size:2.45rem}.cx-ai-video-copy-main>p:not(.cx-kicker){font-size:.92rem}.cx-ai-video-grid{grid-template-columns:1fr;gap:11px}.cx-ai-video-grid article{min-height:145px;padding:1.05rem}.cx-ai-video-grid b{font-size:1.35rem}
}

@media(prefers-reduced-motion:reduce){
  .cx-engine-slides img{transition:none}.cx-orbit-satellite{transition:none!important}.cx-engine-raw.cx-orbit-satellite{transform:translate(-185%,-115%) rotate(-7deg) scale(.92)}.cx-engine-site.cx-orbit-satellite{transform:translate(28%,38%) rotate(5deg) scale(.9)}.cx-engine-motion.cx-orbit-satellite{transform:translate(32%,-142%) rotate(-3deg) scale(.9)}.cx-proof-timer{display:none}.cx-system-line span{opacity:1;transform:none}.cx-work-dialog[open]{animation:none}
}

@media(max-width:560px) and (prefers-reduced-motion:reduce){
  .cx-engine-raw.cx-orbit-satellite{transform:translate(-155%,-125%) rotate(-7deg) scale(.88)}.cx-engine-site.cx-orbit-satellite{transform:translate(18%,42%) rotate(5deg) scale(.86)}.cx-engine-motion.cx-orbit-satellite{transform:translate(18%,-145%) rotate(-3deg) scale(.86)}
}

/* ===== Orbital depth + converging launch system ===== */
/* Gerarchia fissa: i livelli non cambiano durante l'orbita. */
.cx-engine-main{z-index:4}
.cx-engine-site{z-index:3}
.cx-engine-raw{z-index:5}
.cx-engine-motion{z-index:6}
.cx-engine-social{z-index:7}
.cx-engine-packshot{z-index:8}
.cx-orbit-satellite{backface-visibility:hidden}
.cx-engine-social{position:absolute;width:22%;border:4px solid #f1ede6;border-radius:12px;background:#f1ede6;color:var(--cx-ink);overflow:hidden;box-shadow:0 28px 62px -25px rgba(0,0,0,.92)}
.cx-engine-social img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.cx-engine-social figcaption{display:flex;justify-content:space-between;gap:.35rem;padding:.5rem .38rem .35rem}.cx-engine-social b{font-size:.43rem;letter-spacing:.11em}.cx-engine-social small{font-size:.38rem;color:#78868a}
.cx-engine-packshot{position:absolute;width:19%;padding:5px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:#102f3b;color:#fff;overflow:hidden;box-shadow:0 26px 58px -24px rgba(0,0,0,.92)}
.cx-engine-packshot img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:8px}
.cx-engine-packshot img.cx-hero-oil{object-position:72% 42%}
.cx-engine-packshot figcaption{display:flex;align-items:center;gap:.4rem;padding:.42rem .25rem .22rem}.cx-engine-packshot figcaption span{width:6px;height:6px;border-radius:50%;background:var(--cx-gold)}.cx-engine-packshot b{font-size:.42rem;letter-spacing:.12em;font-weight:500}

.cx-system-line strong{transition:font-size .45s var(--cx-ease),color .45s var(--cx-ease),letter-spacing .45s var(--cx-ease)}
.cx-system-line span.is-current strong{font-size:1.34rem;color:#fff;letter-spacing:.02em}
.cx-system-line b{transition:font-size .45s var(--cx-ease),color .45s var(--cx-ease)}
.cx-system-line span.is-current b{font-size:1.58rem;color:#e1bb78}

.cx-launch-flow{--flow-progress:0;position:relative;height:min(50vh,520px);min-height:410px;display:grid;grid-template-columns:21% 7% 34% 32%;column-gap:2%;align-items:center}
.cx-launch-flow>*:not(.cx-flow-lines){position:relative;z-index:2}
.cx-flow-lines{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;clip-path:inset(0 calc((1 - var(--flow-progress))*100%) 0 0);transition:clip-path .18s linear}
.cx-flow-lines path{fill:none;stroke:rgba(9,43,56,.27);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:5 7;animation:cxFlowPulse 12s linear infinite}
.cx-flow-lines path:nth-child(n+5){stroke:rgba(199,155,82,.7);animation-direction:reverse}
@keyframes cxFlowPulse{to{stroke-dashoffset:-72}}
.cx-flow-source,.cx-flow-hub,.cx-flow-output,.cx-flow-step{opacity:0;transform:translateX(-22px);transition:opacity .65s var(--cx-ease),transform .65s var(--cx-ease)}
.cx-launch-flow.is-stage-0 .cx-flow-source,.cx-launch-flow.is-stage-1 .cx-flow-source,.cx-launch-flow.is-stage-2 .cx-flow-source,.cx-launch-flow.is-stage-3 .cx-flow-source,.cx-launch-flow.is-stage-4 .cx-flow-source{opacity:1;transform:none}
.cx-launch-flow.is-stage-1 .cx-flow-hub,.cx-launch-flow.is-stage-2 .cx-flow-hub,.cx-launch-flow.is-stage-3 .cx-flow-hub,.cx-launch-flow.is-stage-4 .cx-flow-hub{opacity:1;transform:none}
.cx-launch-flow.is-stage-2 .cx-flow-output,.cx-launch-flow.is-stage-3 .cx-flow-output,.cx-launch-flow.is-stage-4 .cx-flow-output{opacity:1;transform:none}
.cx-launch-flow.is-stage-2 .cx-flow-output:nth-child(2),.cx-launch-flow.is-stage-3 .cx-flow-output:nth-child(2),.cx-launch-flow.is-stage-4 .cx-flow-output:nth-child(2){transition-delay:.08s}
.cx-launch-flow.is-stage-2 .cx-flow-output:nth-child(3),.cx-launch-flow.is-stage-3 .cx-flow-output:nth-child(3),.cx-launch-flow.is-stage-4 .cx-flow-output:nth-child(3){transition-delay:.16s}
.cx-launch-flow.is-stage-3 .cx-flow-step-publish,.cx-launch-flow.is-stage-4 .cx-flow-step-publish{opacity:1;transform:none}
.cx-launch-flow.is-stage-4 .cx-flow-step-clients{opacity:1;transform:none}
.cx-flow-source{border:1px solid var(--cx-line-dark);border-radius:22px;background:#e9e5de;padding:15px;box-shadow:0 34px 78px -52px rgba(9,43,56,.58)}
.cx-flow-source>img{width:100%;aspect-ratio:3/4.2;object-fit:cover;object-position:center;background:#d2b995;border-radius:12px;filter:saturate(.86)}
.cx-flow-source footer{padding:.9rem .2rem .15rem;display:flex;justify-content:space-between;gap:.6rem}.cx-flow-source footer b{font-size:.66rem}.cx-flow-source footer span{font-size:.52rem;color:#75858b;text-align:right}
.cx-flow-hub{justify-self:center;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--cx-ink);color:#fff;border:1px solid rgba(199,155,82,.58);box-shadow:0 0 0 12px rgba(199,155,82,.08),0 20px 45px -20px rgba(9,43,56,.7)}
.cx-flow-hub i{position:absolute;inset:9px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cx-flow-hub b{font-family:var(--cx-serif);font-size:.72rem;letter-spacing:.12em;font-weight:400}.cx-flow-hub small{position:absolute;top:calc(100% + 12px);font-size:.42rem;letter-spacing:.12em;color:#7a8b90;white-space:nowrap}
.cx-flow-outputs{height:100%;display:grid;grid-template-rows:repeat(3,1fr);gap:10px;padding:5px 0}
.cx-flow-output{position:relative;min-height:0;border:1px solid var(--cx-line-dark);border-radius:17px;overflow:hidden;background:#153642;box-shadow:0 30px 64px -40px rgba(9,43,56,.66)}
.cx-flow-output>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--cx-ease),filter .6s var(--cx-ease)}
.cx-flow-output::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,24,.08),transparent 42%,rgba(4,18,24,.56));pointer-events:none}
.cx-flow-output:hover>img{transform:scale(1.025);filter:saturate(1.08)}
.cx-flow-output figcaption{position:absolute;z-index:2;left:14px;bottom:13px;width:max-content;max-width:calc(100% - 28px);border-radius:999px;background:rgba(9,43,56,.78);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:.5rem .68rem;font-size:.52rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.cx-flow-output figcaption small,.cx-flow-site>small{font-size:.45rem;letter-spacing:.16em;color:var(--cx-gold)}.cx-flow-output figcaption b,.cx-flow-site>b{font-family:var(--cx-serif);font-size:1.2rem;line-height:1;font-weight:400}
.cx-flow-landing>img{object-position:center top}.cx-flow-video>img{object-position:center}.cx-flow-infographic>img{object-position:center}
.cx-flow-site{padding:2.8rem 1.2rem 1.1rem;background:radial-gradient(circle at 88% 18%,rgba(199,155,82,.28),transparent 32%),#ece8e1;color:var(--cx-ink);display:flex;flex-direction:column;justify-content:center}
.cx-flow-site::after{display:none}.cx-flow-site>div{position:absolute;left:0;right:0;top:0;height:28px;padding:0 10px;display:flex;align-items:center;gap:4px;background:#dcd8d1;border-bottom:1px solid rgba(9,43,56,.1)}.cx-flow-site>div i{width:5px;height:5px;border-radius:50%;background:#879397}.cx-flow-site>div span{font-size:.4rem;margin-left:auto}.cx-flow-site>b{font-size:1.38rem;margin:.45rem 0}.cx-flow-site>em{font-style:normal;font-size:.48rem;color:#718087;letter-spacing:.1em}
.cx-flow-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cx-flow-timeline::before{content:"";position:absolute;z-index:0;left:calc(50% - 18px);right:calc(50% - 18px);top:50%;border-top:1.4px dashed rgba(199,155,82,.82);transform:translateY(-50%) scaleX(var(--flow-progress));transform-origin:left;transition:transform .18s linear}
.cx-flow-step{position:relative;z-index:1;min-height:142px;padding:1rem .95rem;border:1px solid var(--cx-line-dark);border-radius:20px;background:rgba(233,229,222,.78);box-shadow:0 30px 68px -48px rgba(9,43,56,.6)}
.cx-flow-step::after{display:none}
.cx-flow-step small{display:block;font-size:.46rem;letter-spacing:.16em;color:#8e713f;margin-bottom:.7rem}.cx-flow-step b{display:block;font-family:var(--cx-serif);font-size:1.38rem;line-height:.96;font-weight:400;color:var(--cx-ink)}.cx-flow-step p{font-size:.6rem;line-height:1.45;color:#68787e;margin-top:.72rem}
.cx-flow-step-clients{background:linear-gradient(145deg,rgba(199,155,82,.18),rgba(233,229,222,.88));border-color:rgba(199,155,82,.42)}

@media(max-width:980px){
  .cx-send{height:auto;padding:clamp(72px,10vw,110px) 0 clamp(38px,6vw,58px)}
  .cx-send-pin{position:relative;top:auto;min-height:0;display:block;padding:0;overflow:visible}
  .cx-send .cx-section-head{margin-bottom:clamp(1.6rem,4vw,2.4rem);transform:none!important;transition:none}
  .cx-send .cx-section-head.cx-reveal.is-visible{transform:none!important}
  .cx-launch-flow{min-height:0;height:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 6%;margin-top:0;transform:none!important;transition:none}
  .cx-launch-flow.cx-reveal.is-visible{transform:none!important}
  .cx-launch-flow::before{display:none}
  .cx-flow-lines{display:none;clip-path:none}
  .cx-flow-source,.cx-flow-hub,.cx-flow-output,.cx-flow-step{transform:translateY(20px)}
  .cx-flow-source{width:min(480px,100%);padding:12px}
  .cx-flow-source>img{aspect-ratio:3/4;object-position:center}
  .cx-flow-hub{flex:0 0 82px}
  .cx-flow-outputs{position:relative;width:min(620px,100%);height:auto;grid-template-rows:repeat(3,165px);gap:14px;padding:0}
  .cx-flow-outputs::after,.cx-flow-step-publish::after{content:"";position:absolute;z-index:0;left:50%;top:100%;height:18px;border-left:1.4px dashed rgba(199,155,82,.8);transform:translateX(-50%)}
  .cx-flow-timeline{width:min(660px,100%);min-height:0;grid-template-columns:1fr;gap:18px}
  .cx-flow-timeline::before{display:none}
}

@media(max-width:560px){
  .cx-engine-social{width:26%}.cx-engine-packshot{width:24%}
  .cx-system-line span.is-current strong{font-size:1.16rem}.cx-system-line span.is-current b{font-size:1.42rem}.cx-system-line span.is-current{transform:translateY(-2px)}
  .cx-send{height:auto;padding:72px 0 34px}
  .cx-send-pin{padding:0}
  .cx-send .cx-section-head{margin-bottom:1.55rem}
  .cx-send .cx-section-head-dark h2{font-size:clamp(2.45rem,13vw,3.1rem)}
  .cx-launch-flow{padding:0;gap:10px;margin-top:0}
  .cx-launch-flow::before{display:none}
  .cx-flow-source{width:min(255px,72vw);padding:9px;border-radius:18px}
  .cx-flow-source>img{aspect-ratio:3/4;border-radius:10px}
  .cx-flow-source footer{flex-direction:column;padding:.65rem .1rem .1rem;gap:.25rem}
  .cx-flow-source footer span{text-align:left}
  .cx-flow-hub{width:58px;height:58px;flex-basis:58px;box-shadow:0 0 0 9px rgba(199,155,82,.08),0 18px 34px -20px rgba(9,43,56,.7)}
  .cx-flow-hub i{inset:7px}.cx-flow-hub b{font-size:.56rem}.cx-flow-hub small{top:calc(100% + 7px);font-size:.34rem}
  .cx-flow-outputs{width:min(330px,90vw);grid-template-rows:repeat(3,96px);gap:10px}
  .cx-flow-outputs::after,.cx-flow-step-publish::after{height:10px}
  .cx-flow-output>img{width:100%}
  .cx-flow-output figcaption{left:10px;right:auto;bottom:10px;top:auto;transform:none;padding:.42rem .56rem;font-size:.46rem}
  .cx-flow-output figcaption b,.cx-flow-site>b{font-size:1.08rem}
  .cx-flow-timeline{width:min(330px,90vw);grid-template-columns:1fr;gap:10px}
  .cx-flow-step{min-height:92px;padding:.82rem .85rem;border-radius:16px}
  .cx-flow-step b{font-size:1.2rem}
  .cx-flow-step p{font-size:.54rem}
}

@media(prefers-reduced-motion:reduce){
  .cx-flow-lines path{animation:none}
  .cx-engine-social.cx-orbit-satellite{transform:translate(-178%,68%) rotate(4deg) scale(.84);z-index:3}
  .cx-engine-packshot.cx-orbit-satellite{transform:translate(88%,8%) rotate(-4deg) scale(.82);z-index:6}
}

@media(max-width:560px) and (prefers-reduced-motion:reduce){
  .cx-engine-social.cx-orbit-satellite{transform:translate(-164%,78%) rotate(4deg) scale(.78)}
  .cx-engine-packshot.cx-orbit-satellite{transform:translate(74%,3%) rotate(-4deg) scale(.76)}
}

/* Il movimento narrativo del concept resta attivo anche se il sistema operativo
   segnala "movimento ridotto": velocità e ampiezza sono già intenzionalmente dolci. */
@media(prefers-reduced-motion:reduce){
  .cx-engine-slides img{transition:opacity 1s var(--cx-ease),transform 5.2s linear}
  .cx-proof-timer{display:block}
  .cx-flow-lines path{animation:cxFlowPulse 12s linear infinite}
  .cx-system-line span{opacity:.42;transition:opacity .45s var(--cx-ease),transform .45s var(--cx-ease)}
  .cx-system-line span.is-current{opacity:1;transform:translateY(-4px)}
}

/* Livelli finali della hero: costanti anche con movimento ridotto. */
.cx-engine-site.cx-orbit-satellite{z-index:3!important}
.cx-engine-main{z-index:4!important}
.cx-engine-raw.cx-orbit-satellite{z-index:5!important}
.cx-engine-motion.cx-orbit-satellite{z-index:6!important}
.cx-engine-social.cx-orbit-satellite{z-index:7!important}
.cx-engine-packshot.cx-orbit-satellite{z-index:8!important}

/* Finitura della hero: luce, cornici e binari coerenti con le traiettorie. */
.cx-engine::before{width:100%;height:86%;aspect-ratio:auto;background:radial-gradient(ellipse,rgba(199,155,82,.17),rgba(34,111,135,.14) 42%,transparent 72%);filter:blur(14px);pointer-events:none}
.cx-engine-orbit{pointer-events:none;border-color:rgba(187,218,224,.23);box-shadow:0 0 24px -12px rgba(121,190,205,.35),inset 0 0 24px -12px rgba(121,190,205,.2)}
.cx-orbit-two{border-color:rgba(224,191,130,.3);border-style:dashed;box-shadow:none}
.cx-engine-orbit::before,.cx-engine-orbit::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#a5cbd3;box-shadow:0 0 12px rgba(165,203,211,.5)}
.cx-engine-orbit::before{left:50%;top:-3px}.cx-engine-orbit::after{left:50%;bottom:-3px}
.cx-orbit-two::before,.cx-orbit-two::after{background:var(--cx-gold-light);box-shadow:0 0 12px rgba(224,191,130,.5)}
.cx-engine-main{border-color:rgba(224,191,130,.38);box-shadow:0 42px 75px -30px rgba(0,0,0,.8),0 0 0 6px rgba(255,255,255,.025),0 0 48px -26px rgba(224,191,130,.45)}
.cx-engine-main::after{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 25%,transparent 53%,rgba(4,23,30,.92))}
.cx-engine-main figcaption{left:20px;right:20px;bottom:22px;gap:12px;align-items:flex-end}
.cx-engine-caption{min-width:0}.cx-engine-caption>span{display:block;margin-bottom:.5rem}
.cx-engine-main .cx-engine-caption>b{display:block;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.2;text-wrap:balance}
.cx-engine-pagination{display:flex;flex:0 0 auto;gap:4px;padding-bottom:4px}
.cx-engine-pagination i{display:block;width:6px;height:3px;border-radius:4px;background:rgba(255,255,255,.3);transition:width .6s var(--cx-ease),background .6s var(--cx-ease)}
.cx-engine-pagination i.is-active{width:18px;background:var(--cx-gold-light)}
.cx-orbit-satellite{box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 2px 7px rgba(0,0,0,.2);outline:1px solid rgba(255,255,255,.14);outline-offset:0;transition:box-shadow .35s var(--cx-ease),outline-color .35s var(--cx-ease)}
.cx-engine-raw.cx-orbit-satellite{border-width:4px}
.cx-engine-motion{border-width:4px}
.cx-engine-site .cx-mini-browser{background:#ebe7df}
.cx-engine-chip{background:rgba(9,43,56,.8);border-color:rgba(224,191,130,.28);color:#e5d1ad}
@media(hover:hover) and (pointer:fine){
  .cx-orbit-satellite:hover{outline-color:rgba(224,191,130,.8);box-shadow:0 24px 48px -20px rgba(0,0,0,.9),0 0 22px -8px rgba(224,191,130,.4)}
}
@media(max-width:560px){
  .cx-engine .cx-orbit-one{width:78%;height:58%}
  .cx-engine .cx-orbit-two{width:58%;height:76%}
  .cx-engine-main figcaption{left:14px;right:14px;bottom:16px;flex-wrap:wrap;gap:10px}
  .cx-engine-caption{flex-basis:100%}
  .cx-engine-caption>span{font-size:.48rem;margin-bottom:.35rem}
  .cx-engine-main .cx-engine-caption>b{font-size:1.05rem}
}
@media(prefers-reduced-motion:reduce){
  .cx-engine-pagination i,.cx-orbit-satellite{transition:none!important}
}

/* Produzione video da remoto: riprese guidate o avatar. */
.cx-remote-video{position:relative;padding:clamp(80px,9vw,132px) 0;background:var(--cx-paper);color:var(--cx-ink);scroll-margin-top:80px}
.cx-remote-video .cx-kicker{color:#796030}
.cx-remote-heading{max-width:none;margin-bottom:clamp(36px,5vw,64px)}
.cx-remote-heading h2{font-family:var(--cx-serif);font-size:clamp(2.65rem,5.7vw,5.2rem);font-weight:300;line-height:1.02;letter-spacing:-.045em;margin:1.1rem 0 1.6rem}
.cx-remote-heading h2 em{font-weight:400;color:#806130}
.cx-remote-heading>p:last-child{max-width:none;font-size:1.05rem;line-height:1.7;color:#49616a}
@media(min-width:821px){
  .cx-proof .cx-section-head h2,.cx-services-top h2,.cx-remote-heading h2{font-size:clamp(2.8rem,4.8vw,4.25rem)}
}
.cx-remote-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cx-remote-option{--remote-accent:#806130;--remote-copy:#49616a;--remote-border:rgba(9,43,56,.12);--remote-icon-bg:rgba(199,155,82,.1);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(24px,3vw,40px);border:1px solid var(--remote-border);border-radius:28px;background:linear-gradient(145deg,#fffdf8,#f8f4ec);box-shadow:0 8px 20px -14px rgba(9,43,56,.2),inset 0 1px rgba(255,255,255,.9);transition:opacity .9s var(--cx-ease),transform .9s var(--cx-ease),translate .4s var(--cx-ease),box-shadow .4s var(--cx-ease),border-color .4s var(--cx-ease)}
.cx-remote-option::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,rgba(199,155,82,.2),transparent 65%);opacity:.35;transition:opacity .4s var(--cx-ease)}
.cx-remote-option::after{content:"";position:absolute;left:40px;right:40px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cx-gold),transparent);opacity:.65;pointer-events:none;transition:opacity .4s var(--cx-ease)}
.cx-remote-option-avatar{--remote-accent:#e0bf82;--remote-copy:#c1d0d4;--remote-border:rgba(224,191,130,.2);--remote-icon-bg:rgba(224,191,130,.08);color:var(--cx-white);background:linear-gradient(145deg,#164656,#092b38 70%);box-shadow:0 12px 28px -18px rgba(9,43,56,.45),inset 0 1px rgba(255,255,255,.1)}
.cx-remote-option-top{display:flex;align-items:center;gap:14px;margin-bottom:2rem}
.cx-remote-number{font-family:var(--cx-serif);font-size:1.6rem;color:var(--remote-accent)}
.cx-remote-tag{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.cx-remote-icon{flex:0 0 64px;width:64px;height:64px;margin-left:auto;padding:10px;color:var(--remote-accent);background:var(--remote-icon-bg);border:1px solid var(--remote-border);border-radius:19px;transition:transform .4s var(--cx-ease),background .4s var(--cx-ease)}
.cx-remote-option h3{font-family:var(--cx-serif);font-size:clamp(1.8rem,2.65vw,2.55rem);font-weight:400;line-height:1.13;letter-spacing:-.03em;margin-bottom:1.25rem}
.cx-remote-option h3 em{font-weight:400;color:var(--remote-accent)}
.cx-remote-option>p{font-size:.97rem;line-height:1.75;color:var(--remote-copy);margin-bottom:2rem}
.cx-remote-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin-top:auto;padding-top:1.8rem;border-top:1px solid var(--remote-border)}
.cx-remote-features li{min-width:0}
.cx-feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border:1px solid var(--remote-border);border-radius:15px;background:var(--remote-icon-bg);color:var(--remote-accent);transition:transform .4s var(--cx-ease),background .4s var(--cx-ease),border-color .4s var(--cx-ease)}
.cx-feature-icon svg{display:block;width:28px;height:28px}
.cx-remote-features h4{font-size:.83rem;line-height:1.35;font-weight:600;letter-spacing:-.015em;margin-bottom:.55rem}
.cx-remote-features p{font-size:.76rem;line-height:1.65;color:var(--remote-copy)}
@media(hover:hover) and (pointer:fine){
  .cx-remote-option:hover{translate:0 -7px;border-color:rgba(199,155,82,.65);box-shadow:0 28px 56px -26px rgba(9,43,56,.3),inset 0 1px rgba(255,255,255,.25)}
  .cx-remote-option:hover::before,.cx-remote-option:hover::after{opacity:1}
  .cx-remote-option:hover .cx-remote-icon{transform:rotate(-5deg) scale(1.04)}
  .cx-remote-option:hover .cx-feature-icon{transform:translateY(-3px);background:rgba(199,155,82,.18);border-color:rgba(199,155,82,.42)}
  .cx-remote-option:hover li:nth-child(2) .cx-feature-icon{transition-delay:.045s}
  .cx-remote-option:hover li:nth-child(3) .cx-feature-icon{transition-delay:.09s}
}
.cx-remote-identity{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center;margin-top:clamp(32px,5vw,64px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--cx-line-dark)}
.cx-remote-identity h3{font-family:var(--cx-serif);font-size:clamp(1.9rem,3.15vw,2.85rem);font-weight:300;line-height:1.12;letter-spacing:-.03em;margin-top:1rem}
.cx-remote-identity h3 em{font-weight:400;color:#806130}
.cx-remote-identity-copy>p{font-size:.97rem;line-height:1.75;color:#49616a;margin-bottom:1.5rem}
.cx-remote-video .cx-button:focus-visible{outline:2px solid var(--cx-ink);outline-offset:5px}
@media(max-width:980px){
  .cx-remote-options,.cx-remote-identity{grid-template-columns:1fr}
  .cx-remote-option h3{font-size:clamp(1.9rem,5vw,2.5rem)}
}
@media(max-width:560px){
  .cx-remote-heading h2{font-size:clamp(2.25rem,9.5vw,3.2rem)}
  .cx-remote-heading>p:last-child{font-size:.97rem}
  .cx-remote-options{gap:18px}
  .cx-remote-option{padding:24px 20px;border-radius:20px}
  .cx-remote-option-top{gap:10px;margin-bottom:1.6rem}
  .cx-remote-tag{font-size:.6rem;letter-spacing:.08em}
  .cx-remote-icon{flex-basis:52px;width:52px;height:52px;padding:8px;border-radius:16px}
  .cx-remote-features{grid-template-columns:1fr;gap:20px;padding-top:1.5rem}
  .cx-remote-features li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start}
  .cx-feature-icon{width:46px;height:46px;margin:0}
  .cx-remote-features h4{font-size:.9rem;margin-bottom:.25rem}
  .cx-remote-features p{font-size:.84rem}
}
@media(prefers-reduced-motion:reduce){
  .cx-remote-option,.cx-remote-option::before,.cx-remote-option::after,.cx-remote-icon,.cx-feature-icon{transition:none!important}
  .cx-remote-option:hover{translate:none}
  .cx-remote-option:hover .cx-remote-icon,.cx-remote-option:hover .cx-feature-icon{transform:none}
}