:root{--ink:#25251f;--paper:#f6f5ef;--muted:#74756a;--line:#dfdfd4;--accent:#dd693b;--soft:#f4e8df;--green:#5d7350;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #e58a5d;outline-offset:3px}.skip{position:absolute;top:-70px;left:20px;background:var(--ink);color:white;padding:12px;z-index:4}.skip:focus{top:10px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1160px)/2));gap:15px}.brand{display:flex;gap:9px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-1px}.logo{display:grid;place-items:center;width:28px;height:30px;background:var(--accent);color:#fff;border-radius:8px;font-family:Georgia,serif;font-size:27px;padding-bottom:5px}.brand small{font-size:9px;font-weight:600;letter-spacing:1.5px;margin-left:8px;color:var(--muted)}.local-badge,.tiny-tag{font-size:10px;letter-spacing:1px;border:1px solid var(--line);border-radius:20px;padding:8px 11px;color:var(--muted);white-space:nowrap}.shell{max-width:1120px;margin:auto;padding:0 28px}.intro{padding:70px 0 42px;text-align:center}.eyebrow{display:block;font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--accent);line-height:1.6}.intro h1{font-size:clamp(35px,4.4vw,57px);font-weight:650;line-height:1.24;letter-spacing:-2.8px;margin:19px 0}.intro>p{font-size:16px;color:var(--muted);line-height:1.8}.provider{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--green);margin-top:11px;line-height:1.7}.provider:before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor;flex-shrink:0}.provider.error{color:#a44228}.steps{list-style:none;display:flex;max-width:720px;margin:0 auto 30px;padding:0;justify-content:center}.steps li{flex:1;text-align:center;padding:17px 8px;border-bottom:2px solid var(--line);font-size:11px;font-weight:700;color:#a2a296}.steps li span{margin-left:8px}.steps li.active{color:var(--ink);border-color:var(--accent)}.panel{border:1px solid var(--line);border-radius:20px;background:#fffefa;padding:36px;margin-bottom:28px}.import-panel{max-width:790px;margin-inline:auto;box-shadow:0 12px 34px #24271905}.section-heading,.play-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px}h2{font-size:27px;font-weight:650;letter-spacing:-1.2px;line-height:1.4;margin:9px 0 0}h3{font-size:17px;letter-spacing:-.45px;margin:0}label{display:block;font-size:12px;font-weight:650;margin:21px 0 9px}input,textarea{width:100%;min-width:0;background:#fff;border:1px solid #d6d8ce;border-radius:9px;padding:13px 14px;color:var(--ink);line-height:1.6;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a1a297}.url-row{display:flex;gap:10px}.url-row input{flex:1}.button{border:1px solid transparent;border-radius:9px;padding:13px 18px;display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:47px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.5}.primary{background:var(--ink);color:#fff}.primary:hover{background:#414238}.secondary{background:#fffefa;border-color:var(--line);color:var(--ink)}.secondary:hover{background:#f1f1e9}.small{padding:9px 12px;min-height:38px}.hint{font-size:11px;line-height:1.8;color:var(--muted);margin:9px 0}.message{font-size:12px;line-height:1.7;white-space:pre-wrap;color:var(--green)}.message:empty{display:none}.message.error{color:#a44228}.text-button{border:0;background:none;padding:9px 0;color:var(--accent);font-size:12px;font-weight:600}.muted{color:var(--muted)}.import-alternatives{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:15px;margin-top:26px}.demo-note{display:flex;gap:12px;background:#f1f1e8;border:1px solid #e9e9dd;padding:14px 16px;margin-top:18px;border-radius:10px;color:#6e7161}.demo-note>span{color:#8d966d;font-size:21px}.demo-note p{font-size:11px;line-height:1.8;margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-description{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 22px}.offers-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.offer-editor{background:#f5f5ef;border:1px solid var(--line);border-radius:13px;padding:20px;margin-top:16px}.offer-editor-top{display:flex;justify-content:space-between;align-items:center}.offer-editor label{margin-top:13px}.offer-editor .two-columns{gap:14px}.confirm-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.8;margin:25px 0}.confirm-label input{width:16px;height:16px;margin:3px 0;accent-color:var(--accent)}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-bottom>button{margin-left:auto}.play-heading{margin-top:44px}.play-heading .section-description{margin-bottom:0}.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.chat-shell{background:#fffefa;border:1px solid var(--line);border-radius:18px;overflow:hidden}.chat-heading{padding:21px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.assistant-avatar{width:39px;height:39px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:23px;border-radius:12px;flex-shrink:0}.chat-heading strong{font-size:13px;display:block}.chat-heading div>span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.chat-heading>button{margin-left:auto;white-space:nowrap;font-size:11px}.operator-panel{padding:27px 23px;border:1px solid var(--line);border-radius:18px;background:#eeeee5}.operator-panel h3{font-size:18px;line-height:1.5;margin:13px 0}.operator-panel>p{font-size:12px;line-height:1.9;color:var(--muted)}.decision-label{display:inline-flex;font-size:11px;font-weight:650;padding:7px 10px;background:#fffefa;border:1px solid #d9dccc;border-radius:7px;margin-top:20px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:26px 0}.metric{border-top:1px solid #d6d8c9;padding-top:12px}.metric strong{font-size:25px;display:block;font-weight:600}.metric span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.rule-note{border-top:1px solid #d6d8c9;padding-top:22px;font-size:11px;line-height:1.8}.rule-note strong{font-weight:650}.rule-note p{color:var(--muted);margin-bottom:0}.install-panel{margin-top:30px}.install-panel h2{font-size:25px}.install-panel code{font-size:12px}.code-row{display:flex;gap:12px;align-items:center}.code-row textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:#f3f3ed}.local-limit{margin-top:22px;max-width:760px}.install-panel>a{margin-top:13px}footer{padding:36px 0 46px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);line-height:1.7}.mobile-break{display:none}@media(max-width:760px){.topbar{padding:0 22px;height:72px}.brand{font-size:21px}.brand small{display:none}.local-badge{font-size:8px;padding:6px 8px}.shell{padding:0 18px}.intro{padding:45px 0 28px}.intro h1{letter-spacing:-1.9px}.intro>p{font-size:13px}.mobile-break{display:block}.steps{margin-bottom:22px}.steps li{font-size:10px;padding:14px 3px}.steps li span{margin-left:4px}.panel{padding:24px 20px;border-radius:15px}.section-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}h2{font-size:22px}.tiny-tag{font-size:8px;padding:6px 8px}.url-row{flex-direction:column}.url-row>.button{width:100%;justify-content:space-between}.two-columns{grid-template-columns:1fr;gap:0}.offers-heading{align-items:flex-start}.offer-editor{padding:16px}.offer-editor .two-columns{gap:0}.form-bottom{flex-direction:column;align-items:stretch}.form-bottom>button{width:100%;margin-left:0}.play-heading{align-items:flex-start;flex-direction:column}.play-grid{grid-template-columns:1fr}.operator-panel{padding:22px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric strong{font-size:21px}.metric span{font-size:9px}.chat-heading{padding:16px}.code-row{flex-direction:column;align-items:stretch}.install-panel h2{font-size:22px}footer{flex-direction:column;gap:12px}.import-alternatives{gap:10px}.text-button{font-size:11px}}
@media(max-width:760px){input,textarea{font-size:16px}}

/* Reader-first service examples. All turns stay in the document flow. */
html{scroll-behavior:smooth;scroll-padding-top:26px}.topbar{max-width:none}.showcase-intro{padding:76px 0 65px}.hero-kicker{font-size:13px!important;color:var(--ink)!important;margin:13px 0 0!important}.showcase-intro h1{font-size:clamp(42px,5.7vw,69px);line-height:1.2;letter-spacing:-3.8px;margin:22px 0}.showcase-intro h1 em{font-style:normal;color:var(--accent)}.showcase-intro>p{line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:12px;margin:29px 0 10px;flex-wrap:wrap}.hero-actions>.button{font-size:13px;padding:15px 21px}.showcase-section{padding:28px 0 10px;border-top:1px solid var(--line)}.showcase-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-section-head h2{font-size:29px}.sample-count{font-size:9px;letter-spacing:1.4px;color:var(--muted);white-space:nowrap}.showcase-disclosure{font-size:11px;color:var(--muted);line-height:1.9;margin:15px 0 24px}.sample-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 35px}.sample-nav a{font-size:11px;font-weight:600;border:1px solid var(--line);padding:10px 14px;background:#fffefa;border-radius:30px;line-height:1.6}.sample-nav a:hover{border-color:var(--accent);color:var(--accent)}.examples-status{padding:25px;border:1px solid var(--line);border-radius:14px;margin:20px 0;color:var(--muted);font-size:13px;line-height:1.9}.examples-status.error{color:#a44228}.conversation-case{border:1px solid var(--line);border-radius:22px;background:#fffefa;margin:0 0 32px;overflow:hidden;box-shadow:0 12px 25px #20251a03}.case-head{padding:33px 35px 25px;display:flex;align-items:flex-start;gap:23px;border-bottom:1px solid var(--line)}.case-number{font-family:Georgia,serif;font-size:51px;line-height:1;color:#c8c8b8;font-weight:400;letter-spacing:-3px}.case-tag{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:700}.case-headings h3{font-size:25px;letter-spacing:-1px;line-height:1.5;margin:8px 0}.case-headings>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.customer-context{display:flex;gap:20px;padding:18px 35px;background:#f4f4ec;border-bottom:1px solid #e8e8de;align-items:baseline}.customer-context>span{font-size:10px;font-weight:750;color:var(--green);white-space:nowrap}.customer-context p{font-size:12px;color:#64685a;line-height:1.8;margin:0}.story-transcript{padding:31px 35px 12px}.story-row{display:grid;grid-template-columns:minmax(0,1fr) 183px;gap:23px;align-items:start;margin-bottom:24px}.story-bubble{padding:21px 23px;border-radius:14px;background:#f2f3eb;min-width:0}.story-row.user .story-bubble{background:#f9f0e9;margin-left:50px}.story-row.assistant .story-bubble{border:1px solid #e3e7d7;background:#f5f7f0}.story-role{display:flex;align-items:center;gap:8px;font-size:11px;color:#5c6650;line-height:1.6;flex-wrap:wrap}.story-role strong{font-size:11px;font-weight:700}.story-row.user .story-role{color:#9b6248}.story-avatar{font-size:10px;border-radius:6px;width:23px;height:23px;display:grid;place-items:center;background:#e3e8d8;flex-shrink:0}.story-row.user .story-avatar{background:#efdfd2}.story-stage{margin-left:auto;padding:4px 7px;background:#e7ecdd;border-radius:5px;font-size:9px;color:#65794f;font-weight:650}.story-text{font-size:14px;line-height:1.95;letter-spacing:-.15px;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 0}.story-annotation{padding-top:14px;color:var(--muted)}.story-annotation>span{display:block;font-size:8px;letter-spacing:1px;font-weight:700;color:var(--accent);padding-top:11px;border-top:1px solid #e5e1d6}.story-annotation p{font-size:11px;line-height:1.9;margin:9px 0 0}.story-offer{margin-top:19px;padding:18px 20px;background:#fffefa;border:1px solid #d3dcc3;border-left:3px solid #8f9e74;border-radius:9px}.story-offer-caption{display:block;color:var(--green);font-size:9px;font-weight:650}.story-offer h4{font-size:17px;margin:8px 0 5px;letter-spacing:-.4px}.story-offer p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.story-offer-price{display:block;font-size:15px;margin:12px 0}.story-offer a{font-size:11px;color:var(--accent);font-weight:650;text-decoration:underline;text-underline-offset:3px}.story-outcome{padding:23px 35px;background:#eeeee3;display:flex;align-items:flex-start;gap:15px;border-top:1px solid var(--line)}.outcome-symbol{font-size:23px;color:var(--green);line-height:1.3}.story-outcome strong{font-size:13px;line-height:1.7;display:block}.story-outcome p{font-size:11px;line-height:1.9;color:var(--muted);margin:6px 0 0}.example-sources{padding:0 3px 32px;color:var(--muted);line-height:1.8;font-size:11px}.example-sources>strong{color:var(--ink);font-size:12px}.example-sources p{max-width:850px}.source-links{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0}.source-links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.source-meta{font-size:10px}.live-section{padding-top:45px;border-top:1px solid var(--line);margin-top:8px}.live-section-head{text-align:center;margin-bottom:30px}.live-section-head h2{font-size:29px}.live-section-head>p{font-size:13px;line-height:1.9;color:var(--muted);margin:15px auto 22px}.custom-import{max-width:790px;margin:0 auto 30px;border:1px solid var(--line);border-radius:14px;background:#f9f8f2}.custom-import>summary{cursor:pointer;padding:20px 23px;font-size:12px;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-import>summary::-webkit-details-marker{display:none}.custom-import>summary span{font-size:20px;color:var(--accent)}.custom-import[open]>summary span{transform:rotate(45deg)}.custom-import .steps{margin:0 20px 20px}.custom-import .panel{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:none}.play-heading{padding-top:5px}.play-heading h2{font-size:29px}
@media(max-width:760px){html{scroll-padding-top:15px}.showcase-intro{padding:48px 0 43px}.showcase-intro h1{font-size:42px;letter-spacing:-2.5px;line-height:1.23}.hero-kicker{font-size:11px!important}.hero-actions{gap:10px}.hero-actions>.button{width:100%;font-size:12px;min-height:49px}.provider{font-size:10px}.showcase-section{padding-top:24px}.showcase-section-head{align-items:flex-start}.showcase-section-head h2{font-size:23px}.sample-count{display:none}.showcase-disclosure{font-size:10px;margin:13px 0 20px}.sample-nav{gap:7px;margin-bottom:25px}.sample-nav a{font-size:10px;padding:9px 11px}.conversation-case{border-radius:17px;margin-bottom:25px}.case-head{padding:24px 20px 20px;gap:16px}.case-number{font-size:41px;letter-spacing:-2px}.case-headings h3{font-size:21px;line-height:1.5}.case-tag{font-size:9px}.case-headings>p{font-size:12px}.customer-context{padding:15px 20px;gap:5px;flex-direction:column}.customer-context>span{font-size:9px}.customer-context p{font-size:11px}.story-transcript{padding:22px 14px 2px}.story-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:21px}.story-bubble{padding:17px 16px;border-radius:12px}.story-row.user .story-bubble{margin-left:22px}.story-text{font-size:13px;line-height:1.95;margin-top:11px}.story-role strong{font-size:10px}.story-stage{font-size:8px;padding:4px 5px}.story-annotation{padding:0 9px 0 12px;margin-left:5px;border-left:2px solid #e6ddce}.story-annotation>span{border:0;padding-top:0;font-size:7px}.story-annotation p{font-size:10px;line-height:1.8;margin:4px 0 0}.story-offer{padding:15px}.story-offer h4{font-size:16px}.story-offer p{font-size:11px}.story-outcome{padding:20px;gap:11px}.story-outcome strong{font-size:12px}.story-outcome p{font-size:10px}.example-sources{padding-bottom:20px;font-size:10px}.example-sources>strong{font-size:11px}.source-meta{font-size:9px}.live-section{padding-top:31px}.live-section-head h2,.play-heading h2{font-size:24px}.live-section-head>p{font-size:12px}.live-section-head>.button{width:100%}.custom-import>summary{padding:17px 18px;font-size:11px}.story-role{gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}