.df-trust__icon,.df-usecase__icon{display:flex;align-items:center;justify-content:center}.df-trust__item{background:#1c1c1c;border:1px solid #2d2d2d;border-radius:12px}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}}.df-hero{margin-top:30px;position:relative;border-radius:24px;overflow:hidden;padding:28px;background:linear-gradient(135deg, #1c1c1c 0%, rgba(244, 195, 175, 0.03) 50%, rgba(194, 242, 177, 0.02) 100%);border:1px solid #2d2d2d;animation:fadeInUp .5s 0s ease-out both;display:grid;gap:28px}.df-hero__inner{display:flex;flex-direction:column;gap:18px}.df-hero__badge{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.6875em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(244,195,175,.12);border:1px solid rgba(244,195,175,.3);color:#f4c3af}.df-hero__headline{font-size:2.25em;font-weight:800;line-height:1.1}.df-hero__headline em{font-style:normal;color:#f4c3af}.df-hero__sub{color:#bbb;line-height:1.6;max-width:480px}.df-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.df-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#f4c3af;color:#1c1c1c;font-size:.9375em;font-weight:700;border-radius:50px;transition:transform .25s ease}.df-hero__cta:hover{transform:scale(1.04) translateZ(0)}.df-hero__cta:active{transform:scale(0.96)}.df-hero__cta--ghost{background:#1c1c1c;color:#fff;border:1px solid #2d2d2d;box-shadow:none}.df-slider{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:1px solid #2d2d2d;user-select:none;cursor:ew-resize;background:#1c1c1c}.df-slider__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.df-slider__img--after{clip-path:inset(0 0 0 50%)}.df-slider__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 16px rgba(0,0,0,.6)}.df-slider__handle::before{content:"";position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:50%;background:#fff;transform:translate(-50%, -50%);box-shadow:0 4px 14px rgba(0,0,0,.5)}.df-slider__handle::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#1c1c1c;font-weight:900;font-size:18px;z-index:2}.df-slider__label{position:absolute;top:14px;padding:4px 12px;border-radius:20px;font-size:.6875em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);z-index:3}.df-slider__label--before{left:14px;background:rgba(0,0,0,.5)}.df-slider__label--after{right:14px;background:rgba(244,195,175,.85);color:#1c1c1c}.df-trust{margin-top:24px;display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.df-trust__item{display:flex;align-items:center;gap:10px;padding:14px 16px}.df-trust__icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:rgba(244,195,175,.1);border:1px solid rgba(244,195,175,.2);color:#f4c3af}.df-trust__title{font-size:.8125em;font-weight:600}.df-trust__sub{font-size:.6875em;color:#a1a1a1;margin-top:2px}.df-explainer{margin-top:50px;display:flex;flex-direction:column;gap:24px;padding:28px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:20px}.df-explainer__content{display:flex;flex-direction:column;gap:14px}.df-explainer__label{font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a1a1a1}.df-explainer__title{font-size:1.5em;font-weight:700;line-height:1.2}.df-explainer__title em{font-style:normal;color:#f4c3af}.df-explainer__text{color:#bbb;line-height:1.65;font-size:.9375em}.df-usecases{margin-top:50px}.df-usecases__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px}.df-usecase{display:flex;flex-direction:column;gap:10px;padding:18px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:16px;transition:transform .3s ease,border-color .3s ease}.df-usecase:hover{transform:translateY(-3px);border-color:rgba(244,195,175,.25)}.df-usecase__icon{width:42px;height:42px;border-radius:12px;background:rgba(244,195,175,.1);border:1px solid rgba(244,195,175,.2);color:#f4c3af}.df-usecase__name{font-size:.9375em;font-weight:700}.df-usecase__desc{font-size:.75em;color:#a1a1a1;line-height:1.5}.gallery-card--collage{position:relative;display:block;cursor:ew-resize}.gallery-card--collage:hover{transform:none;box-shadow:none}.gallery-card--collage:active{transform:none}.gallery-card--collage::before,.gallery-card--collage::after{background:none}.gallery-card--collage .gallery-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.gallery-card--collage .gallery-card__img--after{clip-path:inset(0 0 0 50%)}.gallery-card--collage .gallery-card__label{position:absolute;z-index:3;top:10px;padding:3px 9px;border-radius:10px;font-size:.625em;font-weight:700;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.gallery-card--collage .gallery-card__label--before{left:10px;background:rgba(0,0,0,.52)}.gallery-card--collage .gallery-card__label--after{right:10px;background:rgba(244,195,175,.88);color:#1c1c1c}.gallery-card--collage .gallery-card__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 8px rgba(0,0,0,.55);z-index:2}.gallery-card--collage .gallery-card__handle::before{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;background:#fff;transform:translate(-50%, -50%);box-shadow:0 2px 8px rgba(0,0,0,.5)}.gallery-card--collage .gallery-card__handle::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#1c1c1c;font-weight:900;font-size:11px;z-index:2}@media(min-width: 768px){.df-hero{grid-template-columns:1.25fr 1fr;padding:40px;gap:40px;align-items:center}.df-hero__headline{font-size:2.75em}.df-trust{grid-template-columns:repeat(4, 1fr)}.df-explainer{grid-template-columns:1.3fr 1fr;padding:40px}.df-usecases__grid{grid-template-columns:repeat(4, 1fr);gap:14px}}@media(min-width: 1024px){.df-hero__headline{font-size:3.25em}}