/* One outer grid for the entire AI page; every section heading shares its edge. */
.page-ki .ki-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:64px 72px}
.ki-hero h1{max-width:19ch;font-size:clamp(40px,4.6vw,66px)}
.ki-hero .lead{max-width:55ch;font-size:19px;margin-top:28px}.ki-hero .lead strong{font-size:16px;font-weight:400;color:var(--text)}
.page-ki .ki-signal{padding:0;margin:0;min-width:0}.ki-signal-labels{display:flex;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.ki-signal .threads-stage{height:360px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ki-signal figcaption{display:flex;justify-content:space-between;align-items:start;gap:24px;border-top:1px solid var(--line);padding-top:24px}.ki-signal figcaption strong{font-size:24px;line-height:1.3;max-width:12ch;font-weight:400}.ki-signal figcaption span{max-width:14ch;font-size:15px;color:var(--muted)}
.page-ki .ki-section{padding-block:88px;border-top:1px solid var(--line)}
.ki-section>h2{max-width:28ch;margin-bottom:32px}.ki-section .ki-copy{max-width:none;margin:0}.ki-copy>p{max-width:76ch}.ki-copy>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin-block:36px}.ki-copy>ol>li{padding:20px 0 0;border-top:1px solid var(--line);margin:0;font-size:16px}.ki-copy>ol strong{display:block;margin-bottom:8px}
.ki-task-rows{border-top:1px solid var(--line)}.ki-task-row,.ki-fit-row,.ki-faq-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;padding-block:36px;border-bottom:1px solid var(--line)}
.ki-task-row h3,.ki-fit-row h3,.ki-faq-row h3{font-size:28px;max-width:23ch;margin:0}.ki-task-row>.prose,.ki-fit-row>.prose,.ki-faq-row>.prose{max-width:74ch}
.ki-flow-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:20px;align-items:center;margin:0 0 28px}.ki-flow-pair>div{padding:20px;background:var(--surface);min-height:132px;display:flex;flex-direction:column;justify-content:center}.ki-flow-pair span{font-size:12px;color:var(--muted)}.ki-flow-pair strong{font-weight:400;font-size:20px;line-height:1.4;margin-top:8px}.ki-flow-pair>svg{color:var(--accent)}.ki-flow-pair figcaption{grid-column:1/-1;font-size:12px;color:var(--muted)}
.ki-note{font-size:14px;color:var(--muted);max-width:80ch;margin-top:24px}
.ki-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:44px}.ki-study{border-top:1px solid var(--input);padding-top:28px;min-width:0}.ki-study h3{max-width:25ch;font-size:28px}.ki-study .prose{font-size:16px;max-width:65ch}.ki-study-chart{margin-block:32px}.ki-study-chart>span{display:block;font-size:13px;color:var(--muted);margin-bottom:22px}.ki-bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 36px;gap:16px;align-items:center;margin-top:16px;font-size:14px}.ki-bar-track{height:28px}.ki-bar-track i{display:block;height:100%;background:var(--muted)}.ki-bar-ai .ki-bar-track i{background:var(--accent)}.ki-bar-row strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.ki-study-chart figcaption{font-size:12px;color:var(--muted);margin-top:20px;max-width:60ch}
.ki-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-block:36px;margin-block:36px;border-block:1px solid var(--input)}.ki-calc-controls fieldset{border:0;padding:0;margin:0;min-width:0}.ki-calc-controls legend{font-size:24px;color:var(--text);margin-bottom:28px}.ki-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ki-inputs>div{min-width:0}.ki-inputs label{min-height:3.3em;font-size:15px}.ki-inputs input{font-variant-numeric:tabular-nums}.ki-calc-controls .ki-note{margin-bottom:0}.ki-calc-result{min-width:0;padding-left:40px;border-left:1px solid var(--line);color:var(--text)}.ki-result-label{font-size:16px;max-width:32ch;margin-bottom:12px}.ki-calc-result output{display:block;font-size:clamp(44px,4.4vw,64px);line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-height:1.2em;overflow-wrap:anywhere;color:var(--accent)}#ki-calc-summary{font-size:14px;color:var(--muted);min-height:3.3em;margin-top:16px}.ki-time-chart{margin-top:24px}.ki-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;font-size:14px;margin-bottom:20px}.ki-time-row strong{font-variant-numeric:tabular-nums;font-weight:400}.ki-time-track{display:flex;grid-column:1/-1;height:28px;background:var(--surface)}.ki-time-track i{height:100%;background:var(--accent)}#ki-before-bar{background:var(--muted)}#ki-review-bar{background:var(--input)}.ki-time-chart figcaption{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:var(--muted)}.ki-time-chart figcaption span{display:flex;gap:8px;align-items:center}.ki-time-chart figcaption span:before{content:'';width:12px;height:12px;background:var(--accent)}.ki-time-chart figcaption span+span:before{background:var(--input)}
.ki-fit-rows{margin-top:40px;border-top:1px solid var(--line)}
.ki-access-map{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:24px;align-items:center;margin-block:12px 40px}.ki-access-map>div{border-block:1px solid var(--input);padding-block:28px}.ki-access-map strong{display:block;font-size:28px;font-weight:400}.ki-access-map span{font-size:14px;color:var(--muted)}.ki-access-map>svg{color:var(--accent)}.ki-access-map figcaption{grid-column:1/-1;font-size:12px;color:var(--muted)}
.ki-operating{display:grid;grid-template-columns:1fr 1fr;gap:64px}.ki-operating h3{margin-bottom:24px;font-size:28px;max-width:24ch}.ki-faq-row:first-child{padding-top:0}
@media(max-width:1000px){.page-ki .ki-hero{gap:32px}.ki-signal-labels{font-size:12px}.ki-signal .threads-stage{height:320px}.ki-task-row,.ki-fit-row,.ki-faq-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px}.ki-studies,.ki-calculator,.ki-operating{gap:32px}.ki-calc-result{padding-left:24px}.ki-inputs{grid-template-columns:1fr;gap:16px}.ki-inputs label{min-height:0}.ki-copy>ol{grid-template-columns:1fr 1fr}.ki-flow-pair{gap:12px}.ki-flow-pair>div{padding:16px}.ki-flow-pair strong{font-size:18px}}
@media(max-width:700px){.page-ki .ki-hero{grid-template-columns:1fr;gap:44px;padding-block:36px 40px}.ki-hero h1{font-size:clamp(36px,8.5vw,48px);max-width:20ch}.ki-hero .lead{font-size:18px}.ki-signal-labels{font-size:12px;padding-bottom:16px}.ki-signal .threads-stage{height:240px}.ki-signal figcaption{padding-top:20px}.ki-signal figcaption strong{font-size:23px}.ki-signal figcaption span{font-size:14px}.ki-section>h2{font-size:32px;margin-bottom:32px}.ki-task-row,.ki-fit-row,.ki-faq-row{grid-template-columns:1fr;gap:24px;padding-block:28px}.ki-task-row h3,.ki-fit-row h3,.ki-faq-row h3{font-size:25px;max-width:25ch}.ki-studies,.ki-calculator,.ki-operating{grid-template-columns:1fr;gap:40px}.ki-study h3{font-size:25px}.ki-study-chart{margin-block:28px}.ki-calc-result{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.ki-inputs{grid-template-columns:1fr 1fr;gap:20px}.ki-inputs label{min-height:3.3em;font-size:14px}.ki-calc-result output{font-size:52px}.ki-copy>ol{gap:24px}.ki-access-map{grid-template-columns:1fr;gap:16px}.ki-access-map>svg{transform:rotate(90deg)}.ki-access-map>div{padding-block:20px}.ki-access-map strong{font-size:25px}.ki-access-map figcaption{grid-column:1}.ki-operating h3{font-size:25px}.ki-bar-row{gap:12px}.ki-flow-pair{grid-template-columns:1fr;gap:12px}.ki-flow-pair>svg{transform:rotate(90deg)}.ki-flow-pair>div{min-height:0}.ki-flow-pair figcaption{grid-column:1}}
@media(max-width:359px){.ki-inputs,.ki-copy>ol{grid-template-columns:1fr}.ki-inputs label{min-height:0}.ki-signal-labels{font-size:11px;gap:8px}.ki-section>h2{font-size:29px}}

/* Section boundaries always use the same outer page grid. */
.page-ki .ki-section.wrap{max-width:1360px;text-align:left}
.page-ki .ki-section>h2{margin-inline:0;max-width:32ch;text-align:left}
.page-ki .ki-section>.ki-copy{width:100%;max-width:none;margin-inline:0}
.ki-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.ki-editorial-copy{min-width:0}.ki-editorial-copy>p:first-child{margin-top:0}.ki-editorial-copy ol{padding-left:24px}.ki-editorial-copy li{margin-block:20px}
.ki-editorial-art{margin:0;min-width:0}.ki-editorial-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:12px}.ki-editorial-art figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:16px}
.ki-editorial-grid+.ki-access-map{margin-top:44px}
.ki-study-number{display:block;font-size:clamp(44px,5vw,68px);font-weight:300;line-height:1.1;letter-spacing:-.03em;color:var(--accent);margin-bottom:16px;font-variant-numeric:tabular-nums}
.ki-scenario-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.ki-scenario-grid>.prose>p:first-child{margin-top:0}
.ki-scenario-chart{margin:0}.ki-scenario-chart>div{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:32px;font-size:16px}.ki-scenario-chart strong{font-size:24px;font-weight:400}.ki-scenario-chart i{grid-column:1/-1;display:block;width:var(--time);height:32px;background:var(--muted)}.ki-scenario-chart>div+div i{background:var(--accent)}.ki-scenario-chart figcaption{font-size:14px;color:var(--muted);max-width:60ch}
@media(max-width:1000px){.ki-editorial-grid,.ki-scenario-grid{gap:32px}}
@media(max-width:700px){.ki-editorial-grid,.ki-scenario-grid{grid-template-columns:1fr;gap:32px}.ki-editorial-art{max-width:none}.ki-scenario-chart>div{gap:12px}.ki-scenario-chart strong{font-size:24px}}

/* Match the ERP/CRM section rhythm at the same viewport breakpoints. */
@media(max-width:899px){.page-ki .ki-section{padding-block:64px}.page-ki .ki-hero{padding-block:36px 40px}}
@media(max-width:599px){.page-ki .ki-section{padding-block:48px}.page-ki .ki-section>h2{margin-bottom:24px}.page-ki .ki-hero{padding-top:24px}}

.ki-editorial-cutout img{aspect-ratio:1;object-fit:contain;max-width:520px;margin-inline:auto;border-radius:0;background:transparent}

/* Hero scale follows the ERP/CRM opening: large type and an open graphic field. */
.page-ki .ki-hero{min-height:740px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:32px;padding-block:64px 88px}
.page-ki .ki-hero h1{font-size:clamp(48px,4.8vw,68px);font-weight:400;line-height:1.04;letter-spacing:-.035em;max-width:18ch;margin:0 0 32px;text-wrap:balance}
.page-ki .ki-hero .lead{font-size:18px;line-height:1.75;margin-top:0;max-width:56ch}
.page-ki .ki-hero .lead p{margin:0 0 24px}
.page-ki .ki-hero .lead strong{font-size:14px;font-weight:500;color:var(--accent)}
.page-ki .ki-signal-labels{border:0;padding-bottom:0}
.page-ki .ki-signal .threads-stage{height:540px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.page-ki .ki-signal .threads-stage canvas,.page-ki .ki-signal .threads-stage svg{transform:scaleY(1.7)}
.page-ki .ki-signal figcaption{border:0;padding-top:0}
@media(max-width:1100px) and (min-width:900px){.page-ki .ki-hero h1{font-size:58px}.page-ki .ki-signal .threads-stage{height:480px}}
@media(max-width:899px){.page-ki .ki-hero{min-height:0;grid-template-columns:1fr;gap:32px;padding-block:36px 40px}.page-ki .ki-hero h1{font-size:clamp(48px,7.2vw,68px);max-width:19ch}.page-ki .ki-signal{width:100%}.page-ki .ki-signal .threads-stage{height:380px}}
@media(max-width:599px){.page-ki .ki-hero{padding-top:24px;gap:28px}.page-ki .ki-hero h1{font-size:clamp(40px,11.3vw,48px);max-width:none;line-height:1.06;margin-bottom:24px}.page-ki .ki-hero .lead{font-size:16px}.page-ki .ki-signal .threads-stage{height:300px}.page-ki .ki-signal figcaption strong{font-size:24px}}


/* Alternating feature compositions: image left, animated workspace right. */
.ki-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ki-feature-copy{min-width:0}.ki-feature-copy h2,.ki-demo-copy h2{margin:0 0 32px;max-width:20ch;text-align:left}
.ki-feature-copy .prose{max-width:none}.ki-feature-grid+.ki-access-map{margin-top:48px}
.ki-demo-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:64px;align-items:center}
.ki-demo-copy{min-width:0}.ki-demo-copy .prose{font-size:17px;line-height:1.7}.ki-demo-copy .ki-note{font-size:12px;line-height:1.65;margin-top:24px}
.ki-demo-steps{margin-top:32px}.ki-demo-steps button{display:block;text-align:left;width:100%;font:inherit;background:none;color:var(--muted);padding:20px 0;border:0;border-top:1px solid var(--line);cursor:pointer;transition:color .3s}
.ki-demo-steps button:last-child{border-bottom:1px solid var(--line)}.ki-demo-steps button>span{display:block;font-size:20px;line-height:1.4}.ki-demo-steps small{display:block;font-size:14px;line-height:1.65;max-width:40ch;margin-top:8px}.ki-demo-steps button[aria-pressed="true"]>span{color:var(--accent)}.ki-demo-steps button[aria-pressed="true"] small,.ki-demo-steps button:hover{color:var(--text)}.ki-demo-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ki-demo-steps button:disabled{cursor:default}
@media(max-width:1100px){.ki-demo-split,.ki-feature-grid{gap:32px}.ki-demo-split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:899px){.ki-demo-split,.ki-feature-grid{grid-template-columns:1fr;gap:40px}.ki-feature-grid>.ki-feature-copy{grid-row:1}.ki-feature-copy h2,.ki-demo-copy h2{max-width:26ch}.ki-demo-copy .ki-note{max-width:65ch}.ki-demo-steps small{max-width:none}}
@media(max-width:599px){.ki-feature-copy h2,.ki-demo-copy h2{margin-bottom:24px}.ki-demo-split .ki-film figcaption{min-height:100px}.ki-demo-steps button>span{font-size:18px}.ki-demo-copy .prose{font-size:16px}.ki-demo-split .ki-film-toggle{font-size:11px;padding:10px 12px}}
@media(max-width:599px){.ki-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.ki-demo-steps button{padding:16px 0;border-bottom:1px solid var(--line)}.ki-demo-steps button>span{font-size:14px}.ki-demo-steps small{display:none}}

/* Product walkthrough: inbox → AI assistant → saved ERP order. */
.ki-demo-split .ki-film{margin:0;min-width:0;width:100%;container-type:inline-size}.ki-film-app{height:600px;border:1px solid var(--input);border-radius:12px;overflow:hidden;background:var(--surface)}
.ki-app-top{height:60px;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.ki-app-top>strong{letter-spacing:.15em;font-size:16px;color:var(--text)}.ki-app-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:11px;flex-shrink:0}.ki-app-top .ki-app-avatar{margin-left:auto}
.ki-app-stage{position:relative;height:540px;overflow:hidden}.ki-app-tabs{display:flex;align-items:center;gap:24px;height:56px;padding:0 24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ki-app-tabs>span{height:100%;display:flex;align-items:center}.ki-app-demo-label{margin-left:auto}.ki-film:not([data-frame="4"]) .ki-tab-inbox,.ki-film[data-frame="4"] .ki-tab-orders{color:var(--accent);border-bottom:2px solid var(--accent)}
.ki-app-inbox,.ki-app-orders{position:absolute;inset:56px 0 0;padding:28px 24px;opacity:0;transform:translateX(24px);transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.ki-app-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.page-ki .ki-app-title h3{font-size:26px;margin:0}.ki-app-title>span{font-size:11px;color:var(--muted)}.ki-app-inbox-row{display:flex;align-items:center;gap:16px;padding:24px 16px;border:1px solid var(--input);border-radius:12px;background:var(--bg)}.ki-app-inbox-row strong{font-size:14px;font-weight:500}.ki-app-inbox-row p{font-size:16px;margin:6px 0}.ki-app-inbox-row small{font-size:12px;color:var(--muted)}.ki-app-unread{width:7px;height:7px;background:var(--accent);border-radius:50%;margin-left:auto;flex-shrink:0}.ki-app-inbox-muted{display:flex;justify-content:space-between;gap:16px;padding:24px 16px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.ki-app-workspace{position:absolute;inset:56px 0 0;display:grid;grid-template-columns:1fr 1fr;opacity:0;transform:translateX(32px);transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.ki-app-email{padding:28px 24px;min-width:0;background:var(--bg)}.ki-app-from{font-size:11px;color:var(--muted)}.page-ki .ki-app-email h3{font-size:21px;line-height:1.35;margin:16px 0 28px}.ki-app-email p{font-size:14px;line-height:1.8;margin:16px 0}.ki-app-email mark{color:inherit;background:none;transition:background .3s,color .3s;border-radius:3px;box-decoration-break:clone}.ki-app-email mark.is-active{color:var(--bg);background:var(--accent)}.ki-app-email mark.is-found{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg))}.ki-app-email-action{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--accent);padding:14px 0;margin-top:24px}.ki-app-email-action svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.ki-app-assistant{padding:24px;border-left:1px solid var(--line);min-width:0;opacity:0;transform:translateX(40px);transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}.ki-app-assistant-title{display:flex;align-items:center;gap:8px;font-size:14px}.ki-app-assistant-title strong{font-weight:500}.ki-app-ai-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.ki-app-prompt{min-height:78px;padding:12px;margin-top:16px;background:var(--bg);border-radius:8px;font-size:12px;line-height:1.6}.ki-app-prompt i{display:inline-block;height:12px;width:1px;background:var(--accent);vertical-align:middle;animation:ki-caret .6s steps(2) infinite}.ki-app-actions{display:grid;gap:6px;margin:16px 0;font-size:11px;min-height:60px}.ki-app-actions>span{opacity:.25;transition:opacity .3s,color .3s}.ki-app-actions>span.is-done{opacity:1;color:var(--accent)}.ki-app-actions>span:before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid currentColor;border-radius:50%}.ki-app-actions>span.is-done:before{background:currentColor}
.ki-app-form{display:grid;grid-template-columns:1fr 1fr 60px;gap:8px}.ki-app-form>div{min-width:0}.ki-app-form span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.ki-app-form strong{display:block;min-height:36px;padding:9px 8px;font-size:12px;font-weight:400;border:1px solid var(--input);border-radius:6px;color:transparent;transition:color .3s,border-color .3s}.ki-app-form strong.is-filled{color:var(--accent);border-color:var(--accent)}.ki-app-warning{min-height:74px;margin-top:16px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.ki-app-warning strong{display:block;font-weight:500;font-size:12px}.ki-app-warning span{font-size:11px;line-height:1.5;color:var(--muted);display:block;margin-top:4px}.ki-app-save{padding:12px 8px;text-align:center;font-size:12px;border-radius:8px;color:var(--bg);background:var(--accent);opacity:0;transition:opacity .4s}
.ki-app-order-header,.ki-app-order-current,.ki-app-order-row{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:16px;align-items:center;padding:20px 12px;border-bottom:1px solid var(--line);font-size:13px}.ki-app-order-header{font-size:11px;color:var(--muted);padding-block:12px}.ki-app-order-current{background:color-mix(in srgb,var(--accent) 9%,var(--bg));color:var(--accent)}.ki-app-order-current strong{font-weight:500}.ki-app-order-current s{font-size:12px;color:var(--muted);margin-right:8px}.ki-app-order-current>strong{font-size:24px}.ki-app-orders small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.ki-app-order-row{color:var(--muted)}.ki-app-title .ki-app-saved{color:var(--accent)}.ki-app-history{margin-top:24px;font-size:11px;color:var(--muted)}.ki-app-history strong{font-weight:500;color:var(--text)}.ki-app-history p{margin:8px 0;line-height:1.6}.ki-app-history>span{display:block;color:var(--accent);font-size:11px}
.ki-film[data-frame="0"] .ki-app-inbox,.ki-film[data-frame="4"] .ki-app-orders{opacity:1;transform:none}.ki-film[data-frame="1"] .ki-app-workspace,.ki-film[data-frame="2"] .ki-app-workspace,.ki-film[data-frame="3"] .ki-app-workspace{opacity:1;transform:none}.ki-film[data-assistant="true"] .ki-app-assistant{opacity:1;transform:none}.ki-film[data-frame="3"] .ki-app-warning,.ki-film[data-frame="3"] .ki-app-save{opacity:1;transform:none}.ki-film:not([data-frame="1"]) .ki-app-prompt i{display:none}
.ki-film-pointer{position:absolute;left:0;top:0;width:24px;height:32px;z-index:5;opacity:0;transition:transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}.ki-film[data-running="true"] .ki-film-pointer{opacity:1}.ki-film-click{position:absolute;width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;opacity:0;z-index:4;pointer-events:none}.ki-film[data-running="false"] *{animation-play-state:paused!important}
.ki-film figcaption{display:flex;justify-content:space-between;align-items:start;gap:16px;min-height:100px;margin-top:20px;font-size:12px;line-height:1.6;color:var(--muted)}.ki-film-controls{display:flex;flex-wrap:wrap;justify-content:end;gap:8px;flex-shrink:0;max-width:180px}.ki-film-controls button{font:inherit;font-size:11px;color:var(--text);background:none;border:1px solid var(--input);border-radius:24px;padding:8px 12px;cursor:pointer}.ki-film-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ki-film-controls button[hidden]{display:none}.ki-film-replay{color:var(--accent)!important}
@keyframes ki-caret{to{opacity:0}}
@container(max-width:600px){.ki-app-email{padding:20px 16px}.ki-app-assistant{padding:20px 12px}.page-ki .ki-app-email h3{font-size:18px}.ki-app-email p{font-size:12px}.ki-app-form{grid-template-columns:1fr 1fr 42px}.ki-app-form strong{font-size:10px;padding-inline:5px}.ki-app-prompt{font-size:11px}.ki-app-save{font-size:10px}.ki-app-inbox-row p{font-size:14px}}
@container(max-width:420px){.ki-film-app{height:740px}.ki-app-stage{height:680px}.ki-app-top,.ki-app-tabs{padding-inline:16px}.ki-app-workspace{grid-template-columns:1fr;grid-template-rows:218px 1fr}.ki-app-email{padding:16px}.page-ki .ki-app-email h3{font-size:16px;margin:8px 0 12px}.ki-app-email p{font-size:12px;line-height:1.6;margin:8px 0}.ki-app-email p:first-of-type{display:none}.ki-app-email-action{margin:8px 0 0;padding:8px 0;font-size:11px}.ki-app-assistant{border-left:0;border-top:1px solid var(--line);padding:16px}.ki-app-prompt{min-height:56px;margin-top:12px}.ki-app-actions{margin:12px 0;min-height:54px;gap:4px}.ki-app-form{grid-template-columns:1fr 1fr 52px}.ki-app-form strong{font-size:12px}.ki-app-warning{min-height:58px;margin-top:12px}.ki-app-save{font-size:11px;padding:10px 6px}.ki-app-inbox,.ki-app-orders{padding:24px 16px}.page-ki .ki-app-title h3{font-size:22px}.ki-app-title{align-items:start}.ki-app-inbox-row{padding:16px 12px;gap:8px}.ki-app-inbox-row small{display:none}.ki-app-inbox-muted{flex-direction:column;gap:8px}.ki-app-order-header,.ki-app-order-current,.ki-app-order-row{gap:8px;padding-inline:8px;font-size:11px;grid-template-columns:1.3fr .65fr 1fr}.ki-app-orders small{font-size:10px}.ki-app-history{margin-top:32px}.ki-film-controls{max-width:140px}.ki-film figcaption{min-height:110px}}
@media(prefers-reduced-motion:reduce){.ki-film *{animation:none!important;transition:none!important}.ki-film-pointer,.ki-film-click{display:none}}