/* algo-Cats LP. Keep every rule inside the dedicated page. */
.ac-page .ac-lp,.editor-styles-wrapper .ac-lp{max-width:none;margin:0;padding:0;overflow:clip;color:#1e293b;font-size:16px;line-height:1.75}
.ac-lp *,.ac-lp *::before,.ac-lp *::after{box-sizing:border-box}
.ac-lp>.wp-block-group{max-width:none;margin:0}
.ac-lp .ac-container{width:min(1140px,calc(100% - 48px));max-width:none;margin:0 auto}
.ac-lp .wp-block-columns{gap:20px;margin:0}
.ac-lp .wp-block-column{min-width:0}
.ac-lp :where(h1,h2,h3,p){margin-top:0}
.ac-lp h1,.ac-lp h2,.ac-lp h3{letter-spacing:-.025em}
.ac-lp h2{margin-bottom:22px;color:#11234a;font-size:clamp(30px,3.1vw,43px);line-height:1.35}
.ac-lp h3{color:#11234a;font-size:21px;line-height:1.45}
.ac-lp p{margin-bottom:0}
.ac-lp a:focus-visible{outline:3px solid #11234a;outline-offset:4px}
.ac-lp [id]{scroll-margin-top:100px}
.ac-lp .ac-kicker,.ac-lp .ac-eyebrow{margin-bottom:14px;color:#2367ad;font-size:12px;font-weight:800;letter-spacing:.15em}
.ac-lp .ac-section{padding:92px 0}
.ac-lp .ac-section__intro{max-width:790px;margin-bottom:35px;font-size:18px}

.ac-lp .ac-hero{position:relative;padding:96px 0 104px;background:linear-gradient(122deg,#f5f9ff 0%,#fff 58%,#edf4ff 100%)}
.ac-lp .ac-hero::before{position:absolute;right:-140px;top:-190px;width:520px;height:520px;border:1px solid #d9e8f9;border-radius:50%;content:'';pointer-events:none}
.ac-lp .ac-hero__grid{position:relative;align-items:center;gap:56px}
.ac-lp .ac-hero__copy{flex-basis:58%}
.ac-lp .ac-hero__visual{flex-basis:42%}
.ac-lp .ac-hero h1{max-width:790px;margin-bottom:28px;color:#11234a;font-size:clamp(38px,4.2vw,60px);font-weight:800;line-height:1.3}
.ac-lp .ac-hero__lead{max-width:700px;margin-bottom:30px;font-size:19px;line-height:1.85}
.ac-lp .ac-hero__note{margin-top:16px;color:#475569;font-size:14px}
.ac-lp .ac-actions{gap:14px;margin:0}
.ac-lp .ac-button{margin:0}
.ac-lp .ac-button .wp-block-button__link{display:inline-flex;min-height:60px;align-items:center;justify-content:center;padding:14px 29px;border:2px solid #e5ae27;border-radius:6px;background:#f6c94c;box-shadow:0 5px 0 #c79624;color:#11234a;font-size:17px;font-weight:800;line-height:1.35;text-align:center;text-decoration:none;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.ac-lp .ac-button .wp-block-button__link:hover{transform:translateY(2px);background:#ffda6e;box-shadow:0 3px 0 #c79624}
.ac-lp .ac-button .wp-block-button__link:focus-visible{outline:3px solid #11234a;outline-offset:4px}

.ac-lp .ac-section--issues{background:#fff}
.ac-lp .ac-card-grid{margin-top:42px}
.ac-lp .ac-card{padding:28px 26px 30px;border:1px solid #d6e1ed;border-top:4px solid #2b73b9;border-radius:9px;background:#fff}
.ac-lp .ac-card__number{margin-bottom:12px;color:#2b73b9;font-size:14px;font-weight:800;letter-spacing:.12em}
.ac-lp .ac-card h3{min-height:3em;margin-bottom:13px}
.ac-lp .ac-card p:last-child{color:#475569;font-size:15px}
.ac-lp .ac-section--approach{background:#f2f7fd}
.ac-lp .ac-steps{gap:11px;align-items:stretch}
.ac-lp .ac-step{padding:24px 18px;border-radius:9px;background:#fff;box-shadow:0 4px 20px rgba(17,35,74,.05)}
.ac-lp .ac-step__number{margin-bottom:15px;color:#2b73b9;font-size:11px;font-weight:800;letter-spacing:.04em}
.ac-lp .ac-step h3{margin-bottom:10px;font-size:19px}
.ac-lp .ac-step p:last-child{color:#475569;font-size:14px}
.ac-lp .ac-human{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-top:34px;padding:28px 32px;border-radius:10px;background:#11234a;color:#fff}
.ac-lp .ac-human h3{margin:0;color:#fff;font-size:25px}
.ac-lp .ac-human p{color:#e3ecf9}
.ac-lp .ac-section--services{background:#fff}
.ac-lp .ac-card-grid--two{gap:24px}
.ac-lp .ac-service{display:flex;flex-direction:column;padding:34px;border:1px solid #d8e3ef;border-radius:12px;background:#f9fbfe}
.ac-lp .ac-service__tag{margin-bottom:14px;color:#2b73b9;font-size:12px;font-weight:800;letter-spacing:.1em}
.ac-lp .ac-service h3{margin-bottom:16px;font-size:27px}
.ac-lp .ac-service>p:not(.ac-service__tag):not(.ac-service__output){margin-bottom:22px}
.ac-lp .ac-service__output{margin-top:auto;padding-top:18px;border-top:1px solid #d8e3ef;color:#475569;font-size:15px}
.ac-lp .ac-service__output strong{color:#11234a}
.ac-lp .ac-section__tail{margin-top:28px;color:#11234a;font-weight:700;text-align:center}
.ac-lp .ac-section--proof{background:#edf4fb}
.ac-lp .ac-demo{position:relative;padding:34px;border-radius:12px;background:#fff}
.ac-lp .ac-demo::before{display:block;width:48px;height:4px;margin-bottom:21px;border-radius:3px;background:#f6c94c;content:''}
.ac-lp .ac-demo__label{margin-bottom:9px;color:#2b73b9;font-size:12px;font-weight:800;letter-spacing:.13em}
.ac-lp .ac-demo h3{margin-bottom:12px;font-size:24px}
.ac-lp .ac-proof__note{margin-top:20px;color:#52637a;font-size:13px}
.ac-lp .ac-section--flow{background:#fff}
.ac-lp .ac-flow{margin-top:40px}
.ac-lp .ac-flow__item{position:relative;padding:26px 20px;border-left:4px solid #2b73b9;background:#f6f9fd}
.ac-lp .ac-flow__number{margin-bottom:13px;color:#2b73b9;font-size:14px;font-weight:800}
.ac-lp .ac-flow h3{margin-bottom:8px;font-size:20px}
.ac-lp .ac-flow p:last-child{color:#475569;font-size:14px}
.ac-lp .ac-section--faq{background:#f4f7fb}
.ac-lp .ac-section--faq .ac-container{max-width:900px}
.ac-lp .ac-faq-item{padding:24px 0;border-bottom:1px solid #d5e0ec}
.ac-lp .ac-faq-item h3{position:relative;margin-bottom:8px;padding-left:32px;font-size:19px}
.ac-lp .ac-faq-item h3::before{position:absolute;top:0;left:0;color:#2b73b9;font-weight:800;content:'Q'}
.ac-lp .ac-faq-item p{padding-left:32px;color:#475569}
.ac-lp .ac-final{padding:82px 0 94px;background:#11234a;color:#fff;text-align:center}
.ac-lp .ac-final .ac-kicker{color:#f6c94c}
.ac-lp .ac-final h2{color:#fff}
.ac-lp .ac-final p:not(.ac-kicker){color:#e3ecf9}
.ac-lp .ac-final .ac-actions{justify-content:center;margin-top:29px}
.ac-lp .ac-final__note{margin-top:17px;font-size:13px}

@media(max-width:1100px){
  .ac-lp .ac-hero__grid{gap:32px}
  .ac-lp .ac-steps{flex-wrap:wrap}
  .ac-lp .ac-step{flex:1 1 calc(33.333% - 16px)}
}
@media(max-width:781px){
  .ac-lp .ac-section{padding:66px 0}
  .ac-lp .ac-hero{padding:68px 0 75px}
  .ac-lp .ac-hero__copy,.ac-lp .ac-hero__visual{flex-basis:100%}
  .ac-lp .ac-hero__visual{max-width:520px}
  .ac-lp .ac-card h3{min-height:0}
  .ac-lp .ac-step{flex:1 1 calc(50% - 11px)}
}
@media(max-width:600px){
  .ac-lp .ac-container{width:calc(100% - 32px)}
  .ac-lp .ac-section{padding:56px 0}
  .ac-lp h2{font-size:29px}
  .ac-lp .ac-section__intro{font-size:16px}
  .ac-lp .ac-hero{padding:53px 0 62px}
  .ac-lp .ac-hero h1{font-size:clamp(32px,8.3vw,42px)}
  .ac-lp .ac-hero__lead{font-size:16px}
  .ac-lp .ac-button,.ac-lp .ac-button .wp-block-button__link{width:100%}
  .ac-lp .ac-card-grid{margin-top:30px}
  .ac-lp .ac-card,.ac-lp .ac-service,.ac-lp .ac-demo{padding:25px}
  .ac-lp .ac-steps{gap:10px}
  .ac-lp .ac-step{flex-basis:100%;padding:19px 20px}
  .ac-lp .ac-step__number{margin-bottom:6px}
  .ac-lp .ac-step h3{margin-bottom:4px}
  .ac-lp .ac-human{padding:26px}
  .ac-lp .ac-human h3{font-size:22px}
  .ac-lp .ac-service h3{font-size:23px}
  .ac-lp .ac-final{padding:62px 0 68px}
}
@media(prefers-reduced-motion:reduce){
  .ac-lp .ac-button .wp-block-button__link{transition:none}
}

/* Site-aligned design: use the typography, colors and shapes of the existing theme. */
.ac-page .ac-lp,.editor-styles-wrapper .ac-lp{color:#363636;font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif,Inter;line-height:1.7}
.ac-lp .ac-container{width:min(1040px,calc(100% - 40px))}
.ac-lp h1,.ac-lp h2,.ac-lp h3{letter-spacing:0}
.ac-lp h2{max-width:880px;margin:0 auto 28px;color:#222;font-size:36px;line-height:1.5;text-align:center}
.ac-lp .ac-section h2::after,.ac-lp .ac-final h2::after{display:block;width:80px;height:5px;margin:11px auto 0;background:linear-gradient(90deg,#4280bd,#452ffa);content:""}
.ac-lp h3{color:#222}
.ac-lp .ac-kicker{margin-bottom:10px;color:#7f7f7f;font-size:18px;letter-spacing:.2em;text-align:center}
.ac-lp .ac-section{padding:90px 0}
.ac-lp .ac-section__intro{max-width:880px;margin:0 auto 40px;text-align:center}
.ac-lp .ac-hero{padding:82px 0 90px;background:#fff}
.ac-lp .ac-hero::before{display:none}
.ac-lp .ac-hero__grid{gap:44px}
.ac-lp .ac-hero__copy{flex-basis:54%}
.ac-lp .ac-hero__visual{flex-basis:46%}
.ac-lp .ac-eyebrow{color:#7f7f7f;font-size:16px;letter-spacing:.1em}
.ac-lp .ac-hero h1{color:#222;font-size:clamp(36px,3.8vw,52px);line-height:1.45}
.ac-lp .ac-hero__lead{font-size:18px;line-height:1.9}
.ac-lp .ac-hero__note{color:#666;font-size:13px}
.ac-lp .ac-button .wp-block-button__link{min-width:min(320px,100%);min-height:48px;padding:10px 42px;border:0;border-radius:105px;background:linear-gradient(90deg,#ffe381 0%,#ffb31f 50%,#ffe381 100%);background-size:200% 100%;box-shadow:none;color:#363636;font-size:16px;font-weight:700;transition:background-position .2s ease}
.ac-lp .ac-button .wp-block-button__link::after{display:inline-block;width:24px;height:24px;margin-left:14px;background:url('../img/2x/common/arrow_drop_down_circle--black.png') center/contain no-repeat;content:""}
.ac-lp .ac-button .wp-block-button__link:hover{transform:none;background:#ffe381;box-shadow:none}
.ac-lp .ac-section--issues{background:#f6f6f6 url('../img/2x/page-about-mendix/about-issue-bg.png') center/cover no-repeat}
.ac-lp .ac-section--issues .ac-card-grid{display:flex;flex-direction:column;gap:14px;margin-top:40px}
.ac-lp .ac-section--issues .ac-card{position:relative;display:block;padding:16px 24px 16px 76px;border:0;border-radius:10px;background:#fff}
.ac-lp .ac-section--issues .ac-card::before{position:absolute;top:50%;left:24px;width:27px;height:27px;background:url('../img/2x/page-about-mendix/about-issue-icon.png') center/contain no-repeat;content:"";transform:translateY(-50%)}
.ac-lp .ac-card__number{display:none}
.ac-lp .ac-card h3{min-height:0;margin-bottom:2px;color:#222;font-size:20px}
.ac-lp .ac-card p:last-child{color:#555}
.ac-lp .ac-issue-solution{position:relative;max-width:none;padding:70px 0;background:#f8f8f8}
.ac-lp .ac-issue-solution::before{position:absolute;top:-20px;left:50%;width:0;height:0;border-style:solid;border-width:50px 60px 0;border-color:#748197 transparent transparent;content:"";transform:translateX(-50%)}
.ac-lp .ac-issue-solution__text{color:#222;font-size:30px;font-weight:700;line-height:1.65;text-align:center}
.ac-lp .ac-issue-solution__text span{color:#d22525;font-size:40px}
.ac-lp .ac-issue-solution__mobile-break{display:none}
.ac-lp .ac-section--about{padding-bottom:74px;background:#fff}
.ac-lp .ac-about__lead{max-width:1040px;margin:0 auto 18px;color:#222;font-size:24px;font-weight:700;line-height:1.65;text-align:center}
.ac-lp .ac-about__image{width:100%;max-width:1040px;margin:30px auto 24px}
.ac-lp .ac-about__image img{display:block;width:100%;max-width:100%;height:auto}
.ac-lp .ac-about__image figcaption{margin:18px 0 0;color:#363636;font-size:16px;font-weight:700;line-height:1.8;text-align:center}
.ac-lp .ac-about__body{max-width:850px;margin:0 auto;color:#363636;font-size:17px;line-height:1.9;text-align:center}
.ac-lp .ac-section--approach{border-top:1px solid #e6e6e6;background:#fff}
.ac-lp .ac-step{border:1px solid #ababab;border-radius:10px;box-shadow:none}
.ac-lp .ac-step__number{color:#4280bd}
.ac-lp .ac-step h3{color:#222}
.ac-lp .ac-step p:last-child{color:#555}
.ac-lp .ac-human{max-width:840px;margin:42px auto 0;padding:30px 0 0;border:0;border-top:1px solid #d5d5d5;border-radius:0;background:transparent;color:#363636;text-align:center}
.ac-lp .ac-human h3{color:#222}
.ac-lp .ac-human p{max-width:780px;margin:0 auto;color:#363636}
.ac-lp .ac-section--services{background:#f8f8f8}
.ac-lp .ac-service{padding:0 30px 30px;border:1px solid #ababab;border-radius:30px;background:#fff}
.ac-lp .ac-service__tag{margin:0 -30px;padding:22px 30px 0;background:#11234a;color:#d8e3f5}
.ac-lp .ac-service h3{margin:0 -30px 24px;padding:4px 30px 25px;background:#11234a;color:#fff}
.ac-lp .ac-service__output{border-color:#ddd;color:#555}
.ac-lp .ac-service__output strong,.ac-lp .ac-section__tail{color:#222}
.ac-lp .ac-section--proof{background:#fff}
.ac-lp .ac-demo{border:1px solid #ababab;border-radius:10px}
.ac-lp .ac-demo::before{display:none}
.ac-lp .ac-demo__label{color:#7f7f7f}
.ac-lp .ac-demo h3{color:#222}
.ac-lp .ac-section--flow{background:#f8f8f8}
.ac-lp .ac-section--flow .ac-section__intro{margin-bottom:0}
.ac-lp .ac-flow{gap:11px;align-items:stretch;margin-top:28px}
.ac-lp .ac-flow__item{padding:20px 18px;border:1px solid #ababab;border-radius:10px;background:#fff;text-align:left}
.ac-lp .ac-flow__item::before{display:block;width:42px;height:42px;margin:0 0 10px;background-position:center;background-repeat:no-repeat;background-size:contain;content:""}
.ac-lp .ac-flow__item:nth-child(1)::before{background-image:url('../img/2x/algo-cats/flow-consult.svg')}
.ac-lp .ac-flow__item:nth-child(2)::before{background-image:url('../img/2x/algo-cats/flow-theme.svg')}
.ac-lp .ac-flow__item:nth-child(3)::before{background-image:url('../img/2x/algo-cats/flow-poc.svg')}
.ac-lp .ac-flow__item:nth-child(4)::before{background-image:url('../img/2x/algo-cats/flow-expand.svg')}
.ac-lp .ac-flow__number{margin-bottom:8px;color:#4280bd;font-size:12px;letter-spacing:.04em}
.ac-lp .ac-flow h3{margin-bottom:6px;color:#222;font-size:19px}
.ac-lp .ac-flow p:last-child{color:#555;line-height:1.6}
.ac-lp .ac-section--faq{background:#fff}
.ac-lp .ac-faq-item{border-color:#d5d5d5}
.ac-lp .ac-faq-item h3{color:#222}
.ac-lp .ac-faq-item h3::before{color:#4280bd}
.ac-lp .ac-final{background:#f8f8f8;color:#363636}
.ac-lp .ac-final .ac-kicker{color:#7f7f7f}
.ac-lp .ac-final h2{color:#222}
.ac-lp .ac-final p:not(.ac-kicker){color:#555}
@media(max-width:781px){.ac-lp .ac-section{padding:66px 0}.ac-lp .ac-hero{padding:66px 0}.ac-lp .ac-hero__copy,.ac-lp .ac-hero__visual{flex-basis:100%}}
@media(max-width:600px){.ac-lp .ac-container{width:calc(100% - 32px)}.ac-lp .ac-section{padding:56px 0}.ac-lp h2{font-size:28px}.ac-lp .ac-kicker{font-size:14px}.ac-lp .ac-hero{padding:50px 0 60px}.ac-lp .ac-hero h1{font-size:34px}.ac-lp .ac-hero__lead{font-size:16px}.ac-lp .ac-section--issues .ac-card{padding:16px 18px 16px 54px}.ac-lp .ac-section--issues .ac-card::before{left:17px;width:20px;height:20px}.ac-lp .ac-card h3{font-size:17px}.ac-lp .ac-card p:last-child{font-size:14px}.ac-lp .ac-service{padding:0 24px 24px}.ac-lp .ac-service__tag{margin:0 -24px;padding:21px 24px 0}.ac-lp .ac-service h3{margin:0 -24px 20px;padding:4px 24px 22px;font-size:23px}.ac-lp .ac-final{padding:60px 0 68px}}
@media(max-width:600px){.ac-lp .ac-issue-solution{padding:48px 0}.ac-lp .ac-issue-solution::before{top:-15px;border-width:32px 38.5px 0}.ac-lp .ac-issue-solution__text{font-size:18px}.ac-lp .ac-issue-solution__text span{font-size:clamp(18px,5.2vw,26px)}.ac-lp .ac-issue-solution__mobile-break{display:block}}
@media(max-width:600px){.ac-lp .ac-section--about{padding-bottom:56px}.ac-lp .ac-about__lead{font-size:20px}.ac-lp .ac-about__image{margin:24px auto 20px}.ac-lp .ac-about__image figcaption{margin-top:14px;font-size:15px;text-align:left}.ac-lp .ac-about__body{font-size:15px;line-height:1.8;text-align:left}}
@media(max-width:600px){.ac-lp .ac-flow__item::before{width:38px;height:38px;margin-bottom:9px}}

/* Full-width demos keep the recorded interface and subtitles legible. */
.ac-lp .ac-section--proof .ac-card-grid--two{display:block}
.ac-lp .ac-section--proof .ac-demo{margin-top:30px}
.ac-lp .ac-demo__media{margin:22px 0 0;max-width:none}
.ac-lp .ac-demo__media video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b1325;object-fit:contain}

/* The first-view illustration is the same asset used in the design reference. */
.ac-lp .ac-hero__image{max-width:none;margin:0}
.ac-lp .ac-hero__image img{display:block;width:100%;height:auto}

/* The demo CTA follows the existing site's blue-to-purple CTA palette. */
.ac-lp .ac-demo-cta{margin-top:36px;padding:34px 28px;border-radius:10px;background:linear-gradient(90deg,#4280bd,#452ffa);color:#fff;text-align:center}
.ac-lp .ac-demo-cta h3{margin-bottom:10px;color:#fff;font-size:25px}
.ac-lp .ac-demo-cta p{color:#fff}
.ac-lp .ac-demo-cta .ac-actions{justify-content:center;margin-top:22px}
.ac-lp .ac-demo-cta__note{margin-top:13px;font-size:13px}
@media(max-width:600px){
  .ac-lp .ac-demo-cta{padding:30px 18px}
  .ac-lp .ac-demo-cta h3{font-size:21px}
}

/* Use the site's blue line-art language for the work stages and two entry points. */
.ac-lp .ac-step::before,.ac-lp .ac-service::before{display:block;flex:none;background-position:center;background-repeat:no-repeat;background-size:contain;content:""}
.ac-lp .ac-step::before{width:46px;height:46px;margin-bottom:13px}
.ac-lp .ac-step:nth-child(1)::before{background-image:url('../img/2x/algo-cats/step-understand.svg')}
.ac-lp .ac-step:nth-child(2)::before{background-image:url('../img/2x/algo-cats/step-design.svg')}
.ac-lp .ac-step:nth-child(3)::before{background-image:url('../img/2x/algo-cats/step-build.svg')}
.ac-lp .ac-step:nth-child(4)::before{background-image:url('../img/2x/algo-cats/step-test.svg')}
.ac-lp .ac-step:nth-child(5)::before{background-image:url('../img/2x/algo-cats/step-document.svg')}
.ac-lp .ac-service{padding:30px}
.ac-lp .ac-service::before{width:72px;height:72px;margin:0 auto 25px}
.ac-lp .ac-service:nth-child(1)::before{background-image:url('../img/2x/algo-cats/service-existing.svg')}
.ac-lp .ac-service:nth-child(2)::before{background-image:url('../img/2x/algo-cats/service-app.svg')}
.ac-lp .ac-service__tag{margin:0;padding:22px 0 0;border-top:1px solid #cbd5e1;background:transparent;color:#7f7f7f}
.ac-lp .ac-service h3{margin:0 0 24px;padding:4px 0 0;background:transparent;color:#222}
@media(max-width:600px){
  .ac-lp .ac-step::before{width:42px;height:42px;margin-bottom:10px}
  .ac-lp .ac-service{padding:24px}
  .ac-lp .ac-service::before{width:62px;height:62px;margin-bottom:20px}
}
@media(max-width:781px){
  .ac-lp .ac-section--services .ac-service{flex:0 0 auto;width:100%}
}
@media(max-width:600px){
  .ac-lp .ac-services__heading-line{display:block}
}

/* Keep the hero title on two lines at the requested phrase boundary. */
.ac-lp .ac-hero h1{font-size:clamp(24px,3vw,44px)}
.ac-lp .ac-hero__title-line{display:block;white-space:nowrap}
@media(min-width:601px) and (max-width:781px){.ac-lp .ac-hero h1{font-size:44px}}
@media(max-width:600px){.ac-lp .ac-hero h1{font-size:clamp(22px,7.5vw,34px)}}