.workflow-section{padding-block:0 70px;overflow:clip}.workflow{--stage-height: min(660px, calc(100svh - 110px) );--step-height: max(760px, calc(100svh - 80px) );--workflow-gap: clamp(40px, 8vw, 100px);position:relative;display:grid}.workflow-steps,.workflow-sticky{grid-area:1 / 1}.workflow-step{min-height:var(--step-height);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--workflow-gap);padding-block:110px}.workflow-step:nth-child(2n) .step-copy{grid-column:2;grid-row:1}.workflow-step:nth-child(2n) .inline-demo{grid-column:1;grid-row:1}.inline-demo{display:flex;justify-content:center}.inline-demo .phone,.workflow-stage .phone{width:min(280px,100%,calc((100svh - 175px) / 2.18))}.workflow-motion .inline-demo{visibility:hidden}.step-label{margin-bottom:25px;text-wrap:balance}.step-copy{max-width:410px}.workflow-motion .step-copy{will-change:opacity}.workflow-motion .step-copy:focus-within{opacity:1!important;pointer-events:auto!important}.step-copy h2{font-size:42px;letter-spacing:-.04em;line-height:1.12}.workflow-intro{position:relative;isolation:isolate}.intro-background{position:absolute;inset-block:0;left:calc(50% - 50vw);width:100vw;overflow:hidden;z-index:-1;pointer-events:none}.intro-background img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.2;filter:saturate(.75) blur(3px)}.intro-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0e11a8,#0e0e1133 65%),linear-gradient(180deg,#0e0e112b,#0e0e1133 55%,var(--background))}.workflow-intro .step-copy{max-width:none;min-width:0;container-type:inline-size}.workflow-intro h1{display:grid;gap:12px;font-size:clamp(16px,8cqw,42px);line-height:1.2;letter-spacing:-.04em}.hero-feature{white-space:nowrap}.intro-qr{position:absolute;top:calc(var(--step-height) / 2 + 100px);right:calc((100% - var(--workflow-gap)) / 4 + 68px);z-index:2;width:176px;aspect-ratio:1;padding:12px;border-radius:5px;background:#fff;box-shadow:0 16px 40px #0005;transform:rotate(-5deg)}.intro-qr img{width:100%;height:auto}.step-description{margin-top:23px;color:var(--muted);font-size:16px;line-height:1.85}.workflow-sticky{display:none;position:sticky;top:calc(55px + (100svh - var(--stage-height)) / 2);height:var(--stage-height);margin-block:calc((var(--step-height) - var(--stage-height)) / 2);align-self:start;pointer-events:none;z-index:1}.workflow-motion .workflow-sticky{display:block}.workflow-stage{position:absolute;top:50%;left:0;display:grid;place-items:center;width:calc((100% - var(--workflow-gap)) / 2);transform:translate3d(0,-50%,0);will-change:transform}.workflow-stage.is-idle .phone{transform-origin:50% 65%;animation:phone-wobble 6s ease-in-out infinite}@keyframes phone-wobble{0%,50%,to{transform:rotate(0)}25%{transform:rotate(.7deg)}75%{transform:rotate(-.7deg)}}.stage-halo{position:absolute;z-index:-1;width:min(410px,100%);height:510px;border-radius:50%;background:radial-gradient(ellipse,#ff744f12,transparent 66%);border:1px solid #ffffff08}.workflow-scene{opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s}.workflow-scene.is-active{opacity:1;visibility:visible}.stage-progress{position:absolute;display:flex;gap:8px;top:calc(100% + 24px)}.stage-progress span{width:24px;height:3px;border-radius:5px;background:#ffffff20;transition:background .4s}.stage-progress .is-active{background:var(--primary-cta)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:90px 120px;border-top:1px solid var(--line)}.faq-section h2{font-size:45px}.faq-contact{font-size:13px;color:var(--muted);line-height:2;margin-top:30px}.faq-contact a{display:inline-block;color:var(--primary-cta)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:25px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.summary-icon{position:relative;width:14px;height:14px;flex-shrink:0;color:var(--primary-cta)}.summary-icon:before,.summary-icon:after{content:"";position:absolute;background:currentColor;border-radius:2px;top:6px;width:14px;height:1.5px}.summary-icon:after{transform:rotate(90deg);transition:transform .25s ease}.faq-list details[open] .summary-icon:after{transform:rotate(0)}.faq-answer{padding:0 36px 25px 0;color:var(--muted);font-size:14px;line-height:1.85}.faq-list details[open] .faq-answer{animation:answer-in .3s var(--ease-out)}.closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#ff744f0c,transparent 65%);padding-block:100px 110px}.closing-icon{margin:0 auto 30px;transform:rotate(-8deg);filter:drop-shadow(0 10px 40px #ff744f10)}.closing .eyebrow{margin-bottom:25px}.closing h2{font-size:clamp(55px,6.8vw,90px)}.closing-description{color:var(--muted);margin:25px 0 33px;font-size:16px}.closing-orbit{position:absolute;width:1000px;height:1000px;left:50%;top:-150px;transform:translate(-50%);border:1px solid #ffffff06;border-radius:50%;z-index:-1}@keyframes answer-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.motion-paused .workflow-scene,.workflow-snap .workflow-scene{transition:none}@media(max-width:1100px){.faq-section{gap:60px}.step-copy h2{font-size:38px}}@media(max-width:800px){.intro-qr{display:none}.stage-halo{width:300px}.step-copy h2{font-size:33px}.step-description{font-size:14px}.faq-section{grid-template-columns:1fr;gap:40px;padding-block:70px 80px}.faq-contact{margin-top:20px}}@media(max-width:600px){.workflow-section{padding-block:0 20px}.workflow-step{min-height:0;grid-template-columns:1fr;gap:45px;padding-block:45px}.workflow-intro{padding-top:125px}.workflow-step:nth-child(2n) .step-copy,.workflow-step:nth-child(2n) .inline-demo{grid-column:auto;grid-row:auto}.workflow-step:not(.workflow-intro)+.workflow-step{border-top:1px solid var(--line)}.step-copy{max-width:none}.step-copy h2{font-size:36px;max-width:350px}.step-description{font-size:15px}.inline-demo .phone{--phone-radius: 34px;width:240px}.faq-section h2{font-size:40px}.faq-list summary{font-size:14px;padding-block:22px}.closing{padding-block:75px 85px}.closing .eyebrow{font-size:9px}.closing h2{font-size:60px}.closing-description{font-size:14px}}.step-copy .download-link{margin-top:30px}.closing h2{max-width:15ch;margin-inline:auto}.closing-description{max-width:45ch;margin-inline:auto}@media(max-width:600px){.footer-support{overflow-wrap:anywhere}}