.reference-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(900px,100svh);padding:clamp(165px,12vw,235px) 0 130px;background:#151126}.reference-hero:before{display:none}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url(/assets/hero-workspace-DpkMyM3m.png) center 54% / cover no-repeat}.reference-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,#6925d599,transparent 46%),linear-gradient(90deg,#151126f2,#151126d9 29%,#15112640 57%,#15112620),linear-gradient(0deg,#231746cc,transparent 35%)}.reference-hero>.container{max-width:1760px;width:88%;padding:0;position:relative}.reference-hero .hero-grid{text-align:left}.reference-hero .hero-content{max-width:850px;width:58%;margin:0;position:relative;z-index:2}.reference-hero .hero-badge-pill{gap:11px;font-size:clamp(.7rem,.9vw,.95rem);margin-bottom:30px;padding:9px 17px;white-space:nowrap}.reference-hero .hero-title{font-size:clamp(2.65rem,4vw,4.9rem);line-height:1.1;letter-spacing:-.04em;font-weight:600;margin-bottom:22px}.reference-hero .hero-description{font-size:clamp(1rem,1.3vw,1.5rem);line-height:1.45;max-width:690px;width:90%;margin:0 0 36px}.reference-hero .hero-buttons{justify-content:flex-start;margin-bottom:0}.hero-service-cards{position:absolute;right:0;top:-30px;width:265px;display:grid;gap:20px}.hero-service-cards:before{content:"";position:absolute;inset:42px 10px 35px 20px;border:1px solid #b28aff80;border-radius:28px;transform:skewY(15deg)}.hero-service-card{position:relative;display:flex;align-items:center;gap:20px;min-height:100px;padding:18px 22px;border:1px solid #b79cdf40;border-radius:13px;background:linear-gradient(115deg,#3b2c5cc9,#191429e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 35px #09061725;transition:transform .2s,border-color .2s}.hero-service-card:nth-child(1){transform:translate(-55px)}.hero-service-card:nth-child(2){transform:translate(-12px)}.hero-service-card:nth-child(3){transform:translate(20px)}.hero-service-card:hover{border-color:#c5a4ff}.hero-service-card svg{width:40px;height:44px;flex-shrink:0;fill:none;stroke:#bc98ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.hero-service-card h2{color:#faf7ff;font-size:.96rem;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0 0 7px}.hero-service-card p{color:#ddd6eb;font-size:.84rem;line-height:1.45;margin:0}@media(min-width:1600px){.hero-service-cards{width:285px;gap:24px}.hero-service-card{min-height:110px}}@media(max-width:1100px){.reference-hero .hero-content{width:65%}.reference-hero .hero-title{font-size:3.1rem}.hero-service-cards{width:220px;top:0;gap:16px}.hero-service-card{padding:16px;gap:13px;min-height:93px}.hero-service-card:nth-child(n){transform:none}.hero-service-card h2{font-size:.85rem}.hero-service-card p{font-size:.75rem}}@media(max-width:800px){.reference-hero{padding:135px 0 48px;min-height:auto}.reference-hero>.container{width:calc(100% - 40px)}.reference-hero .hero-content{width:100%;max-width:620px}.reference-hero .hero-title{font-size:clamp(2.5rem,7vw,3.8rem)}.reference-hero .hero-description{max-width:540px}.hero-backdrop{background-position:65% center;opacity:.55}.hero-service-cards{position:relative;top:auto;right:auto;width:100%;grid-template-columns:1fr 1fr;margin-top:50px;gap:14px}.hero-service-cards:before{display:none}.hero-service-card{min-height:110px}}@media(max-width:440px){.reference-hero .hero-badge-pill{font-size:.59rem;gap:7px;padding:9px 10px}.reference-hero .hero-title{font-size:2.55rem}.reference-hero .hero-title br{display:none}.reference-hero .hero-description{width:100%}.hero-service-card{padding:14px 11px;gap:10px;align-items:flex-start}.hero-service-card svg{width:27px;height:32px}.hero-service-card h2{font-size:.8rem}.hero-service-card p{font-size:.72rem}}
