/* Sales Page follows the Madefor design system used across the service pages. */
.sales-hero .hero-heading{padding-top:48px;padding-bottom:62px}
.sales-showcase{display:grid;grid-template-columns:1.62fr 1fr;max-width:1800px;margin-inline:auto;min-height:530px}
.sales-preview{position:relative;overflow:hidden;background:#e8d8cc;min-width:0}
.sales-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#11121612);pointer-events:none}
.sales-preview img{width:100%;height:100%;min-height:530px;object-fit:cover;object-position:center 54%}
.sales-preview figcaption{position:absolute;z-index:2;left:clamp(24px,4vw,62px);top:32px;padding:13px 16px;background:#fff;color:#111216;display:flex;flex-direction:column;gap:4px;font-size:.73rem;line-height:1.4;letter-spacing:.05em}
.sales-preview figcaption strong{font-weight:600}.sales-preview figcaption span{font-size:.7rem;color:var(--muted);letter-spacing:0}
.sales-focus-panel{background:#111216;color:#fff;padding:clamp(34px,4vw,62px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;isolation:isolate}
.sales-focus-panel:before{content:'';position:absolute;z-index:-1;width:270px;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;right:-105px;top:-100px;box-shadow:0 0 0 42px #ffffff08,0 0 0 84px #ffffff05}
.sales-focus-panel .eyebrow{color:#bacbf0}.focus-statement{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.16;letter-spacing:-.03em;margin-bottom:24px}
.sales-focus-panel>p:not(.eyebrow):not(.focus-statement){font-size:.94rem;color:#c4c7d0;max-width:360px}
.focus-motif{width:100%;height:112px;margin-top:36px;border-top:1px solid #ffffff38;position:relative}.focus-motif span{position:absolute;display:block}
.focus-motif span:nth-child(1){width:92px;height:52px;background:#f2dd43;left:3%;bottom:8px;transform:rotate(-5deg)}
.focus-motif span:nth-child(2){width:74px;height:74px;border-radius:50%;background:#e13a31;left:41%;bottom:-12px}
.focus-motif span:nth-child(3){width:75px;height:86px;border:1px solid #fff;right:2%;bottom:-7px;transform:rotate(7deg)}
.sales-studio .problems:after{background:#e13a31}
.sales-abstract{height:clamp(240px,25vw,350px);margin-top:70px;background:#f0df4d;position:relative;overflow:hidden;isolation:isolate}
.sales-abstract:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#11121618 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#11121618 50%,transparent 50.2%);background-size:55px 55px;opacity:.4}
.sales-abstract-copy{position:absolute;left:8%;top:17%;font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.35rem,2.4vw,2.25rem);line-height:1.15;letter-spacing:-.025em;z-index:2}
.sales-abstract-window{position:absolute;width:37%;height:66%;right:10%;top:17%;background:#fff;border:1px solid #111216;box-shadow:15px 15px 0 #111216;transform:rotate(3deg)}
.sales-abstract-window:before{content:'';position:absolute;left:9%;right:9%;top:14%;height:1px;background:#111216;box-shadow:0 34px 0 #111216,0 68px 0 #111216,0 102px 0 #111216}
.sales-abstract-disc{position:absolute;width:clamp(86px,10vw,145px);aspect-ratio:1;border-radius:50%;background:#e13a31;right:32%;bottom:-14%;z-index:3}
.sales-abstract-line{position:absolute;width:23%;height:3px;background:#111216;left:33%;top:33%;transform:rotate(-8deg)}
.example-stage{background:#e7edfa;padding-block:var(--space)}
.example-controls{display:flex;align-items:center;gap:5px;margin-bottom:24px;padding:4px;border:1px solid #aebbd1;border-radius:99px;width:max-content;max-width:100%}
.example-controls button{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;padding:11px 20px;border-radius:99px;cursor:pointer}
.example-controls button.active{background:var(--ink);color:#fff}.example-controls a{margin-left:8px;font-size:.84rem;padding:10px 15px;text-decoration:underline;text-underline-offset:4px}
.example-browser{background:#fff;border:1px solid #aebbd1;overflow:hidden;box-shadow:18px 22px 0 #c8d4e8}
.browser-bar{height:50px;background:#f8f8f9;border-bottom:1px solid #d7d9de;display:flex;align-items:center;gap:8px;padding:0 18px}
.browser-bar>span{width:9px;height:9px;border-radius:50%;background:#c6c8ce}.browser-bar p{font-size:.72rem;color:var(--muted);margin:0 auto;transform:translateX(-25px)}
.example-viewport{height:760px;max-width:100%;margin:auto;transition:max-width .35s ease;background:#fff}.example-viewport.mobile{max-width:390px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.example-viewport iframe{width:100%;height:100%;border:0;display:block;background:#fff}
.demo-disclosure{font-size:.78rem;color:var(--muted);max-width:820px;margin:24px auto 0;text-align:center}
.sales-studio .included-grid .number{display:block;font-size:.78rem;color:var(--muted);margin-bottom:20px}.sales-studio .included-grid h3{font-size:1.22rem}.sales-studio .included-grid p{font-size:.93rem}
.sales-pricing{padding-block:var(--space);background:#e7edfa}.sales-pricing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}.sales-pricing .section-intro{max-width:440px;margin-top:25px}.sales-pricing .fine{max-width:440px;margin-top:24px}.sales-pricing .custom-price-card{background:#111216;color:#fff}.sales-pricing .custom-price-card li{border-color:#ffffff38}.sales-pricing .custom-price-card .payment-detail{color:#c4c7d0}.sales-pricing .custom-price-card .button{background:#fff;border-color:#fff;color:#111216}
.sales-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #b9c4d7}.sales-choice-grid article{padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start}.sales-choice-grid article+article{border-left:1px solid #b9c4d7}.sales-choice-grid h3{font-size:1.35rem;margin-bottom:12px}.sales-choice-grid p{font-size:.94rem;line-height:1.65;color:var(--muted)}.sales-choice-grid .choice-price{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.35rem;color:var(--ink);letter-spacing:-.02em;margin-bottom:20px}.sales-choice-grid .text-link{margin-top:auto;padding-top:18px}
.sales-studio .contact-note{font-size:.84rem;margin-top:17px;margin-bottom:0}
@media(max-width:900px){.sales-showcase{grid-template-columns:1.3fr 1fr}.sales-focus-panel{padding:34px 28px}.sales-pricing-grid{gap:48px}.sales-choice-grid article{padding:30px 24px}}
@media(max-width:700px){.sales-hero .hero-heading{padding-top:38px;padding-bottom:50px}.sales-showcase{grid-template-columns:1fr}.sales-preview img{min-height:390px}.sales-focus-panel{padding:38px 24px}.focus-statement{font-size:1.9rem}.sales-abstract{height:235px;margin-top:45px}.sales-abstract-copy{left:6%;top:14%;font-size:1.25rem}.sales-abstract-window{width:46%;height:62%;right:6%;top:19%;box-shadow:8px 8px 0 #111216}.sales-abstract-window:before{box-shadow:0 24px 0 #111216,0 48px 0 #111216,0 72px 0 #111216}.sales-abstract-disc{width:76px;right:37%}.sales-abstract-line{left:27%;top:41%;width:25%}.example-controls{width:100%}.example-controls button{font-size:.78rem;padding:10px 13px}.example-controls a{margin-left:auto;font-size:.76rem;padding-inline:8px}.example-browser{box-shadow:8px 10px 0 #c8d4e8}.example-viewport{height:680px}.browser-bar{height:45px}.sales-pricing-grid{grid-template-columns:1fr;gap:38px}.sales-choice-grid{grid-template-columns:1fr}.sales-choice-grid article+article{border-left:0;border-top:1px solid #b9c4d7}.sales-choice-grid article{padding:30px 25px}.sales-studio .custom-difference{padding-top:60px;padding-bottom:60px}}

/* Clarify that the embedded page is a fictional demonstration, not a client site. */
.sales-example-guide{display:grid;grid-template-columns:1fr 1fr;border:1px solid #aebbd1;margin-bottom:54px;background:#edf2fb}
.sales-example-guide>div{padding:30px}.sales-example-guide>div+div{border-left:1px solid #aebbd1}
.sales-example-guide .example-guide-number{display:block;font-size:.7rem;letter-spacing:.055em;color:var(--muted);margin-bottom:17px}
.sales-example-guide strong{display:block;font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.18rem;font-weight:500;margin-bottom:11px}.sales-example-guide p{font-size:.89rem;color:var(--muted);line-height:1.55}
.example-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:18px}.example-preview-heading>div{display:flex;flex-direction:column;gap:5px}.example-preview-heading span{font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.example-preview-heading strong{font-size:1rem;font-weight:500}.example-preview-heading p{font-size:.82rem;color:var(--muted)}
.example-controls>span{font-size:.68rem;letter-spacing:.06em;color:var(--muted);padding:0 10px 0 13px}
.after-demo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.after-demo p{font-size:.87rem;color:var(--muted);padding-top:18px;border-top:1px solid #aebbd1}.after-demo strong{color:var(--ink);font-weight:500}
@media(max-width:700px){.sales-example-guide{grid-template-columns:1fr;margin-bottom:42px}.sales-example-guide>div+div{border-left:0;border-top:1px solid #aebbd1}.sales-example-guide>div{padding:25px 23px}.example-preview-heading{align-items:flex-start;flex-direction:column;gap:8px}.example-controls{flex-wrap:wrap;border-radius:16px}.example-controls>span{flex-basis:100%;padding:8px 10px 2px}.after-demo{grid-template-columns:1fr;gap:12px;margin-top:30px}}
