@import url("visual-logic-v10.css?v=d3f3790566a912bc");
.sp-hero figure{isolation:isolate}
@media(max-width:1100px){.sp-hero figure{min-height:0;overflow:visible}.sp-hero figure>img{width:100%;height:auto;object-fit:contain;object-position:center;animation:none;transform:none}.sp-hero figure::after{display:none}.sp-hero figcaption{position:static;margin:0;padding:12px 20px;font-size:.72rem;letter-spacing:.04em}}
.ai-studio-scene{position:relative;margin:2rem 0;isolation:isolate;container-type:inline-size;background:#111922;overflow:hidden}
.ai-studio-scene picture,.ai-studio-scene img{display:block;width:100%;height:auto}
.ai-studio-screen{position:absolute;left:0;top:0;width:600px;height:340px;transform-origin:0 0;background:#122334;color:#f1f6fa;padding:30px 34px;box-sizing:border-box;overflow:hidden;pointer-events:none}
.ai-studio-screen small{display:block;font:700 18px/1.3 system-ui;letter-spacing:.07em;color:#8be5c5;margin-bottom:20px}
.ai-studio-screen strong{display:block;font:700 38px/1.15 system-ui;margin-bottom:22px}
.ai-studio-screen p{font:500 25px/1.4 system-ui;margin:12px 0}
.ai-studio-screen .ai-screen-state{padding:12px 16px;border-left:4px solid #88e8bf;background:#20394b;font:700 22px/1.35 system-ui}
.ai-studio-receipt{position:absolute;left:76.9%;top:50%;width:7.8%;height:20%;color:#161616;font:700 clamp(5px,.85cqw,13px)/1.5 monospace;text-align:center;transform:rotate(-2deg);padding-top:1cqw}
.ai-studio-caption{padding:14px 18px;margin:0;background:var(--surface);color:var(--text);font-size:.82rem;line-height:1.5}
.ai-native-screen{display:none;padding:20px;border-left:3px solid var(--accent);background:var(--surface);color:var(--text);line-height:1.5}
@media(max-width:900px){.ai-native-screen{display:block}}
.kitchen-story{max-width:1320px;margin:5rem auto;padding:0 clamp(22px,5vw,76px)}
.kitchen-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem}.kitchen-route>li:not(:last-child)::after{top:2.3rem}.kitchen-route>li[aria-current=step] h3{color:var(--accent)}
.ai-studio-final{max-width:1320px;margin:5rem auto;padding:0 clamp(22px,5vw,76px)}
.ai-studio-final .ai-final-copy{max-width:820px;margin:2rem 0}.ai-final-copy h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.035em}.ai-final-copy p{font-size:1.08rem;line-height:1.7}.ai-final-copy .sp-button{display:inline-flex;max-width:100%;white-space:normal;text-align:center;justify-content:center}
.ai-studio-final .ai-studio-screen{background:transparent}
.ai-review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0;padding:0;list-style:none}.ai-review-summary li{border-top:1px solid var(--line);padding-top:1rem;line-height:1.55}.ai-review-summary strong{display:block;margin-bottom:.5rem}
@media(max-width:900px){.kitchen-route{grid-template-columns:1fr}.kitchen-route>li{display:block}.kitchen-route>li:not(:last-child)::after{left:auto;right:0;top:1rem;bottom:auto}.ai-review-summary{grid-template-columns:1fr}.ai-studio-screen{padding:24px 28px}}
@media(max-width:600px){.ai-studio-scene{margin-top:1.5rem}.ai-studio-receipt{font-size:5px}.ai-studio-final .ai-studio-screen strong{font-size:42px}.ai-studio-final .ai-studio-screen p{font-size:29px}.ai-studio-final .ai-studio-screen small{font-size:22px}.ai-studio-final .ai-screen-state{font-size:26px}.ai-final-copy .sp-button{width:100%;box-sizing:border-box}}