.trf-funnel__hero{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;padding-top:clamp(1.5rem,4vw,3rem);padding-bottom:0}.trf-funnel__badge-wrap{display:flex;justify-content:center;width:100%;margin-top:11px;margin-bottom:20px}.trf-funnel__badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:0;font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;color:#1d1d1d;background:#e7e5df;border-radius:999px;white-space:nowrap;overflow:hidden;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--trf-badge-size:40px;height:var(--trf-badge-size);min-width:var(--trf-badge-size);max-width:var(--trf-badge-size)}.trf-funnel__badge.is-animating{will-change:transform;animation:trf-funnel-badge-intro 2.3s cubic-bezier(.22,1,.36,1) both,trf-funnel-badge-scale 2.3s cubic-bezier(.22,1,.36,1) both}@keyframes trf-funnel-badge-intro{0%,66%{padding:0;min-width:var(--trf-badge-size,40px);max-width:var(--trf-badge-size,40px)}to{padding:0 .75rem;min-width:0;max-width:320px}}@keyframes trf-funnel-badge-scale{0%,52%{transform:scale(2.2)}66%,to{transform:scale(1)}}.trf-funnel__badge-text{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0}.trf-funnel__badge-text.is-animating{animation:trf-funnel-badge-text-type 2.3s steps(30) both}@keyframes trf-funnel-badge-text-type{0%,66%{max-width:0}to{max-width:320px}}.trf-funnel__badge-icon{display:block;width:36px;height:36px;flex-shrink:0;margin:-12px;overflow:visible;transform:translate(2.4px) scale(.3833);transform-origin:center}.trf-funnel__badge-icon.is-animating{animation:trf-funnel-clapper-intro-scale 2.3s cubic-bezier(.22,1,.36,1) both,trf-funnel-clapper-idle-tilt var(--trf-badge-idle-cycle) cubic-bezier(.34,1.4,.64,1) var(--trf-badge-idle-delay) infinite}@keyframes trf-funnel-clapper-intro-scale{0%{transform:translate(2.4px) scale(.3833) rotate(0deg)}10%{transform:translate(2.4px) scale(.3833) rotate(-4deg)}21%{transform:translate(2.4px) scale(.3833) rotate(3deg)}31%{transform:translate(2.4px) scale(.3833) rotate(-4deg)}42%,52%{transform:translate(2.4px) scale(.3833) rotate(0deg)}66%,to{transform:translate(1.2px) scale(.3333) rotate(0deg)}}.trf-funnel__badge-icon-bar{transform-origin:.5px 5px}.trf-funnel__badge-icon-bar.is-animating{animation:trf-funnel-clapper-clap 2.3s cubic-bezier(.34,1.4,.64,1) both,trf-funnel-clapper-idle-clap var(--trf-badge-idle-cycle) cubic-bezier(.34,1.4,.64,1) var(--trf-badge-idle-delay) infinite}@keyframes trf-funnel-clapper-clap{0%{transform:rotate(0deg)}10%{transform:rotate(-34deg)}21%{transform:rotate(0deg)}31%{transform:rotate(-34deg)}42%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.trf-funnel__badge-icon,.trf-funnel__badge-icon-bar{--trf-badge-idle-cycle:5s;--trf-badge-idle-delay:3.2s}.trf-funnel__badge-shaker{display:inline-flex;transform-origin:center}.trf-funnel__badge-shaker.is-wiggling{animation:trf-funnel-badge-wiggle .7s ease-in-out}@keyframes trf-funnel-badge-wiggle{0%,to{transform:rotate(0deg)}20%{transform:rotate(-2deg)}40%{transform:rotate(1.6deg)}60%{transform:rotate(-1.1deg)}80%{transform:rotate(.5deg)}}@keyframes trf-funnel-clapper-idle-clap{0%,13%,to{transform:rotate(0deg)}3%{transform:rotate(-34deg)}6%{transform:rotate(0deg)}9%{transform:rotate(-34deg)}12%{transform:rotate(0deg)}}@keyframes trf-funnel-clapper-idle-tilt{0%,13%,to{transform:translate(1.2px) scale(.3333) rotate(0deg)}3%{transform:translate(1.2px) scale(.3333) rotate(-4deg)}6%{transform:translate(1.2px) scale(.3333) rotate(3deg)}9%{transform:translate(1.2px) scale(.3333) rotate(-4deg)}}.trf-funnel__badge-text.is-animating-instant,.trf-funnel__badge.is-animating-instant{animation-duration:1ms}.trf-funnel__badge-icon-bar.is-animating-instant,.trf-funnel__badge-icon.is-animating-instant{animation-duration:1ms,var(--trf-badge-idle-cycle);animation-delay:0s,1s}@media (prefers-reduced-motion:reduce){.trf-funnel__badge,.trf-funnel__badge-icon,.trf-funnel__badge-icon-bar,.trf-funnel__badge-text{animation:none!important;transform:none!important;max-width:none!important;padding:0 .75rem!important;height:34px!important}}.trf-funnel__hero-title{margin:0 0 20px;font-family:var(--font-inter),var(--font-sans),system-ui,sans-serif;font-size:clamp(22px,calc(-13px + 11vw),30px);font-weight:700;line-height:1.25;letter-spacing:0;color:#1d1d1d;text-align:center}.trf-funnel__hero-title-line{display:block}.trf-funnel__hero-recipient,.trf-funnel__hero-title-line--recipient{white-space:nowrap}.trf-funnel__hero-recipient-cursor{display:inline-block;width:max(3px,.12em);height:1em;margin-left:.08em;border-radius:1.5px;background:#f5b927;vertical-align:-.16em;animation:trf-funnel-cursor-blink 1s step-end infinite}.trf-funnel__hero-recipient-cursor.is-typing{animation:none}@keyframes trf-funnel-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.trf-funnel__hero-recipient-cursor{animation:none}}.trf-funnel__highlight{position:relative;z-index:0;display:inline;padding:0 12px;color:#1d1d1d;white-space:nowrap}.trf-funnel__highlight-bg{position:absolute;left:-4px;right:-6px;top:50%;z-index:-1;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath fill='%23f5b927' d='M7 15C61 7 139 11 219 8S357 4 393 10C397 15 394 19 398 23C399 32 392 43 396 51C331 56 251 50 171 55S53 58 9 53C4 44 9 33 3 26C2 21 7 19 7 15Z'/%3E%3C/svg%3E") 50% /100% 100% no-repeat;transform:translateY(-50%) rotate(-1.5deg);transform-origin:center center;opacity:0;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);pointer-events:none}.trf-funnel__highlight-bg.is-animating{animation:trf-funnel-highlight-wipe .67s ease-in-out 2.1s forwards}@keyframes trf-funnel-highlight-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}7.5%{opacity:1;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}.trf-funnel__highlight-bg.is-animating-instant{animation-duration:1ms;animation-delay:0s}@media (prefers-reduced-motion:reduce){.trf-funnel__highlight-bg,.trf-funnel__highlight-bg.is-revealed{opacity:1;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);animation:none}}.trf-funnel__hero-lead{margin:0;font-family:var(--font-inter),var(--font-sans),system-ui,sans-serif;font-size:clamp(12px,calc(-5.5px + 5.5vw),16px);font-weight:500;line-height:1.5;color:#665f4d;text-align:center}.trf-funnel__hero-lead-line{display:block}.trf-funnel__hero-lead strong{font-weight:700;color:#665f4d}.trf-funnel__hero-cta{margin-top:30px;width:100%}.trf-funnel__hero-cta .trf-funnel__mobile-cta{width:100%;margin-top:0}.trf-funnel__hero-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}.trf-funnel__hero-preview{width:min(100%,22rem);margin:0 0 50px}.trf-funnel__hero-preview-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (min-width:900px){.trf-funnel__hero{grid-template-columns:1fr 1fr;gap:2rem 3rem;align-content:center;min-height:calc(100dvh - 4.5rem - 6rem);padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(2rem,5vw,4rem)}.trf-funnel__hero-copy{max-width:42rem}.trf-funnel__badge-wrap{justify-content:flex-start;margin-top:0}.trf-funnel__badge{--trf-badge-size:40px;font-size:14px;gap:.5625rem}.trf-funnel__badge-icon{width:40px;height:40px}@keyframes trf-funnel-badge-intro-wide{0%,66%{padding:0;min-width:var(--trf-badge-size,40px);max-width:var(--trf-badge-size,40px);justify-content:center}66.01%,to{padding:0 .75rem 0 8.5px;justify-content:flex-start;min-width:0;max-width:320px}}.trf-funnel__badge.is-animating{animation-name:trf-funnel-badge-intro-wide,trf-funnel-badge-scale}.trf-funnel__hero-lead,.trf-funnel__hero-title{text-align:left}.trf-funnel__hero-title{font-size:clamp(2.25rem,1.35rem + 1.5vw,3rem)}.trf-funnel__highlight{margin-left:-12px}.trf-funnel__highlight-bg{height:56px}.trf-funnel__hero-lead{font-size:clamp(1rem,.8rem + .35vw,1.125rem)}.trf-funnel__hero-cta{width:min(100%,25.5rem)}.trf-funnel__hero-preview{width:100%;max-width:34rem;margin-bottom:0}.trf-funnel__hero-visual{align-items:flex-end}}.trf-hero-comp{position:relative;width:94%;align-self:flex-start;aspect-ratio:1.2/1;margin:0 0 44px calc(50% - 50.06%)}.trf-hero-comp__item{position:absolute;opacity:0}.trf-hero-comp__item img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.trf-hero-comp__float{animation:trf-hero-float var(--float-dur,6s) ease-in-out var(--float-delay,0s) infinite alternate;rotate:var(--push-tilt,0deg)}@keyframes trf-hero-float{0%{transform:translateY(calc(var(--float-y, 7px) * -1)) rotate(calc(var(--float-r, 1.5deg) * -1))}to{transform:translateY(var(--float-y,7px)) rotate(var(--float-r,1.5deg))}}.trf-hero-comp__item--gift{z-index:2;top:-8.5%;left:-20.8%;width:82.6%;rotate:-7deg;filter:drop-shadow(0 18px 22px rgba(29,29,29,.2));--float-dur:7.5s;--float-y:8px;--float-r:1.4deg}.trf-hero-comp__item--gift img{scale:-1 1}.trf-hero-comp__item--sticker{z-index:3;top:71.9%;left:14.2%;width:17%;rotate:-18deg;filter:drop-shadow(0 8px 10px rgba(29,29,29,.2));--float-dur:5.2s;--float-delay:-0.6s;--float-y:5px;--float-r:2.4deg}.trf-hero-comp__item--polaroid-tr{z-index:1;top:16.5%;left:72.2%;width:22.9%;rotate:-5deg;--float-dur:5.8s;--float-delay:-2.2s;--float-y:5px;--float-r:1.2deg}.trf-hero-comp__item--polaroid-r{z-index:1;top:64%;left:68.2%;width:22.4%;rotate:-17deg;--float-dur:6.6s;--float-delay:-0.8s;--float-y:5px;--float-r:1.4deg}.trf-hero-comp__item--cassette{z-index:2;top:45%;left:71.7%;width:28.5%;rotate:17deg;filter:drop-shadow(0 12px 14px rgba(29,29,29,.24));--float-dur:6.4s;--float-delay:-2.6s;--float-y:6px;--float-r:1.6deg}.trf-hero-comp__polaroid{margin:0;padding:6% 6% 22%;background:#fcfcfa;box-shadow:0 12px 20px -6px rgba(29,29,29,.26)}.trf-hero-comp__polaroid img{aspect-ratio:1;object-fit:cover}.trf-hero-comp__item--phone{z-index:10;top:-.1%;left:32%;width:42.5%;rotate:8deg}.trf-hero-comp__floor{position:absolute;left:8%;right:8%;bottom:-5%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(29,29,29,.32),transparent);filter:blur(6px)}.trf-hero-comp__device{position:relative;aspect-ratio:9/18.2;padding:2.4%;border-radius:17%/8%;background:linear-gradient(145deg,#5b5955,#26251f 22%,#121210 50%,#2c2b28 78%,#6a6863);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px rgba(0,0,0,.6),0 2px 2px rgba(29,29,29,.25),0 30px 50px -18px rgba(29,29,29,.45)}.trf-hero-comp__btn{position:absolute;width:1.6%;border-radius:2px;background:linear-gradient(90deg,#6a6863,#2a2926)}.trf-hero-comp__btn--action{top:15%;left:-1.3%;height:4.5%}.trf-hero-comp__btn--vol-up{top:22.5%;left:-1.3%;height:8%}.trf-hero-comp__btn--vol-down{top:32%;left:-1.3%;height:8%}.trf-hero-comp__btn--power{top:25%;right:-1.3%;height:12%;background:linear-gradient(270deg,#6a6863,#2a2926)}.trf-hero-comp__bezel{height:100%;padding:2.6%;border-radius:15%/7%;background:#050505}.trf-hero-comp__screen{position:relative;height:100%;overflow:hidden;border-radius:13%/6%;background:#000}.trf-hero-comp__screen video{width:100%;height:100%;object-fit:cover}.trf-hero-comp__island{position:absolute;top:2.6%;left:50%;width:32%;height:4.2%;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);translate:-50% 0}.trf-hero-comp__glare{position:absolute;inset:0;background:linear-gradient(118deg,transparent,transparent 38%,rgba(255,255,255,.07) 39%,rgba(255,255,255,.025) 58%,transparent 59%);pointer-events:none}.trf-funnel__hero.is-revealing .trf-hero-comp__item{animation:trf-hero-piece-in .9s cubic-bezier(.16,1,.3,1) var(--in-delay,0s) both}.trf-funnel__hero.is-revealing .trf-hero-comp__item--phone{--in-delay:0.5s}.trf-funnel__hero.is-revealing .trf-hero-comp__item--gift{--in-delay:0.8s}.trf-funnel__hero.is-revealing .trf-hero-comp__item--polaroid-tr{--in-delay:1.05s}.trf-funnel__hero.is-revealing .trf-hero-comp__item--polaroid-r{--in-delay:1.55s}.trf-funnel__hero.is-revealing .trf-hero-comp__item--cassette{--in-delay:1.3s}.trf-funnel__hero.is-revealing .trf-hero-comp__item--sticker{--in-delay:1.8s}.trf-funnel__hero.is-revealing .trf-hero-comp__item.is-loading{animation-play-state:paused}.trf-funnel__hero .trf-hero-comp__item.is-in{opacity:1;animation:none}@keyframes trf-hero-piece-in{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@media (max-width:899px){.trf-hero-comp__item--gift{left:-12%;width:72%;filter:none}.trf-hero-comp__item--sticker{left:15.5%}}@media (min-width:900px){.trf-hero-comp{align-self:auto;width:100%;max-width:38rem;margin:0}}@media (prefers-reduced-motion:reduce){.trf-funnel__hero.is-revealing .trf-hero-comp__item,.trf-hero-comp__item{opacity:1;animation:none}.trf-hero-comp__float{animation:none}}.trf-hero-comp.is-editing{outline:1px dashed rgba(29,29,29,.35)}.trf-hero-comp.is-editing .trf-hero-comp__item{cursor:move;outline:1px dashed rgba(31,91,220,.6);touch-action:none}.trf-hero-comp.is-editing .trf-hero-comp__float{animation:none}.trf-hero-editor{position:fixed;left:16px;bottom:16px;z-index:100001;display:flex;flex-direction:column;gap:6px;width:min(560px,calc(100vw - 32px));padding:12px;border-radius:12px;background:#1d1d1d;color:#fcfcfc;font:12px/1.4 var(--font-sans),sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.3)}.trf-hero-editor pre{max-height:180px;margin:0;overflow:auto;font:11px/1.5 ui-monospace,monospace;white-space:pre}.trf-hero-editor button{padding:8px;border:0;border-radius:8px;background:#f5b927;color:#1d1d1d;font-weight:700;cursor:pointer}