@font-face{font-family:Fustat;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/fustat-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02FF,U+0304,U+1E00-1EFF}
@font-face{font-family:Fustat;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/fustat-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02FF,U+0304,U+1E00-1EFF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/dm-mono-latin-500-normal.woff2') format('woff2')}
:root{--ayla-cyan:#3fc2d9;--ayla-peacock:#087b8c;--ayla-dark:#062f39;--ayla-mist:#eef9fa}
html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:Inter,sans-serif}.ayla-accent{color:var(--ayla-peacock)}
.ayla-logo-mark{width:37px;height:37px;object-fit:contain}.ayla-wordmark{font-family:Fustat,Inter,sans-serif!important;font-size:25px!important;font-weight:500}.ayla-brand-descriptor{font-size:8px;line-height:1.3;letter-spacing:.085em;font-weight:500;color:#737373;border-left:1px solid #ddd;padding-left:9px;margin-left:2px;text-align:left}
#site-header{transition:padding .3s ease}#site-header.is-scrolled{padding-top:10px}#site-header.is-scrolled>div{border:1px solid #e7eeee;box-shadow:0 4px 20px #0c455207;border-radius:4px;background:#ffffffec}
.source-attribution{font-family:Inter,sans-serif;font-size:12px;line-height:1.65;color:#52646a;text-align:center;max-width:920px;margin:0 auto 22px;padding:12px 22px}.source-attribution a{text-decoration:underline;text-underline-offset:3px}.source-attribution:has(a){border:1px solid #d6e7e9;background:#f5fbfc}
.hero-assurance{font-size:11px;color:#476b72;white-space:nowrap}.demo-disclosure{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#f1fbfc;border-bottom:1px solid #dbecef;padding:10px 16px;font:10px 'DM Mono',monospace;color:#087b8c;text-align:left;grid-column:1/-1;position:relative;z-index:2}.demo-disclosure i{display:inline-block;width:5px;height:5px;background:#21b7cb;margin-right:7px}.demo-disclosure button{padding:3px 6px;border:1px solid #cde6ea;white-space:nowrap}
.source-video{display:flex!important;position:absolute;inset:0;align-items:center;justify-content:center;gap:14px;flex-direction:column;padding:25px;background:radial-gradient(ellipse at top,#1e3940,#111);color:#fff;text-align:center}.source-video small{opacity:.7;font-size:11px}.video-play{width:56px;height:56px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;color:#4ecde1;font-size:18px}.source-video:hover .video-play{background:#3fc2d9;color:#062f39}
.workflow-video{min-height:350px;aspect-ratio:16/9;background:#102b33;padding:24px 28px;color:white;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.workflow-live{font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#8cbbc4}.workflow-step{display:grid;grid-template-columns:32px 1fr;column-gap:12px;color:#60d1e1;font:12px 'DM Mono',monospace;border-bottom:1px solid #ffffff15;padding:10px 0;animation:flow-in 1s ease both}.workflow-step strong{font:500 17px Fustat,sans-serif;color:#fff}.workflow-step small{grid-column:2;font:11px Inter,sans-serif;color:#9bb5bc;margin-top:4px}.workflow-step:nth-child(3){animation-delay:.2s}.workflow-step:nth-child(4){animation-delay:.4s}
.ayla-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#171717;color:#fff;border:1px solid #171717;padding:13px 21px;min-height:46px;font-size:13px;border-radius:4px;transition:background .2s,transform .2s;cursor:pointer}.ayla-button:hover{background:var(--ayla-peacock);border-color:var(--ayla-peacock);transform:translateY(-2px)}
.footer-note{font-size:11px;color:#b4c3c6;max-width:1200px;margin:30px auto 0;padding:0 24px;text-align:center}footer .ayla-wordmark{color:white!important}footer .ayla-logo-mark{width:40px;height:40px}
[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:12px;background:#062f39;color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #087b8c!important;outline-offset:4px!important}
#site-header .menu-open>div.absolute{opacity:1;visibility:visible;pointer-events:auto}#mobile-menu{display:flex;flex-direction:column;gap:0;background:white;padding:14px 24px 24px;max-height:calc(100dvh - 75px);overflow-y:auto;border-top:1px solid #eee}#mobile-menu a,#mobile-menu button{padding:11px 0;text-align:left;font-size:14px}#mobile-menu span{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#71888d;margin-top:14px}#mobile-menu button{background:#062f39;color:#fff;padding:12px 16px;margin-top:14px;border-radius:4px}
#demo-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:34px;border:1px solid #dce9eb;border-radius:6px;background:#fff;color:#171717;box-shadow:0 30px 100px #042d3940}#demo-dialog::backdrop{background:#062b3970;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:27px;color:#666;width:35px;height:35px}.dialog-eyebrow,.kicker{font:10px 'DM Mono',monospace;color:#087b8c;letter-spacing:.12em;text-transform:uppercase}#demo-dialog h2{font:600 32px/1.1 Fustat,sans-serif;margin:18px 0 13px;letter-spacing:-.03em}#demo-dialog>p{font-size:13px;line-height:1.6;color:#6a7377}#demo-thread{display:flex;flex-direction:column;gap:12px;padding:24px 0}.preview-incoming,.preview-outgoing{padding:13px 16px;font-size:13px;line-height:1.5;max-width:85%;border-radius:14px;animation:flow-in .3s ease}.preview-incoming{background:#f3f4f4;align-self:flex-start}.preview-outgoing{background:#0c4653;color:#fff;align-self:flex-end}#demo-choices{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#demo-choices button{border:1px solid #bbdce1;padding:10px 14px;font-size:12px;border-radius:4px}#demo-choices button:hover{background:#eef9fa}.demo-note{font-size:11px!important;color:#657a80!important;line-height:1.7;max-width:570px;margin-top:16px}#reset-demo{font-size:12px;margin-top:13px;text-decoration:underline;text-underline-offset:4px}
.blog-page,.article-page,.simple-page{padding:150px 24px 100px;max-width:1200px;margin:auto}.blog-heading{text-align:center;margin-bottom:54px}.blog-heading h1,.simple-page h1{font:600 clamp(36px,5vw,60px)/1.06 Fustat,sans-serif;letter-spacing:-.035em;margin:18px auto 24px;max-width:850px}.blog-heading>p:last-child,.simple-page>p{font-size:16px;line-height:1.7;color:#737373;max-width:620px;margin:0 auto 26px}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 30px;border-top:1px solid #eee}.blog-filters button{font-size:12px;padding:9px 15px;border:1px solid #ddd;border-radius:4px;color:#737373}.blog-filters button[aria-pressed=true]{background:#171717;color:white;border-color:#171717}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.blog-card{border:1px solid #e7e7e7;border-radius:4px;overflow:hidden;transition:transform .3s,border-color .3s}.blog-card:hover{transform:translateY(-4px);border-color:#087b8c}.blog-art{min-height:220px;padding:25px;background-color:#eef7f7;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,#0a5a6709 30px,#0a5a6709 31px);display:flex;flex-direction:column;justify-content:space-between;color:#087b8c}.blog-art>span{font:9px 'DM Mono',monospace;letter-spacing:.1em}.blog-art strong{font:500 29px/1.15 Fustat,sans-serif;letter-spacing:-.03em}.blog-art small{font-size:10px}.art-1,.art-4{background-color:#0c333e;color:#65d1e2}.art-2{background-color:#ebf5ef;color:#206356}.art-3{background-color:#edf2f7;color:#275b7b}.blog-card-copy{padding:24px}.article-category{font:10px 'DM Mono',monospace;color:#087b8c}.blog-card h2{font:600 24px/1.15 Fustat,sans-serif;letter-spacing:-.02em;margin:12px 0}.blog-card p{font-size:13px;line-height:1.65;color:#737373}.article-link{font-size:11px;display:inline-block;margin-top:20px}.article-page{max-width:790px;text-align:left}.article-page h1{font:600 clamp(36px,5vw,54px)/1.07 Fustat,sans-serif;letter-spacing:-.04em;margin:20px 0}.article-page h2{font:600 28px/1.2 Fustat,sans-serif;letter-spacing:-.02em;margin-bottom:18px}.article-page section{margin:40px 0}.article-page p{font-size:16px;line-height:1.85;color:#62696c}.article-deck{font-size:20px!important}.article-byline{font-size:12px;color:#81898b;border-bottom:1px solid #e2e7e8;padding:24px 0;margin-bottom:35px}.back-link{font-size:12px;display:inline-block;margin-bottom:40px}.article-cta{border:1px solid #cddfe2;background:#f4fafa;padding:30px;margin-top:50px}.article-cta p{margin-bottom:20px}.simple-page{text-align:center;min-height:70vh}.reviews-page>.simple-page{min-height:0;padding-bottom:25px}
.niche-selected{border-color:#087b8c!important;background:#eef9fa!important}.niche-selection-note{font-size:11px;text-align:left;color:#087b8c;line-height:1.5;padding:10px 0}.demo-search-empty{padding:15px;font-size:12px;color:#666}.chat-preview-message{animation:flow-in .4s ease both}.demo-paused{opacity:.6}.terminal-pulse{animation:terminal-in 5s ease-in-out infinite}.page-motion-paused *,.page-motion-paused *::before,.page-motion-paused *::after{animation-play-state:paused!important}.motion-toggle{position:fixed;bottom:16px;right:16px;z-index:25;width:37px;height:37px;background:white;border:1px solid #d7e3e5;border-radius:4px;color:#335a64;box-shadow:0 2px 12px #082e3a0a;font-size:14px}.motion-toggle:hover{border-color:#087b8c}.source-video:focus-visible{outline-offset:-5px!important}
@media(max-width:1023px){[data-inbox-panel].inbox-mobile-active{display:flex!important}[data-inbox-panel="details"].inbox-mobile-active{display:block!important}[data-inbox-panel].inbox-mobile-inactive{display:none!important}}
@keyframes flow-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-in{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:1050px){.ayla-brand-descriptor{display:none}#site-header nav{gap:15px}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){#site-header.is-scrolled{padding:0}#site-header.is-scrolled>div{border-radius:0;border-width:0 0 1px}#site-header .grid{grid-template-columns:1fr auto}#mobile-menu-toggle{grid-column:2}.ayla-logo-mark{width:32px;height:32px}.ayla-wordmark{font-size:24px!important}.ayla-brand-descriptor{display:block}.source-attribution{font-size:10px;margin:0 16px 20px;padding:10px 13px}.demo-disclosure{font-size:9px;gap:8px;flex-wrap:wrap;padding:10px}.demo-disclosure>span:nth-child(2){display:none}.workflow-video{min-height:330px;padding:22px}.blog-page,.simple-page,.article-page{padding:112px 20px 64px}.blog-grid{grid-template-columns:1fr}.blog-heading{margin-bottom:32px}.blog-card h2{font-size:25px}.blog-art{min-height:210px}.article-page p{font-size:15px}.article-page h2{font-size:25px}.article-cta{padding:22px}.blog-filters{gap:6px}.blog-filters button{padding:8px 11px;font-size:11px}#demo-dialog{padding:28px 22px}.hero-assurance{white-space:normal;font-size:10px}.source-video strong{font-size:14px}.motion-toggle{bottom:10px;right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sr-init,.hero-word{opacity:1!important;transform:none!important;filter:none!important}}
