/* One continuous, scroll-led conversation inside the assistant's chat. */
.control-pin{height:580px;top:max(124px,calc((100svh - 580px)/2))}
.control-story h2{font-size:clamp(39px,3.55vw,51px)}
.control-chat-heading>img,.chat-assistant-message>img{filter:invert(1);object-fit:contain;flex-shrink:0}
.control-nav{margin-top:34px}.control-copies{height:120px}
.control-device{height:550px}.control-device-body{height:432px}.control-screen{padding:24px 28px 18px}
.control-chat-heading{display:flex;align-items:center;gap:10px;color:#d3dce8}.control-chat-heading>img{width:22px;height:22px;opacity:.9}.control-chat-heading>strong{font-size:14px;font-weight:450;letter-spacing:-.25px}
.control-device-head>.control-chat-agnt{gap:9px;color:#66798f;font-size:9px}.control-chat-agnt>img{width:53px;height:auto;opacity:.68}
.chat-user-message{width:fit-content;max-width:95%;margin-left:auto;padding:12px 17px;border-radius:18px 18px 4px 18px;background:#c1d1e60c;box-shadow:inset 0 0 0 1px #dce6f206;font-size:12px;line-height:1.6;color:#d2dce9}
.chat-assistant-message{display:flex;align-items:flex-start;gap:11px;margin-top:21px}.chat-assistant-message>img{width:21px;height:21px;opacity:.75;margin-top:1px}.chat-assistant-message>div{min-width:0}.chat-assistant-message strong{display:block;font-size:10px;font-weight:450;color:#bac8da;margin-bottom:7px}.chat-assistant-message p{font-size:12px;line-height:1.75;color:#94a3b8;max-width:350px;margin:0;text-wrap:pretty}
.chat-tool{margin:18px 0 0 32px;padding:18px 20px;border-radius:15px;border:1px solid #c8dcf00e;background:#c0d3eb04;box-shadow:0 8px 32px #0001}
.chat-tool-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#687e98}.chat-tool-head>img{width:54px;height:auto;opacity:.74}.chat-tool>h3{font-size:21px;font-weight:420;line-height:1.2;letter-spacing:-.6px;color:#c9d6e6;margin:19px 0 22px;max-width:300px}
.chat-tool-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #c1d4ec0b;font-size:10px;color:#6e839c}.chat-tool-row strong{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400;color:#bacbdd}.chat-tool-row svg{width:12px;height:12px;color:#9eb6d1}.chat-tool-note{font-size:9px;line-height:1.6;color:#6f859f;margin:17px 0 0}
.chat-tool .control-limit{margin-top:17px}.chat-tool .control-limit>span{font-size:9px}.chat-tool .control-limit strong{font-size:46px;min-width:76px;letter-spacing:-2px}.chat-tool .control-limit small{font-size:15px}.chat-tool .control-limit>div>span{font-size:27px}.chat-tool .control-limit-track{margin-top:20px}.chat-tool .control-limit-scale{margin-top:10px;font-size:7px}
.chat-permissions{display:flex;align-items:center;gap:25px;border-top:1px solid #c3d7ef0c;margin-top:20px;padding-top:14px}.chat-permissions>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#96acc7}.chat-permissions svg{width:11px;height:11px}
.chat-tool .control-payment{margin:20px 0 17px}.chat-tool .control-payment>span{font-size:11px}.chat-tool .control-payment>strong{font-size:38px;letter-spacing:-1.5px}.chat-tool .control-payment small{font-size:13px;margin-right:7px}.chat-tool .control-payment strong>span{font-size:26px}.chat-tool .control-payment-details>div{height:29px;font-size:9px}.chat-tool .control-payment-details strong{font-size:10px}.chat-tool .control-payment-check{font-size:8px;margin-top:12px}.chat-tool .control-payment-check svg{width:12px;height:12px}.chat-tool .control-approve{height:37px;margin-top:16px;font-size:10px}.chat-tool .control-awaiting{font-size:7px;margin-top:9px}
.control-device-foot{height:52px;padding:0 18px;border-top:0}.control-chat-composer{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 6px 0 14px;border:1px solid #c6daee0a;border-radius:25px;background:#c9d8ec04;color:#566d88;font-size:9px}.control-chat-composer b{font:inherit}.control-chat-composer i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:14px;font-style:normal;font-weight:300;background:#d6e4f013;color:#b4c8e1}
.control-device-body{overflow:hidden}.control-device-body.has-history{mask-image:linear-gradient(to bottom,transparent,#000 27px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 27px)}
.chat-transcript{position:relative;display:flex;flex-direction:column;gap:22px;padding:24px 28px 22px;transform:translate3d(0,var(--chat-offset,0px),0);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.chat-turn{position:relative;flex-shrink:0;opacity:0;visibility:hidden;transform:translate3d(0,14px,0);transition:opacity .45s ease,transform .7s cubic-bezier(.22,1,.36,1),visibility .45s}
.chat-turn.is-shown{opacity:1;visibility:visible;transform:translateZ(0)}
.chat-turn .chat-assistant-message{margin:0}.chat-turn .chat-assistant-message>div{flex:1}.chat-turn .chat-assistant-message p{max-width:none}
.chat-tool-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;min-height:25px;color:#8c9fb8;font-size:9px}.chat-tool-inline>img{width:43px;height:auto;opacity:.7}.chat-tool-inline>span{padding-left:12px;border-left:1px solid #c1d4ee1c}.chat-tool-inline>svg{width:12px;height:12px;color:#b0c5db;margin-left:auto}
.chat-payment-proposal{margin:14px 0 0;padding:16px 18px;background:#c0d3eb05}.chat-payment-proposal .control-payment{margin:18px 0 16px}.chat-payment-proposal .control-payment>span{font-size:10px}.chat-payment-proposal .control-payment>strong{font-size:31px}.chat-payment-proposal .control-payment strong>span{font-size:22px}.chat-payment-proposal .control-payment-check{padding-top:12px;border-top:1px solid #c1d4ee0c;font-size:8px;margin-top:0}
.chat-tool-receipt{color:#b0c5d4}.chat-tool-receipt>svg{color:#c1d7df}
@media(min-width:761px) and (max-width:1050px){.control-story h2{font-size:39px}.control-assistants{gap:17px}.control-assistants button{font-size:10px;gap:6px}.control-screen{padding-inline:22px}.chat-tool{padding-inline:16px;margin-left:27px}.chat-tool>h3{font-size:20px}.chat-assistant-message{gap:9px}.chat-assistant-message p{font-size:11px}.chat-user-message{font-size:11px}}
@media(max-width:760px){
  .control-pin{top:105px;height:670px;gap:16px}.control-story h2{font-size:29px}
  .control-nav{margin-top:25px}.control-copies{height:83px;margin-top:18px}.control-copy h3{font-size:17px}
  .control-device{height:440px}.control-device-body{height:346px}.control-screen{padding:17px 19px 12px}.control-chat-heading{gap:8px}.control-chat-heading>strong{font-size:12px}.control-chat-heading>img{width:18px;height:18px}.control-device-head>.control-chat-agnt{font-size:8px;gap:7px}.control-chat-agnt>img{width:45px}
  .chat-user-message{font-size:10px;line-height:1.55;padding:9px 12px;border-radius:14px 14px 4px 14px}.chat-assistant-message{gap:9px;margin-top:16px}.chat-assistant-message>img{width:17px;height:17px}.chat-assistant-message strong{font-size:8px;margin-bottom:5px}.chat-assistant-message p{font-size:10px;line-height:1.65}
  .chat-tool{margin:13px 0 0 26px;padding:13px 14px;border-radius:12px}.chat-tool-head{font-size:7px;gap:10px}.chat-tool-head>img{width:45px}.chat-tool>h3{font-size:18px;margin:15px 0 17px;max-width:225px}.chat-tool-row{padding:10px 0;font-size:8px}.chat-tool-row strong{font-size:8px}.chat-tool-row svg{width:10px;height:10px}.chat-tool-note{font-size:8px;line-height:1.7;margin-top:12px}
  .chat-tool .control-limit{margin-top:12px}.chat-tool .control-limit>span{font-size:8px;margin-bottom:8px}.chat-tool .control-limit strong{font-size:38px;min-width:63px}.chat-tool .control-limit small{font-size:12px}.chat-tool .control-limit>div>span{font-size:24px}.chat-tool .control-limit-track{margin-top:16px}.chat-tool .control-limit-scale{font-size:6px;margin-top:9px}.chat-permissions{gap:20px;margin-top:16px;padding-top:11px}.chat-permissions>span{font-size:8px;gap:4px}.chat-permissions svg{width:10px;height:10px}
  .chat-tool .control-payment{margin:15px 0 12px}.chat-tool .control-payment>span{font-size:9px}.chat-tool .control-payment>strong{font-size:30px}.chat-tool .control-payment small{font-size:10px;margin-right:5px}.chat-tool .control-payment strong>span{font-size:21px}.chat-tool .control-payment-details>div{height:25px;font-size:7px}.chat-tool .control-payment-details strong{font-size:8px}.chat-tool .control-payment-check{font-size:7px;margin-top:10px}.chat-tool .control-payment-check svg{width:11px;height:11px}.chat-tool .control-approve{height:32px;font-size:9px;margin-top:13px}.chat-tool .control-awaiting{font-size:6px;margin-top:8px}
  .control-device-foot{height:44px;padding-inline:13px}.control-chat-composer{height:31px;font-size:8px;padding-left:12px}.control-chat-composer i{width:21px;height:21px;font-size:13px}
}
@media(max-width:360px){.control-story h2{font-size:27px}.control-assistants{gap:18px}.control-assistants button{font-size:9px}.chat-tool{margin-left:23px;padding-inline:12px}.control-screen{padding-inline:16px}.chat-tool .control-payment-check{font-size:6.5px}}
@media(min-width:761px) and (max-width:1050px){.chat-transcript{padding-inline:22px}.chat-payment-proposal{margin-left:0;padding-inline:14px}.chat-tool-inline{font-size:8px;gap:9px}.chat-tool-inline>span{padding-left:9px}}
@media(max-width:760px){
  .chat-transcript{gap:18px;padding:19px 19px 18px}.chat-tool-inline{margin-top:10px;min-height:21px;font-size:7px;gap:9px}.chat-tool-inline>img{width:35px}.chat-tool-inline>span{padding-left:9px}.chat-tool-inline>svg{width:10px;height:10px}
  .chat-payment-proposal{margin:11px 0 0;padding:13px 14px}.chat-payment-proposal .control-payment{margin:15px 0 13px}.chat-payment-proposal .control-payment>span{font-size:8px}.chat-payment-proposal .control-payment>strong{font-size:27px}.chat-payment-proposal .control-payment strong>span{font-size:19px}.chat-payment-proposal .control-payment-check{font-size:6.5px;padding-top:10px;margin-top:0;gap:5px}
}
@media(max-width:360px){.chat-transcript{padding-inline:16px}.chat-payment-proposal{margin-left:0;padding-inline:12px}}
/* A portrait phone keeps the story and chat inside Safari's small viewport. */
@media(max-width:760px){
  .public-journey.journey-section{--control-top:max(92px,calc(env(safe-area-inset-top) + 76px));--control-height:calc(100svh - var(--control-top) - 16px)}
  .control-track{height:calc(100svh + 1050px)}
  .control-pin{top:var(--control-top);height:var(--control-height);min-height:0;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:14px}
  .control-story h2{font-size:27px;line-height:1.08}
  .control-nav{margin-top:14px}
  .control-copies{height:72px;margin-top:12px}
  .control-copy h3{font-size:16px;margin-bottom:6px}
  .control-copy p{font-size:11px;line-height:1.55}
  .control-visual{height:100%;min-height:0;max-width:380px;align-self:stretch;perspective:none}
  .control-device{display:flex;flex-direction:column;height:100%;min-height:0;transform:none}
  .control-device-head{height:44px;flex:0 0 44px;padding-inline:18px}
  .control-device-body{height:auto;min-height:0;flex:1}
  .control-device-foot{height:38px;flex:0 0 38px}
  .control-chat-composer{height:28px}
  .chat-transcript{transition:none;padding:16px 17px;gap:15px}
  .chat-turn{transition:opacity .25s ease,transform .35s ease,visibility .25s}
}
@media(prefers-reduced-motion:reduce),(min-width:761px) and (max-height:700px),(max-height:500px) and (orientation:landscape){.control-pin{height:auto;top:0}.control-visual,.control-device,.control-device-body{height:auto}.control-device-body{flex:auto}.control-screen{padding-block:24px}.control-doc-link{display:flex}.chat-transcript{transform:none;transition:none}.chat-turn{opacity:1;visibility:visible;transform:none;transition:none}.control-device-body.has-history{mask-image:none;-webkit-mask-image:none}}