:root{--ink:#0a0a0a;--paper:#fff;--soft:#f4f4f4;--muted:#535353;--line:#d8d8d8;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,h4{margin:0}p{line-height:1.85}h2{font-size:clamp(30px,3vw,44px);line-height:1.5;letter-spacing:-.04em;font-weight:600}h3,h4{font-weight:600}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #888;outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}.container{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.section{padding-block:86px}.label,.section-label{font-size:13px;font-weight:500;letter-spacing:.05em}.section-label{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:40px}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;color:white;height:88px;padding-inline:56px;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:15px}.brand span{font-size:15px;letter-spacing:.35em}.desktop{display:flex;gap:28px;align-items:center;font-size:14px}.desktop>a{position:relative}.desktop>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:white;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop>a:hover::after{transform:scaleX(1)}.nav-cta{border:1px solid #ffffff80;padding:13px 20px;transition:background .2s,color .2s}.nav-cta span{margin-left:20px}.nav-cta:hover{background:white;color:#0a0a0a}.menu-toggle{display:none;background:none;border:0;padding:12px}.mobile-nav[hidden]{display:none}.hero{position:relative;overflow:hidden;color:white;background:#0a0a0a;padding-top:88px}.hero-inner{position:relative;z-index:1;padding-block:62px 40px}.hero h1{font-size:clamp(45px,5.5vw,79px);font-weight:500;letter-spacing:-.055em;line-height:1.25;margin-top:30px}.title-line{display:block;overflow:hidden;padding-bottom:10px}.title-line>span{display:block;animation:title-enter 1.2s var(--ease) both}.title-line:nth-child(2)>span{animation-delay:.13s;color:#d4d4d4}.mobile-break{display:none}.hero-description{font-size:18px;line-height:1.85;max-width:775px;margin-top:27px;color:#e0e0e0}.hero-actions{display:flex;gap:35px;align-items:center;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 10px 10px 23px;font-size:15px;min-height:58px;border:1px solid white;transition:background .22s,color .22s;line-height:1.5}.light{background:white;color:#0a0a0a}.arrow{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;color:white;background:#0a0a0a;font-size:23px;transition:transform .22s,background .22s,color .22s}.button:hover,.button:focus-visible{background:#0a0a0a;color:white}.button:hover .arrow{background:white;color:#0a0a0a;transform:translate(2px,-2px)}.secondary-link{font-size:15px;border-bottom:1px solid #888;padding-block:10px;transition:border-color .2s}.secondary-link span{margin-left:22px}.secondary-link:hover{border-color:white}.hero-guide{font-size:14px;color:#c5c5c5;margin-top:18px}.hero-flow{display:flex;align-items:center;gap:25px;margin-top:45px;padding-top:24px;border-top:1px solid #ffffff30;font-size:14px}.hero-flow span[aria-hidden]{color:#8e8e8e}.wave-wrap{position:absolute;inset:18% -8% 0;pointer-events:none;opacity:.3;mask-image:linear-gradient(transparent,black 25%,black 75%,transparent)}#waves{width:100%;height:100%;display:block}.wave-path{fill:none;stroke:#b4b4b4;stroke-width:.7;vector-effect:non-scaling-stroke}.entrance{animation:fade-enter 1.1s .25s var(--ease) both}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-heading>p{font-size:16px;color:var(--muted);max-width:450px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:38px 0 26px}.problem-grid li{border-top:1px solid var(--line);padding-top:24px}.problem-kicker{display:block;font-size:14px;color:var(--muted);margin-bottom:17px}.problem-grid h3{font-size:22px;line-height:1.6;letter-spacing:-.025em}.problem-grid p{font-size:16px;color:var(--muted);margin-top:17px}.target-note{font-size:15px;color:var(--muted);padding-top:22px;border-top:1px solid var(--line)}.services{background:var(--soft)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-card{background:white;border:1px solid #ddd;padding:32px;display:flex;flex-direction:column;min-width:0}.case-label{display:inline-block;font-size:13px;letter-spacing:.03em;color:#555;margin-bottom:16px}.case-card h3{font-size:25px;line-height:1.6;letter-spacing:-.035em}.case-audience{font-size:16px;color:var(--muted);margin-block:19px 25px;min-height:89px}.case-field{border-top:1px solid #ddd;padding-block:22px}.case-field h4{font-size:14px;margin-bottom:12px}.case-field ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.case-field li{font-size:16px;line-height:1.75;padding-left:16px;position:relative;color:var(--muted)}.case-field li::before{position:absolute;left:0;content:'・'}.case-field p{font-size:16px;color:var(--muted)}.outputs{background:#f6f6f6;padding:20px;margin-bottom:22px;border-top:0}.outputs p{font-size:15px}.text-link{margin-top:auto;border-top:1px solid #ddd;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:600;line-height:1.8}.text-link span,.inline-link span{flex-shrink:0;transition:transform .2s}.text-link:hover span,.inline-link:hover span{transform:translate(3px,-3px)}.text-link:hover,.inline-link:hover{text-decoration:underline;text-underline-offset:5px}.inline-link{display:inline-flex;align-items:center;gap:18px;font-size:15px;border-bottom:1px solid #999;padding-bottom:6px;line-height:1.8}.service-scope{margin-top:25px}.service-scope p{font-size:15px;color:#555;max-width:900px;margin-bottom:16px}.implementation-note{margin-top:40px;padding-top:28px;border-top:1px solid #ccc;display:grid;grid-template-columns:.8fr 1.3fr;gap:12px 45px}.implementation-note h3{font-size:22px;line-height:1.7;grid-row:1/3}.implementation-note p{font-size:16px;color:#555}.additional-services{margin-top:35px;border-top:1px solid #ccc;padding-top:28px}.additional-services>h3{font-size:21px;line-height:1.6}.additional-services>p{font-size:15px;color:#555;margin-block:12px 22px}.additional-services details{border-top:1px solid #ccc}.additional-services details:last-child{border-bottom:1px solid #ccc}summary{cursor:pointer;font-size:16px;line-height:1.7;padding-block:20px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:23px;font-weight:400;flex-shrink:0}details[open]>summary::after{content:'−'}.details-body{padding-bottom:24px;max-width:900px}.details-body p{font-size:16px;color:#555;margin-bottom:19px}.example-badge{font-size:14px;color:#555;border-left:2px solid #0a0a0a;padding-left:14px;margin-bottom:21px}.example-row{border-top:1px solid #ccc;padding-block:31px;display:grid;grid-template-columns:.9fr 2fr;gap:40px}.example-head h3{font-size:20px;line-height:1.65}.example-head .case-label{margin-bottom:12px}.example-flow{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;align-content:center}.example-flow li{border:1px solid #ddd;background:#f7f7f7;padding:20px 15px;position:relative}.example-flow li:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:16px;color:#777}.example-flow li>span{font-size:14px;font-weight:600;display:block;margin-bottom:14px}.example-flow p{font-size:15px;color:#535353;line-height:1.8}.example-note{font-size:14px;color:#555;line-height:1.8;border-top:1px solid #ccc;padding-top:22px}.dark{background:#0a0a0a;color:white;--line:#3d3d3d;--muted:#c3c3c3}.dark .section-heading>p{color:#c3c3c3}.before-contract{border:1px solid #555;padding:28px 30px;margin-bottom:38px}.stage-label{font-size:14px;font-weight:600;display:block}.consultation-flow{display:flex;gap:34px;margin-block:24px 18px;padding:0;list-style:none}.consultation-flow li{font-size:18px;position:relative}.consultation-flow li:not(:last-child)::after{content:'→';position:absolute;right:-26px;color:#999}.before-contract>p{font-size:16px;color:#c3c3c3;max-width:1000px}.contracted-label{margin-bottom:25px}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid li{border-top:1px solid #555;padding-top:22px}.step-number{font-size:28px;color:#c0c0c0;letter-spacing:-.04em}.process-grid h3{font-size:21px;line-height:1.65;margin-block:20px 16px}.process-grid>li>p{font-size:16px;color:#c3c3c3;min-height:155px}.process-output{margin-top:23px;border-top:1px solid #444;padding-top:17px}.process-output span{font-size:13px;color:#bbb}.process-output p{font-size:14px;margin-top:8px;color:#eee}.pricing-lead{font-size:18px;max-width:920px;margin-top:-8px;margin-bottom:38px}.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:30px}.pricing h3{font-size:21px;line-height:1.7;margin-bottom:21px}.estimate-factors{margin:0}.estimate-factors>div{padding-block:18px;border-top:1px solid #ccc}.estimate-factors dt{font-size:15px;font-weight:600;margin-bottom:9px}.estimate-factors dd{font-size:16px;color:#555;margin:0;line-height:1.8}.scope-panel{background:#f4f4f4;padding:27px}.scope-panel ul{padding-left:22px;margin:0 0 24px;display:grid;gap:12px;font-size:16px;line-height:1.8;color:#444}.scope-panel p{font-size:16px;border-top:1px solid #ccc;padding-top:23px;color:#555}.company{background:#f6f6f6}.posture{display:grid;grid-template-columns:.5fr 1fr 1.5fr;gap:35px;align-items:start;margin-bottom:65px}.posture>.label{padding-top:12px;color:#555}.posture h2{font-size:29px;line-height:1.5;letter-spacing:-.03em}.posture p{font-size:16px;color:#555}.company-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.company h2{font-size:29px;letter-spacing:-.02em}.company-mark{margin-top:35px;width:75px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:110px 1fr;gap:25px;padding-block:20px;border-bottom:1px solid #ccc}.company dl>div:first-child{padding-top:0}.company dt{font-size:14px;color:#555;padding-top:3px}.company dd{font-size:16px;line-height:1.8;margin:0}.contact{position:relative;overflow:hidden}.contact>.container{position:relative}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.contact h2{font-size:clamp(30px,3.3vw,47px)}.contact-copy>p{font-size:16px;color:#d3d3d3;margin-top:24px;max-width:520px}.contact-copy h3{font-size:19px;margin-top:35px}.contact-next{font-size:16px;line-height:1.8;padding-left:23px;margin-block:17px 22px;display:grid;gap:12px}.contact-copy>.contact-small{font-size:15px;color:#c3c3c3}.contact-action{min-width:0}.contact-action label{font-size:15px;display:block;margin-bottom:13px}.contact-action select{display:block;appearance:auto;width:100%;padding:14px 12px;border:1px solid #777;background:#171717;color:white;line-height:1.6;font-size:16px;margin-bottom:20px;border-radius:0}.contact-action .button{width:100%;font-size:15px}.mail-help{font-size:14px;color:#c3c3c3;margin-top:14px}.email-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-block:25px}.email-link{font-size:17px;letter-spacing:.015em;user-select:text;overflow-wrap:anywhere}.copy-button{background:none;border:1px solid #777;color:white;font-size:14px;padding:10px 13px;cursor:pointer;transition:background .2s,color .2s}.copy-button:hover{background:white;color:#111}.copy-button[hidden]{display:none}.mail-template{border-top:1px solid #666;border-bottom:1px solid #666}.mail-template summary{font-size:15px;padding-block:16px}.template-content{padding-bottom:21px}.template-content p{font-size:15px;line-height:2.1;color:#eee;user-select:text;margin-bottom:18px;overflow-wrap:anywhere}#copy-status{font-size:14px;line-height:1.8;color:#eee;min-height:26px;margin-top:15px}.contact-lines{position:absolute;right:-270px;top:-170px;width:650px;height:650px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 30px #ffffff04,0 0 0 60px #ffffff04,0 0 0 90px #ffffff04}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}.footer .brand span{font-size:11px}.footer>span,.footer>a:last-child{font-size:13px;color:#555}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes title-enter{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes fade-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header{padding-inline:32px}.desktop{gap:20px}.case-card{padding:25px}.case-card h3{font-size:22px}.case-audience{min-height:0}.example-row{grid-template-columns:1fr;gap:25px}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.process-grid>li>p{min-height:0}.contact-layout{gap:40px}.posture{grid-template-columns:1fr 2fr}.posture>.label{grid-column:1/-1;padding:0}.implementation-note{grid-template-columns:1fr 1.4fr}}
@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.section{padding-block:52px}.header{height:72px;padding-inline:20px}.brand img{width:26px}.brand span{font-size:12px}.desktop{display:none}.menu-toggle{display:block}.menu-toggle i{display:block;width:25px;height:1px;background:white;margin-block:7px;transition:transform .2s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:absolute;left:0;right:0;top:72px;background:#0a0a0a;border-bottom:1px solid #777;padding:12px 20px;display:flex;flex-direction:column;max-height:calc(100dvh - 72px);overflow:auto}.mobile-nav a{padding-block:14px;font-size:16px;border-bottom:1px solid #333}.hero{padding-top:72px}.hero-inner{padding-block:30px 28px}.hero-inner>.label{font-size:13px}.hero h1{font-size:clamp(33px,9.55vw,50px);line-height:1.35;margin-top:21px;letter-spacing:-.055em}.mobile-break{display:inline}.title-line{padding-bottom:3px}.hero-description{font-size:16px;line-height:1.8;margin-top:20px;color:#e3e3e3}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}.button{font-size:14px;padding:10px 9px 10px 14px;gap:10px;min-height:57px}.hero-actions .button{width:100%}.secondary-link{font-size:15px;align-self:flex-start;padding-block:10px}.hero-guide{font-size:14px;line-height:1.8;margin-top:10px}.hero-flow{font-size:12px;gap:6px;justify-content:space-between;margin-top:23px;padding-top:18px}.hero-flow span{white-space:nowrap}.wave-wrap{inset:25% -50% 0;opacity:.17}.section-label{margin-bottom:29px;font-size:13px;padding-top:16px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:19px;font-size:16px;line-height:1.8}.problem-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.problem-grid li{padding-top:19px}.problem-kicker{font-size:14px;margin-bottom:10px}.problem-grid h3{font-size:22px;line-height:1.55}.problem-grid h3 br{display:none}.problem-grid p{font-size:16px;margin-top:11px}.target-note{font-size:15px;padding-top:18px}.case-grid{grid-template-columns:1fr;gap:22px}.case-card{padding:22px}.case-label{font-size:14px;margin-bottom:12px}.case-card h3{font-size:22px;line-height:1.6}.case-card h3 br{display:none}.case-audience{margin-block:15px 20px;font-size:16px}.case-field{padding-block:18px}.case-field h4{font-size:15px;margin-bottom:11px}.case-field li{font-size:16px;line-height:1.75}.case-field ul{gap:11px}.case-field p{font-size:16px}.outputs{padding:17px;margin-bottom:18px}.outputs p{font-size:15px}.text-link{font-size:15px;padding-top:18px}.service-scope{margin-top:20px}.service-scope p{font-size:15px}.implementation-note{margin-top:29px;padding-top:23px;display:block}.implementation-note h3{font-size:22px;margin-bottom:17px}.implementation-note p{font-size:16px;margin-top:14px}.additional-services{margin-top:25px;padding-top:23px}.additional-services>h3{font-size:20px}.additional-services>p{font-size:16px;line-height:1.8}.additional-services summary{font-size:16px;line-height:1.8;padding-block:18px}.details-body p{font-size:16px}.inline-link{font-size:15px;line-height:1.8}.example-badge{font-size:14px;line-height:1.8;margin-bottom:19px;padding-left:12px}.example-row{padding-block:26px;gap:21px}.example-head h3{font-size:22px}.example-flow{grid-template-columns:1fr;gap:22px}.example-flow li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px 18px;align-items:center}.example-flow li>span{font-size:15px;margin:0}.example-flow p{font-size:16px;line-height:1.7}.example-flow p br{display:none}.example-flow li:not(:last-child)::after{content:'↓';left:50%;top:auto;bottom:-22px;right:auto;transform:translateX(-50%);font-size:16px}.example-note{font-size:14px}.before-contract{padding:22px}.stage-label{font-size:15px;line-height:1.8}.consultation-flow{display:block;margin-block:19px;padding-left:20px;list-style:decimal}.consultation-flow li{font-size:16px;line-height:1.8;margin-top:10px}.consultation-flow li:not(:last-child)::after{display:none}.before-contract>p{font-size:16px;line-height:1.8}.contracted-label{margin-bottom:23px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid li{position:relative;padding-top:22px;padding-left:44px}.step-number{position:absolute;left:0;top:25px;font-size:20px}.process-grid h3{font-size:22px;margin-block:0 13px}.process-grid h3 br{display:none}.process-grid>li>p{font-size:16px;min-height:0}.process-output{margin-top:20px;padding-top:14px}.process-output span{font-size:14px}.process-output p{font-size:15px;line-height:1.8}.pricing-lead{font-size:16px;margin-top:0;margin-bottom:30px;line-height:1.85}.pricing-layout{grid-template-columns:1fr;gap:30px}.pricing h3{font-size:21px;margin-bottom:17px}.estimate-factors>div{padding-block:16px}.estimate-factors dt{font-size:16px}.estimate-factors dd{font-size:16px}.scope-panel{padding:22px}.scope-panel ul{font-size:16px;line-height:1.8}.scope-panel p{font-size:16px}.posture{display:block;margin-bottom:40px}.posture>.label{display:block;margin-bottom:16px}.posture h2{font-size:27px}.posture p{font-size:16px;margin-top:19px}.company-layout{grid-template-columns:1fr;gap:26px}.company-mark{display:none}.company h2{font-size:26px}.company dl>div{grid-template-columns:83px 1fr;gap:16px;padding-block:18px}.company dt{font-size:14px}.company dd{font-size:16px}.contact-layout{grid-template-columns:1fr;gap:34px}.contact h2{font-size:30px;line-height:1.5}.contact h2 br{display:none}.contact-copy>p{font-size:16px;margin-top:19px}.contact-copy h3{font-size:19px;margin-top:26px}.contact-next{font-size:16px}.contact-copy>.contact-small{font-size:15px}.contact-action{padding:23px 0 0;border-top:1px solid #666}.contact-action .button{font-size:14px}.contact-action select{font-size:16px}.email-row{gap:14px}.email-link{font-size:17px}.copy-button{font-size:14px}.mail-help{font-size:14px;line-height:1.8}.template-content p{font-size:15px}.footer{flex-wrap:wrap;padding-block:28px;gap:23px}.footer .brand{flex-basis:100%}.footer>span{margin-right:auto}.footer>span,.footer>a:last-child{font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.header{padding-inline:16px}.hero-flow{font-size:10px;gap:4px}.hero .button{font-size:13px}.case-card{padding:18px}.case-card h3{font-size:21px}.company dl>div{grid-template-columns:75px 1fr;gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
/* Show the cases and deliverables first; retain detailed work in disclosures. */
.case-work{border-top:1px solid #ddd;margin-bottom:20px}.case-work summary{font-size:15px;font-weight:600;line-height:1.8;padding-block:18px}.case-work .details-body{padding-bottom:20px}.case-work ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.case-work li{position:relative;padding-left:16px;font-size:16px;line-height:1.75;color:#535353}.case-work li::before{content:'・';position:absolute;left:0}.implementation-note{display:block;margin-top:25px;padding-top:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.implementation-note summary{font-size:18px;font-weight:600;padding-block:22px}.implementation-note p{margin-top:14px}.implementation-note .details-body{max-width:1000px;padding-bottom:22px}.outputs{margin-bottom:0}.case-audience{min-height:0}
@media(max-width:760px){.case-work{margin-bottom:17px}.case-work summary{font-size:15px;padding-block:15px}.implementation-note{margin-top:23px;padding-top:0}.implementation-note summary{font-size:16px;padding-block:19px}.additional-services{margin-top:22px}.additional-services>h3{font-size:19px}.additional-services>p{font-size:15px;margin-bottom:16px}}
/* Image-led revision, 2026-10-10. Each reserved media frame keeps a 4:3 ratio. */
figure{margin:0}.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(40px,4.1vw,60px);line-height:1.3}.hero-description{font-size:17px;max-width:640px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .button{font-size:14px}.hero-visual{min-width:0}.media-frame{position:relative;aspect-ratio:4/3;background:#f0f0f0;overflow:hidden;border:1px solid #dcdcdc}.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:4/3}.asset-status{position:absolute;bottom:12px;left:12px;padding:5px 9px;font-size:12px;line-height:1.6;background:#fff;color:#333;border:1px solid #ccc}.media-item figcaption{font-size:14px;line-height:1.8;color:#555;margin-top:12px}.hero-visual figcaption{color:#c5c5c5}.hero-flow{margin-top:34px}.compact-cases .case-card{padding:28px;background:transparent;border:0;border-top:1px solid #ccc}.compact-cases .case-audience{margin-block:15px 12px}.case-summary{font-size:16px;line-height:1.8;color:#555;margin-bottom:22px}.compact-cases h3{font-size:24px}.sample-notice{font-size:15px;line-height:1.8;border-left:2px solid #111;padding-left:16px;color:#555;margin-bottom:42px}.deliverable{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;border-top:1px solid #d8d8d8;padding-block:46px}.deliverable:nth-of-type(even){grid-template-columns:1fr 1.1fr}.deliverable:nth-of-type(even) .media-item{order:2}.deliverable-copy{min-width:0}.unit-label{font-size:15px;font-weight:600;margin-bottom:18px}.deliverable h3{font-size:30px;font-weight:600;line-height:1.5;letter-spacing:-.04em;margin-bottom:20px}.deliverable-copy>p:not(.unit-label){font-size:16px;color:#555}.deliverable-copy>.unit-audience{color:#0a0a0a!important;margin-bottom:12px}.unit-outputs{margin:22px 0 25px;padding-block:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.unit-outputs dt{font-size:14px;font-weight:600;margin-bottom:10px}.unit-outputs dd{font-size:16px;color:#555;line-height:1.8;margin:0}.service-boundary{font-size:15px;line-height:1.8;border-top:1px solid #ccc;padding-top:24px;color:#555}.service-boundary a{display:inline-block;border-bottom:1px solid #999;margin-left:18px}.deliverables .implementation-note{margin-top:24px}.deliverables .additional-services{margin-top:28px}
@media(max-width:1100px) and (min-width:761px){.hero-layout{gap:30px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:40px}.hero-actions{gap:10px}.deliverable{gap:35px}.deliverable h3{font-size:26px}}
@media(max-width:760px){.hero-layout{display:flex;flex-direction:column;gap:27px;align-items:stretch}.hero h1{font-size:clamp(33px,9.55vw,50px);line-height:1.35}.hero-description{font-size:16px}.hero-actions{gap:10px;flex-wrap:nowrap}.hero-visual .media-frame{max-width:500px;margin-inline:auto}.hero-visual figcaption{font-size:14px;line-height:1.8}.hero-flow{margin-top:25px}.asset-status{font-size:12px;left:9px;bottom:9px;padding:4px 7px}.compact-cases .case-card{padding:23px 0 0}.compact-cases h3{font-size:23px}.compact-cases .case-audience{margin-top:14px}.compact-cases .text-link{margin-top:0}.case-summary{margin-bottom:18px}.deliverables .section-heading h2{font-size:30px}.sample-notice{font-size:15px;margin-bottom:28px}.deliverable,.deliverable:nth-of-type(even){grid-template-columns:1fr;gap:24px;padding-block:30px}.deliverable:nth-of-type(even) .media-item{order:0}.media-item figcaption{font-size:14px;line-height:1.8;margin-top:10px}.unit-label{font-size:16px;line-height:1.8;margin-bottom:12px}.deliverable h3{font-size:25px;margin-bottom:15px}.unit-outputs{margin-block:20px 22px;padding-block:18px}.unit-outputs dt{font-size:15px}.deliverable-copy>p{font-size:16px}.service-boundary a{margin:12px 0 0;display:block;width:max-content}.deliverables .additional-services{margin-top:24px}}
@media(max-width:760px){.compact-cases h3{text-wrap:balance}.compact-cases h3 br{display:initial}.asset-status[hidden]{display:none}}

.headline-part{display:inline-block}

/* User-approved blue accents and service entrances, 2026-10-10. */
.hero{background:radial-gradient(ellipse at 83% 36%,#143957 0,transparent 48%),linear-gradient(130deg,#090d13,#101e2c);isolation:isolate}.hero::before{content:'';position:absolute;inset:14% 0 0 35%;background:radial-gradient(ellipse,#3c91dc30,transparent 65%);filter:blur(35px);animation:blue-breathe 8s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.wave-path{stroke:#71b5ed!important}.wave-wrap{opacity:.42}.hero-copy>.label{color:#a8d6ff}.hero-visual .media-frame{border-radius:18px;border:1px solid #adcde9;box-shadow:0 25px 70px #0006,0 0 55px #548fb82a}.hero-visual{animation:art-float 7s ease-in-out infinite}.hero-actions{display:grid;grid-template-columns:1fr;max-width:390px;gap:12px}.hero-actions .button{justify-content:space-between;font-size:15px}.brochure-button{background:transparent;color:#fff;border:1px solid #90acc2}.brochure-button:hover{background:#d6ebff;color:#102235}.hero-flow{color:#afd0eb}.header .nav-cta{border-color:#9bbfdc}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillar{display:flex;flex-direction:column;background:#fff;padding:30px;border:1px solid #d6dfe6;transition:transform .25s,box-shadow .25s,border-color .25s}.pillar:hover{transform:translateY(-6px);border-color:#548db9;box-shadow:0 15px 30px #193c5610}.pillar-number{color:#527995;font-size:13px;letter-spacing:.08em;font-weight:600}.pillar h3{font-size:25px;line-height:1.55;margin:22px 0 16px}.pillar p{font-size:16px;color:#555;margin-bottom:26px}.pillar-more{margin-top:auto;border-top:1px solid #ddd;padding-top:18px;font-size:14px}.services{background:#f3f7fa}.service-details{padding-top:20px}.service-details .unit-label{color:#386b94}.execution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 35px}.execution-card{border:1px solid #d6dfe6;background:#f7f9fb;padding:24px 20px}.execution-card h4{font-size:17px;line-height:1.6;margin:0 0 14px}.execution-card p{font-size:15px;color:#555}.creative-strip{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:30px;background:#f4f7f9;padding:25px;margin-bottom:28px}.creative-strip img{width:100%;height:auto}.creative-strip p{font-size:16px}.creative-strip .sample-caption{font-size:13px;color:#666;margin-top:12px}.ai-figure{background:#f3f7fa;border:1px solid #d6dfe6;padding:30px}.ai-figure img{width:100%;height:auto}.ai-figure figcaption{font-size:14px;color:#555;margin-top:15px}.tool-band{padding:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:30px}.tool-list{display:flex;flex-wrap:wrap;gap:14px;margin:23px 0}.tool-list span{font-family:Arial,sans-serif;font-size:21px;font-weight:600;background:#f3f7fa;border:1px solid #d6dfe6;padding:14px 22px}.tool-band>p:last-child{font-size:15px;color:#555}.contact-brochure{display:flex;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #555;margin-top:35px;padding-top:30px}.contact-brochure p{font-size:16px}.contact-brochure span{font-size:13px;color:#ccc}.service-details [id]{scroll-margin-top:25px}@keyframes blue-breathe{to{transform:translate(-9%,8%) scale(1.2);opacity:.5}}@keyframes art-float{50%{transform:translateY(-9px)}}
@media(max-width:1100px){.execution-grid{grid-template-columns:repeat(2,1fr)}.pillar{padding:24px}.pillar h3{font-size:22px}}
@media(max-width:760px){.hero-actions{max-width:none}.hero-visual{animation:none}.pillar-grid{grid-template-columns:1fr;gap:16px}.pillar{padding:24px}.pillar h3{margin:14px 0;font-size:24px}.pillar h3 br{display:none}.pillar p{margin-bottom:18px}.execution-grid{grid-template-columns:1fr 1fr;gap:12px}.execution-card{padding:20px 15px}.execution-card h4{font-size:17px}.execution-card p{font-size:15px}.creative-strip{grid-template-columns:1fr;padding:22px;gap:20px}.creative-strip img{max-width:260px;margin:auto}.tool-band{padding:25px 0}.tool-list{gap:10px}.tool-list span{font-size:18px;padding:13px 16px}.contact-brochure{gap:16px;align-items:stretch;flex-direction:column}.contact-brochure .button{width:100%;justify-content:space-between}.ai-figure{padding:18px}.service-details{padding-top:10px}}
@media(max-width:360px){.execution-grid{grid-template-columns:1fr}.hero-actions .button{font-size:13px}}

/* FB2: bolder copy, illustrated service links, intentional CTAs and tool logos. */
.hero h1{font-weight:700;letter-spacing:-.045em}.hero-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #4d6a80;padding-top:24px;margin-top:32px;align-items:start}.hero-checks span{font-size:17px;font-weight:600;white-space:normal;color:white;display:flex;gap:12px;align-items:center}.hero-checks span:before{content:'';display:block;flex:none;width:19px;height:19px;background:#80b8e8;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-width="3" d="m4 12 5 5L20 6"/></svg>') center/contain no-repeat}.hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:14px}.hero-cta{display:flex;align-items:center;gap:14px;min-height:96px;padding:18px 16px;border-radius:8px;border:1px solid #89a5bc;transition:background .2s,transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 9px 22px #0003}.cta-diagnosis{background:#edf6ff;color:#152c3e;border-color:#edf6ff}.cta-diagnosis:hover{background:white}.cta-document{background:#152637;color:white}.cta-document:hover{background:#243f55}.cta-icon{flex-shrink:0;width:29px;display:flex}.cta-icon svg{width:29px;height:29px}.cta-text{display:flex;flex-direction:column;gap:8px}.cta-text small{font-size:11px;line-height:1.6;letter-spacing:0;color:inherit;opacity:.85}.cta-text strong{font-size:17px;line-height:1.5;font-weight:700}.cta-end{margin-left:auto;width:22px;flex-shrink:0;display:flex}.cta-end svg{width:22px;height:22px}.hero-guide{font-size:13px}.pillar{padding:0;overflow:hidden;display:block;border-radius:8px}.pillar-image{height:215px;background:#e9eff4;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d6dfe6}.pillar-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.pillar:hover .pillar-image img{transform:scale(1.04)}.pillar-content{padding:25px;display:flex;flex-direction:column;min-height:295px}.pillar-more{display:flex;align-items:center;justify-content:space-between;gap:12px}.pillar-more svg{width:22px;height:22px}.execution-card{display:flex;flex-direction:column;padding:0;background:white;overflow:hidden;border-radius:7px;transition:border-color .2s,box-shadow .2s,transform .2s}.execution-card:hover{transform:translateY(-4px);border-color:#638cab;box-shadow:0 10px 26px #14395412}.menu-image{aspect-ratio:12/7;background:#f0f5f9;overflow:hidden}.menu-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.execution-card:hover .menu-image img{transform:scale(1.045)}.menu-content{padding:20px;display:flex;flex-direction:column;flex:1}.menu-content h4{font-size:18px}.menu-content p{font-size:15px;margin-bottom:22px}.menu-cta{font-size:13px;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #d6dfe6;font-weight:600}.menu-cta svg{width:22px;height:22px;flex:none}.fee-badge{color:#245a7f;background:#e6f1fa;font-size:12px;line-height:1.7;font-weight:700;padding:5px 8px;margin-bottom:12px}.fee-note{font-size:13px;line-height:1.8;color:#555;margin-top:-12px;margin-bottom:35px}.fee-note a{border-bottom:1px solid #aaa;margin-left:8px}.ai-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px}.ai-card .menu-image{max-height:200px}.tool-band{overflow:hidden;padding:35px 0}.tool-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.tool-track{display:flex;width:max-content;animation:tool-drift 38s linear infinite}.tool-group{display:flex;align-items:center;gap:60px;padding-right:60px;flex-shrink:0}.tool-logo{display:flex;gap:15px;align-items:center;white-space:nowrap;padding-block:25px}.tool-logo img{width:42px;height:42px;object-fit:contain}.tool-logo b{font-family:Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:.02em;color:#495562}.tool-marquee:hover .tool-track,.tool-marquee.paused .tool-track{animation-play-state:paused}.tool-motion-toggle{border:0;background:none;padding:8px 0;border-bottom:1px solid #a9b8c6;font-size:13px;color:#555;cursor:pointer;margin:10px 0 15px}@keyframes tool-drift{to{transform:translateX(-50%)}}
@media(max-width:1100px){.hero-actions{grid-template-columns:1fr}.hero-cta{min-height:88px}.hero-checks{grid-template-columns:1fr 1fr}.pillar-image{height:170px}.pillar-content{padding:23px;min-height:325px}}
@media(max-width:760px){.hero-checks{gap:18px 10px;padding-top:22px}.hero-checks span{font-size:14px;gap:6px}.hero-checks span:before{width:17px;height:17px}.hero-cta{padding:18px;min-height:91px}.cta-text small{font-size:12px}.cta-text strong{font-size:18px}.pillar-image{height:auto;aspect-ratio:16/9}.pillar-content{padding:24px;min-height:0}.execution-grid{grid-template-columns:1fr 1fr}.menu-content{padding:17px 14px}.menu-content h4{font-size:17px;overflow-wrap:anywhere}.menu-content p{font-size:15px}.menu-cta{font-size:12px;gap:5px;align-items:flex-start}.menu-cta svg{width:17px;height:17px}.ai-service-grid{grid-template-columns:1fr;gap:20px}.ai-card .menu-image{max-height:none;aspect-ratio:16/8}.ai-card .menu-content{padding:24px}.ai-card .menu-cta{font-size:14px}.tool-group{gap:40px;padding-right:40px}.tool-logo b{font-size:22px}.tool-logo img{width:38px;height:38px}.fee-note{font-size:13px}.fee-badge{font-size:12px}}
@media(max-width:360px){.execution-grid{grid-template-columns:1fr}.hero-checks{grid-template-columns:1fr}.hero-cta{gap:12px}.cta-text strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.tool-track{animation:none!important}.tool-marquee{overflow:auto;mask-image:none}.tool-group[aria-hidden]{display:none}.tool-motion-toggle{display:none}}

.nav-cta>svg{width:20px;height:20px;vertical-align:middle;margin-left:8px}.button .arrow svg{width:24px;height:24px}.inline-link>svg{width:20px;height:20px;vertical-align:middle}.contact-brochure .button{border-radius:7px}

/* GPT提供の4:3図版を文字も含めて表示 */
.pillar-image{height:auto;aspect-ratio:4/3;background:#102f48}.pillar-image img{object-fit:contain}.creative-strip{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:0;overflow:hidden;border-radius:8px}.creative-strip>div{padding:28px}.creative-strip img{display:block;max-width:none}.ai-figure{padding:0;border-radius:8px;overflow:hidden;background:#102f48}.ai-figure img{display:block;aspect-ratio:4/3;object-fit:contain}.ai-figure figcaption{margin:0;background:#f3f7fa;padding:16px 20px}
@media(max-width:760px){.pillar-image{aspect-ratio:4/3}.creative-strip{grid-template-columns:1fr;padding:0;gap:0}.creative-strip img{max-width:none}.creative-strip>div{padding:22px}.ai-figure{padding:0}}

.menu-image{background:#eef5fc;aspect-ratio:3/2}.menu-image img{object-fit:contain}.ai-card .menu-image{max-height:none;aspect-ratio:3/2}

/* Last Scene参考の折衷案: 白・明るい青・写真 */
:root{--blue:#0879f5;--blue-ink:#145da8;--soft:#f5f8fc;--line:#e0e7ef;--ink:#202b38}.header{position:relative;inset:auto;color:#202b38;background:#fff;border-bottom:1px solid #e5ecf4;height:82px}.brand span{font-weight:700;letter-spacing:.18em}.desktop>a:not(.nav-cta)::after{background:var(--blue)}.header .nav-cta{background:var(--blue);color:white;border-color:var(--blue);border-radius:6px}.header .nav-cta:hover{background:#0667d2;color:#fff}.hero{padding-top:0;background:linear-gradient(120deg,#1979ec,#4799f8);color:white}.hero::before{background:radial-gradient(ellipse,#fff2,transparent 65%);filter:none}.hero-wordmark{position:absolute;bottom:-.12em;left:2%;font-family:Arial,sans-serif;font-size:clamp(90px,18vw,290px);font-weight:800;letter-spacing:.025em;line-height:1;color:#fff;opacity:.1;pointer-events:none;user-select:none;white-space:nowrap}.hero-inner{padding-block:64px 85px}.hero-copy>.label,.hero-description,.hero-guide,.hero-visual figcaption{color:#fff}.title-line:nth-child(2)>span{color:#fff}.hero-visual .media-frame{border:0;border-radius:10px;box-shadow:0 20px 60px #06449a25;aspect-ratio:4/3;background:#fff}.hero-visual .media-frame img{object-fit:cover}.hero-visual{animation:none}.hero-actions{gap:12px}.hero-cta{border-radius:5px;box-shadow:none;min-height:76px}.hero-cta.cta-diagnosis{background:white;color:#1768ba;border:1px solid white}.hero-cta.cta-document{background:#ffffff12;color:white;border:1px solid #ffffffb0}.hero-cta .cta-icon{display:none}.hero-cta .cta-text small{color:inherit;opacity:.8}.hero-cta .cta-end{color:inherit}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #06449a20}.hero-checks{color:white;border-color:#ffffff50}.hero-checks span:before{color:#fff}.wave-wrap{opacity:.18}.services{background:#fff}.section-label{color:var(--blue);font-weight:700;letter-spacing:.09em;border:0;padding-top:0;margin-bottom:25px}.section-heading h2,.documents h2{color:var(--blue-ink);font-weight:700}.pillar{border-color:#e0e7ef;box-shadow:0 4px 14px #254e7d05}.pillar-number,.unit-label,.service-details .unit-label{color:var(--blue);font-weight:700}.pillar-image{aspect-ratio:16/9;background:#edf4fa}.pillar-image img{object-fit:cover}.pillar-more{border:0;background:var(--blue);color:#fff;border-radius:5px;padding:12px 16px}.pillar-content{min-height:300px}.service-details{background:#f7f9fc}.deliverable h3{color:var(--blue-ink);font-weight:700}.media-frame{border-radius:10px;overflow:hidden}.menu-image,.ai-card .menu-image{aspect-ratio:16/9;background:#edf4fa}.menu-image img{object-fit:cover}.execution-card{border-color:#dfe6ef;border-radius:8px}.execution-card:hover{border-color:var(--blue);box-shadow:0 12px 30px #125da811}.menu-cta{background:var(--blue);color:white;padding:12px 14px;border:0;border-radius:5px;align-items:center;justify-content:center;gap:14px;font-size:14px}.fee-badge{background:#edf5ff;color:#0870df}.dark{background:#f4f8fd;color:#202b38;--line:#dfe7f0;--muted:#536273}.dark h2{color:var(--blue-ink)}.dark .section-heading>p,.before-contract>p,.process-grid>li>p,.process-output p{color:#536273}.before-contract{border-color:#d8e3ef;background:white}.process-grid li{border-color:#d8e3ef}.process-output{border-color:#d8e3ef}.step-number{color:var(--blue);font-weight:700}.pricing{background:white}.pricing h2,.company h2,.posture h2{color:var(--blue-ink);font-weight:700}.company{background:#f5f8fc}.contact.dark{background:var(--blue);color:#fff;--line:#ffffff60;--muted:#fff}.contact h2,.contact-copy>p,.contact-copy>.contact-small,.contact-next,.contact-brochure span{color:#fff}.contact-action select{background:#fff;color:#202b38;border-color:#fff}.contact-action,.contact-brochure{border-color:#ffffff60}.contact .button{background:#fff;color:#1466bc;border-radius:5px}.contact .arrow{background:transparent;color:#1466bc}.contact .email-link{color:#fff}.contact .copy-button{color:#fff;border-color:#ffffff70}.contact .template-content{color:#fff;background:#ffffff12}.footer{background:white;color:#536273}.document-download{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:center}.document-download p{color:#536273;margin-top:22px;max-width:630px}.document-blue{margin-top:28px;background:var(--blue);color:#fff;border-radius:5px;border:0;padding:17px 24px}.document-blue:hover{background:#0768d2;color:#fff}.document-note{font-size:13px}.document-cover{background:white;border:1px solid #d9e5f4;border-top:5px solid var(--blue);border-radius:5px;box-shadow:0 10px 35px #17477710;padding:35px;display:flex;flex-direction:column;gap:24px;min-height:340px}.cover-brand{font-size:16px;letter-spacing:.2em;color:var(--blue);font-weight:700}.document-cover strong{font-size:25px;line-height:1.6;color:#145da8}.document-cover>span:not(.cover-brand){font-size:14px;line-height:1.9;color:#536273}.cover-line{height:2px;background:var(--blue);width:55px}.document-cover small{color:#0879f5;font-size:10px;letter-spacing:.14em}
@media(max-width:1100px){.pillar-content{min-height:330px}.hero-inner{padding-block:45px 65px}}
@media(max-width:760px){.header{height:70px}.menu-toggle i{background:#1768ba}.mobile-nav{background:white;color:#202b38}.hero-inner{padding-block:36px 65px}.hero-wordmark{font-size:19vw;bottom:0;left:1%}.hero-visual .media-frame{aspect-ratio:16/10}.hero-checks span{font-size:14px}.hero-cta{min-height:74px;padding:17px}.pillar-content{min-height:0}.menu-image,.ai-card .menu-image{aspect-ratio:16/9}.menu-content{padding:18px}.menu-cta{font-size:14px;padding:12px}.execution-grid{grid-template-columns:1fr;gap:20px}.document-download{grid-template-columns:1fr;gap:28px}.document-cover{min-height:310px;max-width:420px;width:100%;margin:auto}.document-blue{width:100%;font-size:14px}.documents{padding-block:55px}.contact .button{font-size:14px}}

.hero{scroll-margin-top:82px;background:linear-gradient(120deg,#0879ef,#459afa)}.hero h1{font-size:clamp(33px,3.7vw,56px);font-weight:700}.hero-description{font-size:17px;line-height:1.9}.hero-wordmark{opacity:.12}.hero-checks{position:relative;z-index:1}.hero .title-line>span{white-space:nowrap}@media(max-width:760px){.hero{scroll-margin-top:70px}.hero h1{font-size:clamp(32px,8.7vw,48px)}.hero .title-line>span{white-space:normal}.hero-description{font-size:16px}.hero-wordmark{bottom:8px;opacity:.1}}

.document-cover strong{font-size:clamp(18px,1.8vw,25px)}@media(max-width:760px){.document-cover strong{font-size:22px}}

/* 本人修正: Intentlyの深い青を保ち、色を置く位置だけ参考にする */
:root{--blue:#294f70;--blue-ink:#193b57;--soft:#f4f7fa;--ink:#18232d}.header{position:absolute;inset:0 0 auto;background:transparent;color:white;border-bottom:1px solid #ffffff25}.header .nav-cta{background:#ffffff0b;border:1px solid #a0b8cb;color:white}.header .nav-cta:hover{background:#fff;color:#17334a}.desktop>a:not(.nav-cta)::after{background:#fff}.hero{padding-top:82px;scroll-margin-top:0;background:radial-gradient(ellipse at 85% 32%,#1b425f 0,transparent 52%),linear-gradient(125deg,#0b121c,#112b40)}.hero::before{background:radial-gradient(ellipse,#579bd824,transparent 65%);filter:blur(25px)}.hero-wordmark{opacity:.055}.hero-inner{padding-block:55px 70px}.hero-copy>.label{color:#b8d7ed}.hero-description{color:#dce7ee}.hero-guide,.hero-visual figcaption{color:#c3d5e3}.hero-cta.cta-diagnosis{background:#edf5fa;color:#17354c;border-color:#edf5fa}.hero-cta.cta-document{background:#18334a;color:#fff;border-color:#6688a2}.hero-cta.cta-document:hover{background:#254960}.hero-checks{border-color:#53738b}.wave-wrap{opacity:.3}.pillar-more,.menu-cta,.document-blue{background:#234c6d}.pillar-number,.section-label,.service-details .unit-label{color:#416d8f}.fee-badge{color:#285678;background:#e8f1f7}.document-cover{border-top-color:#315b7c}.cover-brand,.document-cover small{color:#315b7c}.document-cover strong{color:#193b57}.cover-line{background:#315b7c}.contact.dark{background:radial-gradient(ellipse at top right,#214865,transparent 70%),#10273a;color:#fff}.contact .button{color:#173b57}.contact .arrow{color:#173b57}.ai-driven{background:#fff}.ai-driven .tool-band{margin:0;border-top:0;padding:44px 0 35px;border-bottom:1px solid #dfe7ed}.ai-driven .section-label{margin-bottom:12px}.ai-driven h2{font-size:30px;color:#193b57;font-weight:700}.ai-driven-lead{margin-top:16px;color:#53616e;font-size:16px;max-width:860px}.ai-driven .tool-band>p:last-child{font-size:13px;color:#6a7781}.ai-driven .tool-logo b{color:#354b5c}.ai-driven .tool-motion-toggle{margin-block:0 12px}.ai-driven .tool-logo{padding-block:25px}.menu-content h4{line-height:1.6}.pillar-content{min-height:300px}
@media(max-width:1100px){.pillar-content{min-height:330px}}
@media(max-width:760px){.hero{padding-top:70px;scroll-margin-top:0}.header{height:70px}.menu-toggle i{background:white}.hero-inner{padding-block:36px 62px}.hero-wordmark{opacity:.07}.pillar-content{min-height:0}.ai-driven .tool-band{padding-block:32px 22px}.ai-driven h2{font-size:25px}.ai-driven-lead{font-size:15px}.ai-driven .tool-logo b{font-size:20px}.mobile-nav{background:#10273a;color:#fff}}

/* 最終の中間配色: 深い青の背景 × 明瞭な青のアクセント */
:root{--blue:#287bd0;--blue-ink:#1c507d;--soft:#f1f6fb}.hero{background:radial-gradient(ellipse at 86% 28%,#316c96 0,transparent 56%),linear-gradient(125deg,#11283e,#1c496c)}.hero::before{background:radial-gradient(ellipse,#8abce62a,transparent 65%)}.hero-copy>.label{color:#c8e5fb}.hero-wordmark{opacity:.085}.hero-cta.cta-diagnosis{color:#1c507d;background:#fff;border-color:white}.hero-cta.cta-document{background:#245c87;border-color:#71a0c3;color:white}.hero-cta.cta-document:hover{background:#2e74aa}.header .nav-cta{background:#2c73ad;border-color:#5f9cc9}.header .nav-cta:hover{background:#fff;color:#1c507d}.section-label,.pillar-number,.service-details .unit-label{color:#2979bf}.section-heading h2,.documents h2,.deliverable h3,.pricing h2,.company h2,.posture h2,.ai-driven h2{color:#1c507d}.pillar-more,.menu-cta,.document-blue{background:#287bd0}.pillar-more:hover,.document-blue:hover{background:#1d65b0}.execution-card:hover{border-color:#438bd0;box-shadow:0 12px 30px #21669d14}.fee-badge{background:#e6f2fd;color:#236eb1}.service-details{background:#f3f7fb}.services,.documents,.pricing{background:white}.company{background:#eef4fa}.dark:not(.contact){background:#edf4fb}.contact.dark{background:radial-gradient(ellipse at 85% 15%,#2c628a,transparent 65%),#173b58}.document-cover{border-top-color:#287bd0}.cover-brand,.document-cover small{color:#287bd0}.cover-line{background:#287bd0}.ai-driven{background:#fff}.ai-driven .tool-band{border-bottom-color:#dce9f3}.hero-checks{border-color:#91b5cf50}.hero-checks span:before{background:#9bcef4}

/* 実素材と仮置きを明確に分ける */
.official-material,.pending-material{background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;border-bottom:1px solid #e4ebf2;aspect-ratio:16/9}.asset-logo-group{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.asset-logo{display:flex;align-items:center;flex-direction:column;gap:12px}.asset-logo img{height:56px;width:56px;object-fit:contain}.asset-logo b{font-family:Arial,sans-serif;font-size:15px;letter-spacing:0;color:#263a4b}.asset-kind{font-size:11px;line-height:1.7;color:#667585;text-align:center}.pending-material{background:#f5f7fa;border:1px dashed #becbd6;border-bottom:1px dashed #becbd6;color:#60717e;gap:12px}.pending-kicker{font-size:11px;background:#e7edf2;border-radius:3px;padding:4px 9px;letter-spacing:.06em}.pending-material strong{font-size:16px;text-align:center;line-height:1.6}.pending-material small{font-size:11px;line-height:1.6;text-align:center;color:#71818d}.crm-material strong{font-size:30px;color:#47515c;font-family:Arial,sans-serif;font-weight:600}.pillar-image.official-material,.pillar-image.pending-material{height:auto;aspect-ratio:16/9}.pillar-image .asset-logo img{width:45px;height:45px}.pillar-image .asset-logo b{font-size:13px}.dashboard-figure{min-width:0}.marketing-db{background:#f6f8fb;color:#253d53;border:1px solid #b6cadc;border-radius:9px;overflow:hidden;box-shadow:0 22px 60px #071a2d25;transform:perspective(1500px) rotateY(-3deg)}.db-top{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #dce5ee}.db-brand{font-size:13px;letter-spacing:.1em;font-weight:700}.db-brand b{display:block;font-size:9px;letter-spacing:.1em;margin-top:5px;color:#7b8b99}.db-sample{font-size:11px;white-space:nowrap;border:1px dashed #9bafc1;border-radius:4px;padding:5px 9px;color:#526a80}.db-body{display:grid;grid-template-columns:115px 1fr;min-height:360px}.db-sidebar{background:#edf2f7;border-right:1px solid #dce5ee;display:flex;flex-direction:column;padding:22px 10px;gap:12px;font-size:11px}.db-sidebar span{padding:9px 7px}.db-active{background:#dce9f6;border-radius:4px;color:#24639a;font-weight:700}.db-main{padding:25px 18px;min-width:0}.db-title{display:flex;flex-direction:column;gap:8px}.db-title strong{font-size:17px}.db-title>span{font-size:10px;color:#798a99}.db-tabs{display:flex;gap:18px;padding:20px 0 13px;font-size:11px;color:#83909d}.db-tabs b{color:#265e8d}.db-table{border:1px solid #dce5ee;border-radius:5px;background:white;overflow:hidden}.db-row{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:7px;align-items:center;padding:13px 10px;border-top:1px solid #e8eef3;font-size:11px}.db-row:first-child{border:0}.db-head{background:#edf3f8;color:#617587;font-size:10px}.db-tag{font-size:10px;color:#267296;background:#e9f4f7;justify-self:start;border-radius:4px;padding:4px 6px}.db-links{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:24px;font-size:10px}.db-links span{border:1px solid #c8dcea;border-radius:4px;background:#fff;padding:8px}.db-links i{font-style:normal;color:#6c99bd}.db-bottom{font-size:10px;margin-top:19px;color:#728698;text-align:center}.dashboard-figure figcaption{font-size:11px;line-height:1.8}.ai-driven{background:transparent}.ai-driven .container{width:100%}.ai-driven .tool-band{border-top:1px solid #dce7f0;padding-top:35px;margin-top:35px}.ai-driven .section-label{font-size:13px}.ai-driven h2{font-size:26px}.ai-driven-lead{font-size:15px}
@media(max-width:1100px){.db-body{grid-template-columns:88px 1fr}.db-top{padding:14px}.db-main{padding:20px 12px}.db-title strong{font-size:14px}.db-row{font-size:10px;gap:4px;padding:12px 7px}.db-links{gap:5px;font-size:9px}.db-links span{padding:7px 4px}.db-sidebar{font-size:10px;padding-inline:6px}.pillar-image .asset-logo-group{gap:14px}.pillar-image .asset-logo img{height:40px;width:40px}}
@media(max-width:760px){.marketing-db{transform:none}.db-body{grid-template-columns:78px 1fr;min-height:330px}.db-sidebar{font-size:9px}.db-main{padding:20px 10px}.db-title strong{font-size:13px}.db-tabs{font-size:10px;gap:10px}.db-row{font-size:9px;gap:3px;padding:12px 5px}.db-tag{font-size:9px;padding:4px}.db-links{gap:4px;font-size:8px}.db-links span{padding:7px 4px}.db-brand{font-size:12px}.db-sample{font-size:10px}.official-material,.pending-material{padding:24px}.asset-logo img{height:52px;width:52px}.ai-driven h2{font-size:24px}.ai-driven .tool-band{margin-top:28px}.ai-driven .container{width:100%}}

/* SALESCORE参考: 黒・白・鮮やかな青の面と、大きな背景文字 */
:root{--blue:#1f60e0;--blue-ink:#164db7;--ink:#17191d;--soft:#f5f7fa;--muted:#555b65}
.hero{background:#0f1013}.hero::before{background:radial-gradient(ellipse at top right,#1f60e04d,transparent 66%);filter:blur(18px)}.wave-wrap{opacity:.11}.hero-wordmark{color:#1f60e0;opacity:.18;font-size:clamp(120px,20vw,310px);font-weight:800;bottom:-.13em;left:auto;right:-.02em;letter-spacing:-.065em}.hero-copy>.label{color:#729aff}.hero h1{font-weight:800}.hero .title-line:nth-child(2)>span{color:#6699ff}.hero-description{color:#dedfe4}.hero-guide,.hero-visual figcaption{color:#aeb5c3}.hero-checks{border-color:#ffffff30}.hero-checks span:before{background:#1f60e0;color:white}.header .nav-cta{background:#1f60e0;border-color:#1f60e0}.header .nav-cta:hover{background:#fff;color:#164db7}.hero-cta.cta-diagnosis{background:#1f60e0;color:#fff;border-color:#1f60e0}.hero-cta.cta-diagnosis:hover{background:#3675ef}.hero-cta.cta-document{background:#fff;color:#20242c;border-color:#fff}.hero-cta.cta-document:hover{background:#e9eef9}.hero-checks span{font-weight:600}
.section-label,.pillar-number,.service-details .unit-label{color:#1f60e0}.section-heading h2,.deliverable h3,.pricing h2,.company h2,.posture h2,.ai-driven h2{color:#17191d}.pillar-more,.menu-cta{background:#1f60e0}.pillar-more:hover{background:#164db7}.fee-badge{background:#edf3ff;color:#164db7}.service-details{background:#f5f7fa}.company{background:#f3f4f6}.dark:not(.contact){background:#f1f4f9}.dark h2{color:#17191d}.contact.dark{background:#0f1013;position:relative;overflow:hidden}.contact.dark:before{content:"INTENTLY";position:absolute;color:#1f60e0;opacity:.13;font:800 clamp(95px,18vw,280px)/1 Arial;letter-spacing:-.07em;right:-.03em;bottom:-.08em;pointer-events:none}.contact .container{position:relative;z-index:1}.contact .button{background:#1f60e0;color:#fff;border-color:#1f60e0}.contact .arrow{color:#fff}.contact .button:hover{background:#3675ef;color:white}
.documents{position:relative;overflow:hidden;background:#1f60e0;color:#fff}.documents:before{content:"MOVE FORWARD";position:absolute;white-space:nowrap;font:800 clamp(80px,15vw,210px)/1 Arial;letter-spacing:-.065em;color:#ffffff13;bottom:-.06em;left:-.025em;pointer-events:none}.documents>.container{position:relative;z-index:1}.documents .section-label,.documents h2,.document-download p{color:#fff}.documents .section-label{border-color:#ffffff55}.document-blue{background:white;color:#164db7;border:1px solid white}.document-blue:hover{background:#e9efff;color:#164db7}.document-cover{border-color:#fff;box-shadow:0 20px 60px #08266430}.document-cover strong{color:#17191d}.cover-brand,.document-cover small{color:#1f60e0}.cover-line{background:#1f60e0}
.marketing-db{background:#f5f6fa;color:#222935;border-color:#354358;box-shadow:0 25px 70px #0005;transform:perspective(1800px) rotateY(-4deg);border-radius:9px}.db-top{padding:16px 18px;min-height:65px}.db-brand{color:#182238}.db-brand b{color:#68768e}.db-sample{color:#5c6b81;border-color:#bcc6d5;font-size:9px}.db-body{grid-template-columns:108px 1fr;min-height:0}.db-sidebar{background:#111b2e;color:#a5b0c4;border:0;padding:22px 8px;font-size:10px;gap:8px}.db-sidebar small{font-size:8px;letter-spacing:.09em;margin:0 7px 6px;color:#73839d}.db-sidebar span{padding:10px 7px}.db-sidebar .db-active{color:#fff;background:#263c66;border-left:2px solid #5b8bff;border-radius:4px}.db-sidebar-bottom{margin-top:auto;padding:35px 7px 2px;font-size:9px;line-height:1.65;color:#697fa7;letter-spacing:.05em}.db-main{padding:22px 16px}.db-title strong{font-size:17px}.db-title>span{font-size:9px;color:#7a8494}.db-summary{margin-top:18px;border-radius:7px;background:linear-gradient(120deg,#184bb5,#336eeb);color:white;padding:18px 15px;display:flex;flex-direction:column;gap:10px}.db-summary small{font-size:8px;letter-spacing:.1em;color:#c4d6ff}.db-summary strong{font-size:15px;letter-spacing:-.03em}.db-summary>span{font-size:10px;color:#d9e5ff}.db-status{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.db-status>div{background:#fff;border:1px solid #e9edf3;border-radius:6px;padding:11px 8px;display:flex;flex-direction:column;gap:7px}.db-status small{font-size:8px;color:#7e899b}.db-status b{font-size:13px}.db-tasklist{background:#fff;border:1px solid #e9edf3;border-radius:6px;margin-top:13px;padding:12px}.db-task-title{display:flex;justify-content:space-between;font-size:10px;padding-bottom:9px}.db-task-title>span{font-size:8px;color:#8793a5}.db-task{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0f5;padding:10px 0;font-size:9px}.db-task i{width:9px;height:9px;border:1px solid #bbc9e0;border-radius:2px;flex-shrink:0}.db-task small{margin-left:auto;font-size:8px;color:#7183a1;background:#eef3fc;padding:3px 4px;border-radius:3px}.db-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.db-action-grid>div{background:white;padding:13px 9px;border:1px solid #e9edf3;border-radius:6px;display:flex;flex-direction:column;gap:7px}.db-action-grid b{font-size:9px}.db-action-grid small{font-size:8px;color:#8692a5}.dashboard-figure figcaption{font-size:10px;margin-top:12px}.sns-material .asset-logo-group{gap:22px}.sns-material .asset-logo img{height:45px;width:45px}.sns-material .asset-logo b{font-size:13px}.ai-driven h2{font-weight:700}
@media(max-width:1100px){.db-body{grid-template-columns:88px 1fr}.db-sidebar{font-size:9px}.db-main{padding:18px 12px}.db-summary strong{font-size:13px}.db-top{padding:15px 12px}.db-title strong{font-size:15px}.db-task{font-size:8px}.db-task small{font-size:7px}.db-status b{font-size:12px}.db-action-grid b{font-size:8px}}
@media(max-width:760px){.marketing-db{transform:none}.hero-wordmark{font-size:24vw;bottom:0;opacity:.2}.db-body{grid-template-columns:75px 1fr}.db-sidebar{font-size:8px;padding:18px 5px}.db-sidebar small{font-size:7px;margin-inline:3px}.db-sidebar span{padding:9px 5px}.db-main{padding:18px 10px}.db-top{padding:14px 12px}.db-brand{font-size:11px}.db-brand b{font-size:7px}.db-sample{font-size:8px;padding:4px 6px}.db-summary{padding:14px 10px;margin-top:14px}.db-summary strong{font-size:12px}.db-summary>span{font-size:9px}.db-title strong{font-size:14px}.db-title>span{font-size:8px}.db-status{gap:5px}.db-status>div{padding:10px 6px}.db-status small{font-size:7px}.db-status b{font-size:11px}.db-tasklist{padding:10px 8px}.db-task{font-size:8px;gap:5px}.db-task small{font-size:7px;padding:3px}.db-action-grid{gap:5px}.db-action-grid>div{padding:11px 7px}.db-action-grid small{font-size:7px}.db-sidebar-bottom{font-size:8px;padding-inline:5px}.mobile-nav{background:#0f1013}.documents:before{font-size:25vw;bottom:0}.contact.dark:before{font-size:25vw}.sns-material .asset-logo-group{gap:30px}}
/* ネイティブのアプリ画面。全数値は架空データ */
.app-window{background:#f5f7fb;color:#263447;border:1px solid #d5dce7;border-radius:9px;overflow:hidden;font-family:Arial,"Yu Gothic",sans-serif;text-align:left}.app-toolbar{height:36px;background:#fff;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;padding:0 12px;gap:14px}.app-toolbar b{font-size:9px;letter-spacing:.06em;color:#66748b}.app-toolbar small{font-size:8px;margin-left:auto;color:#8090a6}.app-dots{display:flex;gap:4px}.app-dots i{height:5px;width:5px;background:#d0d8e4;border-radius:50%}.app-workspace{display:grid;grid-template-columns:38px 1fr;min-height:0}.app-rail{background:#162337;display:flex;align-items:center;flex-direction:column;padding:14px 8px;gap:20px}.app-rail>b{font-size:20px;font-weight:400;color:#a5c3ff;border:1px solid #7898c8;border-radius:50%;width:22px;height:22px;text-align:center;line-height:21px}.app-rail>i{width:11px;height:10px;border:1px solid #778ba9;border-radius:2px}.app-rail>i:first-of-type{background:#4e7fd3;border-color:#4e7fd3}.app-content{padding:18px;min-width:0}.app-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:17px}.app-heading strong{font-size:17px;font-weight:700;letter-spacing:-.03em}.app-heading>span{font-size:8px;color:#8c97a9;margin-left:auto}.app-panel{background:#fff;border:1px solid #e4e9f1;border-radius:5px;padding:13px;min-width:0}.app-panel h5{margin:0 0 12px;font-size:10px;font-weight:600;color:#546179}.app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.app-metrics>div{background:#fff;border:1px solid #e4e9f1;border-radius:5px;padding:11px;display:flex;flex-direction:column;gap:5px}.app-metrics small{font-size:8px;color:#7e8a9e}.app-metrics b{font-size:22px;letter-spacing:-.04em}.app-metrics span{font-size:6px;color:#9ba5b5}.app-chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}.app-trend{width:100%;height:auto;display:block}.chart-grid{fill:none;stroke:#e8edf5;stroke-width:1;stroke-dasharray:3 3}.chart-line{fill:none;stroke:#1f60e0;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.chart-line.secondary{stroke:#44a9a6;stroke-width:2}.chart-legend{display:flex;gap:15px;font-size:7px;color:#8993a3;margin-top:9px}.chart-legend span:before{content:"";display:inline-block;width:5px;height:5px;background:#1f60e0;border-radius:50%;margin-right:4px}.chart-legend span:nth-child(2):before{background:#44a9a6}.app-donut{border-radius:50%;width:86px;height:86px;background:conic-gradient(#1f60e0 0 38%,#44a9a6 38% 64%,#7e83d3 64% 86%,#eca95c 86% 100%);margin:4px auto;position:relative;display:grid;place-items:center}.app-donut:before{content:"";position:absolute;inset:13px;background:white;border-radius:50%}.app-donut>span{position:relative;text-align:center;font-size:10px;line-height:1.5}.app-donut small{display:block;font-size:7px;color:#9aa4b3}.app-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:10px}.app-bars{display:flex;flex-direction:column;gap:8px}.app-bars>div{display:grid;grid-template-columns:39px 1fr;gap:6px;align-items:center;font-size:7px;color:#8490a2}.app-bars i{display:block;width:var(--bar);height:6px;background:var(--bar-color);border-radius:2px}.app-funnel{display:flex;align-items:center;flex-direction:column;gap:5px}.app-funnel span{font-size:8px;background:#e8efff;color:#4877c6;padding:8px 4px;text-align:center;width:100%;border-radius:2px}.app-funnel span:nth-child(2){width:77%;background:#d1e0ff}.app-funnel span:nth-child(3){width:55%;background:#a9c4fa;color:#234f9d}.device-scene{position:relative;padding:15px 0 65px 30px;min-width:0}.laptop-device{position:relative;background:linear-gradient(#2f343c,#101318);border:1px solid #828a95;border-radius:15px 15px 6px 6px;padding:17px 12px 12px;box-shadow:0 23px 60px #0004;margin-left:10px}.laptop-camera{position:absolute;top:6px;left:50%;width:4px;height:4px;border-radius:50%;background:#576576}.laptop-device .app-window{border:0;border-radius:2px}.laptop-device .app-toolbar{height:25px;padding-inline:9px}.laptop-device .app-toolbar b{font-size:7px}.laptop-device .app-workspace{grid-template-columns:29px 1fr}.laptop-device .app-rail{padding:10px 5px;gap:18px}.laptop-device .app-rail>b{height:18px;width:18px;font-size:16px;line-height:17px}.laptop-device .app-content{padding:14px}.laptop-device .app-heading{margin-bottom:13px}.laptop-device .app-heading strong{font-size:13px}.laptop-device .app-heading>span{font-size:6px}.laptop-device .app-panel{padding:10px}.laptop-device .app-panel h5{font-size:8px;margin-bottom:9px}.laptop-device .app-metrics b{font-size:19px}.laptop-device .app-metrics small{font-size:7px}.laptop-device .app-metrics>div{padding:9px}.laptop-base{position:absolute;left:-15px;right:-15px;bottom:-13px;height:14px;border-radius:1px 1px 40% 40%;background:linear-gradient(#a7adb6,#d9dce1 30%,#656d78);box-shadow:0 8px 15px #0003}.laptop-base:after{content:"";position:absolute;left:40%;right:40%;top:0;height:5px;border-radius:0 0 9px 9px;background:#7e8690}.phone-device{position:absolute;width:126px;bottom:25px;left:0;background:#0d1117;padding:6px;border:2px solid #7d858f;border-radius:23px;box-shadow:0 12px 30px #0005}.phone-content{padding:18px 9px 10px;border-radius:16px;background:#f4f7fb;overflow:hidden}.phone-speaker{position:absolute;left:36%;right:36%;top:7px;height:6px;border-radius:0 0 6px 6px;background:#0d1117}.phone-title{font-size:9px;font-weight:700;color:#30435e;line-height:1.6}.phone-title small{display:block;font-size:5px;color:#8f9cad;font-weight:400}.phone-stat{margin-top:11px;background:white;border:1px solid #e8edf3;border-radius:4px;padding:9px;display:flex;flex-direction:column;gap:5px}.phone-stat small{font-size:6px;color:#8b98aa}.phone-stat b{font-size:18px;color:#1f60e0}.phone-stat span{font-size:5px;color:#9ba7b8}.phone-chart{background:white;padding:8px;margin-top:7px;font-size:6px;color:#7d8ca3;border-radius:4px}.phone-chart .app-trend{margin-top:8px}.phone-chart .app-donut{height:57px;width:57px;margin-top:8px}.phone-chart .app-donut:before{inset:9px}.phone-chart .app-donut span{font-size:6px}.phone-chart .app-donut small{font-size:5px}.phone-nav{display:flex;justify-content:space-between;margin-top:12px;padding:0 5px}.phone-nav i{width:6px;height:6px;border:1px solid #8aa0c1;border-radius:2px}.dashboard-figure figcaption{padding-left:15px;margin-top:0}.app-preview{background:linear-gradient(145deg,#e7edf5,#f4f7fb);padding:25px;border:1px solid #dce4ee;border-radius:10px}.app-figure .app-window{box-shadow:0 15px 35px #263d5815}.app-figure figcaption{font-size:11px;color:#8390a2}.app-tabs{display:flex;gap:22px;font-size:10px;color:#8b97a9;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #dce4ef}.app-tabs b{color:#1f60e0}.research-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.compare-table>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:10px;border-bottom:1px solid #e7edf5;padding:13px 0;font-size:9px;color:#7d8ca2}.compare-table>div:first-child{padding-top:0;font-size:8px}.compare-table i{display:block;height:5px;background:linear-gradient(90deg,#7d9fcc 66%,#e7eef7 66%);border-radius:2px}.compare-table>div:nth-child(3) i{background:linear-gradient(90deg,#73b2b1 46%,#e7eef7 46%)}.app-scatter{position:relative;min-height:155px;background:linear-gradient(90deg,transparent calc(50% - .5px),#d5deea calc(50% - .5px),#d5deea calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#d5deea calc(50% - .5px),#d5deea calc(50% + .5px),transparent calc(50% + .5px))}.app-scatter i{position:absolute;height:10px;width:10px;border-radius:50%;background:#698bc1;top:25%;left:24%}.app-scatter i:nth-child(2){top:65%;left:40%}.app-scatter i:nth-child(3){top:70%;left:72%;background:#78b7b5}.app-scatter i:nth-child(4){top:20%;left:75%;background:#1f60e0;box-shadow:0 0 0 7px #1f60e015}.app-scatter b{position:absolute;font-size:8px;color:#1f60e0;top:37%;right:3%}.app-insight{background:#eaf0fc;margin-top:13px;border-radius:5px;padding:16px;display:flex;flex-direction:column;gap:8px}.app-insight small{font-size:8px;color:#1f60e0;letter-spacing:.08em}.app-insight b{font-size:11px}.app-insight span{font-size:9px;color:#7f8ea4}.journey-board{background-image:radial-gradient(#d6dfed .7px,transparent .7px);background-size:12px 12px;padding:9px 15px;display:flex;align-items:center;flex-direction:column;gap:25px}.journey-node{position:relative;background:#fff;border:1px solid #c3d5ef;box-shadow:0 4px 12px #253e5810;min-width:145px;padding:13px;display:flex;flex-direction:column;gap:7px;border-radius:5px}.journey-node small{font-size:7px;color:#1f60e0;letter-spacing:.08em}.journey-node b{font-size:11px}.journey-node span{font-size:8px;color:#8795a9}.journey-board>.journey-node:first-child:after{content:"";position:absolute;bottom:-26px;left:50%;height:25px;width:1px;background:#8aabd9}.journey-split{display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative}.journey-split:before,.journey-split:after{content:"";position:absolute;left:24%;right:24%;height:12px;border:1px solid #8aabd9;border-bottom:0;top:-13px}.journey-split:after{top:auto;bottom:-13px;transform:rotate(180deg)}.app-mini-footer{border-top:1px solid #e1e7f0;padding-top:14px;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.app-mini-footer b{font-size:9px;color:#6a7b94}.app-mini-footer span{font-size:8px;color:#98a3b3}.ai-work-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:13px}.source-files>span{display:block;margin:9px 0;background:#f2f5fa;border:1px solid #e4eaf3;padding:9px 8px;border-radius:3px;font-size:9px;color:#6d7f99}.source-files small{font-size:7px;color:#9aa6b7;line-height:1.7;display:block;margin-top:12px}.ai-run>div{display:flex;align-items:center;gap:8px;background:#f5f8fd;border-radius:4px;padding:12px 9px;margin-bottom:9px}.ai-run b{font-size:9px;font-weight:500}.run-dot{height:7px;width:7px;background:#1f60e0;border-radius:50%;flex-shrink:0}.run-dot.human{background:#44a9a6}.app-output{background:#fff;border:1px solid #dbe5f5;padding:15px;margin-top:13px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-radius:5px}.app-output>span{font-size:7px;background:#eaf1ff;padding:5px 7px;color:#1f60e0}.app-output>b{font-size:11px}.app-output>small{font-size:8px;color:#96a3b5;margin-left:auto}.output-lines{width:100%;margin-top:7px;display:grid;gap:6px}.output-lines i{display:block;height:4px;background:#e5ebf4;border-radius:2px;width:80%}.output-lines i:nth-child(2){width:93%}.output-lines i:nth-child(3){width:65%}.editor-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px}.editor-outline{font-size:9px;color:#8b98aa;display:flex;flex-direction:column;gap:14px;padding-top:8px}.editor-outline b{font-size:10px;color:#5c718d}.editor-outline span{padding:8px}.editor-outline .selected{background:#e3ecfc;border-radius:3px;color:#1f60e0}.editor-canvas{background:white;border:1px solid #e0e7f1;padding:22px;box-shadow:0 6px 18px #263d5810}.editor-canvas>small{font-size:7px;letter-spacing:.1em;color:#6487bd}.editor-canvas>strong{font-size:19px;line-height:1.5;display:block;margin-top:13px}.editor-image{height:80px;background:#edf2fa;margin-top:16px;display:flex;align-items:flex-end;gap:12px;justify-content:center;padding:15px}.editor-image i{height:25px;width:35px;background:#a7c3e9}.editor-image i:nth-child(2){height:40px;background:#7a9cca}.editor-image i:nth-child(3){height:32px;background:#83b8b8}.editor-copy-lines{display:flex;flex-direction:column;gap:6px;margin-block:16px}.editor-copy-lines i{width:100%;height:4px;background:#e4eaf3}.editor-copy-lines i:nth-child(2){width:70%}.editor-button{font-size:8px;background:#1f60e0;color:white;padding:9px 14px;display:inline-block}.crm-names{display:flex;flex-direction:column;gap:15px;align-items:center}.crm-material .crm-names .hubspot-name{color:#f47740;font:600 28px Arial}.crm-material .crm-names .salesforce-name{color:#009cdb;font:600 25px Arial}.crm-material .pending-kicker{background:#edf2f7;color:#7a899b}.tool-track{animation-duration:52s}.creative-strip>.app-preview{width:100%;min-width:0}.app-figure{min-width:0}
@media(max-width:1100px){.device-scene{padding-left:18px}.laptop-device{padding:13px 8px 9px;margin-left:5px}.laptop-device .app-content{padding:10px}.laptop-device .app-panel{padding:8px}.laptop-device .app-heading strong{font-size:11px}.laptop-device .app-heading>span{font-size:5px}.laptop-device .app-metrics b{font-size:16px}.laptop-device .app-donut{height:65px;width:65px}.laptop-device .app-donut:before{inset:10px}.laptop-device .app-donut span{font-size:8px}.phone-device{width:105px;left:-3px}.phone-content{padding:17px 7px 9px}.app-preview{padding:18px}.app-content{padding:14px}.app-heading strong{font-size:15px}.journey-node{min-width:115px}.journey-split{gap:15px}}
@media(max-width:760px){.device-scene{padding:15px 0 55px 17px}.laptop-device{border-radius:11px 11px 4px 4px;padding:12px 6px 7px;margin-left:8px}.laptop-device .app-workspace{grid-template-columns:20px 1fr}.laptop-device .app-rail{padding-inline:3px;gap:17px}.laptop-device .app-rail>b{font-size:12px;width:14px;height:14px;line-height:13px}.laptop-device .app-rail>i{width:7px;height:7px}.laptop-device .app-content{padding:8px}.laptop-device .app-toolbar{height:21px;padding-inline:7px;gap:8px}.laptop-device .app-toolbar b{font-size:5px}.laptop-device .app-toolbar small{font-size:5px}.laptop-device .app-heading{gap:4px;margin-bottom:9px}.laptop-device .app-heading strong{font-size:9px}.laptop-device .app-heading>span{font-size:4px}.laptop-device .app-metrics{gap:4px;margin-bottom:6px}.laptop-device .app-metrics>div{padding:6px;gap:4px}.laptop-device .app-metrics small{font-size:5px}.laptop-device .app-metrics b{font-size:13px}.laptop-device .app-metrics span{font-size:4px}.laptop-device .app-panel{padding:7px}.laptop-device .app-panel h5{font-size:6px;margin-bottom:7px}.laptop-device .app-chart-grid,.laptop-device .app-bottom-grid{gap:5px}.laptop-device .app-bottom-grid{margin-top:5px}.laptop-device .app-donut{height:52px;width:52px}.laptop-device .app-donut:before{inset:8px}.laptop-device .app-donut span{font-size:6px}.laptop-device .app-donut small{font-size:4px}.laptop-device .chart-legend{font-size:4px;gap:7px;margin-top:7px}.laptop-device .chart-legend span:before{height:3px;width:3px;margin-right:2px}.laptop-device .app-bars>div{font-size:5px;grid-template-columns:25px 1fr;gap:4px}.laptop-device .app-bars i{height:4px}.laptop-device .app-funnel span{font-size:5px;padding:6px 3px}.laptop-base{left:-8px;right:-8px;height:10px;bottom:-9px}.phone-device{width:85px;bottom:24px;left:0;padding:4px;border-radius:16px;border-width:1px}.phone-content{padding:14px 5px 7px;border-radius:12px}.phone-title{font-size:6px}.phone-title small{font-size:4px}.phone-stat{padding:6px;margin-top:8px;gap:3px}.phone-stat small{font-size:4px}.phone-stat b{font-size:13px}.phone-stat span{font-size:4px}.phone-chart{font-size:4px;padding:5px;margin-top:5px}.phone-chart .app-donut{width:36px;height:36px;margin-top:5px}.phone-chart .app-donut:before{inset:6px}.phone-chart .app-donut span{font-size:4px}.phone-chart .app-donut small{font-size:3px}.phone-nav{margin-top:8px}.phone-nav i{height:4px;width:4px}.dashboard-figure figcaption{font-size:9px;padding-left:0}.app-preview{padding:13px}.app-workspace{grid-template-columns:26px 1fr}.app-rail{padding:12px 4px;gap:20px}.app-rail>b{height:18px;width:18px;font-size:16px;line-height:17px}.app-rail>i{width:8px;height:8px}.app-content{padding:12px 9px}.app-toolbar{padding-inline:9px;height:29px;gap:10px}.app-toolbar b{font-size:7px}.app-heading{margin-bottom:12px}.app-heading strong{font-size:12px}.app-heading>span{font-size:6px;margin-left:0}.app-tabs{font-size:8px;gap:15px;margin-bottom:12px;padding-bottom:10px}.app-panel{padding:9px}.app-panel h5{font-size:8px;margin-bottom:9px}.research-grid{grid-template-columns:1.3fr 1fr;gap:7px}.compare-table>div{font-size:6px;gap:5px;padding:11px 0}.compare-table>div:first-child{font-size:6px}.compare-table i{height:4px}.app-scatter{min-height:125px}.app-scatter i{width:7px;height:7px}.app-scatter b{font-size:5px}.app-insight{padding:12px;gap:6px;margin-top:10px}.app-insight b{font-size:9px}.app-insight span{font-size:7px}.journey-node{min-width:105px;padding:10px;gap:6px}.journey-node small{font-size:6px}.journey-node b{font-size:9px}.journey-node span{font-size:6px}.journey-board{padding:9px 0;gap:24px}.journey-split{gap:13px}.app-mini-footer{margin-top:13px;padding-top:11px}.app-mini-footer b{font-size:7px}.app-mini-footer span{font-size:6px}.ai-work-grid{gap:7px;grid-template-columns:.9fr 1.3fr}.source-files>span{font-size:6px;padding:7px 5px}.source-files small{font-size:5px}.ai-run>div{gap:5px;padding:9px 5px}.ai-run b{font-size:6px}.run-dot{width:5px;height:5px}.app-output{padding:10px;gap:7px}.app-output>b{font-size:9px}.app-output>small{font-size:6px;margin-left:0}.app-output>span{font-size:5px}.editor-grid{grid-template-columns:1fr 2fr;gap:10px}.editor-outline{font-size:6px;gap:10px}.editor-outline b{font-size:7px}.editor-outline span{padding:6px}.editor-canvas{padding:15px}.editor-canvas>strong{font-size:15px}.editor-canvas>small{font-size:5px}.editor-image{height:65px;gap:8px}.editor-image i{width:20px}.editor-button{font-size:6px;padding:8px 11px}.app-figure figcaption{font-size:10px}}
/* PCの画面比率を横長に整える */
.laptop-device .app-window{line-height:1.2}.laptop-device .app-content{padding:12px}.laptop-device .app-heading{margin-bottom:10px}.laptop-device .app-metrics>div{padding:8px;gap:4px}.laptop-device .app-chart-grid .app-trend{height:76px}.laptop-device .app-panel h5{margin-bottom:8px}.laptop-device .app-funnel span{padding:5px 3px}.laptop-device .app-funnel{gap:4px}.laptop-device .app-bars{gap:7px}.laptop-device .app-bottom-grid .app-panel{padding:9px}.laptop-device .app-donut{width:74px;height:74px}.laptop-device .app-donut:before{inset:11px}
@media(max-width:760px){.laptop-device .app-content{padding:8px}.laptop-device .app-chart-grid .app-trend{height:47px}.laptop-device .app-metrics>div{padding:6px;gap:4px}.laptop-device .app-funnel span{padding:5px 3px}.laptop-device .app-bottom-grid .app-panel{padding:7px}.laptop-device .app-donut{width:48px;height:48px}.laptop-device .app-donut:before{inset:7px}}
/* 制作は補足サイズ、AI支援とは明確に区切る */
.creative-strip{grid-template-columns:240px 1fr;gap:36px;padding:25px 0;margin-block:25px 55px;border-bottom:1px solid #dbe3ed;align-items:center}.creative-preview{padding:10px!important}.creative-preview .app-toolbar{height:20px;padding-inline:6px;gap:6px}.creative-preview .app-toolbar b{font-size:5px}.creative-preview .app-toolbar small{font-size:5px}.creative-preview .app-workspace{grid-template-columns:18px 1fr}.creative-preview .app-rail{padding:8px 3px;gap:12px}.creative-preview .app-rail>b{height:12px;width:12px;font-size:10px;line-height:11px}.creative-preview .app-rail>i{height:6px;width:6px}.creative-preview .app-content{padding:8px}.creative-preview .app-heading{margin-bottom:7px}.creative-preview .app-heading strong{font-size:7px}.creative-preview .app-heading span{display:none}.creative-preview .editor-grid{gap:6px;grid-template-columns:.8fr 1.3fr}.creative-preview .editor-outline{font-size:5px;gap:6px}.creative-preview .editor-outline b{font-size:5px}.creative-preview .editor-outline span{padding:4px}.creative-preview .editor-canvas{padding:9px}.creative-preview .editor-canvas>small{font-size:4px}.creative-preview .editor-canvas>strong{font-size:10px;margin-top:7px}.creative-preview .editor-image{height:38px;padding:7px;gap:5px;margin-top:8px}.creative-preview .editor-image i{height:12px;width:12px}.creative-preview .editor-image i:nth-child(2){height:22px}.creative-preview .editor-image i:nth-child(3){height:17px}.creative-preview .editor-copy-lines{margin-block:9px;gap:4px}.creative-preview .editor-copy-lines i{height:2px}.creative-preview .editor-button{font-size:4px;padding:5px 7px}.creative-strip>.creative-preview{max-width:240px}.creative-strip>div:not(.app-preview) p:first-child{font-size:20px}.creative-strip>div:not(.app-preview) p{font-size:15px}.creative-strip>div:not(.app-preview) p:last-child{font-size:12px}.ai-menu{grid-template-columns:repeat(3,1fr)}.our-work{padding-top:70px;border-top:1px solid #d9e3ef;margin-top:55px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.portfolio-card{background:white;border:1px solid #dde5ee;border-radius:8px;overflow:hidden;min-width:0}.work-visual{padding:22px 18px;background:#eaf0f9;min-height:225px}.work-visual-1{background:#e9f3f1}.work-visual-2{background:#eef0f8}.work-app-top{background:white;border:1px solid #dbe4f0;padding:12px;display:flex;justify-content:space-between;border-radius:5px 5px 0 0;gap:7px}.work-app-top span{font-size:7px;color:#637b9f;letter-spacing:.03em}.work-app-top small{font-size:6px;color:#99a5b7;white-space:nowrap}.work-app-body{background:#f9fbff;border:1px solid #dbe4f0;border-top:0;padding:18px 13px;border-radius:0 0 5px 5px}.work-app-body>b{font-size:13px;line-height:1.6}.work-app-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.work-app-steps span{font-size:8px;background:white;border:1px solid #d9e5f6;border-top:2px solid #7da8ea;padding:12px 5px;line-height:1.6;text-align:center;border-radius:3px}.work-visual-1 .work-app-steps span{border-top-color:#77b5a8}.work-visual-2 .work-app-steps span{border-top-color:#939cd0}.work-app-lines{margin-top:16px;display:grid;gap:5px}.work-app-lines i{height:4px;background:#e1e8f2;width:85%;border-radius:2px}.work-app-lines i:nth-child(2){width:67%}.work-app-lines i:nth-child(3){width:75%}.portfolio-copy{padding:25px;display:flex;flex-direction:column;height:calc(100% - 225px)}.work-type{font-size:11px;color:#1f60e0;margin-bottom:13px}.portfolio-copy h3{font-size:22px;line-height:1.6;color:#202d40}.portfolio-copy p{font-size:15px;color:#596a80;margin-top:15px}.portfolio-copy .work-description{font-size:13px;color:#8995a6;margin-bottom:23px}.portfolio-copy .inline-link{font-size:13px;margin-top:auto;align-self:start}.portfolio-note{font-size:12px;color:#8390a3;margin-top:22px}.dev-material{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#eff3f8;padding:20px}.dev-mini-app{background:white;border:1px solid #d8e1ee;border-radius:5px;width:100%;max-width:235px;overflow:hidden;box-shadow:0 5px 12px #243b5410}.dev-mini-app>div{display:flex;gap:4px;padding:9px;border-bottom:1px solid #edf1f7}.dev-mini-app>div i{height:4px;width:4px;border-radius:50%;background:#c7d5e7}.dev-mini-app section{padding:15px 12px;display:flex;flex-direction:column;gap:9px}.dev-mini-app section>span{font-size:7px;color:#8a9caf}.dev-mini-app section>b{font-size:10px;color:#587493}.dev-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dev-mini-grid i{height:25px;background:#edf3fb;border:1px solid #dbe6f4;border-radius:3px}.contact-form-link h3{font-size:27px;line-height:1.6;margin-top:20px}.contact-form-link>p:not(.label){font-size:15px;margin-top:20px;max-width:470px}.contact-form-link .button{margin-top:30px;padding:18px 22px;width:100%;justify-content:space-between}.ai-menu#ai-menu{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.creative-strip{grid-template-columns:110px 1fr;gap:17px;padding-block:20px;margin-block:20px 40px}.creative-strip>.creative-preview{padding:6px!important;max-width:110px}.creative-preview .app-toolbar,.creative-preview .app-rail,.creative-preview .app-heading,.creative-preview .editor-outline{display:none}.creative-preview .app-workspace,.creative-preview .editor-grid{grid-template-columns:1fr}.creative-preview .app-content{padding:5px}.creative-preview .editor-canvas{padding:7px}.creative-preview .editor-canvas>strong{font-size:9px}.creative-strip>div:not(.app-preview) p:first-child{font-size:15px;line-height:1.6}.creative-strip>div:not(.app-preview) p{font-size:12px;line-height:1.8}.creative-strip>div:not(.app-preview) p:last-child{font-size:10px}.portfolio-grid{grid-template-columns:1fr;gap:22px}.our-work{padding-top:45px;margin-top:35px}.portfolio-copy{height:auto;padding:22px}.portfolio-copy h3{font-size:21px}.portfolio-copy .inline-link{margin-top:5px}.work-visual{min-height:225px}.ai-menu#ai-menu{grid-template-columns:1fr}.contact-form-link h3{font-size:24px}}

/* 2026-10-10: service spacing and portfolio editorial cards */
.service-details{background:transparent;padding-top:0;padding-bottom:60px}
.service-details .deliverable{padding-block:38px;gap:48px}
.service-details .ai-driven>.container{width:100%;max-width:none;padding-inline:0}
.our-work{padding-block:46px 0;margin-top:30px;border-top:1px solid #dde3eb}
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px}
.work-heading h2{font:800 clamp(34px,3.5vw,48px)/1.15 Arial,sans-serif;color:#2165df;letter-spacing:.01em}
.work-subtitle{font-size:21px;font-weight:700;line-height:1.5;margin-top:9px;color:#253042}
.work-heading-link{display:flex;align-items:center;gap:22px;background:#1f60e0;border-radius:40px;padding:16px 26px;font-size:14px;font-weight:700;color:white;transition:background .2s,transform .2s}
.work-heading-link:hover{background:#154fc2;transform:translateY(-2px)}
.portfolio-grid{gap:24px;align-items:stretch}
.portfolio-card{display:flex;flex-direction:column;box-shadow:0 3px 12px #12243a0b;transition:box-shadow .2s,transform .2s}
.portfolio-card:hover{box-shadow:0 8px 22px #12243a13;transform:translateY(-3px)}
.work-thumbnail{display:flex;flex-direction:column;padding:25px 20px 19px;min-height:256px;background:linear-gradient(145deg,#f8fbff,#eaf5fd);border-top:4px solid #276be0;border-bottom:1px solid #e1e8f1}
.work-thumbnail-marketing{background:linear-gradient(145deg,#f8fffe,#ebf7f5);border-top-color:#288b8e}
.work-thumbnail-professional{background:linear-gradient(145deg,#fff,#f0f2fa);border-top-color:#596cb7}
.work-thumb-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.work-thumb-top>span{font-size:10px;color:#2466c6;font-weight:700;background:#e1eeff;padding:5px 9px;border-radius:14px}
.work-thumb-top>b{font:700 12px Arial,sans-serif;color:#6383ae;letter-spacing:-.02em}
.work-thumb-headline{font-size:clamp(17px,1.65vw,24px);font-weight:800;line-height:1.65;letter-spacing:-.035em;color:#253042;margin-block:23px 24px}
.work-thumb-headline strong{font-weight:800;color:#2165df}
.work-thumbnail-marketing .work-thumb-headline strong{color:#247d83}
.work-thumbnail-professional .work-thumb-headline strong{color:#5064b0}
.work-flow{display:flex;gap:12px;align-items:stretch;margin-top:auto}
.work-flow>span{flex:1;position:relative;background:#fff;border:1px solid #d9e5f2;border-radius:5px;padding:10px 2px;text-align:center;white-space:nowrap;font-size:10px;font-weight:700;color:#42536a;box-shadow:0 2px 5px #1b436408}
.work-flow>span:not(:last-child):after{content:'›';position:absolute;right:-10px;top:7px;color:#6497df;font-size:16px}
.work-thumb-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;color:#7c8ba0;font-size:9px}
.work-thumb-footer small{font-size:9px}
.portfolio-copy{height:auto;flex:1;padding:24px;gap:0}
.work-type{display:inline-block;align-self:start;font-size:11px;color:white;background:#2466d6;padding:4px 8px;margin-bottom:15px}
.work-thumbnail-marketing+.portfolio-copy .work-type{background:#288b8e}
.work-thumbnail-professional+.portfolio-copy .work-type{background:#596cb7}
.portfolio-copy h3{font-size:21px;line-height:1.5;letter-spacing:-.03em}
.portfolio-copy p{font-size:14px;line-height:1.85;margin-top:14px}
.portfolio-copy .work-description{font-size:12px;color:#7c899a;margin-bottom:23px}
.portfolio-copy .inline-link{font-size:12px;margin-top:auto;line-height:1.7}
.portfolio-note{font-size:11px;margin-top:19px}
@media(max-width:1000px) and (min-width:761px){.portfolio-grid{gap:15px}.portfolio-copy{padding:19px}.work-thumbnail{padding:19px 13px;min-height:240px}.work-flow{gap:9px}.work-flow>span{font-size:8px}.work-flow>span:not(:last-child):after{right:-8px}.work-thumb-headline{font-size:17px}.portfolio-copy h3{font-size:18px}}
@media(max-width:760px){.service-details{padding-bottom:40px}.service-details .deliverable{gap:26px;padding-block:30px}.our-work{padding-top:32px;margin-top:24px}.work-heading{align-items:flex-start;gap:16px;margin-bottom:25px}.work-heading h2{font-size:34px}.work-subtitle{font-size:18px;margin-top:6px}.work-heading-link{font-size:10px;padding:12px 13px;gap:8px;white-space:nowrap;margin-top:7px}.portfolio-grid{gap:24px}.work-thumbnail{min-height:235px;padding:22px 18px 18px}.work-thumb-headline{font-size:21px;margin-block:22px}.work-flow>span{font-size:9px}.portfolio-copy{padding:22px}.portfolio-copy h3{font-size:21px}}

@media(max-width:760px){.work-heading h2{font-size:30px;white-space:nowrap}.work-heading-link{font-size:9px;padding:11px 12px;gap:6px}}
@media(max-width:359px){.work-heading{flex-wrap:wrap}.work-heading-link{margin-top:0}}

/* Service-specific original SVG mockups; illustrative sample screens */
.menu-image.service-preview,.pillar-image.service-preview{padding:0;display:block;position:relative;height:auto;aspect-ratio:8/5;min-height:0;background:#eef3f8;overflow:hidden}
.service-preview>img{width:100%;height:100%;display:block;object-fit:contain;max-width:none;transition:transform .3s}
.execution-card:hover .service-preview>img,.ai-card:hover .service-preview>img,.pillar:hover .service-preview>img{transform:scale(1.025)}
.service-preview .preview-note{position:absolute;right:8px;bottom:5px;line-height:1.3;font-size:8px;color:#718195;background:#ffffffdf;border-radius:3px;padding:3px 5px}
@media(max-width:760px){.execution-grid{grid-template-columns:1fr;gap:22px}.execution-card .menu-content{padding:22px}.execution-card .menu-content h4{font-size:20px}.execution-card .menu-content p{font-size:14px}.execution-card .menu-cta{font-size:13px}.ai-card .menu-image.service-preview{aspect-ratio:8/5;max-height:none}.service-preview .preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-preview>img{transition:none}.execution-card:hover .service-preview>img,.ai-card:hover .service-preview>img,.pillar:hover .service-preview>img{transform:none}}

.service-brand-badges{position:absolute;display:flex;gap:5px;align-items:center;left:8px;bottom:5px}.service-brand-badges>span{display:flex;align-items:center;gap:3px;background:#fffffff0;border-radius:3px;padding:3px 4px;color:#50657b;font:600 8px/1.2 Arial,sans-serif}.service-brand-badges img{height:13px;width:13px;object-fit:contain}.service-brand-badges b{font-weight:600}

.ai-card .menu-image{height:auto;max-height:none;aspect-ratio:8/5}

/* Contact headline contrast on the approved dark background. */
.contact.dark h2,.contact.dark h2 span{color:#fff}

.menu-image.service-icon-main{aspect-ratio:8/5;height:auto;min-height:0;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#f2f6fb;border-bottom:1px solid #e3e9f1}.service-icon-main img.service-symbol{width:76px;height:76px;object-fit:contain;flex:none}.service-icon-main>span{font-size:12px;color:#5c718a;font-weight:600}.icon-related-tools{display:flex;gap:17px;font-family:Arial,sans-serif;font-size:16px}.icon-awaiting{font-size:10px;color:#91a0b3}.execution-card .menu-image.official-material{height:auto;aspect-ratio:8/5}.ai-card .service-icon-main img.service-symbol{height:88px;width:88px}.ai-card .service-icon-main>span{font-size:14px}@media(max-width:760px){.service-icon-main img.service-symbol{width:80px;height:80px}.service-icon-main>span{font-size:13px}.execution-card .menu-image.official-material{aspect-ratio:8/5}}

.crm-logo-pair{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.crm-logo-pair img:first-child{width:140px;height:40px;object-fit:contain}.crm-logo-pair img:last-child{width:92px;height:66px;object-fit:contain}.crm-logo-main .asset-kind{font-size:10px}

/* Main icons with a small supporting sample; supplied portrait remains unmodified. */
.execution-card .menu-image.hybrid-visual{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:238px;aspect-ratio:auto;padding:20px 22px 12px;background:#f4f7fb;gap:12px;border-bottom:1px solid #e3e9f1}
.visual-primary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:124px;flex:1}
.visual-primary>.service-symbol{width:76px;height:76px;object-fit:contain}.visual-primary>span{font-size:12px;color:#5c718a;font-weight:600}
.hybrid-visual .asset-logo-group{gap:24px}.hybrid-visual .asset-logo img{width:56px;height:56px;object-fit:contain;transform:none}.hybrid-visual .asset-logo b{font-size:11px}
.visual-support{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:10px;border-top:1px solid #e3e9f1}
.visual-support>span{font-size:9px;line-height:1.7;color:#8290a2;letter-spacing:.02em;text-align:right}.visual-support>img{width:100px;height:62.5px;object-fit:contain;background:white;border:1px solid #dde5ee;border-radius:4px}
.execution-card.ai-card .menu-image.hybrid-visual{height:248px}.ai-card .visual-primary>.service-symbol{width:84px;height:84px}
@media(max-width:760px){.execution-card .menu-image.hybrid-visual,.execution-card.ai-card .menu-image.hybrid-visual{height:240px;padding-inline:24px}.visual-primary>.service-symbol{width:80px;height:80px}.visual-support>span{font-size:10px}}

/* Finished creative samples, 2026-10-10. */
.execution-card .menu-image.creative-card-image{height:238px;padding:0;display:block;position:relative;background:#e9eef7;overflow:hidden;border-bottom:1px solid #e3e9f1}
.creative-card-image>img{width:100%;height:100%;object-fit:contain;display:block}
.creative-badge{position:absolute;left:12px;bottom:12px;font-size:9px;line-height:1.3;padding:5px 8px;background:#fffffff0;color:#516179;border-radius:3px}
.creative-showcase{margin:56px 0 90px;padding:42px 0 0;border-top:1px solid #d5deec}
.creative-showcase-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:30px}
.creative-showcase-heading h3{font-size:34px;line-height:1.5;letter-spacing:-.03em;color:#182438;margin:16px 0 0}
.creative-showcase-heading>p{font-size:15px;line-height:2;color:#657189;max-width:440px}
.creative-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.creative-sample-grid figure{margin:0;min-width:0}
.creative-sample-grid figure>a{display:block;overflow:hidden;background:#e9eef7;border-radius:8px}
.creative-sample-grid img{display:block;width:100%;height:auto;transition:transform .25s}
.creative-sample-grid figure>a:hover img{transform:scale(1.025)}
.creative-sample-grid figcaption{padding:22px 0 0;display:flex;flex-direction:column;align-items:start;gap:9px}
.creative-sample-grid figcaption>span{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#4266af}
.creative-sample-grid figcaption>strong{font-size:20px;line-height:1.5;color:#182438}
.creative-sample-grid figcaption>a{font-size:13px;line-height:1.6;margin-top:5px;border-bottom:1px solid #c2ccdf;padding-bottom:5px;color:#3d5c9c}
.creative-sample-note{font-size:12px;line-height:1.8;color:#7c879b;margin-top:28px}
@media(max-width:760px){.creative-showcase{margin:35px 0 55px;padding-top:30px}.creative-showcase-heading{display:block}.creative-showcase-heading h3{font-size:28px}.creative-showcase-heading>p{margin-top:20px;font-size:14px}.creative-sample-grid{grid-template-columns:1fr;gap:34px}.creative-sample-grid figcaption{padding-top:17px}.creative-sample-grid figcaption>strong{font-size:19px}.execution-card .menu-image.creative-card-image{height:auto;aspect-ratio:8/5}.creative-sample-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.creative-sample-grid img{transition:none}}

/* Compact company introduction and dual estimate inquiry routes. */
.company.section{background:white;padding-block:65px}.company-panel{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #e0e7f0;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #18396607}
.company-message{position:relative;isolation:isolate;background:linear-gradient(140deg,#edf4ff,#e7eef9 50%,#f6f8fd);padding:45px 46px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.company-message:before{content:"";position:absolute;z-index:-1;width:590px;height:590px;left:-240px;bottom:-340px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 15px,#fff9 16px 17px,transparent 18px 24px);opacity:.65;pointer-events:none}
.company-message:after{content:"";position:absolute;z-index:-1;right:-80px;top:-95px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#b7cef044,transparent 70%);pointer-events:none}
.about-eyebrow{font:700 30px/1 Arial;color:#1f60e0;letter-spacing:.015em}.company-message h2{font-size:14px;font-weight:600;letter-spacing:.04em;margin-top:10px;color:#344962}.company-message h3{font-size:clamp(28px,3vw,39px);line-height:1.55;letter-spacing:-.035em;color:#183b65;margin:34px 0 22px;font-weight:700}.company-message>p{max-width:470px;font-size:14px;line-height:2;color:#4a5a70}.about-signature{display:flex;align-items:center;gap:14px;margin-top:33px}.about-signature img{width:30px;height:30px;opacity:.75}.about-signature span{font:600 12px/1 Arial;letter-spacing:.3em;color:#244263}
.company-facts{background:#fff;padding:42px 44px}.company-facts>.label{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#6a7e96}.company-facts h3{font-size:23px;color:#172c45;margin:13px 0 25px}.company-facts dl{margin:0}.company-facts dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:16px 0;border-top:1px solid #e4e9ef;font-size:13px;line-height:1.8}.company-facts dt{color:#778394}.company-facts dd{margin:0;color:#39465a}
.estimate-contact{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;margin-top:34px;padding:30px 34px;border:1px solid #dbe5f1;border-left:4px solid #1f60e0;border-radius:7px;background:linear-gradient(110deg,#f6f9fe,#fff)}.estimate-eyebrow{font-size:12px;font-weight:700;color:#1f60e0}.estimate-contact h3{font-size:23px;line-height:1.5;margin:12px 0;color:#172c45}.estimate-contact p{font-size:13px;color:#58677b;line-height:1.9}.estimate-contact-actions{display:flex;flex-direction:column;gap:12px}.estimate-line,.estimate-form{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:12px 20px;border-radius:5px;font-size:15px;font-weight:700}.estimate-line{background:white;color:#233c59;border:1px solid #bfd0e4}.estimate-line img{width:40px;height:40px;object-fit:contain;flex:none}.estimate-line>span:not([aria-hidden]){flex:1}.estimate-line small{display:block;font-size:10px;font-weight:400;color:#7a899b;margin-top:4px}.estimate-line:disabled{cursor:default;opacity:1}.estimate-form{background:#1f60e0;color:white;border:1px solid #1f60e0;transition:background .2s}.estimate-form:hover{background:#174eb5}.estimate-line:not(:disabled):hover{border-color:#06c755;background:#f4fcf7}
@media(max-width:900px){.company-message,.company-facts{padding:32px 28px}.company-facts dl>div{grid-template-columns:80px 1fr;gap:10px}.estimate-contact{gap:25px;padding:25px}.estimate-contact h3{font-size:21px}}
@media(max-width:760px){.company.section{padding-block:40px}.company-panel{grid-template-columns:1fr;border-radius:10px}.company-message{padding:30px 26px}.company-message h3{font-size:30px;margin-top:26px;margin-bottom:18px}.company-message>p{font-size:13px}.about-signature{margin-top:23px}.company-facts{padding:29px 26px}.company-facts h3{font-size:22px;margin-bottom:20px}.company-facts dl>div{font-size:12px;grid-template-columns:74px 1fr;padding:14px 0}.estimate-contact{grid-template-columns:1fr;gap:22px;padding:24px 20px;margin-top:26px}.estimate-contact h3{font-size:21px}.estimate-line,.estimate-form{font-size:14px;min-height:60px;padding:12px 16px}}

.pillar-image.supplied-material{position:relative;padding:0;background:#edf3fb;overflow:hidden;aspect-ratio:8/5}.supplied-material>img{width:100%;height:100%;object-fit:cover}.supplied-material>small{position:absolute;bottom:7px;right:9px;font-size:9px;color:#657995;background:#ffffffde;padding:3px 6px}.pillar-image.official-material{background:radial-gradient(ellipse at 100% 0,#edf0ff,transparent 60%),linear-gradient(135deg,#edf4ff,#fff)}
.execution-card .menu-image.supplied-card,.execution-card.ai-card .menu-image.supplied-card{height:auto;aspect-ratio:auto;padding:0;gap:0;overflow:hidden}.supplied-card .visual-primary{min-height:108px;flex:none;padding:14px 15px;background:#f7f9fd;gap:7px}.supplied-card .visual-primary>.service-symbol{width:56px;height:56px}.supplied-card .asset-logo img{width:48px;height:48px}.supplied-card .visual-primary>span{font-size:10px}.supplied-card .asset-logo b{font-size:10px}.supplied-preview{position:relative;aspect-ratio:1.62;background:#edf3fa;border-top:1px solid #e5eaf1;overflow:hidden}.supplied-visual{display:block;width:100%;height:100%;object-fit:cover}.supplied-preview>small{position:absolute;bottom:5px;right:5px;font-size:8px;color:#526780;background:#ffffffe8;border-radius:3px;padding:3px 5px}.execution-card .menu-image.hybrid-visual:not(.supplied-card){height:298px}.execution-card.ai-card .menu-image.hybrid-visual:not(.supplied-card){height:350px}
.document-sample-strip,.strategy-sample-strip{display:flex;align-items:center;gap:28px;background:#f5f8fc;padding:20px 26px;margin:24px 0;border-radius:6px}.document-sample-image{width:210px;aspect-ratio:1.83;flex:none}.document-sample-strip strong,.strategy-sample-strip strong{font-size:16px;color:#214668}.document-sample-strip p,.strategy-sample-strip p{font-size:13px;color:#586b81;margin-top:8px}.document-sample-strip small,.strategy-sample-strip small{font-size:10px;color:#8190a1;display:block;margin-top:8px}.strategy-sample-strip>div{width:210px;aspect-ratio:1.34;flex:none}.strategy-sample-strip{margin-bottom:28px}
@media(max-width:760px){.document-sample-strip,.strategy-sample-strip{gap:16px;padding:18px;flex-direction:column;align-items:flex-start}.document-sample-image,.strategy-sample-strip>div{width:180px}.execution-card .menu-image.hybrid-visual:not(.supplied-card),.execution-card.ai-card .menu-image.hybrid-visual:not(.supplied-card){height:285px}.supplied-card .visual-primary{min-height:105px}}

/* Integrated visual reference: icons and example screens share one image area. */
.execution-card .menu-image.integrated-service-visual{padding:0;display:flex;align-items:center;justify-content:center;background:#f1f6fd;aspect-ratio:1.3;height:auto;min-height:0;overflow:hidden;border-bottom:1px solid #e3e9f1}.integrated-service-visual>svg{width:100%;height:100%;display:block}.service-image-note{font-size:10px;color:#8190a3;margin-top:16px;line-height:1.8}
@media(max-width:760px){.execution-card .menu-image.integrated-service-visual{aspect-ratio:1.3;max-height:none}.service-image-note{font-size:10px}}

.service-image-note+.fee-note{margin-top:10px}

/* Supplied AI-service illustrations, aligned overview calls to action. */
.ai-card .menu-image.ai-integrated-visual{padding:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1.12;height:auto;max-height:none;background:#f2f7fd;overflow:hidden;border-bottom:1px solid #e3e9f1}.ai-integrated-visual svg{display:block;width:100%;height:100%}
.pillar{display:flex;flex-direction:column;height:100%}.pillar-image.overview-integrated-visual{padding:0;aspect-ratio:517/319;height:auto;min-height:0;flex:none;background:#eef5fc;overflow:hidden}.overview-integrated-visual svg{display:block;width:100%;height:100%}.pillar .pillar-content{flex:1;min-height:330px;display:flex;flex-direction:column;padding:24px}.pillar-content>p{margin-bottom:24px}.pillar .pillar-more{margin-top:auto;min-height:49px;flex:none}
/* Remove inherited bottom + top double rules and reset first-row padding. */
.company .company-facts dl{border-top:1px solid #e2e8ef}.company .company-facts dl>div,.company .company-facts dl>div:first-child{border-top:0;border-bottom:1px solid #e2e8ef;padding:13px 0;align-items:start}.company .company-facts dl>div:last-child{border-bottom:0;padding-bottom:0}.company .company-facts h3{margin-bottom:20px}.company .company-facts dt,.company .company-facts dd{line-height:1.8}
@media(max-width:760px){.pillar .pillar-content{min-height:0;padding:22px}.pillar-content>p{margin-bottom:22px}.ai-card .menu-image.ai-integrated-visual{aspect-ratio:1.12}.company .company-facts dl>div,.company .company-facts dl>div:first-child{padding:12px 0}.company .company-facts dl>div:last-child{padding-bottom:0}}