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

/* Marketing mockup composition. */
.mkt-page .mkt-offers article{display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-content:center;text-align:left;padding:22px 20px}
.mkt-page .mkt-offers .mkt-icon{grid-row:1/3;align-self:center;margin:0}
.mkt-page .mkt-offers h3{margin:0}.mkt-page .mkt-offers p{margin:4px 0 0}
.mkt-page .mkt-strength-copy{width:59%;padding:40px 0}
.mkt-page .mkt-strength-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}
.mkt-page .mkt-strength-grid h3{max-width:none;color:#123d70}
.mkt-page .mkt-strength-grid p{margin-top:4px;font-size:.84rem}
.mkt-page .mkt-tactics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mkt-page .mkt-tactics article{background:white;color:#102237;border:1px solid #d4e2ef;border-radius:4px;padding:20px 12px;text-align:center}
.mkt-page .mkt-tactics .mkt-icon{width:38px;height:38px}
.mkt-page .mkt-dark .mkt-note{color:#d0dfeb}
.mkt-page .mkt-process .mkt-icon{display:none}
.mkt-page .mkt-cycle{display:flex;justify-content:center;gap:45px;list-style:none;padding:0;margin:20px 0 0}
.mkt-page .mkt-cycle li{position:relative;background:#c6e3ff;color:#0062c9;padding:5px 24px;border-radius:30px;font-weight:700;font-size:.9rem}
.mkt-page .mkt-cycle li+li:before{content:"→";position:absolute;left:-30px;color:#087eff}
@media(max-width:960px){.mkt-page .mkt-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt-page .mkt-strength-copy{width:65%}}
@media(max-width:650px){.mkt-page .mkt-offers{grid-template-columns:1fr}.mkt-page .mkt-offers article{padding:18px}.mkt-page .mkt-strength-copy{width:100%;padding:36px 0 24px}.mkt-page .mkt-strength-grid{grid-template-columns:1fr}.mkt-page .mkt-tactics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mkt-page .mkt-cycle{gap:24px}.mkt-page .mkt-cycle li{padding:5px 13px;font-size:.8rem}.mkt-page .mkt-cycle li+li:before{left:-19px}}
