.reference-marketing .product-intro{padding:48px 0 56px;border-bottom:1px solid var(--line)}.reference-marketing .product-intro h2{max-width:820px;margin:0 0 14px;font-size:clamp(24px,2.6vw,36px);line-height:1.3;letter-spacing:-.035em}.reference-marketing .product-intro p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(15px,1.3vw,18px)}.reference-marketing .product-intro p+p{margin-top:2px}@media (min-width:1200px){html[lang=ko] .reference-marketing .product-intro h2{max-width:none;font-size:clamp(24px,2.2vw,32px);white-space:nowrap}}.reference-marketing .story{height:auto;scroll-margin-top:68px}.reference-marketing .story-sticky{position:relative;top:auto;height:auto;min-height:0;padding:72px 0;align-items:center}.reference-marketing .story-stage{height:560px}.reference-marketing .story-navigation{position:absolute;top:50%;left:12px;right:12px;z-index:5;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.reference-marketing .story-navigation button{display:grid;place-items:center;pointer-events:auto;box-shadow:0 3px 12px rgba(25,35,31,.18);width:48px;height:48px;padding:0;border:1px solid var(--line2);border-radius:50%;background:var(--surface);color:var(--ink);line-height:1;transition:background .15s,color .15s,border-color .15s}.reference-marketing .story-navigation button:hover:not(:disabled){background:var(--teal);border-color:var(--teal);color:var(--white)}.reference-marketing .story-navigation button:disabled{background:var(--paper2);border-color:var(--line2);color:var(--muted);cursor:default}.reference-marketing .story-navigation button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media (max-width:1020px){.reference-marketing .story-sticky{gap:24px;grid-template-rows:auto auto;padding:56px 0}.reference-marketing .story-copy{margin-bottom:0}.reference-marketing .story-copy h2{margin-bottom:20px}.reference-marketing .story-stage{height:460px}}@media (max-width:700px){.reference-marketing .story-stage{height:400px}}@media (prefers-reduced-motion:reduce){.reference-marketing .story-scene{transition:none}}.reference-marketing .story-navigation svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.reference-marketing .story-sticky{min-width:0;padding-top:72px!important;align-items:center!important}.reference-marketing .story-copy{height:auto;min-height:0;padding-top:0!important;align-self:center!important}.reference-marketing .story-stage{min-width:0;min-height:0!important;height:560px!important;padding-top:0!important;margin-top:0;align-self:center!important}.reference-marketing .story-scene .scene-window{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}.reference-marketing .story .agent-layout,.reference-marketing .story .notes-layout,.reference-marketing .story .story-mail{height:calc(100% - 38px)!important}@media (min-width:1021px){.reference-marketing .story-sticky{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:48px!important}.reference-marketing .story .agent-layout{grid-template-columns:100px minmax(0,1fr) minmax(220px,1fr)}.reference-marketing .story .agent-layout>*{min-width:0}}@media (max-width:1020px){.reference-marketing .story-sticky{padding-top:56px!important}.reference-marketing .story-stage{height:460px!important}}@media (max-width:700px){.reference-marketing .story-stage{height:400px!important}.reference-marketing .story-navigation{left:10px;right:10px}.reference-marketing .story-navigation button{width:44px;height:44px}}@media (max-width:1020px){.reference-marketing .story .agent-layout{display:block}.reference-marketing .story .agent-layout .code,.reference-marketing .story .agent-side{display:none}.reference-marketing .story .agent-chat{display:flex;height:100%;padding-bottom:76px;border-left:0}.reference-marketing .story .agent-chat-head{padding-inline:60px;flex-shrink:0}.reference-marketing .story .agent-msg{padding-inline:60px}.reference-marketing .story .agent-response{margin-inline:60px}.reference-marketing .story .agent-compose{padding-inline:60px}}@media (max-width:700px){.reference-marketing .story-stage{height:440px!important}.reference-marketing .story .mail-compose,.reference-marketing .story .notes-editor{padding:24px 60px 84px}}.reference-marketing .story-scene.active .agent-box:after,.reference-marketing .story-scene.active .notes-text:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.1em;background:var(--teal);animation:storyCaret 1.1s step-end infinite}.reference-marketing .story-scene.active .agent-box:after{background:#50c8b7}@keyframes storyCaret{50%{opacity:0}}@media (max-width:360px){.reference-marketing .story-stage{height:520px!important}}@media (prefers-reduced-motion:reduce){.reference-marketing .story-scene.active .agent-box:after,.reference-marketing .story-scene.active .notes-text:after{animation:none}}