:root{--black:#0b0b0c;--bone:#edebe6;--muted:#9c9e97;--line:#333531;--amber:#ff9f0a;--teal:#0f6e68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--bone);font-family:Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.skip{position:fixed;top:-80px;left:15px;background:var(--amber);color:var(--black);padding:14px;z-index:99}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding:0 6%;max-width:1600px;margin:auto}header .brand{margin-right:auto;display:flex}header nav{display:flex;gap:30px;font-size:15px}header nav a:hover{color:var(--amber)}.nav-cta{font-size:14px;border:1px solid #73756d;padding:13px 17px;display:flex;gap:24px}.nav-cta:hover{background:var(--bone);color:var(--black)}.eyebrow,.micro,.hero-bottom,.tag,.number,figcaption,.use-list article>span,.status,.copyright{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1.3px}.eyebrow{display:block}.eyebrow i,.status i,figcaption i{display:inline-block;width:7px;height:7px;background:var(--amber);margin-right:10px}.muted{color:var(--muted)}.hero{padding-top:44px}.hero-top{display:flex;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:end;padding:52px 0 60px}.product{display:flex;align-items:center;gap:14px;font-weight:500;font-size:23px;margin-bottom:26px}.product img{border-radius:10px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:-1.4px;margin:0;line-height:.92}h1{font-size:clamp(76px,9.8vw,151px)}h1 em{font-style:normal;color:var(--amber)}.hero-aside{padding-bottom:7px;max-width:385px}.hero-aside>p:first-child{font-size:27px;line-height:1.25;margin:0 0 24px;font-weight:500}.description{color:#b9bcb4;line-height:1.65;font-size:18px;margin-bottom:32px}.button{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;font-weight:600;font-size:16px;max-width:310px}.primary{background:var(--bone);color:var(--black);border-bottom:3px solid var(--amber)}.primary:hover{background:var(--amber)}.micro{display:block;margin-top:18px;font-size:10px;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:10px}.hero-bottom a{color:var(--bone)}.demo-section{background:#151716;border-top:1px solid var(--line);padding:78px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:35px}h2{font-size:clamp(48px,5.5vw,78px)}h2+.x{margin:0}.section-heading h2{margin-top:22px}.section-heading>p{font-size:19px;line-height:1.6;color:#b9bcb4;margin:0;width:29%}figure{margin:0}video{display:block;width:100%;aspect-ratio:1.6;background:var(--black);border:1px solid #3b3e38}figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);padding-top:18px;font-size:10px;letter-spacing:.7px}figcaption span:first-child{color:var(--bone)}.benefits{padding-top:105px;padding-bottom:105px}.benefits h2{margin:25px 0 50px}.benefit-list article{display:grid;grid-template-columns:65px 1fr 1.15fr 110px;gap:20px;align-items:start;border-top:1px solid var(--line);padding:32px 0}.number{color:var(--amber);padding-top:8px}h3{font-size:25px;line-height:1.2;font-weight:500;margin:0}.benefit-list p{font-size:17px;line-height:1.6;color:#b9bcb4;margin:0;max-width:350px}.tag{font-size:9px;border:1px solid #494b45;padding:7px;text-align:center;color:var(--muted)}.use-section{background:var(--bone);color:var(--black);padding:95px 0}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.use-grid h2{margin-top:26px}.use-list article{padding:28px 0;border-top:1px solid #c3c4ba}.use-list article:first-child{padding-top:0;border-top:0}.use-list article>span{font-size:10px;color:#5e6152}.use-list h3{margin:14px 0 12px;font-size:27px}.use-list p{line-height:1.6;font-size:17px;color:#5e6152;margin:0}.faq{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.faq h2{margin-top:24px;font-size:54px}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:18px;cursor:pointer;padding:24px 0;font-size:18px;line-height:1.4}summary::-webkit-details-marker{display:none}summary>span{color:var(--amber);font-size:22px}details[open] summary>span{transform:rotate(45deg)}details p{color:#b9bcb4;line-height:1.65;font-size:16px;margin:0;padding:0 28px 25px 0}.availability{background:var(--teal);padding:80px 0}.availability h2{margin:24px 0 42px;font-size:clamp(56px,6.5vw,92px)}.availability-bottom{border-top:1px solid #73a8a24d;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.availability-bottom p{font-size:18px;line-height:1.6;margin:0}.status{white-space:nowrap;border:1px solid #83b1ac;padding:15px}.status i{background:var(--bone)}footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px;padding-top:45px;padding-bottom:30px}footer p{font-size:15px;color:var(--muted);line-height:1.5;margin:0}footer>a{text-align:right;font-size:13px}.copyright{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}@media(min-width:1600px){header{padding-left:96px;padding-right:96px}}@media(max-width:800px){header{height:80px;padding:0 6%;gap:18px}header nav{display:none}.nav-cta{font-size:12px;padding:11px;gap:12px}header .brand img{width:125px}.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr;gap:35px;padding:36px 0 40px}h1{font-size:clamp(80px,17vw,125px)}.hero-aside{max-width:520px}.hero-aside>p:first-child{font-size:24px}.description{font-size:17px}.hero-bottom{font-size:8px;gap:20px}.hero-bottom>span{max-width:140px;line-height:1.5}.demo-section{padding:55px 0}.section-heading{display:block}.section-heading>p{width:auto;font-size:17px;margin-top:25px}.section-heading>p br{display:none}figcaption{flex-direction:column;gap:9px;line-height:1.5}.benefits{padding-top:65px;padding-bottom:55px}.benefit-list article{grid-template-columns:28px 1fr;gap:16px;padding:25px 0}.benefit-list p{grid-column:2;max-width:none}.tag{grid-column:2;justify-self:start}.number{padding-top:5px}.benefit-list h3{font-size:23px}.use-section{padding:60px 0}.use-grid{grid-template-columns:1fr;gap:40px}.use-grid h2 br:last-child{display:none}.faq{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr;gap:35px}.faq h2{font-size:48px}.availability{padding:60px 0}.availability-bottom{align-items:start;flex-direction:column}.availability-bottom p{font-size:17px}.status{font-size:10px}footer{grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:13px}footer>a{grid-column:1/-1;text-align:left}.eyebrow{font-size:9px;line-height:1.7}.product{font-size:21px;margin-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Native, scalable product scenario. All demo copy remains in English. */
header .brand img,footer>img{height:auto;width:155px}header .brand img{max-height:38px}.demo-section{background:radial-gradient(ellipse at 70% 50%,#15302c70,transparent 65%),#111313}.native-demo{border:1px solid #3b413c;background:#1b201f;box-shadow:0 25px 80px #0005;overflow:hidden}.demo-topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #3b413c}.demo-topbar>span{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px}.motion-toggle{font:12px Barlow,Arial,sans-serif;color:#c3cbc6;background:none;border:1px solid #52605a;padding:8px 12px;cursor:pointer}.motion-toggle:focus-visible{outline:2px solid var(--amber)}.demo-desktop{position:relative;aspect-ratio:1000/620;background:radial-gradient(ellipse at 20% 0,#34605b,#152724 65%,#11211f);overflow:hidden;container-type:inline-size}.demo-window{position:absolute;inset:9% 7% 12%;background:#f5f4ef;border-radius:8px;box-shadow:0 18px 50px #0006;color:#171a18;overflow:hidden}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5% 2.5%;font:1.25cqw Barlow,Arial,sans-serif;background:#e5e5df;border-bottom:1px solid #cccfc6}.traffic{color:#a2a59c;font-size:1.3cqw;letter-spacing:3px}.asset-heading{display:flex;justify-content:space-between;font:1cqw 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#72776d;padding:5% 5% 0}.asset-canvas{position:absolute;inset:23% 6% 18%;background:var(--bone);display:flex;align-items:center;justify-content:center}.asset-canvas img{width:72%;height:auto}.asset-label{position:absolute;bottom:8%;font:1.05cqw Barlow,Arial,sans-serif;color:#72776d}.asset-footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #d9dcd3;padding:2.5% 5%;display:flex;justify-content:space-between;color:#72776d;font:1.1cqw 'IBM Plex Mono',monospace}.capture-region{position:absolute;left:12%;top:25%;width:76%;height:44%;border:2px solid #0f8f84;animation:capture 14s infinite;transform-origin:top left}.capture-size{position:absolute;left:-2px;top:-27px;background:#0f6e68;color:white;padding:5px 8px;font:1cqw 'IBM Plex Mono',monospace;white-space:nowrap}.corner{position:absolute;width:7px;height:7px;background:#0f8f84}.tl{top:-4px;left:-4px}.tr{top:-4px;right:-4px}.bl{bottom:-4px;left:-4px}.br{bottom:-4px;right:-4px}.annotation-tools{position:absolute;left:25%;top:13%;height:7%;padding:0 1%;background:#252b29;color:#f4f4ee;border:1px solid #57605c;border-radius:6px;box-shadow:0 6px 18px #0003;display:flex;gap:1.8cqw;align-items:center;font:1.9cqw Barlow,Arial,sans-serif;animation:tools 14s infinite;white-space:nowrap}.annotation-tools .selected{color:#ff9f0a}.tool-color{background:#ff9f0a;width:1cqw;height:1cqw;border-radius:50%}.tool-copy{font-size:1.1cqw;border-left:1px solid #57605c;padding-left:1.5cqw}.review-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.review-arrow path{fill:none;stroke:#e99000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:170;animation:arrow 14s infinite}.review-note{position:absolute;left:61%;top:68%;font:500 1.9cqw Barlow,Arial,sans-serif;color:#fff;background:#0f6e68;padding:.7cqw 1.2cqw;animation:note 14s infinite;white-space:nowrap;overflow:hidden}.demo-cursor{position:absolute;width:2.2%;height:5%;left:12%;top:25%;filter:drop-shadow(0 1px 1px #0005);animation:cursor 14s infinite}.copy-toast{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);background:#f2f1eb;color:#123d35;border-radius:5px;box-shadow:0 5px 18px #0004;padding:1cqw 2cqw;white-space:nowrap;font:500 1.4cqw Barlow,Arial,sans-serif;animation:copied 14s infinite}.copy-toast b{color:#0f6e68;margin-right:1cqw}.demo-caption{position:relative;height:55px;display:block;padding:18px 22px;font:14px Barlow,Arial,sans-serif;letter-spacing:0;color:#d1d8d3;background:#171c1a}.step{position:absolute;animation:step1 14s infinite}.step-two{animation-name:step2}.step-three{animation-name:step3}.step-four{animation-name:step4}.demo-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--amber);animation:progress 14s linear infinite}.paused *{animation-play-state:paused!important}@keyframes capture{0%,5%{opacity:0;clip-path:inset(0 100% 100% 0)}7%{opacity:1;clip-path:inset(0 100% 100% 0)}22%,92%{opacity:1;clip-path:inset(-35px -5px -5px -5px)}98%,100%{opacity:0;clip-path:inset(-35px -5px -5px -5px)}}@keyframes tools{0%,23%{opacity:0;transform:translateY(6px)}28%,92%{opacity:1;transform:translateY(0)}98%,100%{opacity:0}}@keyframes arrow{0%,32%{opacity:0;stroke-dashoffset:170}34%{opacity:1;stroke-dashoffset:170}45%,92%{opacity:1;stroke-dashoffset:0}98%,100%{opacity:0;stroke-dashoffset:0}}@keyframes note{0%,49%{opacity:0;max-width:0}50%{opacity:1;max-width:0}63%,92%{opacity:1;max-width:25cqw}98%,100%{opacity:0;max-width:25cqw}}@keyframes copied{0%,75%{opacity:0;transform:translate(-50%,6px)}80%,92%{opacity:1;transform:translate(-50%,0)}98%,100%{opacity:0}}@keyframes cursor{0%,6%{left:12%;top:25%;opacity:0}7%{opacity:1;left:12%;top:25%}22%{left:88%;top:69%}30%{left:33%;top:16%}34%{left:74%;top:68%}44%{left:70.5%;top:51%}50%,63%{left:78%;top:72%}75%{left:68%;top:16%;opacity:1}80%,100%{left:68%;top:16%;opacity:0}}@keyframes step1{0%,23%{opacity:1}25%,100%{opacity:0}}@keyframes step2{0%,24%{opacity:0}26%,48%{opacity:1}50%,100%{opacity:0}}@keyframes step3{0%,49%{opacity:0}51%,74%{opacity:1}76%,100%{opacity:0}}@keyframes step4{0%,75%{opacity:0}77%,96%{opacity:1}99%,100%{opacity:0}}@keyframes progress{from{width:0}to{width:100%}}@media(max-width:800px){.demo-topbar{padding:10px 12px}.demo-topbar>span{font-size:13px}.motion-toggle{font-size:10px;padding:6px 9px}.demo-caption{font-size:12px;height:43px;padding:13px}.capture-size{top:-19px;padding:3px 5px}.capture-region{border-width:1px}.copyright{line-height:1.8}}
.recording-demos{padding-top:95px;padding-bottom:30px}.recording-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.recording-grid article>h3{margin:27px 0 14px}.recording-grid article>p{font-size:17px;line-height:1.6;color:#b9bcb4;margin:0 0 22px}.format-line{border-top:1px solid var(--line);padding-top:16px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;display:flex;justify-content:space-between}.format-line span{color:var(--amber)}.mini-demo .demo-topbar{padding:13px 16px}.mini-demo .demo-topbar>span{font-size:13px}.mini-demo .motion-toggle{font-size:10px;padding:6px 8px}.rec-stage{aspect-ratio:1.13;position:relative;overflow:hidden;background:radial-gradient(ellipse at top left,#2d5651,#142724);container-type:inline-size}.rec-panel{position:absolute;left:9%;right:9%;top:9%;background:#eeeFE9;color:#1c211e;border-radius:9px;box-shadow:0 12px 30px #0005;padding:4%;font:2.5cqw Barlow,Arial,sans-serif;animation:panel-out 16s infinite}.panel-title{font-size:3.3cqw;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:6%}.panel-title span{font-size:2.2cqw;color:#646e65}.rec-field{display:grid;grid-template-columns:28% 1fr;gap:3%;align-items:center;margin-bottom:4%}.rec-field>span{text-align:right;color:#5f685f;font-size:2.3cqw}.rec-field strong{font-weight:500;border:1px solid #c7cec5;border-radius:4px;background:#fff;padding:3%;display:flex;justify-content:space-between;font-size:2.4cqw;white-space:nowrap}.rec-field strong b{font-weight:400}.rec-checks{margin-left:31%;display:grid;gap:1.6cqw;margin-bottom:5%;font-size:2.4cqw}.rec-checks span{white-space:nowrap}.rec-checks span::first-letter{color:var(--teal)}.rec-actions{border-top:1px solid #cbd1c8;padding-top:4%;display:flex;align-items:center;justify-content:end;gap:5%;font-size:2.5cqw}.rec-actions strong{background:var(--teal);color:white;padding:2% 6%;border-radius:4px}.choice-menu{position:absolute;left:30%;right:3%;background:#fafbf7;box-shadow:0 8px 24px #0004;border:1px solid #cbd1c8;border-radius:5px;padding:1.5%;font-size:2.2cqw;z-index:3;opacity:0;animation:target-choices 16s infinite}.choice-menu span{display:block;padding:3% 2%;white-space:nowrap}.choice-menu .chosen{background:var(--teal);border-radius:3px;color:white}.target-menu{top:29%}.mic-menu{top:41%;animation-name:mic-choices}.audio-mic-menu{top:48%;animation-name:audio-choices}.rec-countdown{position:absolute;inset:0;display:grid;place-items:center;background:#0b1716c9;pointer-events:none;animation:count-bg 16s infinite}.rec-countdown span{position:absolute;font:800 17cqw 'Barlow Condensed',Impact,sans-serif;opacity:0;animation:count-three 16s infinite;color:var(--bone)}.rec-countdown span:nth-child(2){animation-name:count-two}.rec-countdown span:nth-child(3){animation-name:count-one}.recorded-content{position:absolute;inset:0;animation:record-content 16s infinite;background:#1b3430}.recording-indicator{position:absolute;top:4%;right:5%;background:#0b0b0c;color:#ff726a;padding:2% 4%;border-radius:20px;font:2.5cqw 'IBM Plex Mono',monospace}.recording-indicator span{color:#fff}.document-sample{position:absolute;inset:20% 10% 12%;background:var(--bone);padding:6%;color:#1b2520;box-shadow:0 10px 20px #0004}.document-sample>span{font:2cqw 'IBM Plex Mono',monospace;color:#70796d}.document-sample img{display:block;width:87%;margin:11% 0}.sample-rule{height:1px;background:#c6cabc;margin-bottom:8%}.document-sample strong{font-size:3.4cqw;font-weight:500}.document-sample p{font-size:2.5cqw}.click-ring{position:absolute;left:72%;top:53%;width:7cqw;height:7cqw;border:2px solid var(--amber);border-radius:50%;animation:ring 16s infinite}.record-saved{position:absolute;inset:24% 12%;background:#eef1e9;border:1px solid #a6b7ab;box-shadow:0 15px 30px #0004;border-radius:10px;color:#152d24;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5%;animation:save-result 16s infinite}.record-saved>b{display:grid;place-items:center;font-size:5cqw;border:1px solid #a6b7ab;border-radius:50%;width:10cqw;height:10cqw;color:var(--teal)}.record-saved strong{font-size:3.5cqw;font-weight:500}.record-saved>span{font:2.5cqw 'IBM Plex Mono',monospace}.rec-caption{position:relative;display:block;height:52px;font:12px Barlow,Arial,sans-serif;padding:17px 16px;letter-spacing:0;color:#c6d1c9}.rec-caption>span{position:absolute;opacity:0;animation:caption-setup 16s infinite}.rec-caption .rc-record{animation-name:caption-record}.rec-caption .rc-save{animation-name:caption-save}.audio-symbol{text-align:center;font-size:6cqw;color:var(--teal);margin:-3% 0 3%}.echo-note{font-size:2cqw;color:#6e796b;margin:-1% 0 5% 31%}.audio-recording{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;animation:record-content 16s infinite;background:#172e29}.voice-icon{font-size:5cqw;color:#ff726a;animation:record-pulse 1s infinite}.audio-recording strong{font-weight:500;font-size:4cqw}.audio-timer{font:6cqw 'IBM Plex Mono',monospace}.audio-sources{display:flex;gap:2cqw;margin-top:2%}.audio-sources span{font-size:2.3cqw;border:1px solid #4e7668;padding:1.6cqw}.stop-hint{font:2cqw 'IBM Plex Mono',monospace;color:#a9bcb0;margin-top:5%}.capture-tools{margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.capture-tools p{font-size:17px;line-height:1.8;color:#b9bcb4;margin:13px 0 0}@keyframes panel-out{0%,31%{opacity:1}35%,94%{opacity:0}100%{opacity:1}}@keyframes target-choices{0%,3%{opacity:0}5%,12%{opacity:1}14%,100%{opacity:0}}@keyframes mic-choices{0%,15%{opacity:0}17%,25%{opacity:1}27%,100%{opacity:0}}@keyframes audio-choices{0%,5%{opacity:0}7%,24%{opacity:1}27%,100%{opacity:0}}@keyframes count-bg{0%,32%{opacity:0}34%,53%{opacity:1}55%,100%{opacity:0}}@keyframes count-three{0%,33%{opacity:0}34%,39%{opacity:1}40%,100%{opacity:0}}@keyframes count-two{0%,39%{opacity:0}40%,45%{opacity:1}46%,100%{opacity:0}}@keyframes count-one{0%,45%{opacity:0}46%,52%{opacity:1}53%,100%{opacity:0}}@keyframes record-content{0%,53%{opacity:0}55%,77%{opacity:1}80%,100%{opacity:0}}@keyframes save-result{0%,79%{opacity:0;transform:translateY(10px)}82%,94%{opacity:1;transform:translateY(0)}99%,100%{opacity:0}}@keyframes ring{0%,60%{opacity:0;transform:scale(.5)}63%,66%{opacity:1;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.7)}}@keyframes caption-setup{0%,53%{opacity:1}55%,100%{opacity:0}}@keyframes caption-record{0%,54%{opacity:0}56%,78%{opacity:1}80%,100%{opacity:0}}@keyframes caption-save{0%,79%{opacity:0}81%,98%{opacity:1}100%{opacity:0}}@keyframes record-pulse{50%{opacity:.4}}@media(max-width:800px){.recording-demos{padding-top:60px}.recording-grid{grid-template-columns:1fr;gap:45px}.recording-grid article>p{font-size:16px}.rec-caption{height:47px;font-size:12px}.capture-tools{margin-top:35px}.capture-tools p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.native-demo:not(.motion-enabled) *{animation-play-state:paused!important}}
/* Keep loop controls available without competing with the demonstration. */
.native-demo .motion-toggle{opacity:0;pointer-events:none;transition:opacity .15s ease}
.native-demo:hover .motion-toggle,.native-demo:focus-within .motion-toggle{opacity:1;pointer-events:auto}
@media(hover:none){.native-demo .motion-toggle{opacity:.65;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.native-demo .motion-toggle{opacity:1;pointer-events:auto;transition:none}}