.conversion-hero{background:#f5f0e9;min-height:650px;overflow:hidden}.conversion-hero:after{display:none}.conversion-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding-top:76px;padding-bottom:75px;min-height:580px}.conversion-hero h1{font-size:61px;line-height:1.14;letter-spacing:-1.8px;margin-bottom:28px}.conversion-hero .hero-copy{max-width:none}.conversion-hero .hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.conversion-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#857175}.conversion-hero .hero-actions{gap:22px;flex-wrap:wrap}.conversion-hero .hero-actions .button{font-size:11px;padding:16px 19px;gap:18px}.conversion-hero .hero-actions .text-link{font-size:11px;gap:13px}.conversion-hero .hero-foot{font-size:7px;letter-spacing:1.1px;margin-top:35px;gap:9px}.conversion-hero .hero-foot .icon{width:17px;height:17px;opacity:.5}.hero-demo{position:relative}.hero-demo:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #b7997120;border-radius:50%;top:0;left:20px;pointer-events:none}.hero-demo:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #b7997115;border-radius:50%;top:45px;left:75px;pointer-events:none}.hero-bottom-rule{width:90%;max-width:1250px;margin:auto;border-top:1px solid #d9c9bc;display:flex;justify-content:space-between;padding:20px 0;font-size:7px;color:#a18a79;letter-spacing:1.8px}.floating-process{margin:0;position:relative;z-index:1;padding-top:10px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.demo-heading>span{font-size:8px;color:#7c5763;display:flex;align-items:center;gap:8px;letter-spacing:.9px;font-weight:600}.demo-heading .icon{width:20px;height:20px;opacity:.55}.demo-heading>small{font-size:6px;letter-spacing:1px;color:#b09684}.demo-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:258px}.demo-lane{padding-top:8px}.demo-lane>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8c7374;border-bottom:1px solid #d9c9bd;padding:0 0 15px;white-space:nowrap}.demo-lane>span i{width:5px;height:5px;background:#b7a18c;border-radius:50%}.demo-lane:nth-child(2)>span i{background:#946f7d}.demo-lane:nth-child(3)>span i{background:#5f7b63}.demo-ghost{height:49px;border:1px dashed #d5c3b5;margin-top:15px;opacity:.55}.demo-ghost.short{width:75%;height:35px;opacity:.25}.demo-task{position:absolute;left:5px;top:67px;width:calc(33.333% - 10px);background:#fffdf9;box-shadow:0 15px 35px #4b213014;border:1px solid #e0d3c8;padding:17px 14px 12px;transition:left 1.15s cubic-bezier(.4,0,.15,1),transform .6s,box-shadow .6s;z-index:3}.task-label{font-size:5px;letter-spacing:1px;color:#b39b87;display:block;white-space:nowrap}.profile-symbol{background:#f0e8e2;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:13px 0 10px}.profile-symbol .icon{width:19px;height:19px;opacity:.65}.demo-task>strong{display:block;color:#59313e;font-size:13px;font-weight:500;line-height:1.4}.demo-task>p{font-size:7px;color:#ad9388;margin:7px 0 12px;line-height:1.5}.task-status{display:flex;align-items:center;gap:5px;border-top:1px solid #e9dfd5;padding-top:9px;color:#8c6b6a;font-size:6px;white-space:nowrap}.task-status>i{width:4px;height:4px;background:#a69178;border-radius:50%}.demo-cursor{position:absolute;left:20%;top:190px;display:flex;align-items:flex-start;gap:0;z-index:4;transition:left 1.15s cubic-bezier(.4,0,.15,1),top .7s;pointer-events:none}.demo-cursor>img{width:24px;height:24px;transform:rotate(-20deg)}.demo-cursor>span{font-size:7px;color:#fff;background:var(--wine);padding:3px 7px;margin:18px 0 0 -5px;line-height:1.3}.demo-cursor>i{position:absolute;top:11px;left:11px;width:5px;height:5px;border-radius:50%;border:1px solid #4b2130;opacity:0}.floating-process[data-phase="1"] .demo-task{left:calc(33.333% + 5px);transform:translateY(-7px) rotate(-1deg);box-shadow:0 22px 35px #4b213025}.floating-process[data-phase="2"] .demo-task{left:calc(66.666% + 5px);transform:translateY(0);border-color:#b4c5ac}.floating-process[data-phase="1"] .demo-cursor{left:53%;top:181px}.floating-process[data-phase="2"] .demo-cursor{left:80%;top:193px}.floating-process[data-phase="1"] .demo-cursor>i{opacity:.7}.floating-process[data-phase="2"] .task-status{color:#657a60}.floating-process[data-phase="2"] .task-status>i{background:#74876a}.demo-feedback{display:flex;align-items:center;gap:13px;background:#fffdf9;border:1px solid #e1d3c7;padding:17px 20px;box-shadow:0 12px 30px #4b21300b;width:82%;margin:12px 0 0 8%}.feedback-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f2ebe4;border-radius:50%}.feedback-icon .icon{width:19px;height:19px;opacity:.6}.demo-feedback>div>span{display:block;font-size:11px;color:#603c46;font-weight:500}.demo-feedback>div>small{font-size:8px;color:#a08a7e}.demo-feedback>strong{margin-left:auto;display:flex;align-items:baseline;gap:4px}.demo-feedback>strong>b{font-family:'Playfair Display',Georgia,serif;font-size:25px;color:#5d3341;font-weight:400}.demo-feedback>strong>i{font-size:9px;color:#baa28d;font-style:normal;font-weight:400}.floating-process figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;font-size:7px;color:#a38c80}.floating-process figcaption>span{max-width:255px}.floating-process figcaption>button{background:none;border:0;border-bottom:1px solid #c9b7a7;padding:3px 0;font-size:7px;color:#8d6c73;white-space:nowrap}.demo-disclaimer{text-align:center;color:#b49b89;font-size:6px;letter-spacing:.2px;margin:12px 0 0}.campaign-editorial{margin:0;background:var(--wine);color:#e6d6c9}.campaign-editorial>img{width:100%;height:auto;display:block}.campaign-editorial>div{padding:30px}.campaign-editorial .eyebrow{color:#c4ab8e;font-size:7px;margin-bottom:18px}.campaign-editorial>div>p:not(.eyebrow){font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.45;margin-bottom:15px}.campaign-editorial>div>span{font-size:7px;color:#ac9281}
@media(min-width:1600px){.conversion-hero{min-height:700px}.conversion-layout{min-height:625px}.conversion-hero h1{font-size:68px}}@media(max-width:1100px){.conversion-layout{gap:35px;padding-top:55px;padding-bottom:55px}.conversion-hero h1{font-size:47px}.conversion-hero .hero-copy .eyebrow{font-size:6px;letter-spacing:1.2px}.conversion-hero .hero-copy>p:not(.eyebrow){font-size:12px}.conversion-hero .hero-actions{gap:18px}.conversion-hero .hero-actions .button{font-size:10px;padding:14px 16px}.conversion-hero .hero-actions .text-link{font-size:10px}.demo-heading>small{display:none}.demo-task{padding:13px 10px 10px}.demo-task>strong{font-size:12px}.task-label{font-size:4px;letter-spacing:.5px}.demo-task>p{font-size:6px}.demo-lane>span{font-size:8px;gap:4px}.task-status{font-size:5px;gap:3px}.demo-feedback{padding:14px 13px;width:95%;margin-left:0;gap:10px}.demo-feedback>div>span{font-size:9px}.demo-feedback>div>small{font-size:7px}.floating-process figcaption{font-size:6px}.floating-process figcaption>button{font-size:6px}.hero-demo:before{width:330px;height:330px;left:0}.hero-demo:after{width:270px;height:270px;left:25px}.hero-bottom-rule{font-size:6px;letter-spacing:1px}.conversion-hero{min-height:590px}.campaign-editorial>div{padding:25px}.campaign-editorial>div>p:not(.eyebrow){font-size:24px}}
@media(max-width:760px){.conversion-hero{min-height:0}.conversion-layout{grid-template-columns:1fr;gap:35px;padding-top:38px;padding-bottom:35px;min-height:0}.conversion-hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:25px}.conversion-hero .hero-copy .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:22px}.conversion-hero .hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.85}.conversion-hero .hero-actions{gap:19px}.conversion-hero .hero-actions .button{font-size:11px;padding:14px 18px}.conversion-hero .hero-actions .text-link{font-size:11px}.conversion-hero .hero-foot{font-size:6px;letter-spacing:.5px;margin-top:27px}.conversion-hero .hero-foot .icon{width:14px;height:14px}.hero-demo{padding-top:8px;border-top:1px solid #ddcfc1}.floating-process{padding-top:18px}.demo-heading{margin-bottom:20px}.demo-heading>span{font-size:7px;letter-spacing:.8px}.demo-heading>small{display:block;font-size:5px;letter-spacing:.7px}.demo-heading .icon{width:18px;height:18px}.demo-board{height:245px;gap:8px}.demo-lane>span{font-size:8px;padding-bottom:13px}.demo-task{top:62px;padding:13px 10px 10px}.task-label{font-size:4px}.demo-task>strong{font-size:12px}.demo-task>p{font-size:6px;line-height:1.6}.profile-symbol{width:29px;height:29px;margin-top:12px}.demo-feedback{width:92%;margin-left:4%;padding:15px 16px;gap:10px}.demo-feedback>div>span{font-size:10px}.demo-feedback>div>small{font-size:7px}.demo-feedback>strong>b{font-size:24px}.demo-cursor>span{font-size:6px}.floating-process figcaption{font-size:6px;margin-top:23px;gap:12px;line-height:1.7}.floating-process figcaption>span{max-width:215px}.floating-process figcaption>button{font-size:6px}.hero-demo:before{width:290px;height:290px;top:35px;left:20px}.hero-demo:after{width:230px;height:230px;top:65px;left:50px}.hero-bottom-rule{padding:16px 0 20px;gap:15px;font-size:5px;letter-spacing:.6px;line-height:1.8}.hero-bottom-rule>span{max-width:100px}.campaign-editorial>div{padding:25px}.campaign-editorial .eyebrow{font-size:6px;letter-spacing:1px}.campaign-editorial>div>p:not(.eyebrow){font-size:23px}}
.demo-board{height:282px}.demo-lane>span{font-size:11px}.demo-task>strong{font-size:15px}.demo-task>p{font-size:9px}.task-label{font-size:6px;letter-spacing:.5px}.task-status{font-size:8px}.demo-feedback>div>span{font-size:12px}.demo-feedback>div>small{font-size:10px}.floating-process figcaption,.floating-process figcaption>button{font-size:9px}.demo-disclaimer{font-size:8px}.demo-cursor>span{font-size:8px}
@media(max-width:1100px){.demo-lane>span{font-size:9px}.demo-task>strong{font-size:13px}.demo-task>p{font-size:8px}.task-label{font-size:5px}.task-status{font-size:7px}.demo-feedback>div>span{font-size:11px}.demo-feedback>div>small{font-size:9px}.floating-process figcaption,.floating-process figcaption>button{font-size:8px}.demo-disclaimer{font-size:7px}}
@media(max-width:760px){.demo-board{height:275px}.demo-task>strong{font-size:13px}.demo-lane>span{font-size:9px}.task-label{font-size:5px}.demo-task>p{font-size:8px}.task-status{font-size:7px}.floating-process figcaption{align-items:flex-start}.floating-process figcaption,.floating-process figcaption>button{font-size:8px}.demo-feedback>div>span{font-size:11px}.demo-feedback>div>small{font-size:9px}.demo-disclaimer{font-size:7px}.demo-cursor>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.demo-task,.demo-cursor{transition:none!important}}