.sales-story{--sales-ink:#101b32;--sales-muted:#74849d;--sales-blue:#1465d8;--sales-cyan:#02b8d5;color:var(--sales-ink);font-family:Inter,Arial,sans-serif}.sales-story *{box-sizing:border-box}.sales-wrap{width:min(1360px,calc(100% - 64px));margin:0 auto}.sales-hero{position:relative;overflow:hidden;padding:38px 0 116px;color:#f4f8ff;background:radial-gradient(ellipse at 84% 6%,#06475d 0,transparent 46%),radial-gradient(ellipse at 5% 10%,#24224c 0,transparent 38%),linear-gradient(115deg,#0b1225,#061020 72%)}.sales-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#57bce566,transparent)}.sales-breadcrumb{display:flex;gap:9px;align-items:center;color:#8295b4;font-size:11px}.sales-breadcrumb a:hover{color:#fff}.sales-hero-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:38px;align-items:center;padding:55px 0 4px}.sales-eyebrow,.sales-section-kicker{display:flex;align-items:center;gap:9px;color:#81b8dc;font-size:9px;font-weight:700;letter-spacing:1.8px}.sales-eyebrow i{width:6px;height:6px;border-radius:50%;background:#42d6ca;box-shadow:0 0 12px #42d6ca99}.sales-hero h1{margin:20px 0 16px;font-size:clamp(36px,4.2vw,58px);line-height:1.06;letter-spacing:-2.1px;font-weight:650}.sales-hero h1 em,.sales-section-heading h2 em,.sales-closing h2 em{font-style:normal;color:#89c9ed}.sales-hero-copy>p{max-width:570px;color:#a7b8d0;font-size:14px;line-height:1.8;margin:0}.sales-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.sales-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:999px;padding:14px 20px;background:linear-gradient(100deg,#0865d4,#00b4d0);color:#fff;font-size:11px;font-weight:700;box-shadow:0 10px 25px #0284d430;transition:transform .2s,box-shadow .2s}.sales-primary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0284d44d}.sales-primary-cta span{font-size:16px;line-height:1}.sales-secondary-cta{color:#c1cce0;font-size:11px}.sales-secondary-cta:hover{color:#fff}.sales-secondary-cta span{margin-left:6px;color:#72d1dc}.sales-hero-note{display:flex;align-items:center;gap:9px;margin-top:28px;color:#8196b4;font-size:9px;letter-spacing:.35px}.sales-hero-note span{width:5px;height:5px;border-radius:50%;background:#47d3c8}.sales-hero-flow{position:relative;padding:19px 21px 12px;border:1px solid #47628366;border-radius:18px;background:linear-gradient(145deg,#12243cdd,#0b1729ee);box-shadow:0 22px 50px #02081755}.sales-flow-label{display:flex;justify-content:space-between;align-items:center;padding:1px 0 13px;border-bottom:1px solid #ffffff13;color:#8fb3d3;font-size:8px;font-weight:700;letter-spacing:1.3px}.sales-flow-label span{font-size:7px;color:#697f9e;font-weight:500;letter-spacing:.8px}.sales-flow-row{display:flex;align-items:center;gap:13px;min-height:56px;border-bottom:1px solid #ffffff0a}.sales-flow-row:last-child{border-bottom:0}.sales-flow-row>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #415b7a;border-radius:9px;color:#82c7e8;background:#122840;font-size:9px;font-style:normal}.sales-flow-row:nth-of-type(4)>i{border-color:#4ac5d3;color:#8ee4e7;background:#133346;box-shadow:0 0 17px #42c4d41b}.sales-flow-row>span{display:flex;flex:1;flex-direction:column;gap:4px}.sales-flow-row b{font-size:11px;color:#eff5ff;font-weight:650}.sales-flow-row small{font-size:9px;color:#91a5bf}.sales-flow-row>em{font-style:normal;color:#7692b2;font-size:13px}.sales-screen-section{position:relative;margin-top:-64px;padding:0 0 66px;background:linear-gradient(180deg,transparent 0 64px,#f6f9fd 64px)}.sales-screen-section .sales-wrap{position:relative}.sales-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;padding:0 0 22px}.sales-section-kicker{color:#6786ae;font-size:8px;letter-spacing:1.55px}.sales-section-heading h2,.sales-closing h2{font-size:clamp(27px,3.4vw,42px);line-height:1.14;letter-spacing:-1.4px;font-weight:650;margin:11px 0 0}.sales-section-heading h2 em{color:#3d78c6}.sales-section-heading>p{max-width:410px;margin:0;color:#75859c;font-size:12px;line-height:1.8}.sales-product-frame{margin:0;border:1px solid #dbe5f1;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 24px 55px #1e3c6418}.sales-product-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;border-bottom:1px solid #e6edf5;background:linear-gradient(90deg,#fff,#f6f9ff);font-size:10px;color:#58708f}.sales-product-bar>span{display:flex;align-items:center;gap:5px}.sales-product-bar>span i{width:7px;height:7px;border-radius:50%;background:#ff6b77}.sales-product-bar>span i:nth-child(2){background:#ffc24a}.sales-product-bar>span i:nth-child(3){background:#39c983}.sales-product-bar b{margin-left:8px;font-weight:600}.sales-product-bar>a{color:#536f93;font-size:9px}.sales-product-bar>a:hover{color:#075ecb}.sales-product-scroll{overflow:auto;background:#f7f9fc}.sales-product-scroll img{display:block;width:100%;height:auto}.sales-product-frame figcaption{padding:10px 15px;border-top:1px solid #e8edf5;color:#8795a9;font-size:9px}.sales-value-section{padding:73px 0 79px;background:#f6f9fd}.sales-value-heading{padding-bottom:28px}.sales-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sales-feature-card{min-height:235px;padding:22px 22px 24px;border:1px solid #dfe8f3;border-radius:15px;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 12px 28px #24466c0a}.sales-feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e7f2ff;color:#1769cf;font-size:20px}.sales-feature-icon.sales-feature-green{background:#e5f8f1;color:#14a47f}.sales-feature-icon.sales-feature-violet{background:#f0eaff;color:#8957e8}.sales-feature-card>small{display:block;margin-top:22px;color:#8292aa;font-size:8px;letter-spacing:1.3px;font-weight:700}.sales-feature-card h3{font-size:16px;line-height:1.35;letter-spacing:-.35px;margin:10px 0 8px;color:#182943}.sales-feature-card p{margin:0;color:#75859c;font-size:11px;line-height:1.75}.sales-closing{padding:55px 0;background:radial-gradient(ellipse at 90% 0,#17436b 0,transparent 48%),linear-gradient(115deg,#0d1830,#071222);color:#f3f7ff}.sales-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.sales-closing h2{font-size:clamp(27px,3.3vw,40px)}.sales-closing p{color:#9fb1ca;font-size:12px;line-height:1.7;margin:12px 0 0}.sales-closing .sales-primary-cta{flex:none}.sales-story a:focus-visible{outline:3px solid #68caff;outline-offset:4px}@media(max-width:900px){.sales-hero-grid{grid-template-columns:1fr;gap:34px;padding-top:52px}.sales-hero-flow{max-width:660px}.sales-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.sales-section-heading>p{max-width:650px}.sales-feature-card{padding:18px}.sales-feature-card h3{font-size:14px}}@media(max-width:650px){.sales-wrap{width:calc(100% - 36px)}.sales-hero{padding:24px 0 86px}.sales-hero-grid{padding-top:43px;gap:28px}.sales-hero h1{font-size:42px;letter-spacing:-1.7px}.sales-hero-copy>p{font-size:12px}.sales-hero-actions{gap:16px;margin-top:22px}.sales-primary-cta{padding:13px 16px;font-size:10px}.sales-hero-note{font-size:8px;margin-top:22px}.sales-hero-flow{padding:15px}.sales-flow-row{min-height:52px}.sales-screen-section{margin-top:-42px;background:linear-gradient(180deg,transparent 0 42px,#f6f9fd 42px);padding-bottom:43px}.sales-section-heading{padding-bottom:17px}.sales-section-heading h2{font-size:30px}.sales-product-bar{padding:10px;font-size:9px}.sales-product-scroll img{width:900px;max-width:none}.sales-product-scroll{overscroll-behavior-x:contain}.sales-product-frame figcaption{font-size:8px;padding:9px 10px}.sales-value-section{padding:48px 0}.sales-feature-grid{grid-template-columns:1fr;gap:10px}.sales-feature-card{min-height:0;padding:17px}.sales-feature-card>small{margin-top:15px}.sales-closing{padding:42px 0}.sales-closing-inner{align-items:flex-start;flex-direction:column;gap:22px}.sales-closing h2{font-size:32px}}

.sales-hero-product{min-width:0;transform:perspective(1400px) rotateY(-1.5deg);box-shadow:0 34px 78px #0008,0 0 42px #238fe533;border-color:#8bc8f077;transition:transform .25s,box-shadow .25s}.sales-hero-product:hover{transform:perspective(1400px) rotateY(0) scale(1.012);box-shadow:0 38px 88px #0009,0 0 52px #238fe544}.sales-hero-product .sales-product-bar{padding:12px 14px}.sales-hero-product .sales-product-scroll{background:#f7f9fc}.sales-hero-product .sales-product-scroll img{width:100%;height:auto;filter:saturate(1.18) contrast(1.045)}.sales-hero-product figcaption{background:#fff}@media(max-width:900px){.sales-hero-product{transform:none}}@media(max-width:650px){.sales-hero-product .sales-product-scroll img{width:900px;max-width:none}}

/* Sales detail and closing sections */
.sales-value-section{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 96px;background:radial-gradient(ellipse at 8% 4%,#e8f2ff 0,transparent 38%),radial-gradient(ellipse at 94% 92%,#e9e5ff 0,transparent 34%),linear-gradient(180deg,#f7faff,#f2f6fb)}
.sales-value-section:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.28;background-image:linear-gradient(#91b2d21a 1px,transparent 1px),linear-gradient(90deg,#91b2d21a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 68%)}
.sales-value-heading{align-items:flex-end;padding:0 0 34px;gap:44px}
.sales-value-heading h2{font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-1.9px}
.sales-value-heading>p{max-width:430px;font-size:13px;line-height:1.85}
.sales-feature-grid{gap:18px}
.sales-feature-card{position:relative;isolation:isolate;display:flex;min-height:302px;flex-direction:column;overflow:hidden;padding:25px 25px 22px;border:1px solid #d7e3f2;border-radius:19px;background:linear-gradient(150deg,#fffffffa,#f9fbfff2 72%,#f1f6ff);box-shadow:0 17px 38px #163d6610, inset 0 1px 0 #fff;transition:transform .24s,border-color .24s,box-shadow .24s}
.sales-feature-card:before{position:absolute;z-index:-1;top:-84px;right:-82px;width:190px;height:190px;border-radius:50%;content:"";background:radial-gradient(circle,#dcecffaa,transparent 70%);pointer-events:none}
.sales-feature-card:hover{transform:translateY(-4px);border-color:#b9d2ee;box-shadow:0 23px 48px #163d6618,inset 0 1px 0 #fff}
.sales-feature-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sales-feature-top .sales-feature-icon{width:42px;height:42px;border:1px solid #d9e9fc;background:linear-gradient(145deg,#f0f7ff,#e5f1ff);box-shadow:0 5px 12px #1264b614;font-size:20px}
.sales-feature-top .sales-feature-green{border-color:#d5f1e8;background:linear-gradient(145deg,#edfbf6,#ddf6eb);box-shadow:0 5px 12px #13a47f12}
.sales-feature-top .sales-feature-violet{border-color:#e8ddff;background:linear-gradient(145deg,#f7f2ff,#ece5ff);box-shadow:0 5px 12px #8957e812}
.sales-feature-top small{display:flex;align-items:center;gap:8px;margin:0;color:#7185a1;font-size:8px;letter-spacing:1.35px}
.sales-feature-top small i{width:4px;height:4px;border-radius:50%;background:#72a5dc}
.sales-feature-card h3{margin:25px 0 10px;color:#14243d;font-size:20px;line-height:1.24;letter-spacing:-.65px}
.sales-feature-card p{max-width:370px;color:#6f819a;font-size:12px;line-height:1.8}
.sales-card-fields,.sales-card-statuses,.sales-card-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:20px}
.sales-card-fields span{padding:7px 9px;border:1px solid #e1e9f4;border-radius:8px;background:#ffffffc9;color:#68809d;font-size:9px;font-weight:600}
.sales-card-statuses{gap:12px}
.sales-card-statuses span{display:flex;align-items:center;gap:6px;color:#657993;font-size:9px;font-weight:600}
.sales-card-statuses i{width:7px;height:7px;border-radius:50%;background:#14ae76;box-shadow:0 0 0 3px #14ae7618}
.sales-card-statuses .is-open{background:#f1a33b;box-shadow:0 0 0 3px #f1a33b1a}
.sales-card-statuses .is-lost{background:#ec6670;box-shadow:0 0 0 3px #ec667018}
.sales-card-steps{gap:8px;flex-wrap:nowrap}
.sales-card-steps span{padding:8px 10px;border:1px solid #e4e6f5;border-radius:9px;background:#ffffffc9;color:#576b8a;font-size:9px;font-weight:650;white-space:nowrap}
.sales-card-steps b{color:#9b8ad1;font-size:12px}
.sales-closing{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 80px;background:radial-gradient(ellipse at 83% 15%,#0b5364 0,transparent 44%),radial-gradient(ellipse at 4% 10%,#272650 0,transparent 39%),linear-gradient(115deg,#0b1428,#06101f 72%)}
.sales-closing:before{position:absolute;z-index:-1;top:0;right:8%;width:1px;height:100%;content:"";background:linear-gradient(transparent,#4b709347,transparent)}
.sales-closing-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);align-items:center;gap:70px}
.sales-closing h2{margin-top:15px;font-size:clamp(36px,4.1vw,52px);line-height:1.08;letter-spacing:-1.9px}
.sales-closing p{max-width:540px;margin-top:15px;font-size:13px;line-height:1.8}
.sales-closing-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}
.sales-closing-secondary{color:#b6c8df;font-size:11px;font-weight:600}
.sales-closing-secondary span{margin-left:5px;color:#70d2dc}
.sales-closing-flow{padding:23px 24px 19px;border:1px solid #46617e70;border-radius:18px;background:linear-gradient(145deg,#13243ddd,#0b1729ee);box-shadow:0 24px 56px #02081755,0 0 34px #1c7c8e17}
.sales-closing-flow-label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #ffffff14;color:#9ab5d0;font-size:8px;font-weight:700;letter-spacing:1.35px}
.sales-closing-flow-label span{display:flex;align-items:center;gap:8px}
.sales-closing-flow-label i{width:6px;height:6px;border-radius:50%;background:#43d5c9;box-shadow:0 0 12px #43d5c988}
.sales-closing-flow-label small{color:#7187a3;font-size:7px;font-weight:500;letter-spacing:1px}
.sales-closing-stages{display:grid;grid-template-columns:1fr 14px 1fr 14px 1.15fr 14px 1fr;align-items:center;gap:5px;padding-top:22px}
.sales-closing-stages>div{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:7px;padding:9px 10px;border:1px solid #344c68;border-radius:11px;background:#102139}
.sales-closing-stages b{color:#7fc9e9;font-size:8px;letter-spacing:.9px}
.sales-closing-stages span{color:#f0f5fd;font-size:10px;font-weight:650;white-space:nowrap}
.sales-closing-stages>i{width:12px;height:1px;background:linear-gradient(90deg,#43ccca,#55779a);position:relative}
.sales-closing-stages>i:after{position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #79cbd8;border-right:1px solid #79cbd8;transform:rotate(45deg);content:""}
.sales-closing-flow>p{margin:16px 0 0;color:#879db7;font-size:9px}
@media(max-width:900px){.sales-value-section{padding:68px 0}.sales-feature-grid{grid-template-columns:1fr}.sales-feature-card{min-height:265px}.sales-closing-inner{grid-template-columns:1fr;gap:32px}.sales-closing-flow{max-width:640px}}
@media(max-width:650px){.sales-value-section{padding:50px 0 54px}.sales-value-heading{gap:13px;padding-bottom:20px}.sales-value-heading h2{font-size:34px;letter-spacing:-1.3px}.sales-value-heading>p{font-size:12px}.sales-feature-grid{gap:11px}.sales-feature-card{min-height:0;padding:19px 18px}.sales-feature-card h3{margin-top:20px;font-size:18px}.sales-feature-card p{font-size:11px}.sales-card-fields,.sales-card-statuses,.sales-card-steps{padding-top:17px}.sales-closing{padding:53px 0}.sales-closing h2{font-size:37px}.sales-closing p{font-size:12px}.sales-closing-actions{gap:15px}.sales-closing-flow{padding:19px 15px 16px}.sales-closing-stages{grid-template-columns:1fr 8px 1fr 8px 1.15fr 8px 1fr;gap:3px;padding-top:17px}.sales-closing-stages>div{min-height:53px;padding:7px 5px}.sales-closing-stages span{font-size:8px}.sales-closing-stages>i{width:7px}.sales-closing-flow-label small{font-size:6px}}
