/* LAZALIA: IA overview and approved service detail pages. */
.ai-root{--ink:#202832;--body:#424d5b;--blue:#3c65a0;--blue-bright:#3c65a0;--line:#dfe5ec;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.ai-root .container{width:calc(100% - 80px);max-width:1440px}
.ai-root .catalog-header nav a{color:#26384e;font-size:16px}
.ai-root .catalog-header nav a:hover,.ai-root .catalog-header nav a[aria-current=page]{color:#345b8e;background:#f0f5fa}
.ai-root .catalog-header nav a[aria-current=page]:after{background:#3c65a0}
.ai-root .button{background:#3c65a0;white-space:normal;text-align:center}
.ai-root .button:hover{background:#315782}
.ai-root .button.outline{background:#fff;color:#345b8e}
.ai-root .ai-example{color:#345b8e;display:inline-flex;align-items:center;gap:12px;font-size:21px;line-height:1.5;font-weight:600;text-decoration:none}
.ai-root .ai-example:hover{text-decoration:underline;text-underline-offset:5px}
.ai-intro{padding-top:43px}
.ai-page-label{font-size:25px;font-weight:600;color:#3c65a0;letter-spacing:.15px;margin-bottom:15px;line-height:1.4}
.ai-intro h1{font-size:clamp(45px,5.1vw,74px);line-height:1.1;letter-spacing:-1.3px;font-weight:700}
.ai-intro h1 span,.ai-service h2 span{color:#3c65a0}
.ai-lead{font-size:32px;line-height:1.45;color:#616d7b;letter-spacing:.1px;margin-top:12px;max-width:1200px}
.ai-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:31px}
.ai-service{border:1px solid #d8e2ed;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:15px;box-shadow:0 5px 20px #27384b03}
.ai-photo{display:block;width:100%;border-radius:10px;overflow:hidden}
.ai-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;transition:filter .18s}
.ai-photo:hover img{filter:brightness(.97)}
.ai-service-copy{display:flex;flex:1;flex-direction:column;padding:21px 8px 12px}
.ai-service h2{font-size:30px;line-height:1.22;font-weight:700;letter-spacing:-.35px;margin-bottom:10px}
.ai-service-subtitle{font-size:19px;line-height:1.5;color:#5d7189;font-style:italic;margin:0 0 15px;letter-spacing:.1px}
.ai-service-description{font-size:20px;line-height:1.65;letter-spacing:.15px;color:#424d5b}
.ai-service-copy>.ai-example{margin-top:auto;padding-top:27px;align-self:flex-start;min-height:48px}
.ai-method{margin-top:56px}
.ai-method-intro h2{font-size:45px;line-height:1.15;letter-spacing:-.8px;font-weight:700}
.ai-promise{font-size:25px;line-height:1.55;font-weight:700;letter-spacing:.05px;max-width:1200px;text-wrap:balance;margin-top:17px}
.ai-method-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 0}
.ai-method-card{border:1px solid;border-radius:15px;padding:28px 30px 32px}
.ai-method .ai-method-mobile,.ai-budget-mobile{display:none}
.ai-method-card.cream{background:#fcf5e9;border-color:#e0c895}
.ai-method-card.blue{background:#eaf5fe;border-color:#b1cfe9}
.ai-method-card.lavender{background:#f1edfd;border-color:#d0c2ee}
.ai-method-card .ai-step{font-size:19px;font-weight:700;line-height:1;color:#3c65a0;margin:0 0 24px;letter-spacing:1px}
.ai-method-card h3{font-size:28px;line-height:1.25;min-height:70px;letter-spacing:-.3px;margin-bottom:15px;font-weight:700}
.ai-method-card>p:not(.ai-step){font-size:21px;line-height:1.6;letter-spacing:.15px;color:#424d5b}
.ai-contact{display:flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid #d7e1ed;border-radius:16px;padding:32px 38px;margin:28px 0 36px;background:#f6f9fd}
.ai-contact h2{font-size:35px;line-height:1.22;letter-spacing:-.55px;max-width:800px}
.ai-contact p{font-size:21px;line-height:1.5;color:#526378;margin-top:10px;letter-spacing:.1px}
.ai-contact .button{flex:none;min-width:230px;font-size:20px}
.ai-root .site-footer{padding-top:25px}
.ai-root .footer-main nav a{color:#526c8c}
.ai-root .footer-bottom{color:#667990}
/* Large, open type and a wider editorial layout for the three detail pages. */
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:45px 0 43px}
.detail-label{font-size:21px;line-height:1.5;color:#3c65a0;font-weight:600;margin-bottom:20px;letter-spacing:.1px}
.detail-hero h1{font-size:clamp(43px,5vw,72px);line-height:1.09;letter-spacing:-1.15px;font-weight:700;max-width:710px}
.detail-lead{font-size:clamp(26px,2.9vw,40px);line-height:1.4;color:#61718a;letter-spacing:.05px;margin-top:17px;max-width:710px}
.detail-hero-copy>.button{margin-top:29px;font-size:20px;min-height:59px;padding:15px 29px}
.detail-hero-photo{border-radius:16px;overflow:hidden}
.detail-hero-photo img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover}
.detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center;border-top:1px solid #dce5ef;padding:34px 0}
.detail-row-reverse .detail-photo{order:2}
.detail-photo{border-radius:15px;overflow:hidden}
.detail-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.detail-number{display:inline-flex;align-items:center;justify-content:center;min-width:49px;height:49px;padding:10px;border-radius:50%;background:#edf5ff;color:#3c65a0;font-size:21px;font-weight:700;margin-bottom:20px;line-height:1}
.detail-copy h2{font-size:41px;line-height:1.18;letter-spacing:-.55px;font-weight:700;margin-bottom:22px}
.detail-copy>p:not(.detail-number){font-size:30px;line-height:1.58;letter-spacing:.1px;color:#424d5b}
.detail-contact{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#edf5ff;border:1px solid #e5edf8;border-radius:16px;padding:29px 38px;margin:4px 0 34px}
.detail-contact p{font-size:25px;line-height:1.55;letter-spacing:.1px;max-width:1030px}
.detail-contact .button{flex:none;min-width:215px;font-size:19px}
@media(min-width:1700px){.detail-hero{padding-top:58px}.detail-copy h2{font-size:43px}.detail-copy>p:not(.detail-number){font-size:31px}}
@media(max-width:1200px){.ai-root .container{width:calc(100% - 56px)}.ai-service{padding:12px}.ai-service h2{font-size:26px}.ai-service-copy{padding:20px 6px 10px}.ai-service-description{font-size:19px}.ai-service-subtitle{font-size:18px}.ai-method-card{padding:25px}.ai-method-card h3{font-size:25px}.ai-method-card>p:not(.ai-step){font-size:20px}.ai-contact h2{font-size:31px}.detail-hero{gap:35px}.detail-row{gap:35px}.detail-copy h2{font-size:35px}.detail-copy>p:not(.detail-number){font-size:26px;line-height:1.6}.detail-label{font-size:19px}.detail-contact p{font-size:23px}}
@media(max-width:1000px){.ai-services{gap:14px}.ai-service h2{font-size:24px}.ai-service-description{font-size:18px}.ai-service-subtitle{font-size:17px}.ai-root .ai-example{font-size:19px}.ai-method-grid{gap:14px}.ai-method-card{padding:24px}.ai-method-card h3{font-size:24px}.ai-method-card>p:not(.ai-step){font-size:19px}.ai-contact{padding:29px}.ai-contact .button{font-size:18px;min-width:195px}.detail-row{gap:29px}.detail-copy h2{font-size:29px}.detail-copy>p:not(.detail-number){font-size:22px}.detail-hero{gap:29px}.detail-hero h1{font-size:43px}.detail-lead{font-size:27px}.detail-contact{padding:27px;gap:25px}.detail-contact .button{min-width:190px;font-size:17px}}
@media(max-width:760px){.ai-root .container{width:calc(100% - 40px)}.ai-root .catalog-header nav a{font-size:15px}.ai-intro{padding-top:31px}.ai-page-label{font-size:21px;margin-bottom:14px}.ai-intro h1{font-size:43px;letter-spacing:-.8px}.ai-lead{font-size:24px;line-height:1.5;margin-top:14px}.ai-services{grid-template-columns:1fr;gap:23px;margin-top:27px}.ai-service{padding:13px}.ai-service-copy{padding:20px 9px 13px}.ai-service h2{font-size:29px}.ai-service-subtitle{font-size:19px;margin-top:3px;margin-bottom:17px}.ai-service-description{font-size:20px;line-height:1.7;letter-spacing:.15px}.ai-root .ai-example{font-size:20px}.ai-service-copy>.ai-example{padding-top:24px}.ai-method{margin-top:39px}.ai-method-intro h2{font-size:35px;letter-spacing:-.5px}.ai-promise{font-size:21px;line-height:1.6;margin-top:16px}.ai-contact{display:block;padding:27px 25px;margin:25px 0 28px}.ai-contact h2{font-size:31px}.ai-contact p{font-size:20px}.ai-contact .button{margin-top:24px;font-size:19px;min-width:0}.detail-hero{grid-template-columns:1fr;gap:30px;padding:30px 0}.detail-label{font-size:18px;margin-bottom:17px}.detail-hero h1{font-size:40px;line-height:1.13;letter-spacing:-.7px}.detail-lead{font-size:26px;line-height:1.5;margin-top:18px}.detail-hero-copy>.button{font-size:19px;margin-top:25px;min-height:54px}.detail-hero-photo img{aspect-ratio:4/3}.detail-row{grid-template-columns:1fr;gap:25px;padding:29px 0 31px}.detail-row-reverse .detail-photo{order:0}.detail-photo{border-radius:12px}.detail-copy h2{font-size:30px;line-height:1.25;letter-spacing:-.3px;margin-bottom:19px}.detail-number{font-size:18px;width:43px;height:43px;min-width:43px;margin-bottom:17px}.detail-copy>p:not(.detail-number){font-size:20px;line-height:1.75;letter-spacing:.1px}.detail-contact{display:block;padding:26px;margin-bottom:28px}.detail-contact p{font-size:22px;line-height:1.65}.detail-contact .button{margin-top:23px;font-size:19px;min-width:0}}
@media(max-width:370px){.ai-root .container{width:calc(100% - 32px)}.ai-intro h1{font-size:39px}.detail-hero h1{font-size:36px}.detail-copy h2{font-size:28px}.ai-contact h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ai-photo img{transition:none}}

/* Uniform, prominent service navigation actions. */
.ai-service-actions{margin-top:auto;padding-top:26px}.ai-root .ai-service-actions>.ai-example{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:13px 22px;border:1px solid #3c65a0;border-radius:40px;background:#3c65a0;color:#fff;font-size:20px;font-weight:600;line-height:1.3;gap:14px}.ai-root .ai-service-actions>.ai-example:hover{background:#315782;border-color:#315782;text-decoration:none}
@media(max-width:1000px){.ai-root .ai-service-actions>.ai-example{font-size:18px;min-height:50px}}
@media(max-width:760px){.ai-service-actions{padding-top:25px}.ai-root .ai-service-actions>.ai-example{font-size:20px;min-height:53px}}

.ai-service-note{max-width:960px;margin:clamp(32px,5vw,60px) auto;padding:clamp(22px,3.5vw,38px);background:#f6f9fd;border:1px solid #d7e1ed;border-radius:14px}
.ai-service-note h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin-bottom:14px}
.ai-service-note p,.ai-service-note ul{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--body)}
.ai-service-note p+p,.ai-service-note ul{margin-top:12px}
.ai-service-note ul{padding-inline-start:1.2em}
.ai-service-note a{color:#2b538d;text-decoration:underline;text-underline-offset:3px}

.ai-compare{margin:0 0 22px;font-size:clamp(16px,1.6vw,19px);line-height:1.45}.ai-compare a{text-decoration:underline;text-underline-offset:.18em}

@media(max-width:760px){
 .ai-method .ai-method-mobile{display:block}
 .ai-method .ai-method-desktop{display:none}
 .ai-budget-desktop{display:none}
 .ai-budget-mobile{display:block}
 .ai-method-hint{margin-top:16px;color:#526378;font-size:14px;line-height:1.5}
 .ai-method-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;gap:14px;margin-top:10px;padding-bottom:8px;overflow-x:auto;scroll-snap-type:x mandatory}
 .ai-method-grid:focus-visible{outline:2px solid #3c65a0;outline-offset:3px}
 .ai-method-card{padding:21px;scroll-snap-align:start}
 .ai-method-card:last-child{scroll-snap-align:end}
 .ai-method-card.ai-method-support{background:#f6f9fd;border-color:#c8d8ea}
 .ai-method-card .ai-step{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:15px;border:1px solid #bfd5ef;border-radius:50%;background:#e1edfb;font-size:15px;letter-spacing:.5px}
 .ai-method-card h3{font-size:23px;min-height:0;margin-bottom:10px}
 .ai-method-card>p:not(.ai-step){font-size:17px;line-height:1.5}
}
