﻿.df-trust__icon,.df-how__num,.df-how__icon,.df-cases__icon,.df-3tier__corner{display:flex;align-items:center;justify-content:center}.df-trust__item{background:#1c1c1c;border:1px solid #2d2d2d;border-radius:12px}.df-how__eyebrow{font-size:.875em;color:#bbb;line-height:1.6}.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-hero__tabs{display:flex;gap:6px}.df-hero__tab{cursor:pointer;transition:background .2s,border-color .2s,color .2s}.df-hero__tab svg{flex-shrink:0}.df-hero__visual{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;transition:opacity .3s ease}.df-hero__visual--switching{opacity:0}.df-hero__visual .df-slider{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:0}.df-hero__vstack{position:absolute;inset:6px;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .3s ease}.df-hero__vstack--active{opacity:1;pointer-events:auto}.df-hero__vstack-item{flex:1;position:relative;overflow:hidden;border-radius:10px;border:1px solid #2d2d2d;background:#1c1c1c;min-height:0}.df-hero__vstack-item--face{flex:0 0 auto;width:56px;height:56px;align-self:center;border-radius:50%}.df-hero__vstack-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.df-hero__vstack-media--face{object-fit:cover}.df-hero__vstack-label{position:absolute;bottom:4px;left:4px;padding:2px 7px;border-radius:6px;font-size:.5625em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff}.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);z-index:2}.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;animation:fadeInUp .5s .05s ease-out both}.df-trust__item--green .df-trust__icon{background:rgba(194,242,177,.12);border-color:rgba(194,242,177,.25);color:#c2f2b1}.df-trust__item--peach .df-trust__icon{background:rgba(244,195,175,.12);border-color:rgba(244,195,175,.25);color:#f4c3af}.df-trust__item--blue .df-trust__icon{background:rgba(168,212,244,.12);border-color:rgba(168,212,244,.25);color:#a8d4f4}.df-trust__item--amber .df-trust__icon{background:rgba(244,223,168,.12);border-color:rgba(244,223,168,.25);color:#f4dfa8}.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-modes{margin-top:50px}.df-modes__head{margin-bottom:24px}.df-modes__eyebrow{display:inline-block;padding:4px 12px;background:rgba(244,195,175,.12);border:1px solid rgba(244,195,175,.25);color:#f4c3af;font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:12px}.df-modes__panels{display:grid;grid-template-columns:1fr;gap:16px}.df-modes__panel{padding:24px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:20px;transition:border-color .3s ease,transform .3s ease}.df-modes__panel:hover{border-color:rgba(244,195,175,.25);transform:translateY(-2px)}.df-modes__specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.df-modes__spec{display:inline-flex;align-items:center;padding:3px 10px;background:hsla(0,0%,100%,.05);border:1px solid #2d2d2d;border-radius:50px;font-size:.6875em;font-weight:700;letter-spacing:.04em;color:#a1a1a1}.df-modes__spec--peach{background:rgba(244,195,175,.15);border-color:rgba(244,195,175,.35);color:#f4c3af}.df-modes__spec--green{background:rgba(194,242,177,.15);border-color:rgba(194,242,177,.35);color:#c2f2b1}.df-modes__spec--blue{background:rgba(168,212,244,.15);border-color:rgba(168,212,244,.35);color:#a8d4f4}.df-modes__spec--amber{background:rgba(244,223,168,.15);border-color:rgba(244,223,168,.35);color:#f4dfa8}.df-modes__panel-title{font-size:1.25em;font-weight:700;margin-bottom:6px}.df-modes__panel-desc{font-size:.875em;color:#bbb;line-height:1.55;margin-bottom:18px}.df-modes__shots{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:360px;margin:0 auto}.df-modes__shot{margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:#a1a1a1;border:1px solid #2d2d2d;position:relative}.df-modes__shot img{width:100%;height:100%;object-fit:cover;display:block}.df-modes__shot figcaption{position:absolute;bottom:6px;left:6px;font-size:.625em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);padding:3px 8px;border-radius:8px}.df-modes__shot--after figcaption{background:rgba(194,242,177,.85);color:#1c1c1c}.df-modes__arrow{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c1c1c;border:1px solid #2d2d2d;color:#bbb;flex-shrink:0}.df-modes__arrow svg{width:14px;height:14px}.df-how{margin-top:50px}.df-how__head{margin-bottom:24px}.df-how__eyebrow{display:inline-block;padding:4px 12px;background:rgba(244,195,175,.12);border:1px solid rgba(244,195,175,.25);color:#f4c3af;font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:12px}.df-how__steps{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;padding:0;margin:0}.df-how__step{display:flex;align-items:center;gap:16px;padding:20px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:16px;transition:transform .3s ease,border-color .3s ease}.df-how__step:hover{transform:translateY(-2px);border-color:rgba(244,195,175,.3)}.df-how__num{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:rgba(244,195,175,.15);border:1px solid rgba(244,195,175,.3);color:#f4c3af;font-size:1.125em;font-weight:800}.df-how__body{flex:1;min-width:0}.df-how__name{font-size:.9375em;font-weight:700;margin-bottom:4px}.df-how__desc{font-size:.8125em;color:#bbb;line-height:1.5}.df-how__icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:rgba(244,195,175,.08);color:#f4c3af;opacity:.7}.df-cases{margin-top:50px}.df-cases__head{margin-bottom:24px}.df-cases__eyebrow{display:inline-block;padding:4px 12px;background:rgba(244,195,175,.12);border:1px solid rgba(244,195,175,.25);color:#f4c3af;font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:12px}.df-cases__grid{display:grid;grid-template-columns:1fr;gap:12px}.df-cases__card{display:flex;flex-direction:column;gap:12px;padding:22px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:20px;transition:border-color .3s ease,transform .3s ease}.df-cases__card:hover{transform:translateY(-3px)}.df-cases__card--peach{border-color:rgba(244,195,175,.3)}.df-cases__card--peach .df-cases__icon{background:rgba(244,195,175,.15);color:#f4c3af}.df-cases__card--green{border-color:rgba(194,242,177,.3)}.df-cases__card--green .df-cases__icon{background:rgba(194,242,177,.15);color:#c2f2b1}.df-cases__card--blue{border-color:rgba(168,212,244,.3)}.df-cases__card--blue .df-cases__icon{background:rgba(168,212,244,.15);color:#a8d4f4}.df-cases__card--amber{border-color:rgba(244,223,168,.3)}.df-cases__card--amber .df-cases__icon{background:rgba(244,223,168,.15);color:#f4dfa8}.df-cases__icon{width:44px;height:44px;border-radius:12px;background:rgba(244,195,175,.1);color:#f4c3af}.df-cases__name{font-size:1.0625em;font-weight:700}.df-cases__desc{font-size:.875em;color:#bbb;line-height:1.55}.df-tips{margin-top:50px}.df-tips__head{margin-bottom:24px}.df-tips__eyebrow{display:inline-block;padding:4px 12px;background:rgba(244,195,175,.12);border:1px solid rgba(244,195,175,.25);color:#f4c3af;font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:12px}.df-tips__grid{display:grid;grid-template-columns:1fr;gap:14px}.df-tips__side{padding:22px;border-radius:20px;border:1px solid #2d2d2d;transition:transform .3s ease}.df-tips__side:hover{transform:translateY(-2px)}.df-tips__side--bad{background:rgba(224,86,86,.04);border-color:rgba(224,86,86,.25)}.df-tips__side--good{background:rgba(194,242,177,.04);border-color:rgba(194,242,177,.25)}.df-tips__marker{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:50px;font-size:.75em;font-weight:700;letter-spacing:.04em;margin-bottom:14px}.df-tips__side--bad .df-tips__marker{background:rgba(224,86,86,.15);color:#e05656}.df-tips__side--good .df-tips__marker{background:rgba(194,242,177,.15);color:#c2f2b1}.df-tips__list{display:flex;flex-direction:column;gap:10px}.df-tips__item{position:relative;padding-left:26px;font-size:.9375em;line-height:1.4;color:#fff}.df-tips__item::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}.df-tips__side--bad .df-tips__item::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e05656' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18M6 6l12 12'/></svg>")}.df-tips__side--good .df-tips__item::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23C2F2B1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}.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}.df-3tier{margin-top:50px}.df-3tier__eyebrow{display:block;font-size:.6875em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f4c3af;margin-bottom:8px;text-align:center}.df-3tier__title{font-size:1.875em;font-weight:800;margin-bottom:12px;text-align:center}.df-3tier__desc{font-size:.9375em;color:#bbb;line-height:1.55;text-align:center;max-width:640px;margin:0 auto 24px}.df-3tier__desc strong{color:#c2f2b1;font-weight:700}.df-3tier__grid{display:grid;grid-template-columns:1fr;gap:14px}.df-3tier__card{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;background:#1c1c1c;border:1px solid #2d2d2d;border-radius:20px;transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1),border-color .4s cubic-bezier(0.4, 0, 0.2, 1)}.df-3tier__card--free{border-color:rgba(194,242,177,.4);background:linear-gradient(180deg, rgba(194, 242, 177, 0.07) 0%, #1c1c1c 60%)}.df-3tier__card--free .df-3tier__tag{background:rgba(194,242,177,.18);color:#c2f2b1}.df-3tier__card--free .df-3tier__cta--free{background:#c2f2b1;color:#1c1c1c;border-color:#c2f2b1;font-weight:800}.df-3tier__card--free .df-3tier__cta--free:hover{background:rgb(173.4879120879,237.6285714286,150.7714285714);border-color:rgb(173.4879120879,237.6285714286,150.7714285714)}.df-3tier__card--featured{border-color:#f4c3af;background:linear-gradient(180deg, rgba(244, 195, 175, 0.06) 0%, #1c1c1c 60%);transform:scale(1)}@media(min-width: 768px){.df-3tier__card--featured{transform:scale(1.03)}.df-3tier__card--featured:hover{transform:scale(1.03) translateY(-3px)}}.df-3tier__corner{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;background:rgba(194,242,177,.18);color:#c2f2b1}.df-3tier__tag{display:inline-block;align-self:flex-start;padding:3px 10px;background:rgba(244,195,175,.15);color:#f4c3af;font-size:.6875em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:50px}.df-3tier__pill{position:absolute;top:-10px;right:20px;padding:4px 12px;border-radius:50px;font-size:.625em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#f4c3af;color:#1c1c1c}.df-3tier__pill--max{background:linear-gradient(135deg, #F4C3AF 0%, #C2F2B1 100%)}.df-3tier__name{font-size:.8125em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a1a1a1}.df-3tier__price{font-size:2.5em;font-weight:900;line-height:1;color:#fff}.df-3tier__card--free .df-3tier__price{color:#c2f2b1}.df-3tier__unit{font-size:.5em;font-weight:700;color:#a1a1a1}.df-3tier__sub{font-size:.8125em;color:#a1a1a1;line-height:1.4}.df-3tier__save{color:#c2f2b1;font-weight:700}.df-3tier__features{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:0;list-style:none}.df-3tier__features li{position:relative;padding-left:24px;font-size:.875em;color:#fff;line-height:1.4}.df-3tier__features li::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F0B78C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");background-repeat:no-repeat;background-size:contain}.df-3tier__card--free .df-3tier__features li::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C2F2B1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}.df-3tier__cta{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:50px;font-size:.875em;font-weight:700;background:#1c1c1c;color:#fff;border:1px solid #2d2d2d;transition:background .2s ease,transform .2s ease}.df-3tier__cta:hover{transform:translateY(-1px)}.df-3tier__cta--accent{background:#f4c3af;color:#1c1c1c;border-color:#f4c3af}@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-modes__panels{grid-template-columns:repeat(2, 1fr)}.df-how__steps{grid-template-columns:repeat(3, 1fr)}.df-how__step{flex-direction:column;align-items:flex-start;text-align:left;padding:24px;gap:12px}.df-cases__grid{grid-template-columns:repeat(3, 1fr);gap:18px}.df-3tier__grid{grid-template-columns:repeat(3, 1fr)}.df-tips__grid{grid-template-columns:1fr 1fr}.gallery__wrapper:hover .gallery__track--marquee,.gallery__wrapper:hover .gallery__track--marquee-rev{animation-play-state:paused}}@media(min-width: 1024px){.df-hero__headline{font-size:3.25em}.df-modes__panels{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.gallery__wrapper{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.gallery__wrapper::-webkit-scrollbar{display:none}.gallery__track{animation:none !important}.gallery-card{scroll-snap-align:start}}
