/* DROOB special service experiences v2.0 */
.exp-page{--exp-paper:#f6f4ee;--exp-ink:#071728;--exp-gold:#b89055;--exp-dark:#0d1114;background:var(--exp-paper);color:var(--exp-ink);font-family:"Cairo",Arial,sans-serif;overflow-x:clip;overflow-y:visible}
.exp-scroll{position:relative;height:var(--exp-scroll-height,620vh);background:#080b0d;overflow:visible}
.exp-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding:18px;overflow:visible}
.exp-frame{position:relative;width:min(1780px,calc(100vw - 36px));height:calc(100svh - 36px);min-height:620px;overflow:hidden;border-radius:34px;background:#090b0d;box-shadow:0 30px 90px rgba(0,0,0,.2);isolation:isolate}
.exp-frame video,.exp-frame picture,.exp-frame img,.exp-sequence-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.exp-frame video{z-index:1;background:#050708}.exp-sequence-canvas{z-index:1;display:block;background:#050708;opacity:0;transition:opacity .28s ease;image-rendering:auto}.exp-scroll.is-sequence-ready .exp-sequence-canvas{opacity:1}.exp-scroll.is-sequence-ready .exp-frame>video{opacity:0;visibility:hidden}
.exp-vignette{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.78) 0%,rgba(3,6,8,.34) 42%,rgba(3,6,8,.08) 70%),linear-gradient(180deg,rgba(3,6,8,.06) 48%,rgba(3,6,8,.58) 100%);pointer-events:none}
.exp-scroll-copy{position:absolute;z-index:4;right:clamp(28px,6vw,110px);bottom:clamp(92px,14vh,150px);width:min(760px,55vw);color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.35)}
.exp-scroll-copy .exp-kicker{color:#e3c79f}.exp-scroll-copy h1{margin:0 0 18px;font-size:clamp(50px,6vw,104px);line-height:1.08;letter-spacing:-.055em;font-weight:800}.exp-scroll-copy>p{margin:0;max-width:680px;font-size:clamp(16px,1.45vw,24px);line-height:1.9;color:rgba(255,255,255,.9)}
.exp-scroll-hint{position:absolute;z-index:5;left:34px;bottom:30px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;opacity:.85}.exp-scroll-hint i{display:block;width:50px;height:1px;background:currentColor}.exp-scroll-progress{position:absolute;z-index:5;right:30px;bottom:32px;width:130px;height:2px;background:rgba(255,255,255,.28);overflow:hidden}.exp-scroll-progress i{display:block;width:0;height:100%;background:#fff}
.exp-stage-labels{display:none!important;position:absolute;z-index:4;left:34px;top:34px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.exp-stage-label{padding:8px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(4,8,10,.28);backdrop-filter:blur(10px);color:rgba(255,255,255,.7);font-size:11px;font-weight:800;opacity:.48;transform:translateX(-5px);transition:.35s}.exp-stage-label.is-active{opacity:1;transform:none;background:rgba(255,255,255,.94);color:#071728}
.exp-section{width:min(1380px,calc(100vw - 48px));margin:0 auto;padding:120px 0}.exp-section--tight{padding:78px 0}.exp-section--dark{width:100%;max-width:none;background:#0b1117;color:#fff;padding:120px max(24px,calc((100vw - 1380px)/2))}.exp-kicker{margin:0 0 12px;color:var(--exp-gold);font-size:12px;font-weight:800;letter-spacing:.06em}.exp-display{margin:0;font-size:clamp(44px,5vw,82px);line-height:1.12;letter-spacing:-.05em;font-weight:800}.exp-lead{max-width:850px;margin:26px 0 0;font-size:clamp(17px,1.45vw,23px);line-height:2;color:#53606a}.exp-section--dark .exp-lead{color:rgba(255,255,255,.72)}
.exp-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.exp-intro-aside{position:sticky;top:120px}.exp-intro-body{display:grid;gap:42px}.exp-big-copy{font-size:clamp(24px,2.4vw,38px);line-height:1.75;font-weight:600}.exp-body{font-size:17px;line-height:2;color:#52606b}.exp-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.exp-proof article{padding:22px;border-top:1px solid rgba(7,23,40,.16)}.exp-proof strong{display:block;font-size:28px;margin-bottom:5px}.exp-proof span{font-size:13px;color:#66717a}
.exp-image-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.exp-image-grid figure{margin:0;overflow:hidden;border-radius:28px;background:#ddd;min-height:380px}.exp-image-grid figure:nth-child(1){grid-row:span 2;min-height:780px}.exp-image-grid img{width:100%;height:100%;object-fit:cover;display:block}.exp-image-grid figure:nth-child(4){display:none}
.exp-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(7,23,40,.16);margin-top:58px}.exp-step{padding:30px 26px 34px;border-left:1px solid rgba(7,23,40,.12);min-height:280px}.exp-step:last-child{border-left:0}.exp-step span{display:block;color:var(--exp-gold);font-size:12px;font-weight:900;margin-bottom:50px}.exp-step h3{font-size:25px;margin:0 0 14px}.exp-step p{margin:0;color:#5f6971;line-height:1.9;font-size:14px}
.exp-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.exp-chip{border:1px solid rgba(7,23,40,.16);border-radius:999px;padding:10px 16px;font-weight:700;font-size:13px;background:rgba(255,255,255,.44)}
.exp-brand-lab{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.exp-palette{border-radius:30px;overflow:hidden;background:#101417;padding:34px;color:#fff}.exp-swatches{display:grid;grid-template-columns:repeat(5,1fr);height:260px;border-radius:20px;overflow:hidden;margin:28px 0}.exp-swatches i:nth-child(1){background:#151515}.exp-swatches i:nth-child(2){background:#8a6749}.exp-swatches i:nth-child(3){background:#e7dccb}.exp-swatches i:nth-child(4){background:#b89055}.exp-swatches i:nth-child(5){background:#f4f0e8}.exp-palette small{color:rgba(255,255,255,.58);line-height:1.8}.exp-checklist{display:grid;gap:14px}.exp-checklist li{list-style:none;border-bottom:1px solid rgba(7,23,40,.14);padding:16px 0;font-size:16px;font-weight:700;display:flex;justify-content:space-between;gap:18px}.exp-checklist li::after{content:"✓";color:var(--exp-gold)}
.exp-compare{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/8.7;background:#111;box-shadow:0 25px 80px rgba(7,23,40,.12)}.exp-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exp-compare .exp-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--cut,50%));}.exp-compare input{position:absolute;z-index:5;inset:auto 4% 26px 4%;width:92%;accent-color:#fff}.exp-compare-label{position:absolute;z-index:4;top:22px;padding:8px 13px;background:rgba(0,0,0,.54);color:#fff;border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.exp-compare-label.before{right:22px}.exp-compare-label.after{left:22px}.exp-compare-line{position:absolute;z-index:4;top:0;bottom:0;left:var(--cut,50%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.exp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.exp-card{border:1px solid rgba(7,23,40,.12);border-radius:28px;padding:34px;background:rgba(255,255,255,.45)}.exp-card h3{font-size:28px;margin:0 0 15px}.exp-card p{color:#5c6872;line-height:1.95;margin:0}.exp-card ul{margin:22px 0 0;padding:0;display:grid;gap:11px}.exp-card li{list-style:none;padding-right:22px;position:relative}.exp-card li::before{content:"";position:absolute;right:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--exp-gold)}
.exp-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.exp-media-card{position:relative;overflow:hidden;border-radius:26px;background:#111;min-height:460px}.exp-media-card img,.exp-media-card video{width:100%;height:100%;object-fit:cover;display:block}.exp-media-card video{position:absolute;inset:0}.exp-media-card .meta{position:absolute;z-index:3;right:22px;left:22px;bottom:20px;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.7)}.exp-media-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.exp-media-card h3{margin:0;font-size:23px}.exp-media-card p{margin:7px 0 0;color:rgba(255,255,255,.75);font-size:13px}
.exp-tools{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.exp-tool-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.exp-tool-list div{padding:20px 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.04)}.exp-tool-list b{display:block;font-size:16px}.exp-tool-list span{font-size:12px;color:rgba(255,255,255,.6)}
.exp-cta{width:min(1380px,calc(100vw - 48px));margin:0 auto 110px;border-radius:34px;background:#08131d;color:#fff;padding:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.exp-cta h2{font-size:clamp(42px,4.8vw,76px);line-height:1.12;margin:0 0 14px}.exp-cta p{margin:0;color:rgba(255,255,255,.7);max-width:720px}.exp-cta a{flex:none;background:#fff;color:#071728;border-radius:999px;padding:15px 24px;font-weight:800}
.exp-note{padding:20px 22px;border-right:3px solid var(--exp-gold);background:rgba(184,144,85,.08);font-size:14px;line-height:1.9;color:#5c6670;border-radius:14px}
.exp-inline-video{position:relative;border-radius:30px;overflow:hidden;background:#111;aspect-ratio:16/9}.exp-inline-video video{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.exp-sequence-canvas{display:none!important}.exp-scroll.is-sequence-ready .exp-frame>video{opacity:1!important;visibility:visible!important}.exp-scroll{height:auto;background:var(--exp-paper);padding:8px 8px 36px}.exp-sticky{position:relative;height:auto;padding:0}.exp-frame{width:100%;height:min(760px,82svh);min-height:560px;border-radius:25px}.exp-frame video{object-position:center center}.exp-scroll-copy{right:22px;left:22px;bottom:78px;width:auto}.exp-scroll-copy h1{font-size:clamp(38px,10vw,58px)}.exp-scroll-copy>p{font-size:14px}.exp-scroll-hint,.exp-scroll-progress,.exp-stage-labels{display:none!important;display:none}.exp-section{width:calc(100vw - 28px);padding:76px 0}.exp-section--dark{padding:76px 14px}.exp-intro-grid,.exp-brand-lab,.exp-tools,.exp-two-col{grid-template-columns:1fr;gap:36px}.exp-intro-aside{position:relative;top:auto}.exp-proof{grid-template-columns:1fr}.exp-image-grid{grid-template-columns:1fr}.exp-image-grid figure,.exp-image-grid figure:nth-child(1){min-height:420px;grid-row:auto}.exp-image-grid figure:nth-child(4){display:block}.exp-steps{grid-template-columns:1fr}.exp-step{border-left:0;border-bottom:1px solid rgba(7,23,40,.12);min-height:0}.exp-step span{margin-bottom:16px}.exp-swatches{height:190px}.exp-media-grid{grid-template-columns:1fr}.exp-media-card{min-height:520px}.exp-tool-list{grid-template-columns:1fr}.exp-cta{width:calc(100vw - 28px);margin-bottom:70px;padding:38px 25px;flex-direction:column;align-items:flex-start}.exp-compare{aspect-ratio:4/5}.exp-display{font-size:clamp(38px,10vw,56px)}}
@media(prefers-reduced-motion:reduce){.exp-scroll{height:auto}.exp-sticky{position:relative}.exp-stage-label{transition:none}}

@media(prefers-reduced-motion:reduce) and (min-width:901px){.exp-sequence-canvas{display:none!important}.exp-scroll.is-sequence-ready .exp-frame>video{opacity:1!important;visibility:visible!important}.exp-scroll{height:auto!important}.exp-sticky{position:relative!important}}