.booking-preview.feature-art{background:radial-gradient(at 50% 100%,#331232,#0000 70%);width:100%;max-width:none;height:258px;padding:8px 25px 0;position:absolute;bottom:0;left:0;overflow:hidden;container-type:inline-size}.quote-demo-window{color:#111827;background:#fff;border-radius:14px 14px 0 0;width:100%;height:250px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.2;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff20,0 20px 50px #0006}.quote-demo-progress{background:#eceef2;height:3px}.quote-demo-progress>span{background:linear-gradient(90deg,#ff2aa6,#03f);height:100%;transition:width .45s;display:block}.quote-demo-screen{padding:12px 17px;animation:.4s ease-out both quote-demo-enter}.quote-demo-screen h4{letter-spacing:-.6px;color:#111827;max-width:235px;margin:0 0 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:800;line-height:1.1}.quote-demo-screen p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#6b7280!important;letter-spacing:0!important;margin:0 0 6px!important;font-size:9px!important;font-weight:400!important;line-height:1.45!important}.quote-demo-fields{flex-direction:column;gap:6px;display:flex}.quote-demo-field>span{color:#6b7280;margin-bottom:3px;font-size:8px;display:block}.quote-demo-field>div{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;height:22px;padding:0 8px;font-size:9px;display:flex}.quote-demo-field>div>span{color:#9ca3af;font-size:11px}.quote-demo-car{background:linear-gradient(#fff,#f1f3f6);border:1px solid #e5e7eb;border-radius:9px;height:42px;margin:7px 0 6px;overflow:hidden}.quote-demo-car img{object-fit:contain;width:100%;height:100%}.quote-demo-next{color:#fff;background:#ff2aa6;border-radius:30px;justify-content:center;align-items:center;height:25px;font-size:10px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 15px #ff2aa622}.quote-demo-next>span{position:absolute;right:14px}.quote-demo-back{color:#6b7280;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-bottom:6px;font-size:16px;display:flex}.quote-demo-service h4{margin-bottom:12px}.quote-demo-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.quote-demo-services>div{border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;height:48px;padding:4px;display:flex;position:relative;overflow:hidden}.quote-demo-services img{object-fit:cover;border-radius:5px;width:40px;height:40px}.quote-demo-services span{font-size:8px;font-weight:600;line-height:1.2}.quote-demo-screen .quote-demo-selected{background:#fff8fc;border-color:#ff2aa6;animation:1.1s both quote-demo-select;position:relative}.quote-demo-selected:before{content:"";clip-path:polygon(0 0,100% 60%,61% 66%,83% 94%,65% 100%,43% 70%,15% 96%);z-index:3;pointer-events:none;background:#111827;width:14px;height:19px;animation:1.1s both quote-demo-pointer;position:absolute;bottom:5px;right:12px}.quote-demo-selected:after{content:"";z-index:2;pointer-events:none;border:2px solid #ff2aa6;border-radius:50%;width:20px;height:20px;animation:1.1s both quote-demo-tap;position:absolute;bottom:6px;right:10px}@keyframes quote-demo-select{0%,54%{background:#fff;border-color:#e5e7eb;transform:scale(1)}55%{background:#fff8fc;border-color:#ff2aa6}65%{background:#ffe4f3;border-color:#ff2aa6;transform:scale(.97)}to{background:#fff8fc;border-color:#ff2aa6;transform:scale(1)}}.quote-demo-selected>i{animation:1.1s both quote-demo-check}@keyframes quote-demo-check{0%,54%{color:#0000}55%,to{color:#ff2aa6}}@keyframes quote-demo-pointer{0%,15%{opacity:0;transform:translate(15px,12px)}45%,75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes quote-demo-tap{0%,50%{opacity:0;transform:scale(.4)}60%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}.booking-preview.is-paused .quote-demo-screen{animation:none}.booking-preview.is-paused *,.booking-preview.is-paused :before,.booking-preview.is-paused :after{animation-play-state:paused!important}.quote-demo-conditions{flex-direction:column;gap:6px;display:flex}.quote-demo-conditions>div{border:1px solid #e5e7eb;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;padding:4px 7px;display:flex}.quote-demo-conditions b{font-size:10px;display:block}.quote-demo-conditions small{color:#6b7280;margin-top:3px;font-size:7px;line-height:1.2;display:block}.quote-demo-conditions i{color:#ff2aa6;text-align:center;border:1px solid #ddd;border-radius:50%;flex:none;width:12px;height:12px;font-size:8px;font-style:normal}.quote-demo-locations{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.quote-demo-locations>div{border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:18px 5px;display:flex}.quote-demo-locations svg{color:#111827;width:28px;height:28px}.quote-demo-locations b{font-size:10px}.quote-demo-locations small{color:#6b7280;font-size:8px}.quote-demo-confirmation{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:calc(100% - 3px);padding:18px;display:flex}.quote-demo-confirmation-mark{flex:none;width:52px;height:52px}.quote-demo-confirmation h4{text-align:center;max-width:100%;margin:0;font-size:22px}.quote-demo-booking-summary{background:#f8faf9;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;width:100%;max-width:230px;margin:0;padding:12px;display:flex}.quote-demo-booking-summary>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.quote-demo-booking-summary dt{color:#6b7280;font-size:9px}.quote-demo-booking-summary dd{text-align:right;margin:0;font-size:10px;font-weight:600}@keyframes quote-demo-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quote-demo-screen,.quote-demo-screen .quote-demo-selected,.quote-demo-selected>i{animation:none}.quote-demo-selected:before,.quote-demo-selected:after{display:none}.quote-demo-progress>span{transition:none}}
.feature-card .feature-preview.feature-art{color:#fff;isolation:isolate;width:100%;max-width:none;height:258px;padding:0;font-family:Inter,sans-serif;position:absolute;inset:auto 0 0;overflow:visible}.feature-preview>div{width:100%;height:100%}.feature-preview strong{font-weight:600}.feature-preview small{font-weight:400}.feature-card.feature-5 .feature-front{background:#111018}.reminder-art{isolation:isolate;height:100%;padding:12px 20px 0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:relative}.reminder-art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 60%,#234b8028,#0000 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.reminder-art-time{text-align:center;color:#98989d;margin-bottom:20px;font-size:10px;font-weight:500;line-height:14px}.reminder-art-thread{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.reminder-art-message,.reminder-art-reply,.reminder-art-voice{color:#111;opacity:0;transform-origin:0 100%;background:#e5e5ea;border-radius:18px;padding:10px 14px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;position:relative;transform:translateY(12px)scale(.97)}.reminder-art-message:before,.reminder-art-voice:before,.reminder-art-reply:before{content:"";background:inherit;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%,26% 70%);width:14px;height:16px;position:absolute;bottom:0;left:-5px}.reminder-art-message{max-width:280px}.reminder-art-text,.reminder-art-reply{letter-spacing:-.015em;font-size:13px;line-height:1.38}.reminder-art-reply{color:#fff;transform-origin:100% 100%;background:#007aff;align-self:flex-end}.reminder-art-reply:before{left:auto;right:-5px;transform:scaleX(-1)}.reminder-art-delivery{color:#98989d;font-size:9px;font-weight:500;line-height:12px;position:absolute;top:calc(100% + 4px);right:5px}.reminder-art-message.is-sent,.reminder-art-reply.is-visible,.reminder-art-voice.is-visible{opacity:1;transform:none}.feature-card .feature-preview-reminders.feature-art{height:280px;bottom:24px}.reminder-art-voice{width:220px;max-width:100%}.reminder-art-voice-header{color:#636366;margin-bottom:7px;font-size:10px;line-height:12px}.reminder-art-voice-body{align-items:center;gap:10px;display:flex}.reminder-art-voice-play{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.reminder-art-voice-play svg{width:12px;height:12px}.reminder-art-voice-waveform{flex:1;align-items:center;gap:3px;height:28px;display:flex}.reminder-art-voice-waveform>span{transform-origin:50%;background:#636366;border-radius:3px;width:3px}.feature-preview.is-running .reminder-art-voice.is-visible .reminder-art-voice-waveform>span{animation:.9s ease-in-out 2 reminder-voice-send}.reminder-art-voice-duration{color:#636366;font-variant-numeric:tabular-nums;font-size:11px}@keyframes reminder-voice-send{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.control-art{isolation:isolate;height:100%;position:relative}.feature-card .feature-preview-control.feature-art{height:300px;bottom:24px}.control-art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 35%,#6937c02e,#0000 65%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 72px 80%,#0000);mask-image:linear-gradient(#0000,#000 72px 80%,#0000)}.control-art-location{color:#ad9fbe;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:57px;left:23px}.control-art-location>span{background:#a680f2;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #ab7aff}.control-art-count{align-items:baseline;gap:4px;display:flex;position:absolute;top:52px;right:23px}.control-art-count strong{color:#e4d3ff;font-size:22px}.control-art-count span{color:#867794;font-size:11px}.control-art-orbit{width:144px;height:144px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.control-art-ring{width:144px;height:144px;overflow:visible}.control-art-track{color:#c5a0ff13}.control-art-segment{stroke:#86e5ba;opacity:.08;transition:opacity .25s}.control-art-segment.is-complete{opacity:1;filter:drop-shadow(0 0 5px #59e7a577)}.control-art.is-ready .control-art-segment.is-complete{stroke:#86e5ba;filter:drop-shadow(0 0 5px #59e7a577)}.control-art-avatar{background:radial-gradient(circle at 50% 25%,#6a548b,#302440);border-radius:50%;width:66px;height:66px;position:absolute;top:39px;left:39px;box-shadow:0 0 0 7px #b181f20a,0 8px 20px #0004}.control-art-avatar>svg{border-radius:50%;width:100%;height:100%;overflow:hidden}.control-art-person{text-align:center;position:absolute;top:146px;left:-45px;right:-45px}.control-art-person strong{letter-spacing:-.02em;font-size:13px;display:block}.control-art-person>span{color:#a38fb7;margin-top:3px;font-size:11px;line-height:1.5;display:block}.control-art.is-ready .control-art-person>span{color:#8ee7b8}.control-art-chip{color:#8f839e;opacity:.65;height:27px;transition:transform .22s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)), opacity .22s ease;background:linear-gradient(135deg,#2a2434ed,#19171fee);border:1px solid #b5a1d522;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex;position:absolute;transform:translateY(3px);box-shadow:0 6px 18px #0004}.control-art-chip.is-complete{color:#c4f6dc;opacity:1;background:linear-gradient(135deg,#21513c,#14392b);border-color:#63d89c66;transform:translateY(0)}.control-art-chip>span{background:#ffffff09;border-radius:4px;place-items:center;width:13px;height:13px;font-size:10px;display:grid}.control-art-chip.is-complete>span{color:#8fe6b6;background:#254335}.control-art-chip strong{white-space:nowrap;font-size:11px}.control-art-chip small{color:#81738f;margin-left:3px;font-size:10px}.control-art-chip.is-complete small{color:#9bc8ae}.control-art-chip-0{top:246px;left:16px}.control-art-chip-1{top:4px;right:15px}.control-art-chip-2{top:274px;right:15px}.feature-card .feature-preview-profit.feature-art{height:350px}.profit-art{isolation:isolate;height:100%;padding:12px 25px 0;position:relative}.profit-art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 100%,#32266c55,#0000 68%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.profit-art-heading{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.profit-art-heading>span{letter-spacing:.14em;color:#afa0c9;font-size:11px}.profit-art-heading>small{color:#72697d;font-size:10px}.profit-art-total{z-index:1;align-items:center;gap:10px;margin-top:3px;display:flex;position:relative}.profit-art-total>strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#fff;font-size:44px;font-weight:600;line-height:1.1}.profit-art-total>span{color:#8bf2bf;background:#154234;border:1px solid #69e6ad33;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;display:grid;box-shadow:0 0 18px #38d79419}.profit-art-legend{z-index:1;gap:18px;margin-top:11px;display:flex;position:relative}.profit-art-legend>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#e2d7f3;align-items:center;gap:5px;font-size:11px;display:flex}.profit-art-legend i{background:#bf7cff;border-radius:2px;width:5px;height:5px;box-shadow:0 0 6px #bb71ff55}.profit-art-legend>span:nth-child(2) i{background:#5e91ff;box-shadow:0 0 6px #5e91ff55}.profit-art-legend small{color:#8a7d9e;font-size:10px}.profit-art-floor{pointer-events:none;background-image:linear-gradient(#a487dd15 1px,#0000 1px),linear-gradient(90deg,#a487dd15 1px,#0000 1px);background-size:30px 30px;height:220px;position:absolute;bottom:-23px;left:-20%;right:-20%;transform:perspective(220px)rotateX(52deg);-webkit-mask-image:linear-gradient(#0000,#000 40% 70%,#0000);mask-image:linear-gradient(#0000,#000 40% 70%,#0000)}.profit-art-chart{justify-content:center;gap:18px;height:302px;display:flex;position:absolute;bottom:14px;left:25px;right:25px}.profit-art-week{width:52px;position:relative}.profit-art-bars{border-bottom:1px solid #b293e529;align-items:flex-end;gap:6px;height:281px;display:flex}.profit-art-bars>span{transform-origin:bottom;background:linear-gradient(#d9a1ff,#9e5df5 55%,#522baa);border-radius:5px 5px 1px 1px;width:23px;height:100%;transition:transform 60ms linear;display:block;box-shadow:0 0 15px #b172f930,inset 1px 0 #e6c5ff77}.profit-art-bars>span:nth-child(2){background:linear-gradient(#a4d0ff,#4b86f7 60%,#2b4697);box-shadow:0 0 14px #6f9cff22,inset 1px 0 #b3d4ff77}.profit-art-week>small{color:#9486a8;text-align:center;margin-top:7px;font-size:11px;display:block}.feature-preview.is-paused *{transition:none;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.feature-preview *{transition:none!important;animation:none!important}}.control-art[data-step="0"] .control-art-chip-0,.control-art[data-step="1"] .control-art-chip-1,.control-art[data-step="2"] .control-art-chip-2{animation:.45s both control-task-press}.control-art[data-step="0"] .control-art-segment-0,.control-art[data-step="1"] .control-art-segment-1,.control-art[data-step="2"] .control-art-segment-2{animation:.45s both control-segment-light}@keyframes control-task-press{0%{transform:scale(1)}35%{background:#21513c;transform:scale(.95)}to{transform:scale(1)}}@keyframes control-segment-light{0%{opacity:.08}to{opacity:1}}.control-art-celebration{pointer-events:none;position:absolute;inset:0}.control-art-completion-wave{opacity:0;border:2px solid #86e5ba;border-radius:50%;position:absolute;inset:11px;box-shadow:0 0 18px #59e7a555}.control-art-celebration>i{position:absolute;top:50%;left:50%}.control-art-celebration>i>span{opacity:0;background:#a6ffd5;border-radius:1px;width:5px;height:5px;display:block;box-shadow:0 0 7px #86e5ba88}.control-art.is-ready .control-art-completion-wave{animation:control-completion-wave .9s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) .12s both}.control-art.is-ready .control-art-celebration>i>span{animation:control-completion-spark .8s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) .12s both}.control-art.is-ready .control-art-ring{animation:control-completion-settle .7s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) both}.control-art.is-ready .control-art-person>span{animation:control-ready-settle .5s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) .16s both}@keyframes control-completion-wave{0%{opacity:0;transform:scale(.97)}18%{opacity:.8}to{opacity:0;transform:scale(1.35)}}@keyframes control-completion-spark{0%{opacity:0;transform:translate(58px)rotate(45deg)scale(.95)}20%{opacity:1}to{opacity:0;transform:translate(88px)rotate(135deg)scale(.95)}}@keyframes control-completion-settle{0%,to{transform:scale(1)}35%{transform:scale(1.055)}65%{transform:scale(.99)}}@keyframes control-ready-settle{0%{opacity:0;transform:translateY(5px)}65%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
.feature-card .commerce-preview.feature-art{object-fit:initial;color:#fff;isolation:isolate;width:100%;max-width:none;height:258px;max-height:none;padding:0;font-family:Inter,sans-serif;position:absolute;inset:auto 0 0;overflow:visible;transform:none}.commerce-preview-templates:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 25% 70%,#ff2aa633,#0000 65%),radial-gradient(at 75% 70%,#49326d66,#0000 65%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.feature-card .commerce-preview-templates.feature-art{bottom:36px;transform:translateY(5%)}.commerce-preview .commerce-composition{isolation:isolate;width:100%;height:100%;position:relative}.commerce-preview svg{flex:none;width:22px;height:22px;display:block}.commerce-preview strong,.commerce-preview span{line-height:1.2}.commerce-template-tags{justify-content:center;gap:7px;display:flex;position:absolute;top:-8px;left:0;right:0}.commerce-template-tags>span{color:#bfc8d8;background:#1b1e27;border:1px solid #ffffff20;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:550}.commerce-template-tags>.is-selected{border-color:color-mix(in srgb, var(--template-accent) 55%, transparent);background:color-mix(in srgb, var(--template-accent) 18%, #151821);color:var(--template-accent)}.commerce-template-package{border:1px solid color-mix(in srgb, var(--template-accent) 55%, transparent);background:linear-gradient(140deg, var(--template-start), var(--template-end));transform-origin:50%;will-change:transform;border-radius:16px;width:min(238px,78%);height:169px;padding:13px 15px;position:absolute;top:43px;left:50%;transform:translate(-50%,-3px);box-shadow:0 15px 36px #0007,inset 0 1px #ffffff15}.commerce-preview-templates [data-category=Detailing]{--template-start:#c41a7a;--template-end:#74104c;--template-accent:#ff80cb}.commerce-preview-templates [data-category=Tint]{--template-start:#203f6f;--template-end:#14243d;--template-accent:#8bbdff}.commerce-preview-templates [data-category=PPF]{--template-start:#49326d;--template-end:#251d3b;--template-accent:#c5a0ff}.commerce-template-heading{align-items:center;gap:9px;display:flex}.commerce-template-symbol{width:32px;height:32px;color:var(--template-accent);background:color-mix(in srgb, var(--template-accent) 18%, transparent);border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff25}.commerce-template-heading div>span{color:#bfccdc;margin-bottom:3px;font-size:11px;display:block}.commerce-template-heading strong{letter-spacing:-.04em;font-size:17px;display:block}.commerce-template-inclusions{flex-direction:column;gap:5px;margin-top:10px;display:flex}.commerce-template-inclusions>div{color:#e7edf3;opacity:.48;transition:transform .4s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)), opacity .4s ease;align-items:center;gap:6px;font-size:11px;display:flex;transform:translate(10px)}.commerce-template-inclusions svg{width:13px;height:13px;color:var(--template-accent)}.commerce-template-inclusions .is-assembled{opacity:1;transform:translate(0)}.commerce-template-price{border-top:1px solid #ffffff18;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:6px;display:flex}.commerce-template-price strong{letter-spacing:-.06em;font-size:25px}.commerce-template-price>span{color:#bfccdc;font-size:11px}.commerce-template-package[data-position="0"]{z-index:3;transform:translate(-50%,-3px)}.commerce-template-package[data-position="1"]{z-index:2;transform:translate(calc(24px - 50%),20px)rotate(8deg)scale(.96)}.commerce-template-package[data-position="2"]{z-index:1;transform:translate(calc(-50% - 24px),28px)rotate(-8deg)scale(.94)}.has-shuffled .commerce-template-package{animation-duration:.78s;animation-timing-function:cubic-bezier(.45,0,.2,1);animation-fill-mode:both}.has-shuffled .commerce-template-package[data-position="0"]{animation-name:commerce-deck-forward}.has-shuffled .commerce-template-package[data-position="1"]{animation-name:commerce-deck-middle}.has-shuffled .commerce-template-package[data-position="2"]{animation-name:commerce-deck-behind}@keyframes commerce-deck-forward{0%{z-index:2;transform:translate(calc(24px - 50%),20px)rotate(8deg)scale(.96)}45%{z-index:2;transform:translate(calc(30px - 50%),5px)rotate(5deg)scale(.98)}46%{z-index:3}to{z-index:3;transform:translate(-50%,-3px)}}@keyframes commerce-deck-middle{0%{transform:translate(calc(-50% - 24px),28px)rotate(-8deg)scale(.94)}to{transform:translate(calc(24px - 50%),20px)rotate(8deg)scale(.96)}}@keyframes commerce-deck-behind{0%{z-index:3;transform:translate(-50%,-3px)}45%{z-index:3;transform:translate(calc(-50% - 42px),-8px)rotate(-12deg)scale(.97)}46%{z-index:1}to{z-index:1;transform:translate(calc(-50% - 24px),28px)rotate(-8deg)scale(.94)}}.feature-card .commerce-preview-payments.feature-art{isolation:isolate;background:0 0;height:310px;bottom:-5px}.commerce-preview-payments:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 55% 65%,#273b7280,#0000 73%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 48px 85%,#0000);mask-image:linear-gradient(#0000,#000 48px 85%,#0000)}.commerce-preview-payments .commerce-composition{height:258px;top:30px}.commerce-money-rain{z-index:5;pointer-events:none;height:530px;position:absolute;top:-210px;left:0;right:0}.commerce-money-note{opacity:0;position:absolute;top:0;transform:translateY(-35px)}.commerce-money-note svg{width:var(--money-size);filter:drop-shadow(0 4px 3px #0003);height:auto}.commerce-preview-payments[data-stage="1"] .commerce-money-note,.commerce-preview-payments[data-stage="2"] .commerce-money-note{animation:1.4s linear both commerce-money-fall}.commerce-preview-payments[data-stage="1"] .commerce-money-note svg,.commerce-preview-payments[data-stage="2"] .commerce-money-note svg{animation:commerce-money-flutter var(--money-flutter) ease-in-out infinite alternate}.commerce-money-sway{display:block}.commerce-preview-payments[data-stage="1"] .commerce-money-sway,.commerce-preview-payments[data-stage="2"] .commerce-money-sway{animation:commerce-money-sway var(--money-sway-duration) ease-in-out infinite alternate;animation-delay:var(--money-phase)}.commerce-money-note svg{animation-delay:var(--money-phase)!important}@keyframes commerce-money-sway{0%{transform:translateX(calc(var(--money-sway) * -1))}to{transform:translateX(var(--money-sway))}}@keyframes commerce-money-fall{0%{opacity:0;transform:translate3d(0, var(--money-start), 0)}6%{opacity:1}94%{opacity:1}to{opacity:0;transform:translate3d(var(--money-drift), 555px, 0)}}@keyframes commerce-money-flutter{0%{transform:perspective(160px) rotateZ(var(--money-turn)) rotateY(-50deg) rotateX(15deg)}50%{transform:perspective(160px) rotateZ(calc(var(--money-turn) + 25deg)) rotateY(5deg) rotateX(-20deg)}to{transform:perspective(160px) rotateZ(calc(var(--money-turn) - 20deg)) rotateY(55deg) rotateX(25deg)}}.commerce-payment-phone{width:116px;height:215px;transition:transform .6s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)), opacity .4s ease;background:linear-gradient(155deg,#24202e,#100e18);border:5px solid #4f475e;border-radius:24px;flex-direction:column;align-items:center;padding-top:31px;display:flex;position:absolute;top:15px;left:calc(50% + 8px);transform:rotate(7deg);box-shadow:8px 15px 30px #0008,inset 0 0 0 1px #c2a9f037}.commerce-phone-speaker{background:#060509;border-radius:9px;width:30px;height:5px;position:absolute;top:7px;left:calc(50% - 15px)}.commerce-phone-label{color:#b3a9c5;font-size:11px}.commerce-payment-phone>strong{letter-spacing:-.06em;margin-top:6px;font-size:27px}.commerce-phone-tap{color:#f2c5ff;place-items:center;width:40px;height:40px;margin-top:21px;display:grid;position:relative}.commerce-tap-waves{opacity:0;position:absolute;inset:0}.commerce-preview-payments[data-stage="1"] .commerce-tap-waves{opacity:1}.commerce-tap-waves i{opacity:0;border:1px solid #d4a7ff;border-radius:50%;animation:none;position:absolute;inset:-2px}.commerce-preview-payments[data-stage="1"] .commerce-tap-waves i{animation:.85s ease-out both paused commerce-tap-wave}.commerce-preview-payments.is-running[data-stage="1"] .commerce-tap-waves i{animation-play-state:running}.commerce-phone-status{color:#d4c6e4;margin-top:17px;font-size:11px}.commerce-phone-home{background:#ffffff45;border-radius:5px;width:34px;height:3px;position:absolute;bottom:6px;left:calc(50% - 17px)}.commerce-payment-card{width:152px;height:96px;transition:transform .7s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)), opacity .4s ease;background:linear-gradient(120deg,#ff2aa6,#a91568 68%,#d61e89);border:1px solid #ff91d270;border-radius:13px;padding:13px;position:absolute;top:70px;left:calc(50% - 137px);transform:translate(-8px,16px)rotate(-16deg);box-shadow:5px 12px 24px #0008,inset 0 1px #ffffff30}.commerce-card-chip{background:linear-gradient(130deg,#c6a369,#e3d0ac,#a27b48);border:1px solid #e7c697;border-radius:5px;width:23px;height:18px;display:block}.commerce-card-tap{color:#ffe1f2;position:absolute;top:12px;right:11px}.commerce-payment-card>strong{letter-spacing:-.03em;margin-top:9px;font-size:13px;display:block}.commerce-card-number{letter-spacing:.1em;color:#ffe1f2;margin-top:5px;font-size:11px;display:block}.commerce-card-circles{display:flex;position:absolute;bottom:13px;right:13px}.commerce-card-circles i{background:#ffc4e5;border-radius:50%;width:16px;height:16px}.commerce-card-circles i+i{background:#ff80cbb3;margin-left:-6px}.commerce-payment-receipt{opacity:0;width:220px;transition:transform .5s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)), opacity .4s ease;background:linear-gradient(135deg,#20382f,#15211f 70%);border:1px solid #a2efc96b;border-radius:17px;padding:17px;position:absolute;top:50px;left:calc(50% - 110px);transform:translateY(25px)scale(.95);box-shadow:0 18px 40px #0009,inset 0 1px #bcffda20}.commerce-receipt-header{align-items:center;gap:7px;display:flex}.commerce-receipt-header>span{color:#082b20;background:#46d69a;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.commerce-receipt-header svg{width:17px;height:17px}.commerce-receipt-header strong{font-size:12px}.commerce-receipt-amount{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.commerce-receipt-amount strong{letter-spacing:-.07em;font-size:36px}.commerce-receipt-amount>span{color:#9cf0c6;background:#1e503b;border:1px solid #68e4ad45;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.commerce-receipt-line{color:#c2d8cc;border-top:1px dashed #aadcc12e;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.commerce-receipt-caption{text-align:center;color:#8fae9d;margin-top:9px;font-size:11px}.commerce-preview-payments[data-stage="1"] .commerce-payment-card{transform:translate(30px,-14px)rotate(-5deg)}.commerce-preview-payments[data-stage="2"] .commerce-payment-card{opacity:0;transform:translate(-24px,56px)rotate(-20deg)scale(.95)}.commerce-preview-payments[data-stage="2"] .commerce-payment-phone{opacity:.25;transform:translate(-30px,6px)rotate(7deg)scale(.96)}.commerce-preview-payments[data-stage="2"] .commerce-payment-receipt{opacity:1;transform:translateY(0)scale(1)}.commerce-preview.is-paused *{transition:none;animation-play-state:paused!important}@keyframes commerce-tap-wave{0%{opacity:.65;transform:scale(.95)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.commerce-preview *{transition:none!important;animation:none!important}}
.feature-card .contract-preview.feature-art{color:#f7f4ff;width:100%;max-width:none;height:258px;font-family:Inter,sans-serif;position:absolute;inset:auto 0 65px;overflow:visible}.contract-demo-scene{width:100%;height:100%;position:relative;transform:translateY(5%)}.contract-demo-halo{background:radial-gradient(at 50% 65%,#9858f84d,#0000 67%);position:absolute;inset:5% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 25% 70%,#0000);mask-image:linear-gradient(#0000,#000 25% 70%,#0000)}.contract-demo-document{width:274px;height:198px;position:absolute;top:calc(16px - 10%);left:50%;transform:translate(-50%)rotate(-5deg)}.contract-demo-document>.contract-demo-sheet{width:100%;position:relative;top:auto;left:auto;transform:none}.contract-demo-sheet{background:linear-gradient(135deg,#302743,#17151f 72%);border:1px solid #9e80e963;border-radius:17px;width:274px;height:198px;padding:17px 18px;position:absolute;top:calc(16px - 10%);left:50%;transform:translate(-50%)rotate(-5deg);box-shadow:0 20px 35px #0007,inset 0 1px #ffffff12}.contract-demo-sheet-back{opacity:.55;background:#5d3984;top:20px;transform:translate(-50%)rotate(4deg)}.contract-demo-heading{letter-spacing:.09em;color:#cfc2e9;align-items:center;gap:7px;min-height:22px;font-size:9px;display:flex}.contract-demo-heading svg{stroke:#c7a4fc;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;margin-left:auto}.contract-demo-title{letter-spacing:-.055em;margin-top:12px;font-size:24px;line-height:1.1;display:block}.contract-demo-terms{color:#e1d9ee;justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.contract-demo-terms b{color:#b6a2d5;font-weight:500}.contract-demo-lines{flex-direction:column;gap:5px;margin:10px 0 7px;display:flex}.contract-demo-lines i{background:#ffffff10;border-radius:3px;width:92%;height:3px}.contract-demo-lines i+i{width:64%}.contract-demo-signature-area{border-bottom:1px solid #a288c34d;height:45px;position:relative}.contract-demo-signature-area>span{color:#b1a0c7;font-size:11px;position:absolute;bottom:4px;left:0}.contract-demo-signature{stroke:#e0c2ff;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;clip-path:inset(0 100% 0 0);width:100%;height:49px;position:absolute;inset:-8px 0 auto}.contract-preview[data-step="1"] .contract-demo-signature,.contract-preview[data-step="2"] .contract-demo-signature{clip-path:inset(0)}.contract-preview[data-step="1"] .contract-demo-signature{animation:.9s linear both contract-sign}.contract-demo-seal{opacity:0;background:linear-gradient(115deg,#351c51,#4c276f);border:1px solid #bc93ff;border-radius:16px;align-items:center;gap:11px;width:100%;padding:13px 15px;display:flex;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px)scale(.95);box-shadow:0 10px 35px #7b35d74d,inset 0 1px #ffffff25}.contract-demo-seal strong{letter-spacing:-.025em;font-size:17px;line-height:1.2;display:block}.contract-demo-seal div>span{color:#d0c0e5;margin-top:4px;font-size:11px;display:block}.contract-demo-check{background:#b6fc85;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 0 20px #b6fc8533}.contract-demo-check svg{stroke:#20371a;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.contract-preview[data-step="2"] .contract-demo-seal{opacity:1;animation:contract-seal .45s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) both;transform:translateY(0)}.contract-demo-burst{width:0;height:0;position:absolute;bottom:53px;left:50%}.contract-demo-burst i{opacity:0;background:#b6fc85;border-radius:2px;width:6px;height:10px;position:absolute}.contract-demo-burst i:nth-child(2n){background:#c494ff}.contract-preview[data-step="2"] .contract-demo-burst i{animation:contract-burst .7s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) both}.contract-preview.is-paused .contract-demo-signature,.contract-preview.is-paused .contract-demo-seal,.contract-preview.is-paused .contract-demo-burst i{animation-play-state:paused}@keyframes contract-sign{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes contract-seal{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes contract-burst{0%{opacity:0;transform:rotate(var(--particle-angle)) translateY(-30px) rotate(0deg)}15%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translateY(-136px) rotate(100deg)}}@media (prefers-reduced-motion:reduce){.contract-preview *{animation:none!important}.contract-preview .contract-demo-signature{clip-path:inset(0)}.contract-preview .contract-demo-seal{opacity:1;transform:none}.contract-demo-burst{display:none}}
.feature-card .communication-preview{z-index:2;pointer-events:none;color:#fff;height:149px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:absolute;bottom:17px;left:18px;right:18px}.communication-preview .communication-bubble{transition:opacity .25s ease, transform .4s var(--ease-ios,cubic-bezier(.32, .72, 0, 1));border:0;flex-direction:column;gap:4px;padding:9px 12px;display:flex;position:absolute;box-shadow:0 3px 12px #0003}.communication-preview .communication-shop{color:#000;background:#e5e5ea;border-radius:18px;max-width:min(255px,95%);top:0;left:0}.communication-preview .communication-message{letter-spacing:-.015em;font-size:13px;font-weight:400;line-height:1.35}.communication-preview .communication-customer{opacity:0;background:#007aff;border-radius:18px;top:58px;right:0;transform:translate(10px,9px)scale(.97)}.communication-delivered{color:#fff;text-shadow:0 1px 4px #000;font-size:10px;font-weight:500;position:absolute;bottom:-17px;right:5px}.communication-preview .communication-confirmation{color:#000;opacity:0;transition:opacity .25s ease, transform .4s var(--ease-ios,cubic-bezier(.32, .72, 0, 1));background:#e5e5ea;border:0;border-radius:18px;align-items:center;gap:5px;padding:9px 12px;font-size:13px;font-weight:400;line-height:1.2;display:flex;position:absolute;bottom:0;left:9px;transform:translate(-6px,8px)scale(.97);box-shadow:0 4px 14px #0003}.communication-shop:after,.communication-confirmation:after,.communication-customer:after{content:"";background:inherit;clip-path:polygon(60% 0,100% 0,100% 100%,0 100%,35% 65%);width:12px;height:13px;position:absolute;bottom:0;left:-4px}.communication-customer:after{left:auto;right:-4px;transform:scaleX(-1)}.communication-preview[data-stage="1"] .communication-customer,.communication-preview[data-stage="2"] .communication-customer,.communication-preview[data-stage="2"] .communication-confirmation{opacity:1;transform:translate(0)scale(1)}.communication-preview.is-paused *{transition:none;animation-play-state:paused!important}.communication-preview[data-stage="0"] .communication-shop{animation:communication-message-in .45s var(--ease-ios,cubic-bezier(.32, .72, 0, 1)) both}@keyframes communication-message-in{0%{opacity:0;transform:translate(-12px,10px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:374px){.feature-card .communication-preview{left:14px;right:14px}.communication-preview .communication-bubble{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.communication-preview .communication-bubble,.communication-preview .communication-confirmation{opacity:1;transition:none;transform:none;animation:none!important}}