.segment-page{overflow:hidden;background:#fff}.segment-page .section{padding:clamp(58px,7vw,92px) 0}.segment-page .section--soft{background:#f7f8fb}.segment-page .section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--color-pink-dark);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.segment-page .section-kicker::before{width:24px;height:2px;background:linear-gradient(90deg,var(--color-pink),var(--color-blue));content:""}.segment-page .section-title{max-width:860px;margin:16px 0 0;color:var(--color-black);font-size:clamp(2.4rem,4.2vw,4.35rem);font-weight:790;line-height:1.02;letter-spacing:-.055em}.segment-page .section-lead{max-width:760px;margin:20px 0 0;color:var(--color-muted);font-size:1.08rem;line-height:1.75}.segment-page .title-accent{color:transparent;background:linear-gradient(96deg,#ef00b8,#6d41e9 68%,#1167f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.segment-page .page-hero{padding:clamp(42px,5vw,68px) 0 44px;background:linear-gradient(180deg,#fff,#fafbff 72%,#fff)}.segment-page .page-hero__inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(34px,5vw,72px)}.segment-page .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:#737987;font-size:.86rem}.segment-page .breadcrumb a{color:#596170}.segment-page .page-hero h1{margin:18px 0 0;font-size:clamp(3.1rem,5vw,5.35rem);font-weight:790;line-height:.97;letter-spacing:-.065em}.segment-page .page-hero__content>p{max-width:620px;margin:25px 0;color:var(--color-muted);font-size:1.12rem;line-height:1.7}.segment-page .page-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.segment-page .hero-art{position:relative;margin:0;padding:10px}.segment-page .hero-art::before{position:absolute;inset:3%;border-radius:38px;background:radial-gradient(circle at 18% 18%,rgba(235,0,168,.2),transparent 34%),radial-gradient(circle at 82% 76%,rgba(17,103,245,.22),transparent 38%);filter:blur(28px);content:""}.segment-page .hero-art__frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:32px;background:#f3f4f7;box-shadow:0 34px 70px rgba(35,39,70,.16)}.segment-page .hero-art img{display:block;width:100%;height:auto}.segment-grid,.need-grid,.step-grid,.solution-grid{display:grid;gap:18px;margin-top:42px}.segment-grid,.need-grid,.step-grid{grid-template-columns:repeat(4,1fr)}.segment-card,.need-card,.step-card,.solution-link{position:relative;padding:25px;border:1px solid #e3e6ed;border-radius:24px;background:#fff;transition:transform 240ms ease,box-shadow 240ms ease}.segment-card{display:flex;min-height:255px;flex-direction:column;color:inherit}.segment-card::before,.need-card::before,.step-card::before{position:absolute;top:0;right:24px;left:24px;height:3px;background:linear-gradient(90deg,var(--color-pink),var(--color-blue));content:""}.segment-card:hover,.solution-link:hover{box-shadow:0 20px 48px rgba(20,23,34,.08);transform:translateY(-5px)}.segment-card>span,.need-card>span,.step-card>span{color:var(--color-pink-dark);font-size:.74rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.segment-card h2,.segment-card h3,.need-card h3,.step-card h3{margin:20px 0 10px;font-size:1.35rem;line-height:1.2}.segment-card p,.need-card p,.step-card p{margin:0;color:var(--color-muted);line-height:1.62}.segment-card b{margin-top:auto;padding-top:22px;color:var(--color-blue)}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(40px,7vw,100px)}.need-grid{grid-template-columns:repeat(2,1fr);margin-top:0}.need-card,.step-card{min-height:190px}.step-grid{counter-reset:steps}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-link{display:flex;align-items:center;justify-content:space-between;gap:22px;color:inherit}.solution-link strong{display:block;font-size:1.12rem}.solution-link small{display:block;margin-top:7px;color:var(--color-muted);font-size:.94rem;line-height:1.5}.solution-link b{color:var(--color-blue);font-size:1.35rem}.segment-page .page-cta{padding:18px 0 76px}.segment-page .page-cta__box{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:clamp(34px,5vw,64px);border-radius:34px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(17,103,245,.4),transparent 34%),radial-gradient(circle at 22% 100%,rgba(239,0,184,.24),transparent 38%),#08090d}.segment-page .page-cta h2{max-width:750px;margin:12px 0 0;color:#fff;font-size:clamp(2.1rem,3.6vw,3.7rem);line-height:1.04}.segment-page .page-cta p{max-width:720px;margin:14px 0 0;color:rgba(255,255,255,.7);line-height:1.65}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity 650ms ease,transform 650ms ease}[data-reveal].is-visible{opacity:1;transform:none}@media(max-width:1050px){.segment-page .page-hero__inner,.intro-grid{grid-template-columns:1fr}.segment-page .page-hero__content{text-align:center}.segment-page .page-hero__content>p,.segment-page .page-hero__actions{justify-content:center;margin-inline:auto}.segment-page .breadcrumb{justify-content:center}.segment-grid,.step-grid{grid-template-columns:repeat(2,1fr)}.segment-page .page-cta__box{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.segment-page .page-hero h1{font-size:clamp(2.65rem,12vw,4rem)}.segment-grid,.need-grid,.step-grid,.solution-grid{grid-template-columns:1fr}.segment-page .page-hero__actions .btn,.segment-page .page-cta .btn{width:100%}.segment-page .hero-art{padding:5px}}
