.sales-story{position:relative;isolation:isolate;overflow:hidden;background:#f5f5f5;color:#111}
.sales-team-button{display:inline-flex;align-items:center;gap:.65rem;width:max-content;margin-top:1.5rem;padding:.85rem 1.15rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#fff;color:#080808;font-size:.78rem;font-weight:800;transition:transform .25s,background-color .25s,color .25s,box-shadow .25s}.sales-team-button span{font-size:1rem;transition:transform .25s}.sales-team-button:hover{transform:translateY(-2px);background:#161616;color:#fff;box-shadow:0 1rem 2.5rem rgba(0,0,0,.28)}.sales-team-button:hover span{transform:translate(2px,-2px)}
.sales-story-glow{position:absolute;top:12%;right:-22rem;width:50rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.1),transparent 67%);filter:blur(20px);pointer-events:none}
.sales-story h2{margin:.65rem 0 0;font-size:clamp(1.95rem,3.52vw,3.25rem);font-weight:690;letter-spacing:-.07em;line-height:1.15}
.sales-story h2 span{color:#707070}.sales-story .eyebrow{color:#555}
.sales-story-opening{padding:clamp(4.8rem,12vw,6rem) 0}.sales-story-heading{max-width:77rem}
.sales-story-shift{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(1rem,3vw,2.45rem);margin-top:clamp(2.9rem,8vw,4rem)}
.sales-story-problem,.sales-story-solution{position:relative;display:grid;align-content:end;min-height:23.2rem;padding:clamp(1.5rem,3vw,3rem);overflow:hidden;border-radius:2rem}
.sales-story-problem{border:1px solid rgba(255,65,78,.28);background:linear-gradient(145deg,#251113,#080809);color:#fff;box-shadow:0 2rem 5rem rgba(60,0,8,.16)}
.sales-story-solution{border:1px solid rgba(65,229,186,.34);background:radial-gradient(circle at 85% 10%,rgba(43,201,181,.38),transparent 34%),linear-gradient(145deg,#103638,#071012);color:#fff;box-shadow:0 2rem 5rem rgba(0,70,65,.18)}
.sales-story-problem:before,.sales-story-solution:before{content:"";position:absolute;top:-20%;right:-12%;width:16rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 68%);opacity:.08}
.sales-story-shift span{font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.sales-story-problem span{color:#ff747c}.sales-story-solution span{color:#6ce9d1}
.sales-story-shift strong{max-width:16ch;margin-top:auto;font-size:clamp(1.55rem,1.925vw,2.35rem);letter-spacing:-.06em;line-height:.95}.sales-story-shift p{max-width:32rem;margin:1rem 0 0;color:#b9b9be;line-height:1.6}
.sales-story-arrow{position:relative;display:grid;place-items:center;width:4rem}.sales-story-arrow i{width:1px;height:100%;background:linear-gradient(transparent,#aaa,transparent)}.sales-story-arrow b{position:absolute;display:grid;place-items:center;width:3.5rem;aspect-ratio:1;border-radius:50%;background:#151517;color:#fff;font-size:1.31rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.18)}
.sales-story-benefits{padding:clamp(4.8rem,12vw,6rem) 0}.sales-story-benefits header{max-width:80rem}.sales-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(2.9rem,7vw,3.8rem)}
.sales-benefit-grid>div{position:relative;display:grid;align-content:start;min-height:19rem;padding:1.6rem;border:1px solid rgba(0,0,0,.08);border-radius:1.6rem;background:rgba(255,255,255,.78);box-shadow:0 1.5rem 4rem rgba(0,0,0,.05);backdrop-filter:blur(15px);transition:transform .35s,box-shadow .35s;animation:sales-card-breathe 6s ease-in-out infinite alternate;will-change:scale,translate}
.sales-benefit-grid>div:nth-child(2){animation-delay:-1s}.sales-benefit-grid>div:nth-child(3){animation-delay:-2s}.sales-benefit-grid>div:nth-child(4){animation-delay:-3s}.sales-benefit-grid>div:nth-child(5){animation-delay:-4s}.sales-benefit-grid>div:nth-child(6){animation-delay:-5s}.sales-benefit-grid>div:nth-child(7){animation-delay:-2.5s}
@keyframes sales-card-breathe{from{scale:1;translate:0 0}to{scale:1.012;translate:0 -.22rem}}
.sales-benefit-grid>div:nth-child(-n+6){--image-x:0%;--image-y:0%;isolation:isolate;overflow:hidden;border-color:rgba(255,255,255,.14);background:#0b0b0c;color:#fff;box-shadow:0 1.5rem 4rem rgba(0,0,0,.16);transform-style:preserve-3d;transform-origin:center;will-change:transform,scale,translate,box-shadow}
.sales-benefit-grid>div:nth-child(-n+6):before,.sales-benefit-grid>div:nth-child(-n+6):after{content:"";position:absolute;inset:0;pointer-events:none}
.sales-benefit-grid>div:nth-child(-n+6):before{z-index:-2;background:center/cover no-repeat;transform:translate3d(var(--image-x),var(--image-y),0) scale(1.06);transition:transform .32s cubic-bezier(.16,1,.3,1),filter .6s;filter:saturate(.82) contrast(1.06);will-change:transform}
.sales-benefit-grid>div:nth-child(-n+6):after{z-index:-1;background:linear-gradient(180deg,rgba(4,4,5,.7) 0%,rgba(5,5,6,.56) 34%,rgba(5,5,6,.86) 73%,rgba(4,4,5,.96) 100%),linear-gradient(110deg,rgba(0,0,0,.48),transparent 62%)}
.sales-benefit-grid>div:nth-child(-n+6):hover:before{transform:translate3d(var(--image-x),var(--image-y),0) scale(1.15);filter:saturate(1.06) contrast(1.08)}
.sales-benefit-grid>div:nth-child(1):before{background-image:url("./assets/feature-cards/individual-design.jpg")}.sales-benefit-grid>div:nth-child(2):before{background-image:url("./assets/feature-cards/more-inquiries.jpg")}.sales-benefit-grid>div:nth-child(3):before{background-image:url("./assets/feature-cards/ux-ui-feeling.jpg")}.sales-benefit-grid>div:nth-child(4):before{background-image:url("./assets/feature-cards/fast-performance.jpg")}.sales-benefit-grid>div:nth-child(5):before{background-image:url("./assets/feature-cards/seo-structure.jpg")}.sales-benefit-grid>div:nth-child(6):before{background-image:url("./assets/feature-cards/continuous-development.jpg")}
.sales-benefit-grid>div:nth-child(-n+6) b{color:#f3dfa3;text-shadow:0 .2rem .8rem rgba(0,0,0,.9);transform:translateZ(22px)}.sales-benefit-grid>div:nth-child(-n+6) i{transform:translateZ(36px);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.sales-benefit-grid>div:nth-child(-n+6):hover i{transform:translateZ(48px) rotate(-4deg) scale(1.08);box-shadow:0 1rem 2.5rem rgba(212,175,103,.38)}.sales-benefit-grid>div:nth-child(-n+6) h3{color:#fff;text-shadow:0 .3rem 1.2rem rgba(0,0,0,.95);transform:translateZ(28px)}.sales-benefit-grid>div:nth-child(-n+6) p{color:#e5e5e8;text-shadow:0 .2rem .9rem rgba(0,0,0,.95);transform:translateZ(18px)}
.sales-benefit-grid>div:hover{transform:translateY(-6px);box-shadow:0 2rem 5rem rgba(0,0,0,.12)}.sales-benefit-grid b{color:#888;font-size:.7rem}.sales-benefit-grid i{display:grid;place-items:center;width:3.2rem;aspect-ratio:1;margin:2.225rem 0 1.4rem;border-radius:1rem;background:#111;color:#fff;font-size:1.25rem;font-style:normal}.sales-benefit-grid h3{margin:0;font-size:clamp(1.29rem,1.1vw,1.55rem);letter-spacing:-.045em}.sales-benefit-grid p{margin:.7rem 0 0;color:#5f5f5f;line-height:1.55}.sales-benefit-grid .sales-benefit-partner{grid-column:span 3;min-height:15rem;background:linear-gradient(115deg,#050505,#202020);color:#fff}.sales-benefit-partner p{color:#c8c8c8}.sales-benefit-partner i{background:#fff;color:#080808}
.sales-story-philosophy{display:grid;place-items:center;min-height:min(75svh, 42rem);padding:5.25rem 0;text-align:center}.sales-story-philosophy>span{color:#555;font-size:.75rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.sales-story-philosophy blockquote{max-width:24ch;margin:2rem auto 0;font-size:clamp(1.75rem,2.86vw,3.07rem);font-weight:680;letter-spacing:-.065em;line-height:.98}
.sales-story-partnership{padding:clamp(4.8rem,12vw,6rem) 0}.sales-story-partnership>div:first-child{max-width:75rem}.partnership-path{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.35rem}.partnership-path>div{display:grid;min-height:20rem;padding:1.7rem;border-top:2px solid #161616;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(225,225,225,.35))}.partnership-path b{color:var(--orange,#d4af67);font-size:clamp(1.55rem,2.2vw,2.35rem)}.partnership-path strong{align-self:end;font-size:1.35rem}.partnership-path p{margin:.8rem 0 0;color:#5f5f5f;line-height:1.55}
@media(max-width:800px){.sales-story h2{font-size:clamp(1.83rem,6.05vw,2.55rem)}.sales-story-shift{grid-template-columns:1fr}.sales-story-arrow{width:100%;height:4rem}.sales-story-arrow i{width:100%;height:1px}.sales-story-arrow b{transform:rotate(90deg)}.sales-story-problem,.sales-story-solution{min-height:21.6rem}.sales-benefit-grid{grid-template-columns:1fr}.sales-benefit-grid .sales-benefit-partner{grid-column:auto;min-height:19rem}.partnership-path{grid-template-columns:1fr}.partnership-path>div{min-height:15rem}.sales-story-philosophy{min-height:82svh}}
@media(prefers-reduced-motion:reduce){.sales-benefit-grid>div{animation:none;transition:none}}
.sales-benefit-grid i,.sales-benefit-grid .sales-benefit-partner i{background:var(--orange,#d4af67);color:#fff}
.sales-benefit-grid i svg{width:1.55rem;height:1.55rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.partnership-pricing-button{width:max-content;margin-top:2.225rem}
@media(max-width:600px){.partnership-pricing-button{width:100%}}

.challenge-detail-dialog{width:min(calc(100% - 2rem),72rem);max-height:calc(100svh - 2rem);padding:clamp(1.4rem,4vw,3.225rem);overflow:auto;border:1px solid rgba(255,255,255,.18);border-radius:2rem;background:#0d0d0f;color:#fff;box-shadow:0 3rem 9rem rgba(0,0,0,.75)}
.challenge-detail-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(12px)}
.challenge-detail-dialog[open]{animation:challenge-detail-in .4s cubic-bezier(.16,1,.3,1)}
.challenge-detail-close{position:sticky;top:0;z-index:4;float:right;display:grid;place-items:center;width:3rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#202024;color:#fff;font-size:1.31rem;cursor:pointer}
.challenge-detail-dialog>header{max-width:58rem}.challenge-detail-dialog>header h2{max-width:18ch;margin:.7rem 0 1.2rem;font-size:clamp(1.83rem,3.19vw,3.15rem);letter-spacing:-.065em;line-height:1.15}.challenge-detail-dialog>header>p:last-child{max-width:50rem;margin:0;color:#b8b8bd;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}
.challenge-before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;margin-top:clamp(2.225rem,5vw,2.9rem)}.challenge-before-after>section{padding:1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:#171719}.challenge-before-after>section:first-child{border-color:rgba(255,52,52,.34)}.challenge-before-after>section:last-child{border-color:rgba(32,237,114,.34)}.challenge-before-after>div{display:grid;place-items:center;color:var(--orange);font-size:1.43rem}.challenge-before-after span,.challenge-detail-solution>span{color:var(--orange-light);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.challenge-before-after ul{display:grid;gap:.85rem;margin:1.2rem 0 0;padding:0;list-style:none}.challenge-before-after li{position:relative;padding-left:1.35rem;color:#d0d0d4;line-height:1.5}.challenge-before-after li:before{content:"";position:absolute;top:.62em;left:0;width:.45rem;aspect-ratio:1;border-radius:50%;background:#777}.challenge-before-after>section:last-child li:before{background:#20ed72}
.challenge-detail-solution{margin-top:1rem;padding:1.5rem;border-radius:1.4rem;background:rgba(212,175,103,.1);box-shadow:inset 0 0 0 1px rgba(212,175,103,.26)}.challenge-detail-solution p{max-width:62rem;margin:.8rem 0 0;color:#ddd;line-height:1.65}
.challenge-detail-value{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2rem,4vw,2.45rem)}.challenge-detail-value>section{padding:clamp(1.3rem,2.5vw,2rem);border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:#171719}.challenge-detail-value>section:first-child{border-color:rgba(212,175,103,.38);background:linear-gradient(145deg,rgba(212,175,103,.12),#171719 48%)}.challenge-detail-value>section>span,.challenge-detail-outcome>span{color:var(--orange-light);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.challenge-detail-value ul{display:grid;gap:1rem;margin:1.4rem 0 0;padding:0;list-style:none}.challenge-detail-value li{position:relative;padding-left:1.65rem;color:#d4d4d8;line-height:1.5}.challenge-detail-value li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.challenge-detail-value>section:last-child li:before{content:"+";color:#fff}.challenge-detail-outcome{margin-top:1rem;padding:clamp(1.3rem,2.5vw,2rem);border-radius:1.4rem;background:var(--orange,#d4af67);color:#fff}.challenge-detail-outcome>span{color:#fff;opacity:.78}.challenge-detail-outcome p{max-width:62rem;margin:.8rem 0 0;font-size:clamp(1.1rem,0.935vw,1.31rem);font-weight:700;line-height:1.5}
.challenge-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.challenge-detail-metrics>div{display:grid;gap:.4rem;padding:1.4rem;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#171719}.challenge-detail-metrics strong{color:#fff;font-size:clamp(1.55rem,2.2vw,2.35rem);letter-spacing:-.06em}.challenge-detail-metrics span{color:#999;font-size:.76rem;font-weight:750;text-transform:uppercase}.challenge-detail-note{margin:1rem 0 0;color:#777;font-size:.72rem;line-height:1.55}.challenge-detail-cta{margin-top:1.5rem;border:0;cursor:pointer}
@keyframes challenge-detail-in{from{opacity:0;transform:translateY(2rem) scale(.98)}}
@media(max-width:700px){.challenge-detail-dialog{width:calc(100dvw - .75rem);max-height:calc(100svh - .75rem);padding:1.2rem;border-radius:1.4rem}.challenge-detail-dialog>header h2{font-size:clamp(1.69rem,6.05vw,2.27rem)}.challenge-before-after,.challenge-detail-value{grid-template-columns:1fr}.challenge-before-after>div{height:2rem;transform:rotate(90deg)}.challenge-detail-metrics{grid-template-columns:1fr}.challenge-detail-cta{width:100%}}