/* DTF public presentation 20261018.2; only affects #cp-dtf-public */
#cp-dtf-public{--dtf-ink:#0d1930;--dtf-muted:#526078;--dtf-pink:#ef087b;--dtf-cyan:#00cdea;--dtf-yellow:#ffc336;--dtf-line:#e2e6ef;font-family:Inter,system-ui,-apple-system,Arial,sans-serif}
#cp-dtf-public .cpdtf-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:'copy roll' 'video video';gap:10px 32px;position:relative;margin:0 -40px;padding:55px 40px 38px;background:radial-gradient(circle at 83% 27%,#143556,transparent 51%),linear-gradient(118deg,#050e1c,#0b1f38 74%,#081328);border-radius:0 0 25px 25px;isolation:isolate}
#cp-dtf-public .cpdtf-hero:before{content:'';position:absolute;right:-2%;top:10%;width:50%;height:70%;background:radial-gradient(circle,#ff0d8d40,transparent 52%);filter:blur(14px);pointer-events:none;z-index:-1}
#cp-dtf-public .cpdtf-hero-copy{grid-area:copy;align-self:center;min-width:0;z-index:1}
#cp-dtf-public .cpdtf-hero h1{color:#fff;font-size:clamp(45px,4.4vw,66px);line-height:1.055;letter-spacing:-.052em}
#cp-dtf-public .cpdtf-hero h1 em{color:var(--dtf-pink)}
#cp-dtf-public .cpdtf-hero .cpdtf-eyebrow{color:#f6badb;margin-bottom:16px}
#cp-dtf-public .cpdtf-hero .cpdtf-lead{color:#edf5fe;font-size:17px;max-width:510px;line-height:1.55}
#cp-dtf-public .cpdtf-primary{background:var(--dtf-pink);color:#fff;border-radius:11px;box-shadow:0 7px 24px #ff008033}
#cp-dtf-public .cpdtf-hero .cpdtf-text-link{color:#fff;min-height:50px;border:1px solid #cbe7fa77;padding:4px 16px;border-radius:11px;text-decoration:none}
#cp-dtf-public .cpdtf-hero .cpdtf-promise>svg{color:var(--dtf-yellow)}
#cp-dtf-public .cpdtf-hero .cpdtf-promise strong{color:#fff}
#cp-dtf-public .cpdtf-hero .cpdtf-promise span{color:#c7d5e5}
#cp-dtf-public .cpdtf-hero-roll{grid-area:roll;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;margin:0;position:relative}
#cp-dtf-public .cpdtf-hero-rule{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#f6faff;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.055em;padding:0 20px 8px;border-top:2px solid #fff9;position:relative}
#cp-dtf-public .cpdtf-hero-rule:before,#cp-dtf-public .cpdtf-hero-rule:after{content:'';position:absolute;top:-11px;width:2px;height:20px;background:#fff}
#cp-dtf-public .cpdtf-hero-rule:before{left:20px}#cp-dtf-public .cpdtf-hero-rule:after{right:20px}
#cp-dtf-public .cpdtf-hero-rule b{font-size:25px;letter-spacing:-.02em}
#cp-dtf-public .cpdtf-hero-rule span+span{color:var(--dtf-cyan)}
#cp-dtf-public .cpdtf-hero-reel{position:relative;min-height:360px;transform:perspective(850px) rotateY(-7deg) rotate(-3deg);transform-origin:50% 30%;filter:drop-shadow(0 20px 28px #0008)}
#cp-dtf-public .cpdtf-reel-cylinder{position:absolute;top:12px;left:4%;width:91%;height:134px;border-radius:75px 32px 32px 78px;background:linear-gradient(180deg,#b9c3d0 0%,#e5ebf1 17%,#cbd4df 32%,#fafcff 46%,#aebdcf 79%,#f0f4f8 94%,#9caabb 100%);border:1px solid #e7f2ff;box-shadow:0 2px 11px #fff6 inset,0 18px 25px #02172d8c;overflow:hidden}
#cp-dtf-public .cpdtf-reel-cylinder:after{content:'';position:absolute;right:-3px;top:2px;width:66px;height:127px;border-radius:50%;background:radial-gradient(ellipse at 52% 48%,#49321b 0 32%,#947b60 36% 46%,#d0d9e3 48% 63%,#a9b8ca 71%,#f7fafc 85%);box-shadow:-9px 0 12px #32435a44}
#cp-dtf-public .cpdtf-reel-sheet{position:absolute;top:99px;left:9%;width:82%;height:244px;transform:skew(-7deg);border-radius:3px 3px 8px 8px;background:linear-gradient(125deg,#c7d1dd 0%,#f6f8fb 18%,#b7c4d3 48%,#e9eef4 78%,#f4f7fa 100%);border:2px solid #eaf2fa;box-shadow:inset 0 0 35px #647a971f,0 15px 24px #00101d8f;overflow:hidden}
#cp-dtf-public .cpdtf-reel-sheet:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#fff6 0%,transparent 14%,#fff8 49%,transparent 65%,#fff5 92%);pointer-events:none;z-index:2;mix-blend-mode:screen}
#cp-dtf-public .cpdtf-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;gap:5px 8px;height:100%;padding:14px 20px 14px}
#cp-dtf-public .cpdtf-design-logo{display:block;object-fit:contain;max-width:100%;max-height:95px;width:auto;height:auto;filter:drop-shadow(0 3px 3px #14253a34)}
#cp-dtf-public .cpdtf-design-logo--mascot{max-height:110px}#cp-dtf-public .cpdtf-design-logo--recorte{max-height:65px}#cp-dtf-public .cpdtf-design-logo--terapia-small,#cp-dtf-public .cpdtf-design-logo--brand-small{max-height:53px}
#cp-dtf-public .cpdtf-hero-roll figcaption{color:#c3d6e5;font-size:11px;line-height:1.4;margin-top:1px;text-align:right}
#cp-dtf-public .cpdtf-workshop{grid-area:video;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);gap:14px 23px;align-items:center;background:#ffffff12;border:1px solid #ffffff21;border-radius:17px;padding:13px 16px;margin-top:13px}
#cp-dtf-public .cpdtf-video-frame{grid-row:1/3;max-width:460px;box-shadow:none;border-radius:11px}
#cp-dtf-public .cpdtf-video-frame video{aspect-ratio:16/9;object-fit:cover}
#cp-dtf-public .cpdtf-workshop figcaption{color:#e0f0ff;align-self:end;padding:0;max-width:320px;font-size:13px;font-weight:650}
#cp-dtf-public .cpdtf-hero-note{background:#ffffff0d;border:1px solid #ffffff2b;align-self:start;margin:0;padding:12px;border-radius:11px}
#cp-dtf-public .cpdtf-hero-note>svg{color:var(--dtf-cyan);width:28px;height:28px}
#cp-dtf-public .cpdtf-hero-note strong{color:#fff;font-size:12px}
#cp-dtf-public .cpdtf-hero-note span{color:#d6e6f7}
#cp-dtf-public .cpdtf-facts{padding:19px 10px;background:#f6f8fc;border:1px solid #e3e8f1;border-radius:16px;margin-top:22px}
#cp-dtf-public .cpdtf-facts dd{color:#091b33}
#cp-dtf-public .cpdtf-jumps{margin-top:18px}
#cp-dtf-public .cpdtf-jumps a{background:#f0f5fa;border:1px solid #e5eaf2}
#cp-dtf-public .cpdtf-section{padding-top:54px}
#cp-dtf-public .cpdtf-choice{border:1px solid #e8e8f0;box-shadow:0 9px 25px #0a183511;transition:transform .2s ease,box-shadow .2s ease}
#cp-dtf-public .cpdtf-choice:hover{transform:translateY(-3px);box-shadow:0 13px 25px #0b1a3a1e}
#cp-dtf-public .cpdtf-choice:nth-child(1) .cpdtf-choice-art{background:#fbf1fa}
#cp-dtf-public .cpdtf-choice:nth-child(2) .cpdtf-choice-art{background:#e8f7fd}
#cp-dtf-public .cpdtf-choice:nth-child(3) .cpdtf-choice-art{background:#fff5e5}
#cp-dtf-public .cpdtf-choice-heading i,#cp-dtf-public .cpdtf-number{color:var(--dtf-pink)}
#cp-dtf-public .cpdtf-tech-row{background:#edf5fc}
#cp-dtf-public .cpdtf-apply-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#cp-dtf-public .cpdtf-apply-steps>li{padding:10px;border:1px solid #e3e7ee;border-radius:14px;background:#fff}
#cp-dtf-public .cpdtf-apply-art{height:125px;margin-bottom:10px;background:linear-gradient(140deg,#f2f6fb,#e9ebf4)}
#cp-dtf-public .cpdtf-apply-art>svg{height:110px;width:100%}
#cp-dtf-public .cpdtf-apply-steps h3{font-size:16px}
#cp-dtf-public .cpdtf-apply-steps p{font-size:12px;line-height:1.55}
#cp-dtf-public .cpdtf-step-no{background:#fdebF3;color:#cf0065;padding:4px 8px;width:fit-content;border-radius:12px;font-weight:800}
#cp-dtf-public .cpdtf-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#cp-dtf-public .cpdtf-project-list>div{height:126px;padding:16px;border:1px solid #e5e9f1;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#f6f8fd)}
#cp-dtf-public .cpdtf-project-list img{width:auto;max-width:100%;height:auto;max-height:94px;object-fit:contain}
#cp-dtf-public .cpdtf-final{background:linear-gradient(110deg,#07162d,#18102e)}
#cp-dtf-public .cpdtf-final .cpdtf-yellow{background:#ffc63c;color:#10223d}
#cp-dtf-public .cpdtf-art-loose{gap:8px;padding:14px}
#cp-dtf-public .cpdtf-art-loose>img{max-width:30%;max-height:105px;object-fit:contain;filter:drop-shadow(0 5px 7px #121a3444);transform:rotate(-7deg)}
#cp-dtf-public .cpdtf-art-loose>img:nth-child(2){transform:rotate(8deg)}
#cp-dtf-public .cpdtf-art-loose>img:nth-child(3){transform:rotate(-3deg)}
#cp-dtf-public .cpdtf-art-sheet .cpdtf-art-sheet-logos{display:flex;align-items:center;gap:6px;padding:12px;background:#fdfdff;border:1px dashed #b7b8c9;border-radius:6px;min-height:125px}
#cp-dtf-public .cpdtf-art-sheet img{width:33%;max-height:92px;object-fit:contain}
#cp-dtf-public .cpdtf-art-repeat{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;place-items:center}
#cp-dtf-public .cpdtf-art-repeat img{max-width:68px;max-height:64px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 4px #112b3a30)}
@media(max-width:1050px){#cp-dtf-public .cpdtf-hero{margin:0 -23px;padding:40px 23px 26px;gap:10px 18px}#cp-dtf-public .cpdtf-hero-reel{min-height:310px}#cp-dtf-public .cpdtf-reel-sheet{height:205px}#cp-dtf-public .cpdtf-reel-cylinder{height:114px}#cp-dtf-public .cpdtf-reel-cylinder:after{height:107px;width:60px}#cp-dtf-public .cpdtf-design-logo{max-height:75px}#cp-dtf-public .cpdtf-apply-steps{gap:10px}#cp-dtf-public .cpdtf-apply-steps h3{font-size:14px}}
@media(max-width:760px){#cp-dtf-public .cpdtf-hero{grid-template-columns:1fr;grid-template-areas:'copy' 'roll' 'video';margin:0 -18px;padding:31px 18px 25px;gap:16px}#cp-dtf-public .cpdtf-hero h1{font-size:clamp(43px,8.6vw,59px)}#cp-dtf-public .cpdtf-hero h1 em br{display:block}#cp-dtf-public .cpdtf-hero .cpdtf-lead{font-size:15px}#cp-dtf-public .cpdtf-hero-roll{width:100%;max-width:520px;margin:0 auto}#cp-dtf-public .cpdtf-hero-reel{min-height:310px;transform:perspective(850px) rotateY(-4deg) rotate(-3deg)}#cp-dtf-public .cpdtf-reel-sheet{height:220px}#cp-dtf-public .cpdtf-workshop{grid-template-columns:1fr;gap:10px;padding:12px}#cp-dtf-public .cpdtf-video-frame{grid-row:auto;max-width:none}#cp-dtf-public .cpdtf-workshop figcaption{font-size:11px}#cp-dtf-public .cpdtf-hero-note{display:none}#cp-dtf-public .cpdtf-facts{margin-top:16px}#cp-dtf-public .cpdtf-apply-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#cp-dtf-public .cpdtf-project-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#cp-dtf-public .cpdtf-project-list>div{height:90px;padding:8px}#cp-dtf-public .cpdtf-project-list img{max-height:75px}#cp-dtf-public .cpdtf-reel-grid{padding:12px}#cp-dtf-public .cpdtf-design-logo{max-height:82px}#cp-dtf-public .cpdtf-workshop{margin-top:0}}
@media(max-width:420px){#cp-dtf-public .cpdtf-hero-reel{min-height:260px}#cp-dtf-public .cpdtf-reel-cylinder{height:95px}#cp-dtf-public .cpdtf-reel-cylinder:after{height:88px;width:50px}#cp-dtf-public .cpdtf-reel-sheet{top:81px;height:177px}#cp-dtf-public .cpdtf-design-logo{max-height:60px}#cp-dtf-public .cpdtf-reel-grid{gap:2px 6px;padding:8px}#cp-dtf-public .cpdtf-hero-rule{font-size:9px}#cp-dtf-public .cpdtf-hero-rule b{font-size:21px}#cp-dtf-public .cpdtf-hero .cpdtf-actions{flex-direction:column;align-items:stretch}#cp-dtf-public .cpdtf-hero .cpdtf-text-link{justify-content:center}#cp-dtf-public .cpdtf-apply-steps h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){#cp-dtf-public .cpdtf-choice:hover{transform:none}}