/* A quieter canvas, photographic devices, and moments with room to breathe. */
:root{--paper:#fff;--muted:#596b77}body{background:#fff}.hero-world:before{background:#dceff760;filter:blur(75px)}.orbit{opacity:.4}.orbit-dot{opacity:.6}.glass{border-color:#e1e9ee;background:linear-gradient(130deg,#ffffffed,#f9fcffd6)}.story,.story-offers{background:#fff;border-color:#edf0f2}.story-offers{background:#f7f8fa}.story-glow{background:#dceef650;filter:blur(90px);inset:28% 6% 20%}.story-offers .story-glow{background:#ececf655}.experience-section{background:#f7f8fa}.phone-stage:before,.phone-stage:after{display:none}.story-side-note,.screen-note{display:none}.story-copy h2{letter-spacing:-2.8px}.story-play{background:#f2f4f6;border:0;box-shadow:none}.story-seek i{background:#dfe4e8}.preview-tabs button[aria-selected=true]{background:#fff;border-color:#dfe7ec;box-shadow:0 8px 25px #17394b05}.step-number{background:#f3f8fb}.stories-intro{padding-top:50px}.story{isolation:isolate}.story-sticky{min-height:790px}.story-layout{gap:80px}.story-visual{perspective:none}.recording-link{margin-bottom:3px}.story-copy{z-index:2}
.device{position:relative;isolation:isolate;aspect-ratio:1/2;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 22px 22px #172c3c1a)}.device-screen{position:absolute;left:9.131905%;top:2.70575%;width:81.736189%;height:93.630214%;border-radius:14.4828% / 6.3215%;overflow:hidden;background:#f4faff;z-index:0}.device-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;pointer-events:none;z-index:2;transform:none!important;transition:none!important;opacity:1!important}.story-phone{width:380px;height:760px;max-width:100%;transform:translateY(var(--phone-lift,0px));transition:transform .12s linear}.story-phone .device-screen{background:linear-gradient(155deg,#f8fcff,#eaf5fb 62%,#f1f2fb)}.story-offers .device-screen{background:linear-gradient(155deg,#f7fbff,#efedf8 62%,#f1f8fc)}.device-status{height:41px;padding:12px 23px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;color:#152b39}.film-header{height:63px;padding:7px 18px 10px}.film-viewport{height:calc(100% - 125px)}.film-scene{padding:20px 19px;gap:15px}.film-home-indicator{bottom:8px;height:3px;width:95px;background:#132d45}.phone{width:335px;max-width:100%;aspect-ratio:1/2;border:0;border-radius:0}.phone .device-screen img{object-fit:cover;width:100%;height:100%}.phone-stage{padding-bottom:0}.stage-caption{color:#5e717e}.film-greeting img{height:120px}.film-greeting p{font-size:11px}.film-action{flex-shrink:0}.scene-connecting{padding-top:31px}.scene-success{padding-top:25px}.film-timeline>div{min-height:69px}.film-preview{font-size:9px}.story-note{color:#63737f}
.moments{padding-top:65px;padding-bottom:40px;background:#fff;overflow:hidden}.moments-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.moments-heading h2{margin-top:17px;font-size:clamp(40px,4.5vw,66px);line-height:1.05;letter-spacing:-3px}.moments-heading>p{font-size:17px;color:var(--muted);max-width:390px}.moment-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 max(48px,calc((100vw - 1232px)/2));scroll-padding-inline:max(48px,calc((100vw - 1232px)/2));-webkit-overflow-scrolling:touch}.moment-track::-webkit-scrollbar{display:none}.moment-card{flex:0 0 min(1030px,83vw);scroll-snap-align:start;background:#f7f8fa;border-radius:30px;overflow:hidden;min-width:0}.moment-image,.moment-demo-stage,.moment-finish-stage{height:520px;position:relative;overflow:hidden}.moment-image img{width:100%;height:116%;object-fit:cover;object-position:center;transform:translateY(var(--moment-pan,-7%));will-change:transform}.moment-copy{display:flex;align-items:center;gap:20px;padding:25px 30px;min-height:117px;background:#f7f8fa}.moment-index{color:#93a0a8;font-size:13px;align-self:flex-start;margin-top:4px}.moment-copy h3{font-size:23px;letter-spacing:-.7px}.moment-copy p{font-size:14px;color:var(--muted);margin-top:7px}.moment-kind{margin-left:auto;font-size:10px;color:#677987;white-space:nowrap;align-self:flex-end}.moment-demo-stage{background:#f0f4f7;display:flex;align-items:center;justify-content:center;gap:55px;padding:0 55px}.moment-demo-copy{max-width:330px;position:relative;z-index:1}.moment-demo-copy h3{font-size:43px;line-height:1.1;letter-spacing:-2px;margin:20px 0}.moment-demo-copy p{font-size:16px;color:var(--muted);max-width:270px}.moment-device{flex:none;width:265px;height:530px;transform:rotate(5deg) translateY(25px);filter:drop-shadow(0 15px 16px #213b4e20)}.moment-device video{width:100%;height:100%;object-fit:cover;display:block;background:#f5faff}.moment-video-control{position:absolute;bottom:22px;right:23px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff;background:#ffffffc9;backdrop-filter:blur(15px);font-size:16px;z-index:3}.moment-video-control:hover{background:white}.moment-finish-stage>.finish-room{height:100%;width:100%;object-fit:cover;object-position:center 50%}.finish-inset{position:absolute;left:35px;right:35px;bottom:30px;display:flex;align-items:center;gap:20px;padding:18px 23px;border-radius:23px;color:#284a5e}.finish-inset>span{font-size:18px;line-height:1.4}.finish-inset a{margin-left:auto;display:grid;place-items:center;background:white;border-radius:50%;width:42px;height:42px;font-size:22px}.moment-navigation{display:flex;align-items:center;justify-content:space-between;padding-top:25px}.moment-navigation>div{display:flex;gap:9px}.moment-navigation button{border:0;background:#eef1f4;color:#294a5d;border-radius:50%;width:43px;height:43px;font-size:21px}.moment-navigation button:hover:not(:disabled){background:#dee8ef}.moment-navigation button:disabled{opacity:.35;cursor:default}.moment-dots{align-items:center;border-radius:30px;background:#f1f3f5;padding:11px 17px;gap:7px!important}.moment-dots button{width:8px;height:8px;padding:0;background:#bfc7cc}.moment-dots button[aria-current=true]{width:27px;border-radius:12px;background:#295f7a;transition:width .25s}.moment-track:focus-visible{outline:2px solid #308bb2;outline-offset:-3px}
@media(min-width:1400px){.story-phone{width:394px;height:788px}.film-scene{padding:23px;gap:18px}}
@media(max-height:850px) and (min-width:801px){.story-sticky{min-height:680px}.story-phone{zoom:.81}.story-layout{padding-block:28px}.story-copy h2{font-size:45px;margin-bottom:25px}}
@media(max-width:1120px){.moments-heading{gap:30px}.moment-track{padding-inline:32px;scroll-padding-inline:32px}.moment-image,.moment-demo-stage,.moment-finish-stage{height:450px}.moment-demo-stage{gap:24px;padding:0 35px}.moment-demo-copy h3{font-size:36px}.moment-kind{display:none}.moment-copy{min-height:112px}.story-layout{gap:40px}.story-phone{max-width:none}.story-visual{min-width:0}.phone{width:320px}}
@media(max-width:800px){.story-sticky{min-height:0}.story-layout{gap:36px}.story-phone{width:min(380px,100%);height:auto;aspect-ratio:1/2;zoom:1}.story-copy h2{font-size:42px}.moments{padding-top:40px}.moments-heading{display:block;margin-bottom:30px}.moments-heading h2{font-size:49px;letter-spacing:-2.4px}.moments-heading>p{margin-top:20px;font-size:16px}.moment-track{padding-inline:24px;scroll-padding-inline:24px;gap:16px}.moment-card{flex-basis:88vw;border-radius:24px}.moment-image,.moment-demo-stage,.moment-finish-stage{height:430px}.moment-image img{object-position:63% center}.moment-demo-copy h3{font-size:30px}.moment-demo-copy .eyebrow{font-size:9px}.moment-demo-copy p{font-size:14px}.moment-device{width:220px;height:440px;transform:rotate(4deg) translateY(22px)}.moment-demo-stage{padding-inline:25px;gap:12px}.moment-copy{padding:21px 24px;gap:14px}.moment-copy h3{font-size:21px}.moment-copy p{font-size:13px}.story-controls{left:24px}.recording-link{font-size:12px}.phone{width:310px}}
@media(max-width:540px){.moments-heading h2{font-size:42px;letter-spacing:-2px}.moments-heading>p{font-size:15px}.moments-heading>p br{display:none}.moment-track{padding-inline:20px;scroll-padding-inline:20px;gap:14px}.moment-card{flex-basis:calc(100vw - 48px)}.moment-image,.moment-demo-stage,.moment-finish-stage{height:395px}.moment-image img{object-position:61% center}.moment-demo-stage{display:block;padding:28px 24px}.moment-demo-copy{max-width:190px}.moment-demo-copy h3{font-size:27px;margin:12px 0;letter-spacing:-1px}.moment-demo-copy p{display:none}.moment-demo-copy .eyebrow{font-size:8px;letter-spacing:1px}.moment-device{width:196px;height:392px;position:absolute;right:20px;top:104px;transform:rotate(8deg)}.moment-copy{padding:22px 20px;min-height:131px}.moment-copy h3{font-size:21px}.moment-copy p{font-size:13px;line-height:1.55}.moment-index{display:none}.moment-navigation{padding-top:20px}.moment-video-control{left:23px;right:auto}.finish-inset{left:18px;right:18px;bottom:22px;padding:15px;gap:12px}.finish-inset>img{width:43px}.finish-inset>span{font-size:16px}.finish-inset a{width:34px;height:34px;flex:none}.story-visual{width:100%;max-width:380px}.story-phone{width:100%;max-width:360px}.film-scene{padding:17px 17px;gap:13px}.film-scene h4{font-size:24px}.film-greeting img{height:108px}.film-greeting p{font-size:10px}.film-greeting h4{font-size:23px}.film-viewport{height:calc(100% - 115px)}.device-status{height:37px}.film-header{height:58px}.film-timeline>div{min-height:61px}.film-timeline>div:not(:last-child):before{height:33px}.film-provider{padding:18px 14px}.film-provider-details{margin-block:17px}.scene-connecting{padding-top:29px}.scene-success{padding-top:23px}.film-order{padding:12px 9px}.film-greeting img{margin-top:-5px}.film-network img{width:109px;height:90px}.scene-finished{gap:13px}.film-offers>div{padding:13px 11px}.film-offers strong{font-size:33px}.story-glow{display:none}.phone{width:320px;max-width:100%}}
@media(max-width:370px){.story-phone{zoom:1}.film-scene{gap:10px;padding:15px}.film-greeting img{height:92px}.film-greeting h4{font-size:21px}.chat-line{padding:10px;font-size:12px}.film-attachment{padding:7px}.film-attachment img{height:36px;width:36px}.film-scene h4{font-size:22px}.film-timeline>div{min-height:51px}.film-timeline>div:not(:last-child):before{top:40px;height:30px}.film-provider{padding:14px 10px}.film-provider-details{margin-block:12px}.film-provider h5{margin-top:10px}.film-provider>small{font-size:9px}.draft-photo img{height:138px}.connection-world img{height:164px}.network-destinations span{padding-inline:6px}.film-network img{height:75px;width:90px}.film-offers>div{padding:11px 9px}.film-job-row{padding:8px 0}.film-offers strong{font-size:30px;margin-block:7px}.film-offers span{min-height:24px}.scene-finished .finished-photo img{height:136px}.film-review{padding:10px}.film-action{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.moment-image img{transform:translateY(-7%);will-change:auto}.moment-track{scroll-behavior:auto}.story-sticky{min-height:0}.story-phone{transform:none}.device{filter:drop-shadow(0 15px 16px #172c3c15)}}
/* Preserve the app's internal layout as the physical device scales. */
.film-ui{position:relative;width:310px;height:711px;transform:scale(var(--screen-scale,1));transform-origin:top left}.film-ui .device-status{height:41px}.film-ui .film-header{height:63px}.film-ui .film-viewport{height:586px}.film-ui .film-scene{padding:21px 19px;gap:15px}.film-ui .film-greeting img{height:120px}.film-ui .film-greeting h4{font-size:25px}.film-ui .film-greeting p{font-size:11px}.film-ui .film-scene h4{font-size:26px}.film-ui .film-timeline>div{min-height:62px}.film-ui .film-timeline>div:not(:last-child):before{top:43px;height:31px}.film-ui .film-job-row{padding:14px 0}.film-ui .film-provider{padding:20px 14px}.film-ui .film-network img{width:115px;height:95px}.film-ui .finished-photo{flex-shrink:0}.film-ui .finished-photo img{height:158px}.film-ui .chat-line{padding:13px;font-size:13px}.film-ui .draft-photo img{height:169px}.film-ui .connection-world img{height:196px}.film-ui .film-attachment img{height:47px;width:47px}.film-ui .film-action{padding:14px;font-size:12px}.film-ui .film-offers>div{padding:16px 12px}.film-ui .film-offers strong{font-size:36px;margin:11px 0 9px}.film-ui .film-offers span{min-height:28px}.film-ui .film-provider-details{margin:20px 0}.film-ui .scene-success{padding-top:29px}.film-ui .scene-connecting{padding-top:31px}html[lang=es] .film-ui .film-scene h4{font-size:24px}html[lang=es] .film-ui .film-scene{gap:12px}html[lang=es] .film-ui .film-timeline>div{min-height:58px}
.story .story-phone{background:transparent}
/* Shared tracks align numbers, headings, paragraphs and example dividers. */
@media(min-width:541px){.steps{row-gap:0}.steps article{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}.steps h3,.steps p{align-self:start}.steps .step-number{align-self:start}.step-example,.offer-example,.journey-example{align-self:stretch}.steps h3{max-width:none}}
@supports not (grid-template-rows:subgrid){@media(min-width:541px){.steps article{display:flex;flex-direction:column}.steps h3{min-height:3.75em}.steps article>div:last-child{margin-top:auto}}}
.motion-ready .story{height:160vh}.story .film-scene.is-active{animation:none}.story .film-scene.is-active *,.story .film-scene.is-active *:before,.story .film-scene.is-active *:after{animation-play-state:paused}.story[data-motion=running] .film-scene.is-active *,.story[data-motion=running] .film-scene.is-active *:before,.story[data-motion=running] .film-scene.is-active *:after{animation-play-state:running}.story-seek button[aria-current=step] i{background:#d7e1e8;box-shadow:none}.story-seek button[aria-current=step] i:after{content:"";position:absolute;inset:0;background:#2d8bb2;transform:scaleX(var(--chapter-progress,0));transform-origin:left}.story .linkio-line{position:relative}.typing-dots{position:absolute;left:17px;top:50%;display:flex;gap:5px;transform:translateY(-50%);opacity:0}.typing-dots i{height:5px;width:5px;border-radius:50%;background:#73a3bb;animation:typing-dot .6s ease-in-out infinite alternate}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.story .connection-progress i{width:100%;transform-origin:left;animation:none}.story .celebration-stars span{animation:none}.story .film-action{will-change:transform}.story .film-offers>div{overflow:hidden}.story .film-offers>div:after{inset:0;border-radius:inherit;animation:offer-shimmer 4.8s ease-in-out 1;opacity:.45}.preview-motion-controls{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:20px;color:#657e8d;font-size:12px}.preview-motion-controls button{border:1px solid #dae5ec;border-radius:24px;background:#fff;padding:10px 15px;font-size:12px;min-height:40px}.preview-motion-controls button:hover{background:#eef6fa}.preview-motion-controls>span{font-variant-numeric:tabular-nums}.phone .device-screen{isolation:isolate}.phone .device-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff3 49%,transparent 65%);pointer-events:none;opacity:0}.phone.preview-moving .device-screen:after{animation:screen-reflection 1.4s ease-out 1}.phone.preview-moving #app-screen{animation:preview-screen-drift 5s ease-out 1}.preview-tabs button[aria-selected=true]{position:relative;overflow:hidden}.preview-tabs.is-playing button[aria-selected=true]:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#66adc9;transform-origin:left;animation:preview-tab-progress 5s linear both}.preview-tabs.is-playing.is-paused button[aria-selected=true]:after{animation-play-state:paused}@keyframes typing-dot{to{transform:translateY(-3px);opacity:.45}}@keyframes screen-reflection{0%{opacity:0;transform:translateX(-80%)}20%,75%{opacity:.65}100%{opacity:0;transform:translateX(80%)}}@keyframes preview-screen-drift{from{transform:scale(1.02)}to{transform:scale(1)}}@keyframes preview-tab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.motion-ready .story{height:auto}.preview-motion-controls{font-size:11px}.preview-motion-controls button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.motion-ready .story{height:auto}.typing-dots{display:none}.story-seek button[aria-current=step] i:after{transform:scaleX(1)}.preview-tabs.is-playing button[aria-selected=true]:after{display:none}.story .connection-progress i{transform:none}}

.reply-text{display:inline-block}

.phone.is-motion-paused.preview-moving #app-screen,.phone.is-motion-paused.preview-moving .device-screen:after{animation-play-state:paused}.preview-tabs.is-playing button[aria-selected=true]:after{animation:none;transform:scaleX(var(--preview-progress,0))}

/* Exact app recordings in steady frames; the recording supplies its own camera cutout. */
.campaign-card{flex-basis:min(570px,85vw)}
.campaign-stage{position:relative;display:grid;place-items:center;padding:28px 28px 64px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#e8f4fb 0, #f5f9fc 54%, #fafbfc 80%)}
.campaign-card:nth-child(2) .campaign-stage{background:radial-gradient(ellipse at 50% 45%,#efedf9 0,#f7f7fc 54%,#fafbfc 80%)}
.campaign-card:nth-child(3) .campaign-stage{background:radial-gradient(ellipse at 50% 45%,#e6f3ef 0,#f5faf8 54%,#fafbfc 80%)}
.campaign-device{width:390px;max-width:100%;aspect-ratio:1 / 1.8987;flex:none;transform:none;filter:drop-shadow(0 18px 20px #17394b1a)}
.campaign-device .device-screen{z-index:3;background:#f4faff}
.campaign-film{display:block;width:100%;height:100%;object-fit:contain;background:#f4faff}
.campaign-card .moment-copy{min-height:148px;align-items:flex-start}
.film-label{position:absolute;left:24px;bottom:25px;color:#5a7180;font-size:11px;font-weight:500;letter-spacing:.1px}
.campaign-stage .moment-video-control{left:auto;right:23px;bottom:16px;color:#17394b;box-shadow:0 2px 12px #1429380b}
.campaign-stage .moment-video-control:focus-visible{outline:2px solid #1d759a;outline-offset:3px}
@media(max-width:600px){.campaign-card{flex-basis:calc(100vw - 40px)}.campaign-stage{padding:14px 0 58px}.campaign-device{width:100%;max-width:390px}.film-label{left:19px;bottom:25px;font-size:10px;max-width:calc(100% - 84px)}.campaign-stage .moment-video-control{right:17px;bottom:14px;width:40px;height:40px}.campaign-card .moment-copy{min-height:150px;align-items:flex-start}.campaign-card .moment-copy h3{font-size:23px;line-height:1.14}.campaign-card .moment-copy p{font-size:14px}}