/* AI production service only. Shared header, footer and hero definitions are inherited. */
.aip-page{--aip-navy:#062333;--aip-blue:#087eff;--aip-muted:#536b83;background:#fff;color:#102237;line-height:1.7}
.aip-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.aip-page .aip-section{padding:48px 0}
.aip-page .aip-heading{text-align:center;margin:0 0 26px}
.aip-page .aip-heading h2{margin:0;font:700 clamp(1.5rem,2.5vw,2rem)/1.4 "Noto Serif JP","Yu Mincho",serif;color:inherit}
.aip-page .aip-heading p{margin:8px 0 0;font-size:.9rem;line-height:1.8;color:var(--aip-muted)}
.aip-page .aip-left .aip-heading,.aip-page .aip-strength .aip-heading{text-align:left}
.aip-page article,.aip-page li{min-width:0}
.aip-page article h3{font-size:.98rem;line-height:1.55;margin:10px 0 0;color:inherit}
.aip-page article p{font-size:.86rem;line-height:1.7;margin:8px 0 0;color:var(--aip-muted)}
.aip-page .aip-icon{display:block;width:44px;height:44px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--aip-blue);flex-shrink:0;overflow:visible}
.aip-page .aip-badges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:20px 0 0}
.aip-page .aip-badges li{border:1px solid #b7c9d9;border-radius:30px;color:#fff;padding:4px 18px;font-size:.8rem;line-height:1.5}
.aip-page .aip-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;text-align:center}
.aip-page .aip-problems img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:3px;filter:none}
.aip-page .aip-problems h3{max-width:12em;margin:12px auto 0}
.aip-page .aip-dark{background:var(--aip-navy);color:#fff}
.aip-page .aip-dark .aip-heading p{color:#d0dfeb}
.aip-page .aip-pale{background:#e7f5ff}
.aip-page .aip-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aip-page .aip-offers article{background:#fff;color:#102237;border:1px solid #d4e2ef;border-radius:4px;padding:24px;text-align:center}
.aip-page .aip-offers p{max-width:23em;margin:8px auto 0}
.aip-page .aip-strength{position:relative;isolation:isolate;min-height:390px;overflow:hidden;background:#fff}
.aip-page .aip-strength-copy{position:relative;z-index:2;width:57%;padding:42px 0}
.aip-page .aip-strength .aip-heading p{max-width:34em}
.aip-page .aip-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:30px}
.aip-page .aip-strength-grid article{display:flex;align-items:center;gap:16px}
.aip-page .aip-strength-grid .aip-icon{margin:0}
.aip-page .aip-strength-grid h3{font-size:.94rem;margin:0;max-width:11em}
.aip-page .aip-strength figure{position:absolute;inset:0 0 0 auto;width:49%;margin:0;z-index:0}
.aip-page .aip-strength figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.aip-page .aip-strength figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,.9) 8%,transparent 40%)}
.aip-page .aip-ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.aip-page .aip-ai-flow li{position:relative;background:white;border:1px solid #d9e8f5;border-radius:3px;padding:16px}
.aip-page .aip-ai-flow li+li:before{content:"›";position:absolute;left:-14px;top:40%;color:#68ace7;font-size:1.4rem}
.aip-page .aip-ai-title,.aip-page .aip-ai-detail{display:flex;align-items:center;gap:12px}
.aip-page .aip-ai-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c8e2fb;flex-shrink:0}
.aip-page .aip-ai-title h3{font-size:.93rem;margin:0;line-height:1.5}
.aip-page .aip-ai-detail{margin-top:16px;align-items:flex-start}
.aip-page .aip-ai-detail .aip-icon{width:30px;height:30px;margin:0}
.aip-page .aip-ai-detail p{font-size:.8rem;line-height:1.7;color:var(--aip-muted);margin:0}
.aip-page .aip-note{font-size:.78rem;line-height:1.7;color:var(--aip-muted);text-align:center;margin:18px 0 0}
.aip-page .aip-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.aip-page .aip-platforms article{border:1px solid #67818e;border-radius:3px;padding:18px 10px;text-align:center}
.aip-page .aip-platforms .aip-icon{color:white;width:34px;height:34px}
.aip-page .aip-platforms h3{font-size:.92rem;margin-top:8px}
.aip-page .aip-scope{text-align:center;color:#fff;font-size:.88rem;margin:20px 0 0}
.aip-page .aip-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;text-align:center}
.aip-page .aip-process li{position:relative}
.aip-page .aip-process li:before{content:"";position:absolute;top:26px;left:-10px;right:-10px;height:1px;background:#a9d1ff}
.aip-page .aip-process li:first-child:before{left:50%}.aip-page .aip-process li:last-child:before{right:50%}
.aip-page .aip-process span{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#d4e9ff,#8bc0ff);font-size:1rem}
.aip-page .aip-process .aip-icon{width:30px;height:30px;margin:12px auto 0}
.aip-page .aip-process h3{font-size:.95rem;line-height:1.5;margin:8px 0 0}
.aip-page .aip-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.aip-page .aip-plans article{display:flex;flex-direction:column;padding:24px;background:white;border:1px solid #cee2f6;border-radius:4px}
.aip-page .aip-plans h3{color:#0876f5;text-align:center;font-size:1.05rem;margin:0}
.aip-page .aip-plans ul{padding:0;list-style:none;margin:20px 0;font-size:.88rem;color:var(--aip-muted)}
.aip-page .aip-plans li{position:relative;padding-left:24px;margin:6px 0}
.aip-page .aip-plans li:before{content:"✓";position:absolute;left:0;color:#0089ff;font-weight:700}
.aip-page .aip-plans a{display:block;margin-top:auto;padding:10px 8px;text-align:center;border-radius:4px;background:linear-gradient(100deg,#008cff,#0064ed);color:white;font-weight:700;font-size:.94rem;text-decoration:none}
.aip-page .aip-plans a:hover{background:#005dd4}
.aip-page a:focus-visible,.aip-page summary:focus-visible{outline:3px solid #168eff;outline-offset:4px}
.aip-page .aip-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.aip-page .aip-metrics article{border:1px solid #dce8f3;padding:24px 15px;text-align:center;border-radius:3px}
.aip-page .aip-metrics h3{font-size:.93rem}
.aip-page .aip-improve{padding-bottom:20px}
.aip-page .aip-faq{padding-top:20px}
.aip-page .aip-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;align-items:start}
.aip-page .aip-faq details{border:1px solid #dce8f3;border-radius:3px}
.aip-page .aip-faq summary{position:relative;padding:12px 34px;list-style:none;cursor:pointer;font-size:.86rem;line-height:1.6}
.aip-page .aip-faq summary::-webkit-details-marker{display:none}
.aip-page .aip-faq summary:before{content:"Q";position:absolute;left:12px;color:#087eff}
.aip-page .aip-faq summary:after{content:"+";position:absolute;right:12px;color:#087eff;font-size:1.1rem}
.aip-page .aip-faq details[open] summary:after{content:"−"}
.aip-page .aip-faq details>p{margin:0;padding:0 16px 16px;font-size:.86rem;line-height:1.8;color:var(--aip-muted)}
@media(max-width:960px){
.aip-page .aip-offers article{padding:20px 14px}.aip-page .aip-ai-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.aip-page .aip-ai-flow li:nth-child(3):before{display:none}
.aip-page .aip-strength-copy{width:65%}.aip-page .aip-strength-grid{gap:20px 16px}.aip-page .aip-strength-grid article{gap:10px}.aip-page .aip-strength-grid .aip-icon{width:34px;height:34px}
.aip-page .aip-plans article{padding:20px 16px}.aip-page .aip-process{gap:12px}
}
@media(max-width:650px){
.aip-page .container{width:calc(100% - 32px)}.aip-page .aip-section{padding:40px 0}.aip-page .aip-heading{margin-bottom:22px}.aip-page .aip-heading h2{font-size:1.5rem}.aip-page .aip-heading p{font-size:.85rem}
.aip-page .aip-badges{gap:8px}.aip-page .aip-badges li{font-size:.72rem;padding:4px 12px}
.aip-page .aip-problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.aip-page .aip-problems h3{font-size:.87rem}
.aip-page .aip-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aip-page .aip-offers article{padding:20px 12px}.aip-page .aip-offers h3{font-size:.91rem}.aip-page .aip-offers p{font-size:.8rem}
.aip-page .aip-strength{min-height:0;display:flex;flex-direction:column}.aip-page .aip-strength-copy{width:100%;padding:36px 0 24px}.aip-page .aip-strength-grid{gap:22px 12px}.aip-page .aip-strength-grid h3{font-size:.86rem}.aip-page .aip-strength figure{position:relative;inset:auto;width:100%;height:240px}.aip-page .aip-strength figure img{object-position:center 40%}.aip-page .aip-strength figure:after{background:linear-gradient(180deg,#fff,transparent 25%)}
.aip-page .aip-ai-flow{grid-template-columns:1fr;gap:12px}.aip-page .aip-ai-flow li+li:before{display:none}.aip-page .aip-ai-title h3{font-size:.95rem}.aip-page .aip-ai-detail{margin-top:12px}.aip-page .aip-ai-detail p{font-size:.85rem}
.aip-page .aip-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aip-page .aip-platforms h3{font-size:.85rem}.aip-page .aip-scope{font-size:.82rem}
.aip-page .aip-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.aip-page .aip-process li:before{display:none}.aip-page .aip-process h3{font-size:.88rem}
.aip-page .aip-plans{grid-template-columns:1fr;gap:16px}.aip-page .aip-plans article{padding:24px}.aip-page .aip-plans ul{font-size:.9rem}
.aip-page .aip-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aip-page .aip-metrics article{padding:20px 12px}.aip-page .aip-metrics h3{font-size:.88rem}.aip-page .aip-metrics p{font-size:.8rem}
.aip-page .aip-improve{padding-bottom:18px}.aip-page .aip-faq{padding-top:18px}.aip-page .aip-faq-grid{grid-template-columns:1fr;gap:10px}
}

/* AI production mockup: photos, four strengths, outlined checks. */
.aip-page .aip-heading{text-align:left}
.aip-page .aip-section:first-of-type+.aip-section .aip-heading{text-align:center}
.aip-page .aip-offers{gap:16px}
.aip-page .aip-offers article{padding:0;text-align:left;overflow:hidden}
.aip-page .aip-sample{position:relative}
.aip-page .aip-sample img{display:block;width:100%;height:auto;aspect-ratio:2.5;object-fit:cover}
.aip-page .aip-sample span{position:absolute;right:7px;bottom:6px;color:#fff;background:#092535b8;font-size:.65rem;padding:2px 6px;border-radius:2px}
.aip-page .aip-offer-copy{padding:12px 16px}
.aip-page .aip-offers h3{margin:0}.aip-page .aip-offers p{margin:4px 0 0;max-width:none}
.aip-page .aip-strength-copy{width:69%}
.aip-page .aip-strength-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.aip-page .aip-strength-grid article{display:block;padding:0 12px;text-align:center;border-right:1px solid #d9e4ef}
.aip-page .aip-strength-grid article:last-child{border:0}
.aip-page .aip-strength-grid .aip-icon{margin:0 auto 16px}
.aip-page .aip-strength-grid h3{max-width:none;font-size:.9rem}
.aip-page .aip-strength-grid p{font-size:.78rem}
.aip-page .aip-strength figure{width:40%}
.aip-page .aip-ai-detail .aip-icon,.aip-page .aip-process .aip-icon{display:none}
.aip-page .aip-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aip-page .aip-checks article{display:flex;align-items:center;gap:16px;border:1px solid #6b8494;border-radius:3px;padding:18px}
.aip-page .aip-checks .aip-icon{width:34px;height:34px;color:white;margin:0}
.aip-page .aip-checks h3{margin:0;font-size:.9rem}
.aip-page .aip-dark .aip-note{color:#c7ddeb}
.aip-page .aip-faq{padding-top:32px}
@media(max-width:960px){.aip-page .aip-strength-copy{width:70%}.aip-page .aip-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.aip-page .aip-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.aip-page .aip-strength-copy{width:100%}.aip-page .aip-strength-grid{grid-template-columns:1fr;gap:22px}.aip-page .aip-strength-grid article{display:flex;text-align:left;border:0;padding:0}.aip-page .aip-strength-grid .aip-icon{margin:0;width:38px;height:38px}.aip-page .aip-strength-grid p{margin:4px 0 0;font-size:.82rem}.aip-page .aip-strength figure{width:100%}.aip-page .aip-offers h3{font-size:.86rem}.aip-page .aip-offer-copy{padding:12px}.aip-page .aip-sample img{aspect-ratio:1.7}.aip-page .aip-checks{gap:10px}.aip-page .aip-checks article{padding:14px 10px;gap:10px}.aip-page .aip-checks .aip-icon{width:28px;height:28px}.aip-page .aip-checks h3{font-size:.8rem}}
