/* Product previews keep the established type scale and product colors. */
.arkitect-demo{display:block;max-width:1120px;margin:42px auto 0}
.demo-main .workflow-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;border:1px solid #c6d59835;border-radius:11px;margin:18px 20px 0;background:#172014}
.demo-main .workflow-tabs::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);box-sizing:border-box;border:1px solid #c6d59870;border-radius:7px;background:linear-gradient(135deg,#84995750,#71844438);box-shadow:0 2px 8px #080e0860,inset 0 1px 0 #e4efce15;transform:translateX(0);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.demo-main .workflow-tabs[data-workflow="voice"]::before{transform:translateX(100%)}
.demo-main .workflow-tabs button{position:relative;width:auto;align-items:flex-start;flex-direction:row;gap:12px;padding:16px;text-align:left;justify-content:flex-start;font-size:calc((15px) * var(--ark-type-scale,1));line-height:1.45;border:0;border-radius:7px;background:transparent}
.demo-main .workflow-tabs button[aria-selected=true],.demo-main .workflow-tabs button:hover{background:transparent;border-color:transparent}
.demo-main .workflow-tabs button:focus-visible{outline:2px solid #e1efc5;outline-offset:-3px}
.demo-main .workflow-tabs small{display:block;font-size:calc((13px) * var(--ark-type-scale,1));line-height:1.6;max-width:440px;margin-top:6px}
.demo-main .workflow-tabs .tab-symbol{display:block;flex-shrink:0;font-size:calc((24px) * var(--ark-type-scale,1));line-height:1.1;width:25px}
.camera-playground{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6%;margin-top:64px;padding-top:44px;border-top:1px solid #c6d59830}
.camera-intro .eyebrow{color:#c6d598;font-size:calc((11px) * var(--ark-type-scale,1));letter-spacing:.14em;margin-bottom:18px}
.camera-intro h3{font-size:calc((clamp(28px,3vw,40px)) * var(--ark-type-scale,1));font-weight:500;letter-spacing:-.035em;line-height:1.18}
.camera-intro>p:not(.eyebrow){font-size:calc((15px) * var(--ark-type-scale,1));line-height:1.75;color:#bcc7aa;margin:20px 0}
.camera-availability{display:inline-block;color:#c6d598;font-size:calc((12px) * var(--ark-type-scale,1));border:1px solid #c6d59840;border-radius:20px;padding:8px 12px}
.camera-demo-mount{position:relative;aspect-ratio:16/9;background:#172014;border:1px solid #c6d59845;border-radius:10px;overflow:hidden}
.camera-demo-mount>img{width:100%;height:100%;object-fit:cover;opacity:.46}
.camera-pending{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;background:linear-gradient(transparent,#12190feb)}
.camera-pending>span{font-size:calc((10px) * var(--ark-type-scale,1));letter-spacing:.12em;color:#c6d598}
.camera-pending>p{font-size:calc((22px) * var(--ark-type-scale,1));line-height:1.35;margin-top:10px;letter-spacing:-.025em}
.camera-demo-mount iframe{display:block;width:100%;height:100%;border:0}
.camera-launch{position:absolute;inset:0;display:grid;place-content:center;border:0;background:#15200f55;color:#f1f5e8;font-size:calc((16px) * var(--ark-type-scale,1))}
.camera-launch span{padding:14px 22px;border:1px solid #c6d59866;border-radius:6px;background:#1c281aea}
.camera-demo-mount.is-loaded{aspect-ratio:auto;grid-column:1/-1;background:#171b17}
.camera-playground.is-live{row-gap:24px}
.camera-playground.is-live .camera-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:6%;align-items:start}
.camera-playground.is-live .camera-intro .eyebrow{grid-column:1/-1}
.camera-playground.is-live .camera-intro h3{grid-column:1;grid-row:2/4}
.camera-playground.is-live .camera-intro>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0 0 16px}
.camera-playground.is-live .camera-availability{grid-column:2;grid-row:3;justify-self:start}
.story-grid{display:block}.story-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:start}
.story-copy .product-line,.story-copy .story-focus{grid-column:1/-1}
.story-copy h2{grid-column:1;grid-row:3/5}.story-copy>p:not(.story-focus){grid-column:2;grid-row:3;margin:0 0 24px;max-width:520px}
.story-copy>.button{grid-column:2;grid-row:4;justify-self:start}
.story-copy h2 em{white-space:nowrap}
.feature-demo-note{font-size:calc((12px) * var(--ark-type-scale,1));line-height:1.7;color:#92aaca;margin-top:25px}
.story-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.story-feature-grid article{display:flex;flex-direction:column}
.story-feature-grid article>p{margin-bottom:20px}
.feature-demo{margin-top:auto;border:1px solid #a9c9ff2c;border-radius:9px;overflow:hidden;background:#101b2a;--mini-ease:cubic-bezier(.22,1,.36,1)}
.mini-stage{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 0,#548bd116,transparent 65%),#101b2a}
.mini-controls{min-height:61px;border-top:1px solid #a9c9ff20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#152235}
.mini-action{font-size:calc((12px) * var(--ark-type-scale,1));font-weight:550;color:#d5e5ff;background:#a9c9ff13;border:1px solid #a9c9ff40;border-radius:5px;padding:9px 11px;white-space:nowrap;transition:background .2s}
.mini-action:hover{background:#a9c9ff28}.mini-action:focus-visible,.editor-choices button:focus-visible{outline:2px solid #cce0ff;outline-offset:2px}
.mini-status{font-size:calc((11px) * var(--ark-type-scale,1));line-height:1.5;color:#9bb4d4;text-align:right;max-width:210px}
.mini-tracks{position:absolute;inset:29px 23px 38px}.mini-track{display:flex;align-items:center;gap:12px;height:36px;margin-bottom:6px}
.mini-track>span{width:66px;flex-shrink:0;font-size:calc((11px) * var(--ark-type-scale,1));color:#a5bbd6}.mini-track-lane{flex:1;height:30px;background:repeating-linear-gradient(90deg,transparent 0 24%,#a9c9ff0b 24% 25%);position:relative;overflow:hidden;border-bottom:1px solid #a9c9ff0e}
.sync-clip{display:flex;align-items:center;justify-content:space-evenly;width:68%;height:27px;background:#769acf46;border:1px solid #a9c9ff70;border-radius:3px;transform:translateX(calc(12% + var(--track)*17%));transition:transform .95s var(--mini-ease);transition-delay:calc(var(--track)*.08s)}
.sync-clip b,.voice-wave b{width:2px;height:var(--wave);background:#bed8fa90;border-radius:2px}
.mini-track:last-child .sync-clip{background:#7f9b7960;border-color:#acc89970}.mini-track:last-child b{background:#c1d5a896}
.is-active .sync-clip{transform:translateX(0)}.sync-guide{position:absolute;width:1px;top:22px;bottom:25px;left:101px;background:#c8deff;opacity:0;transition:opacity .4s}.is-active .sync-guide{opacity:.7}
.mini-timecode{position:absolute;bottom:15px;left:100px;right:23px;display:flex;justify-content:space-between;font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.04em;color:#7994b6}
.select-clips{position:absolute;inset:0}.select-clip{position:absolute;left:calc(9% + var(--col)*29%);top:calc(32px + var(--row)*65px);width:23%;height:40px;border:1px solid #a9c9ff55;border-radius:4px;background:#2d4362;color:#bfd4ee;display:grid;place-content:center;font-size:calc((12px) * var(--ark-type-scale,1));transform:rotate(var(--rot));transition:all .95s var(--mini-ease);transition-delay:calc(var(--i)*.055s)}
.select-clip:nth-child(even){background:#384e6d}.is-active .select-clip{left:calc(4% + var(--i)*15.4%);width:14.2%;top:88px;height:42px;transform:rotate(0)}
.chapter-labels{position:absolute;left:4%;right:4%;top:48px;display:flex;justify-content:space-around;color:#acc8ed;font-size:calc((10px) * var(--ark-type-scale,1));letter-spacing:.05em;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s var(--mini-ease)}
.is-active .chapter-labels{opacity:1;transform:none;transition-delay:.3s}.chapter-labels span{border-left:1px solid #aecffa70;padding-left:7px}.select-track-label{position:absolute;bottom:24px;left:4%;font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.12em;color:#8ca7c9;opacity:0;transition:opacity .4s}.is-active .select-track-label{opacity:1}
.shot-monitors{position:absolute;inset:24px 22px 64px;display:flex;gap:9px}
.shot-monitors>div{flex:1;border:1px solid #a9c9ff30;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6e89aa;background:linear-gradient(140deg,#1d304b,#152235);transition:flex .7s var(--mini-ease),border-color .5s,color .5s,background .5s}
.shot-monitors span{font-size:calc((17px) * var(--ark-type-scale,1));letter-spacing:.04em}.shot-monitors small{font-size:calc((10px) * var(--ark-type-scale,1));margin-top:8px}
[data-shot="0"] [data-shot="0"],[data-shot="1"] [data-shot="1"],[data-shot="2"] [data-shot="2"]{flex:1.5;border-color:#b8d5ff;color:#d7e7ff;background:linear-gradient(140deg,#355780,#1b304c)}
.shot-sequence{position:absolute;bottom:25px;left:22px;right:22px;height:24px;display:flex;gap:3px}.shot-sequence i{font-style:normal;font-size:calc((9px) * var(--ark-type-scale,1));background:#314966;border-radius:2px;flex:1;padding:6px 8px;color:#afc5e3}.shot-sequence b{position:absolute;inset:-5px auto -5px 0;width:2px;background:#d2e3fc;box-shadow:0 0 8px #a9c9ff55;transition:left .7s var(--mini-ease)}
[data-shot="1"] .shot-sequence b{left:27%}[data-shot="2"] .shot-sequence b{left:54%}
.rough-sources{position:absolute;inset:24px 22px auto;display:flex;gap:6px}.rough-source{width:16%;height:41px;display:grid;place-content:center;border:1px solid #a9c9ff50;border-radius:3px;background:#2a4160;color:#b9cce6;font-size:calc((11px) * var(--ark-type-scale,1));transform:translateY(calc(var(--row)*10px)) rotate(var(--rot));transition:transform .8s var(--mini-ease),opacity .5s;transition-delay:calc(var(--i)*.055s)}
.is-active .rough-source{transform:translateY(40px) scale(.6);opacity:0}
.rough-output{position:absolute;inset:73px 22px 26px;display:flex;gap:4px}.rough-output>span{flex:1;height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.02em;color:#d4e3f6;background:#40618d;border:1px solid #a9c9ff65;border-radius:3px;opacity:0;transform:translateY(-20px) scale(.7);transition:all .8s var(--mini-ease);transition-delay:calc(.15s + var(--i)*.1s)}
.rough-output>span:nth-child(2){background:#4e6f90}.rough-output>span:nth-child(3){background:#776689}.rough-output>span:nth-child(4){background:#5b7866}
.rough-output>i,.rough-output>b{position:absolute;height:14px;left:0;right:0;top:52px;background:repeating-linear-gradient(90deg,#b0c89a70 0 2px,#54715b44 2px 5px);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--mini-ease) .35s}.rough-output>b{top:72px;height:9px;background:#9388af70;transition-delay:.55s}
.is-active .rough-output>span{opacity:1;transform:none}.is-active .rough-output>i,.is-active .rough-output>b{transform:scaleX(1)}
.voice-script{position:absolute;inset:18px 22px auto;border:1px solid #a9c9ff35;background:#243650;border-radius:5px;padding:12px 14px;transition:transform .8s var(--mini-ease),opacity .6s}
.voice-script>span,.learning-feedback>span{font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.13em;color:#9ab8dd}.voice-script>p{font-size:calc((13px) * var(--ark-type-scale,1))!important;line-height:1.6!important;margin:7px 0 0;color:#d6e4f7!important}
.voice-timeline{position:absolute;inset:111px 22px 20px;padding-left:25px}.voice-broll{display:flex;gap:4px;height:25px;opacity:.13;transform:translateY(-7px);transition:all .8s var(--mini-ease) .2s}.voice-broll>i{flex:1;background:#41638e;border-radius:3px;font-style:normal;font-size:calc((9px) * var(--ark-type-scale,1));color:#d2e4fe;display:grid;place-content:center}.voice-wave{display:flex;align-items:center;justify-content:space-around;height:22px;margin-top:5px;background:#4f6b5d;border:1px solid #a9c9a166;border-radius:3px;opacity:0;transform:scaleX(.3);transform-origin:left;transition:all .8s var(--mini-ease) .1s}.voice-wave b{background:#b3d1a9b0}.voice-timeline>span,.voice-timeline>small{position:absolute;left:0;top:5px;font-size:calc((9px) * var(--ark-type-scale,1));color:#8ca7c9}.voice-timeline>small{top:35px}
.is-active .voice-script{transform:translateY(-5px);opacity:.55}.is-active .voice-wave,.is-active .voice-broll{opacity:1;transform:none}
.learning-feedback{position:absolute;inset:20px 22px auto}.learning-feedback p{font-size:calc((14px) * var(--ark-type-scale,1))!important;margin:8px 0 0!important;color:#d4e3f8!important}
.learning-edit{position:absolute;top:95px;left:22px;right:22px;height:33px;display:flex;gap:4px}.learning-edit i{flex:1;background:#2c4566;border-radius:3px;display:grid;place-content:center;font-size:calc((10px) * var(--ark-type-scale,1));font-style:normal;color:#bdd1ed;transition:flex .8s var(--mini-ease),background .8s}
.learning-edit .reaction-clip{flex:.55;background:#5b577a}.is-active .learning-edit .reaction-clip{flex:2;background:#687caa}
.learning-memory{position:absolute;bottom:19px;left:22px;font-size:calc((11px) * var(--ark-type-scale,1));color:#b8d2ac;opacity:0;transform:translateY(5px);transition:opacity .5s .2s,transform .6s var(--mini-ease) .2s}.learning-memory span{margin-right:7px}.is-active .learning-memory{opacity:1;transform:none}
.chapter-world{position:absolute;inset:0 0 27px;overflow:hidden}.chapter-world img{width:100%;height:100%;object-fit:cover;opacity:.6;transform:scale(1.18);transition:transform 2.1s var(--mini-ease),filter 1s;filter:saturate(.55)}
.is-active .chapter-world img{transform:scale(1.38) translateX(-4%);filter:saturate(.8)}
.chapter-points{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(transparent,#14213766)}
.chapter-points>span{display:grid;place-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #cce0ffb3;background:#183251df;color:#e0edff;font-size:calc((11px) * var(--ark-type-scale,1));z-index:1;box-shadow:0 0 0 5px #a9c9ff10;transition:box-shadow .6s}
.chapter-points>span:nth-child(2){transform:translateY(-20px)}.chapter-points>span:nth-child(3){transform:translateY(12px)}
.chapter-points>i{position:absolute;left:16%;right:16%;height:1px;background:#cbe0ff;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--mini-ease)}
.is-active .chapter-points>i{transform:scaleX(1)}.is-active .chapter-points>span{box-shadow:0 0 15px #a9c9ff50,0 0 0 5px #a9c9ff20}
.chapter-scrub{position:absolute;inset:auto 0 0;height:27px;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;background:#142235}.chapter-scrub>span{font-size:calc((9px) * var(--ark-type-scale,1));letter-spacing:.08em;color:#c6d598}.chapter-scrub>i{position:absolute;top:0;left:0;width:100%;height:2px;background:#aecdf8;transform:scaleX(.02);transform-origin:left;transition:transform 2.1s var(--mini-ease)}.is-active .chapter-scrub>i{transform:scaleX(1)}
.editor-context{position:absolute;top:16px;left:22px;font-size:calc((9px) * var(--ark-type-scale,1));color:#98b6dc;letter-spacing:.1em}.editor-choices{position:absolute;inset:40px 22px auto;display:grid;gap:7px}
.editor-choices button{display:grid;grid-template-columns:1fr 20px;gap:3px 8px;border:1px solid #a9c9ff30;background:#1c2d44;color:#d3e3f9;border-radius:5px;padding:9px 11px;text-align:left;transition:border-color .2s,background .2s}
.editor-choices button>span{font-size:calc((11px) * var(--ark-type-scale,1))}.editor-choices button>small{font-size:calc((10px) * var(--ark-type-scale,1));color:#99b2d0;grid-row:2}.editor-choices button>b{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;font-size:calc((16px) * var(--ark-type-scale,1));font-weight:400}
.editor-choices button[aria-pressed=true]{border-color:#b3d0fa;background:#29496d}
.editor-insert{position:absolute;bottom:13px;left:22px;right:22px;height:14px;border-radius:2px;background:#20334e;overflow:hidden}.editor-insert i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#6885b088;transition:transform .7s var(--mini-ease)}.editor-insert span{font-size:calc((9px) * var(--ark-type-scale,1));position:absolute;inset:0;display:grid;place-content:center;color:#b3cae8;opacity:0;transition:opacity .5s}.is-active .editor-insert i{transform:scaleX(1)}.is-active .editor-insert span{opacity:1}
@media(max-width:760px){
 .demo-main .workflow-tabs{margin:14px 10px 0}
 .demo-main .workflow-tabs button{padding:12px 10px;font-size:calc((13px) * var(--ark-type-scale,1));gap:7px}
 .demo-main .workflow-tabs small{font-size:calc((12px) * var(--ark-type-scale,1));line-height:1.55}
 .demo-main .workflow-tabs .tab-symbol{display:none}
 .camera-playground{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:30px}
 .camera-intro h3{font-size:calc((29px) * var(--ark-type-scale,1))}.camera-intro>p:not(.eyebrow){font-size:calc((14px) * var(--ark-type-scale,1))}.camera-pending{padding:18px}.camera-pending>p{font-size:calc((18px) * var(--ark-type-scale,1))}
 .camera-playground.is-live .camera-intro{display:block}.camera-playground.is-live .camera-intro>p:not(.eyebrow){margin:20px 0}
 .story-copy{display:block}.story-copy>p:not(.story-focus){margin:20px 0 25px}.story-copy>.button{width:100%}
 .story-feature-grid{grid-template-columns:1fr;gap:30px}
 .mini-controls{flex-wrap:wrap;gap:9px;padding:11px 12px}.mini-status{font-size:calc((10px) * var(--ark-type-scale,1));max-width:none;text-align:left;flex:1;min-width:115px}.mini-action{font-size:calc((11px) * var(--ark-type-scale,1))}.mini-tracks{left:14px;right:14px}.mini-track>span{width:56px;font-size:calc((10px) * var(--ark-type-scale,1))}.sync-guide{left:82px}.mini-timecode{left:82px;right:14px;font-size:calc((8px) * var(--ark-type-scale,1))}
 .shot-monitors{left:15px;right:15px}.shot-monitors span{font-size:calc((14px) * var(--ark-type-scale,1))}.shot-monitors small{font-size:calc((9px) * var(--ark-type-scale,1))}.voice-script{left:15px;right:15px}.voice-script>p{font-size:calc((12px) * var(--ark-type-scale,1))!important}
}
@media(prefers-reduced-motion:reduce){.feature-demo *{transition:none!important;animation:none!important}}
.motion-paused .feature-demo *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.demo-main .workflow-tabs::before{transition:none}}
.motion-paused .demo-main .workflow-tabs::before{transition:none}
@media(min-width:761px) and (max-width:980px){.storyteller h2{font-size:calc((min(36px,3.65vw)) * var(--ark-type-scale,1))}}
@media(max-width:760px){.storyteller h2{font-size:calc((clamp(24px,7.6vw,36px)) * var(--ark-type-scale,1))}}