.integ-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:36px 0 44px;background:#f1f5f9;overflow:hidden;color:#0f172a}.integ-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,.065) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}.integ-hero__inner{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:0 24px}.integ-hero__timeline{position:absolute;left:clamp(-46px,-1vw,8px);top:0;bottom:0;width:1px;pointer-events:none;z-index:0}.integ-hero__timeline:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.28) 18%,rgba(15,23,42,.28) 82%,rgba(15,23,42,0));opacity:0;clip-path:inset(0 0 100% 0)}.integ-hero.timeline-live .integ-hero__timeline:before{animation:line-draw-down 1.8s cubic-bezier(.22,1,.36,1) forwards}.integ-hero__dot{position:absolute;left:calc(50% - 5px);top:72px;width:9px;height:9px;border-radius:999px;background:#0f172a;box-shadow:0 0 0 10px rgba(209,226,247,.85),0 0 30px 16px rgba(209,226,247,.5);opacity:0;transition:opacity .35s ease .4s}.integ-hero.timeline-live .integ-hero__dot{opacity:1}.integ-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(15,23,42,.4);margin:0 0 16px}.integ-hero__title{margin:0 0 14px;font-size:clamp(22px,2.8vw,34px);font-weight:700;letter-spacing:-.028em;line-height:1.05}.integ-hero__title span{color:rgba(15,23,42,.42)}.integ-hero__desc{margin:0 0 36px;font-size:16px;line-height:1.68;color:rgba(15,23,42,.52);max-width:580px}.integ-hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.integ-hero__scroll{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(15,23,42,.45);text-decoration:none;transition:color .15s}.integ-hero__scroll:hover{color:#0f172a}.integ-cats{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:80px 0 88px;background:#ffffff}.integ-cats__inner{max-width:1220px;margin:0 auto;padding:0 24px}.integ-cats__head{margin-bottom:52px}.integ-cats__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(15,23,42,.38);margin:0 0 12px}.integ-cats__title{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.022em;color:#0f172a;margin:0}.integ-cats__title span{color:rgba(15,23,42,.42)}.integ-cats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.integ-cat-card{padding:28px;border-radius:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.07);display:flex;flex-direction:column;gap:16px}.integ-cat-card__head{display:flex;align-items:center;gap:12px}.integ-cat-card__icon{width:40px;height:40px;border-radius:10px;background:#0f172a;display:grid;place-items:center;color:#f8fafc;flex-shrink:0}.integ-cat-card__title{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.015em}.integ-cat-card__desc{font-size:14px;line-height:1.65;color:rgba(15,23,42,.52);margin:0}.integ-cat-card__tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.integ-tool-tag{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:7px;background:#ffffff;border:1px solid rgba(15,23,42,.1);color:rgba(15,23,42,.6)}.integ-how{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:80px 0 88px;background:#f8fafc}.integ-how__inner{max-width:1220px;margin:0 auto;padding:0 24px}.integ-how__head{margin-bottom:52px}.integ-how__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(15,23,42,.38);margin:0 0 12px}.integ-how__title{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.022em;color:#0f172a;margin:0}.integ-how__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.integ-how-step{display:flex;flex-direction:column;gap:14px}.integ-how-step__num{width:36px;height:36px;border-radius:10px;background:#0f172a;color:#f8fafc;font-size:13px;font-weight:700;display:grid;place-items:center}.integ-how-step__title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.integ-how-step__text{font-size:14px;line-height:1.65;color:rgba(15,23,42,.52);margin:0}.integ-cta{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:80px 0;background:#0f172a;overflow:hidden;text-align:center}.integ-cta__inner{max-width:700px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.integ-cta__title{margin:0;font-size:clamp(24px,3.5vw,38px);font-weight:700;color:#f8fafc;letter-spacing:-.02em}.integ-cta__sub{margin:0;font-size:16px;color:rgba(248,250,252,.55);line-height:1.65}.integ-cta .btn.primary{background:#f8fafc;color:#0f172a;border-color:transparent}.integ-cta .btn.primary:hover{background:#ffffff;transform:translateY(-2px);box-shadow:0 4px 24px rgba(0,0,0,.25)}@media (max-width:960px){.integ-hero{padding:36px 0 44px}.integ-hero__inner{padding:0 20px}.integ-hero__timeline{display:none}.integ-hero__title{font-size:clamp(20px,5.5vw,30px)}.integ-hero__desc{font-size:14px;margin-bottom:24px}.integ-cats{padding:48px 0 56px}.integ-cats__inner{padding:0 20px}.integ-cats__head{margin-bottom:32px}.integ-cats__grid{grid-template-columns:1fr 1fr;gap:14px}.integ-how{padding:48px 0 56px}.integ-how__inner{padding:0 20px}.integ-how__head{margin-bottom:32px}.integ-how__steps{grid-template-columns:1fr 1fr;gap:16px}.integ-cta{padding:56px 0}.integ-cta__inner{padding:0 20px}}@media (max-width:640px){.integ-cats__grid,.integ-how__steps{grid-template-columns:1fr}.integ-cat-card{padding:20px}}