/* Exact homepage composition based on the approved Figma reference. */
:root{--hf-blue:#0865f5;--hf-deep:#031b43;--hf-ink:#061a3b;--hf-copy:#53647e;--hf-line:#dce7f6;--hf-soft:#f5f8fd}
.web4-home-redesign .web4-home{background:#fff;color:var(--hf-ink)}
.web4-home-redesign .web4-hero{padding:132px 0 54px;background:#fff;border:0}
.web4-home-redesign .web4-hero .container,.web4-home-redesign .web4-section .container{max-width:1180px}
.web4-home-redesign .web4-hero-copy{grid-template-columns:minmax(0,1.45fr) minmax(290px,.65fr);gap:70px}
.web4-home-redesign .web4-hero h1{max-width:700px;font-size:54px;line-height:1.12;margin-bottom:20px}
.web4-home-redesign .web4-hero p{max-width:680px;font-size:16px;line-height:1.7;margin-bottom:24px}
.web4-home-redesign .web4-hero-actions .btn{min-width:150px;min-height:48px;border-radius:5px}
.web4-home-redesign .web4-hero-proof{padding-left:38px}
.web4-home-redesign .web4-hero-proof div{grid-template-columns:52px 1fr;min-height:78px;padding:12px 0}
.web4-home-redesign .web4-hero-proof div::before{width:38px;height:38px;border:0;border-radius:0;background:center/34px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230865f5' stroke-width='3'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Cpath d='M16 26c2-10 14-10 16 0M19 31c3-6 7-6 10 0M24 14v8'/%3E%3C/svg%3E")}
.web4-home-redesign .web4-hero-proof div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230865f5' stroke-width='3'%3E%3Ccircle cx='24' cy='24' r='18'/%3E%3Cpath d='M6 24h36M24 6c6 6 8 12 8 18s-2 12-8 18c-6-6-8-12-8-18s2-12 8-18z'/%3E%3C/svg%3E")}
.web4-home-redesign .web4-hero-proof div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230865f5' stroke-width='3'%3E%3Crect x='10' y='13' width='28' height='25' rx='5'/%3E%3Cpath d='M18 13V8m12 5V8M18 25h.01M30 25h.01M18 31h12'/%3E%3C/svg%3E")}
.web4-home-redesign .web4-hero-proof div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%230865f5' stroke-width='3'%3E%3Ccircle cx='18' cy='18' r='7'/%3E%3Ccircle cx='32' cy='20' r='6'/%3E%3Cpath d='M6 39c1-9 6-13 12-13s11 4 12 13M27 29c7-2 13 2 15 10'/%3E%3C/svg%3E")}
.web4-home-redesign .web4-ui-shell{position:relative;margin-top:44px;margin-left:66px;border-radius:7px;box-shadow:0 24px 64px rgba(4,28,67,.14)}
.web4-home-redesign .web4-workflow-rail{position:absolute;z-index:3;top:0;bottom:-1px;left:-66px;width:66px;display:grid;grid-template-rows:repeat(3,1fr);padding:18px 0;border-radius:7px 0 0 7px;background:#05275c;color:#fff}
.web4-home-redesign .web4-workflow-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;text-align:center}
.web4-home-redesign .web4-workflow-step:not(:last-child)::after{content:"";position:absolute;bottom:-16%;height:34%;border-left:1px dashed #77aafa}
.web4-home-redesign .web4-workflow-step b{font-size:23px;font-weight:600;color:#9bc3ff}
.web4-home-redesign .web4-workflow-step i{width:17px;height:17px;margin-top:7px;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--hf-blue)}
.web4-home-redesign .web4-app-window{min-height:420px}.web4-home-redesign .web4-app-sidebar{width:176px;background:#f7faff}.web4-home-redesign .web4-app-main{padding:28px}
.web4-home-redesign .web4-floating-card{display:none}
.web4-home-redesign .web4-section:has(.web4-pain-grid){padding:26px 0;background:#fff}
.web4-home-redesign .web4-pain-grid{grid-template-columns:repeat(4,1fr);border:0;border-radius:0}
.web4-home-redesign .web4-pain-card{padding:18px 28px;border-right:1px solid var(--hf-line)}
.web4-home-redesign .web4-pain-card h3{font-size:18px;margin:0 0 5px}.web4-home-redesign .web4-pain-card p{font-size:13px;line-height:1.55;margin:0}
.web4-home-redesign #features{padding-top:44px;background:#fff}
.web4-home-redesign #features .web4-heading{margin-bottom:16px}.web4-home-redesign #features .web4-heading .web4-section-eyebrow,.web4-home-redesign #features .web4-heading p{display:none}
.web4-home-redesign #features .web4-heading h2{font-size:30px}
.web4-home-redesign .web4-feature-grid{border-top:0}
.web4-home-redesign .web4-feature-card,.web4-home-redesign .web4-feature-card.wide{grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);min-height:340px;padding:36px 18px;gap:46px}
.web4-home-redesign .web4-feature-card:nth-child(even){grid-template-columns:minmax(420px,1.15fr) minmax(0,.85fr)}
.web4-home-redesign .web4-feature-card:nth-child(4),.web4-home-redesign .web4-feature-card:nth-child(5){display:none}
.web4-home-redesign .web4-feature-copy h3{font-size:27px}.web4-home-redesign .web4-feature-copy p,.web4-home-redesign .web4-feature-copy li{font-size:14px;line-height:1.65}.web4-home-redesign .web4-feature-more{display:none}
.web4-home-redesign .web4-feature-media{min-height:270px;background:#fff;border:1px solid var(--hf-line);box-shadow:0 12px 30px rgba(4,28,67,.06)}
.web4-home-redesign .web4-section:has(.web4-automation-band){padding:0 0 46px}
.web4-home-redesign .web4-automation-band{padding:38px 18px;border-top:0}.web4-home-redesign .web4-automation-band .web4-ai-proof-grid{display:none}
.web4-home-redesign #solutions{padding:58px 0;background:#fff}.web4-home-redesign #solutions .web4-heading{margin-bottom:30px}.web4-home-redesign #solutions .web4-heading h2{font-size:30px}.web4-home-redesign #solutions .web4-heading p{font-size:14px}
.web4-home-redesign .web4-scene-grid{grid-template-columns:repeat(3,1fr);gap:14px}.web4-home-redesign .web4-scene-card{min-height:276px;padding:20px;border-radius:6px;box-shadow:none}.web4-home-redesign .web4-scene-visual{height:126px;background:#fff}.web4-home-redesign .web4-scene-visual>img{display:none}.web4-home-redesign .web4-scene-card h3{font-size:18px}.web4-home-redesign .web4-scene-card p{font-size:13px;line-height:1.55}.web4-home-redesign .web4-scene-more{display:none}
.web4-home-redesign .web4-platform-logos{position:static;display:flex;align-items:center;justify-content:flex-start;height:100%;gap:13px;padding:0;background:transparent}.web4-home-redesign .web4-platform-logo{width:38px;height:38px;border:0;box-shadow:none}
.web4-home-redesign .web4-process-section{padding:52px 0!important;background:linear-gradient(100deg,#075bea,#0874ff)!important}.web4-home-redesign .web4-process-section .web4-heading{margin-bottom:25px}.web4-home-redesign .web4-process-section .web4-heading h2{font-size:28px}.web4-home-redesign .web4-process-section .web4-section-eyebrow{display:none}.web4-home-redesign .web4-process-section .web4-process-card{padding:20px 16px;border:0;background:transparent}.web4-home-redesign .web4-process-section .web4-process-card h3{font-size:17px}.web4-home-redesign .web4-process-section .web4-process-card p{font-size:13px}.web4-home-redesign .web4-process-section .web4-process-row::before{top:42px;border-top-color:rgba(255,255,255,.65)}
.web4-home-redesign .web4-testimonial-section{padding:54px 0;background:#fff}.web4-home-redesign .web4-testimonial-section .web4-heading{margin-bottom:24px}.web4-home-redesign .web4-testimonial-section .web4-heading h2{font-size:28px}.web4-home-redesign .web4-testimonial-section .web4-section-eyebrow{display:none}.web4-home-redesign .web4-testimonial-slider{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px}.web4-home-redesign .web4-testimonial-slide:nth-child(n+5){display:none!important}.web4-home-redesign .web4-testimonial-card{min-height:210px;padding:22px 18px;border-radius:6px;box-shadow:none}.web4-home-redesign .web4-testimonial-card .web4-stars,.web4-home-redesign .web4-testimonial-card .web4-avatar{display:none}.web4-home-redesign .web4-testimonial-card p{font-size:13px}.web4-home-redesign .web4-user{margin-top:14px}
.web4-home-redesign .web4-testimonial-section :is(.tns-outer,.tns-ovh,.tns-inner){height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
.web4-home-redesign .web4-testimonial-section .tns-controls,.web4-home-redesign .web4-testimonial-section .tns-nav{display:none!important}
.web4-home-redesign .web4-testimonial-slider.tns-slider{width:auto!important;transform:none!important;transition:none!important}
.web4-home-redesign .web4-testimonial-slider .tns-item{width:auto!important;margin:0!important;padding:0!important}
.web4-home-redesign .web4-trustbox-section{padding:28px 0 54px;background:#fff}.web4-home-redesign .web4-review-platforms-head{margin-bottom:20px}.web4-home-redesign .web4-review-platforms-head .web4-review-platforms-label,.web4-home-redesign .web4-review-platforms-head p{display:none}.web4-home-redesign .web4-review-platforms-head h2{font-size:24px}.web4-home-redesign .web4-review-platform-row{gap:18px}.web4-home-redesign .web4-review-platform-item{height:84px;border-radius:6px;box-shadow:0 12px 28px rgba(4,28,67,.06)}
.web4-home-redesign .web4-faq{display:none!important}.web4-home-redesign .call-action{padding:42px 0;background:linear-gradient(100deg,#075bea,#0874ff)!important}.web4-home-redesign .footer{background:#031b43}
@media(max-width:991px){.web4-home-redesign .web4-hero-copy{grid-template-columns:1fr}.web4-home-redesign .web4-hero-proof{grid-template-columns:repeat(4,1fr);padding:25px 0 0}.web4-home-redesign .web4-feature-card,.web4-home-redesign .web4-feature-card.wide,.web4-home-redesign .web4-feature-card:nth-child(even){grid-template-columns:1fr}.web4-home-redesign .web4-scene-grid{grid-template-columns:repeat(2,1fr)}.web4-home-redesign .web4-testimonial-slider{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.web4-home-redesign .web4-hero{padding:108px 0 38px}.web4-home-redesign .web4-hero h1{font-size:38px}.web4-home-redesign .web4-hero-proof{grid-template-columns:1fr 1fr}.web4-home-redesign .web4-ui-shell{margin-left:42px}.web4-home-redesign .web4-workflow-rail{left:-42px;width:42px}.web4-home-redesign .web4-workflow-step span{display:none}.web4-home-redesign .web4-workflow-step b{font-size:17px}.web4-home-redesign .web4-app-sidebar{display:none}.web4-home-redesign .web4-app-main{padding:18px}.web4-home-redesign .web4-profile-row{grid-template-columns:34px 1fr 1fr}.web4-home-redesign .web4-profile-row span:nth-child(3),.web4-home-redesign .web4-profile-row span:nth-child(4){display:none}.web4-home-redesign .web4-pain-grid{grid-template-columns:1fr}.web4-home-redesign .web4-pain-card{border-right:0;border-bottom:1px solid var(--hf-line)}.web4-home-redesign .web4-scene-grid{grid-template-columns:1fr}.web4-home-redesign .web4-testimonial-slider{grid-template-columns:1fr}.web4-home-redesign .web4-testimonial-slide:nth-child(n+4){display:none}.web4-home-redesign .web4-review-platform-row{grid-template-columns:1fr}.web4-home-redesign .web4-feature-card,.web4-home-redesign .web4-feature-card.wide{padding:28px 0}.web4-home-redesign .web4-feature-media{min-height:210px}}
@media(prefers-reduced-motion:reduce){.web4-home-redesign *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Content is never hidden while waiting for IntersectionObserver. */
.web4-home-redesign.home-motion-ready [data-home-motion],
.web4-home-redesign.home-motion-ready [data-home-motion="scale"],
.web4-home-redesign.home-motion-ready [data-home-motion="left"],
.web4-home-redesign.home-motion-ready [data-home-motion="right"]{opacity:1;transform:none}
.web4-home-redesign.home-motion-ready [data-home-motion].is-visible{animation:hf-enter .46s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--home-motion-delay,0ms)}
@keyframes hf-enter{from{opacity:.35;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}

/* Motion translated from the Figma timing board. */
.web4-home-redesign .web4-workflow-step{animation:hf-rail-step .46s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--rail-delay,260ms)}
.web4-home-redesign .web4-workflow-rail::after{content:"";position:absolute;left:50%;top:17%;bottom:17%;border-left:1px dashed rgba(132,181,255,.72);transform:scaleY(0);transform-origin:top;animation:hf-line-draw .78s cubic-bezier(.2,.75,.25,1) .34s forwards}
.web4-home-redesign .web4-workflow-step{z-index:1}.web4-home-redesign .web4-workflow-step:not(:last-child)::after{display:none}
.web4-home-redesign .web4-platform-logo{animation:hf-logo-in .4s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--logo-delay,0ms)}
.web4-home-redesign .web4-app-window{animation:hf-console-in .56s cubic-bezier(.2,.75,.25,1) .18s both}
.web4-home-redesign .web4-profile-row-demo{animation:hf-row-in .38s ease-out both}
.web4-home-redesign .web4-profile-row-demo:nth-child(4){animation-delay:.34s}.web4-home-redesign .web4-profile-row-demo:nth-child(5){animation-delay:.4s}.web4-home-redesign .web4-profile-row-demo:nth-child(6){animation-delay:.46s}.web4-home-redesign .web4-profile-row-demo:nth-child(7){animation-delay:.52s}
@keyframes hf-rail-step{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes hf-line-draw{to{transform:scaleY(1)}}
@keyframes hf-logo-in{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}
@keyframes hf-console-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hf-row-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}

/* Keep the legacy carousel runtime inside the approved four-card frame. */
.web4-home-redesign .web4-testimonial-section .tns-ovh{height:auto!important;max-height:230px!important;overflow:hidden!important}
.web4-home-redesign .web4-review-platform-trustpilot{position:relative}
.web4-home-redesign .web4-review-platform-trustpilot::before{content:"★  Trustpilot";position:absolute;inset:0;display:grid;place-items:center;color:#00a878;font-size:18px;font-weight:700}
.web4-home-redesign .web4-review-platform-trustpilot .trustpilot-widget{position:relative;z-index:1;width:100%}
@media(max-width:767px){.web4-home-redesign .web4-hero-proof{grid-template-columns:1fr}.web4-home-redesign .web4-testimonial-slide:nth-child(n+4){display:none!important}.web4-home-redesign .web4-testimonial-section .tns-ovh{max-height:690px!important}}

/* Long localized labels remain readable at desktop and tablet widths. */
.web4-home-redesign .web4-hero-proof{grid-template-columns:1fr!important}
@media(max-width:1199px){.web4-home-redesign .web4-hero-copy{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);column-gap:36px}.web4-home-redesign .web4-hero-proof{padding-left:26px}.web4-home-redesign .web4-hero-proof div{grid-template-columns:46px minmax(0,1fr)}}
@media(max-width:991px){.web4-home-redesign .web4-hero-copy{grid-template-columns:1fr}.web4-home-redesign .web4-hero-proof{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:24px 0 0;border-left:0;border-top:1px solid var(--hf-line)}}
@media(max-width:575px){.web4-home-redesign .web4-hero-proof{grid-template-columns:1fr!important}}

/* Approved section-specific interaction and motion polish. */
.web4-home-redesign .web4-hero-actions .btn,.web4-home-redesign .call-action .btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.web4-home-redesign .web4-hero-actions .btn:hover,.web4-home-redesign .call-action .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,91,235,.2)}
.web4-home-redesign .web4-process-section .web4-process-card .num{transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease}
.web4-home-redesign .web4-process-section .web4-process-card.is-visible .num{animation:hf-process-node .52s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--home-motion-delay,0ms)}
.web4-home-redesign .web4-review-platform-item{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.web4-home-redesign .web4-review-platform-item:hover{transform:translateY(-3px);border-color:#a9c7fa;box-shadow:0 16px 34px rgba(4,28,67,.1)}
.web4-home-redesign .web4-scene-card:hover .web4-platform-logo{transform:translateY(-2px) scale(1.04)}
@keyframes hf-process-node{0%{transform:scale(.72);box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{transform:scale(1)}}