@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/ibm-plex-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#231e35;--bg-deep:#1e1a2e;--surface:#2b243e;--surface-raised:#302842;--text:#f3eef8;--muted:#b9afc9;--subtle:#a79bb9;--accent:#d1b5ff;--accent-strong:#b997ed;--line:#ffffff14;--line-strong:#ffffff24;--sans:Manrope,Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--radius:14px;--ease:cubic-bezier(.16,1,.3,1);--container:1160px;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#76628f var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{color:#21182e;background:#d1b5ff}
button,a,input{ -webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #e2caff;outline-offset:5px}
button:disabled{cursor:wait;opacity:.6}
button{border:0;background:none}
img,svg{display:block;flex-shrink:0}
h1,h2,h3,h4,p,blockquote{margin:0}
h1,h2,h3,h4{line-height:1.2}
h1,h2{text-wrap:balance;font-weight:500;letter-spacing:-.04em}
p{text-wrap:pretty}
.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}
.icon,.feature-icon,.case-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--bg);padding:12px 20px;z-index:1000;border-radius:8px}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:20}
.header-inner{display:flex;align-items:center;min-height:88px;gap:64px}
.brand{font-size:29px;font-weight:750;letter-spacing:-1.2px;display:inline-flex;align-items:center;line-height:1;gap:9px}
.brand-dot{color:var(--accent);margin-left:-8px}
.main-nav{display:flex;flex:1;justify-content:space-between;align-items:center;gap:24px}
.nav-links,.nav-actions{display:flex;align-items:center;gap:29px}
.nav-links a,.docs-link{font-size:12px;font-weight:550;color:#c7bdd6;transition:color .2s}
.nav-links a:hover,.docs-link:hover{color:var(--text)}
.docs-link{display:flex;align-items:center;gap:7px}
.docs-link .icon{width:14px;height:14px}
.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;border-radius:7px;font-size:13px;line-height:1.4;font-weight:700;transition:background .2s,color .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button-primary{color:#2a1e3e;background:var(--accent)}
.button-primary:hover{background:#dfc9ff}
.button-secondary{background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff27;color:#e5dced}
.button-secondary:hover{background:#ffffff0d}
.button-small{min-height:39px;font-size:11px;padding:10px 14px;gap:15px}
.button .icon{width:16px;height:16px}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:87px}
.hero-atmosphere{position:absolute;inset:-100px -15% 0 28%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 62% 47%,#72508a33 0%,#644b7818 33%,transparent 67%)}
.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:42px;align-items:center;padding-bottom:64px}
.hero-copy{padding-bottom:20px;position:relative;z-index:2}
.hero-label{font-size:11px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:9px;color:#d4c2e4;background:#baa0d20b;border:1px solid #baa0d221;padding:6px 10px;border-radius:5px;margin-bottom:27px}
.tiny-flame{height:8px;width:6px;display:block;border-radius:70% 30% 70% 30%;background:#dcbbf6;transform:rotate(-22deg)}
h1{font-size:clamp(48px,5.12vw,72px);line-height:1.09;letter-spacing:-.04em;margin-bottom:26px}
h1 span{color:var(--accent)}
.hero-description{font-size:15px;line-height:1.85;color:#c2b7d0;max-width:440px}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:29px}
.hero-note{font-size:10px;color:var(--subtle);margin-top:19px;letter-spacing:.005em}
.hero-visual{position:relative;min-width:0;padding-top:14px}
.orbital-lines{position:absolute;width:135%;height:140%;top:-22%;left:-13%;z-index:-1;stroke:#b99fd61b;stroke-width:.8;pointer-events:none}
.code-window{position:relative;border-radius:12px;background:#211c31;box-shadow:0 24px 65px -22px #110b275e;overflow:hidden;outline:1px solid #b39ac036}
.window-title{height:45px;display:flex;align-items:center;padding:0 18px;gap:10px;background:#ffffff03;border-bottom:1px solid var(--line)}
.window-title>span{margin:auto;font:10px var(--mono);color:#b8aac9;letter-spacing:.02em}
.window-title>.icon{width:15px;height:15px;color:#a192b5}
.window-dots{display:flex;gap:5px}
.window-dots i{width:6px;height:6px;border-radius:50%;background:#a886a0}
.window-dots i:nth-child(2){background:#b69b8b}
.window-dots i:nth-child(3){background:#8c9e94}
.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #ffffff09}
.code-tabs{display:flex;gap:21px}
.code-tabs button{position:relative;padding:14px 0 12px;font-size:10px;font-weight:500;color:#a99bb9}
.code-tabs button[aria-selected=true]{color:#dfc6ff}
.code-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#c5a3ef}
.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:5px;color:#b0a0c3;transition:background .2s,color .2s}
.icon-button:hover{background:#ffffff09;color:var(--text)}
.icon-button .icon{width:14px;height:14px}
.code-content{padding:22px 21px 23px;overflow:auto;scrollbar-width:thin;min-height:294px}
pre{margin:0;font-family:var(--mono);font-size:10.8px;line-height:1.93;tab-size:2;color:#d1c6df;white-space:pre}
code{font-family:inherit}
.c-comment{color:#9d8eac}
.c-keyword{color:#c9a0e9}
.c-function{color:#d7c3f5}
.c-string{color:#b9d2bc}
.code-result{display:flex;gap:12px;margin:0 17px 18px;background:#a98bc010;border:1px solid #cba4e61c;padding:12px;border-radius:7px;transition:background 1s}
.result-spark{width:27px;height:27px;display:grid;place-items:center;color:var(--accent);background:#bc8cdb13;border-radius:6px;margin-top:2px}
.result-spark .icon{width:16px;height:16px}
.result-label{display:block;color:#cbb4de;font-size:9px;margin-bottom:4px}
.code-result p{font-size:10px;line-height:1.7;color:#e4d9ed}
.code-caption{border-top:1px solid #ffffff0a;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;color:#ab9bbc;font-size:8px}
.code-caption>span,.code-caption a{display:flex;align-items:center;gap:6px}
.code-caption a:hover{color:var(--accent)}
.code-caption .icon{width:10px;height:10px}
.status-dot{width:4px;height:4px;border-radius:50%;background:#b3b1ac}
.runtime-flow{display:flex;align-items:center;justify-content:center;position:relative;gap:14px;margin:26px 6px 0;padding-right:28px}
.runtime-step{display:flex;align-items:center;gap:7px;font-size:10px;color:#a89ab9;transition:color .65s ease}
.step-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b99fd620;border-radius:8px;transition:background .65s,box-shadow .65s,border-color .65s}
.step-icon .icon{width:14px;height:14px}
.runtime-step.is-active{color:#dec3fa}
.runtime-step.is-active .step-icon{background:#ad7ddb19;border-color:#cca3f760;box-shadow:0 0 15px #ac70e022}
.flow-connector{width:25px;height:1px;background:#b69fcc35;position:relative}
.flow-connector:after{content:'';position:absolute;width:4px;height:4px;border:solid #b69fcc77;border-width:1px 1px 0 0;right:0;top:-1.5px;transform:rotate(45deg)}
.flow-pause{position:absolute;right:-9px;width:26px;height:28px}
.pause-symbol{width:7px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.flow-pause[aria-pressed=true] .pause-symbol{height:0;width:0;border:5px solid transparent;border-left:7px solid currentColor;border-right:0}
.compatibility{min-height:96px;border-top:1px solid var(--line);display:flex;align-items:center;gap:38px;color:#c2b5cf}
.compatibility>span:first-child{font-size:10px;color:#a99ab9;margin-right:8px}
.compatibility>div{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}
.compatibility .icon{width:18px;height:18px}
.compatibility .compatibility-note{margin-left:auto;font-size:10px;color:#a99ab9}
.js-mark{background:#bcb0c9;color:var(--bg);font-size:10px;line-height:17px;width:17px;text-align:right;font-weight:800;padding-right:1px;border-radius:1px}
.flutter-mark{width:17px;height:17px;fill:#bcb0c9}
.section{padding:104px 0}
h2{font-size:43px;line-height:1.23}
.eyebrow{font-size:9px;line-height:1.5;letter-spacing:.17em;font-weight:650;color:#c7abd9;margin-bottom:17px}
.section-heading{margin-bottom:49px}
.section-heading>p:not(.eyebrow),.section-description{font-size:13px;line-height:1.9;color:var(--muted);max-width:480px}
.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}
.split-heading>p{max-width:380px;margin-bottom:6px}
.centered{text-align:center}
.centered>p:not(.eyebrow){margin:20px auto 0;max-width:545px}
.centered h2 span{color:var(--accent)}
.runtime-section{border-top:1px solid var(--line);background:#211c32;padding-top:88px;padding-bottom:91px}
.runtime-features{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}
.runtime-features article+article{border-left:1px solid var(--line);padding-left:38px;margin-left:-10px}
.feature-icon{width:24px;height:24px;color:#cfb4ea;margin-bottom:22px}
.runtime-features h3{font-size:15px;letter-spacing:-.025em;font-weight:600;line-height:1.5;margin-bottom:10px}
.runtime-features p{font-size:12px;color:var(--muted);line-height:1.9;max-width:290px}
.text-link{display:inline-flex;align-items:center;gap:9px;color:#d5b8f2;font-size:11px;font-weight:600;line-height:1.6;padding:0;transition:color .2s}
.text-link:hover{color:#f4e9ff}
.text-link .icon{width:14px;height:14px}
.runtime-features .text-link{margin-top:22px}
.emotion-section{padding-top:108px;padding-bottom:108px;background:radial-gradient(ellipse at 50% 60%,#69477716,transparent 70%)}
.emotion-demo{border:1px solid #baa3d129;border-radius:var(--radius);overflow:hidden;background:#2d253f5c}
.demo-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 28px;color:#d3c0e3;font-size:10px}
.demo-topline>span:first-child{display:flex;align-items:center;gap:9px}
.demo-topline .icon{width:14px;height:14px}
.demo-example{color:#a99ab9;font-size:9px}
.conversation-grid{display:grid;grid-template-columns:1fr 94px 1fr;align-items:center;padding:42px 39px 36px;gap:18px}
.message-label{display:flex;align-items:center;gap:9px;margin-bottom:21px;color:#b4a2c7}
.message-label .icon{width:15px;height:15px}
.message-label h3{font-size:10px;font-weight:500}
.conversation-grid blockquote{font-size:18px;line-height:1.7;letter-spacing:-.025em;color:#e8dfef}
.user-message blockquote{max-width:360px}
.message-note{font-size:10px;color:#aa9ab9;margin-top:24px}



.flamify-response .message-label{color:#d1b0ee}
.flamify-response{transition:opacity .4s,filter .4s}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.tags span{padding:4px 9px;border:1px solid #b697cf25;background:#b18ecc09;border-radius:4px;font-size:8px;color:#c6afd9;line-height:1.4}
.analysis-strip{display:flex;align-items:center;gap:43px;padding:17px 39px;border-top:1px solid var(--line);background:#ffffff02}
.analysis-strip>div{display:flex;align-items:center;gap:9px;font-size:9px}
.analysis-strip>div>span{color:#a291b3}
.analysis-strip strong{font-weight:500;color:#d1c2de}
.analysis-strip .text-link{margin-left:auto;font-size:9px;min-height:30px}
.emotion-demo.is-processing .flamify-response{opacity:.2;filter:blur(2px)}
.memory-section{background:#2b233d;border-block:1px solid var(--line)}
.memory-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:95px;align-items:center}
.memory-copy .section-description{margin-top:24px;max-width:389px}
.memory-copy .text-link{margin-top:26px}
.memory-demo{position:relative;padding:7px 0 27px}
.memory-timeline{position:relative;padding-left:31px;border-left:1px solid #d3aef238}
.memory-entry{position:relative}
.timeline-point{position:absolute;left:-36px;top:4px;width:9px;height:9px;background:#8d769c;border-radius:50%;outline:6px solid #2b233d}
.timeline-label{font-size:8px;letter-spacing:.13em;color:#b09abf;margin-bottom:16px}
.memory-entry blockquote{font-size:19px;letter-spacing:-.025em;color:#e7dceb;line-height:1.5}
.memory-tag{display:inline-flex;align-items:center;gap:6px;margin-top:15px;font-size:8px;background:#d3aaed0e;border:1px solid #c29ddd27;color:#c5a8dd;border-radius:4px;padding:4px 9px}
.memory-tag .icon{width:11px;height:11px}
.memory-bridge{display:flex;align-items:center;gap:15px;color:#ac95bd;font-size:9px;margin:24px 0;padding:18px 0;border-top:1px dashed #bd99d51f;border-bottom:1px dashed #bd99d51f}
.memory-bridge .icon{height:12px;width:12px}
.next-session .timeline-point{background:#d5b5f5;box-shadow:0 0 12px #cba5ea50}
.next-session blockquote{color:#e3c4ff}
.memory-caption{display:flex;align-items:center;gap:6px;font-size:9px;color:#bca5cd;margin-top:16px}
.memory-caption .icon{width:12px;height:12px}
.memory-example{position:absolute;right:0;bottom:0;font-size:8px;color:#ac98ba}
.memory-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:65px;padding-top:36px;border-top:1px solid #ffffff14}
.memory-features article{display:flex;gap:13px;align-items:flex-start}
.memory-features .icon{color:#c5a7de;margin-top:2px;width:18px;height:18px}
.memory-features h3{font-weight:600;font-size:12px;margin-bottom:8px}
.memory-features p{font-size:11px;line-height:1.9;color:var(--muted)}
.developer-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}















.developer-copy .section-description{margin-top:22px}
.plain-checks{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:12px;font-size:10px;color:#c8bbd6}
.plain-checks li{display:flex;align-items:center;gap:10px}
.plain-checks .icon{width:13px;height:13px;color:var(--accent)}
.developer-copy .button{font-size:11px;min-height:44px;gap:24px}
.use-cases-section{padding-top:43px;padding-bottom:101px}
.use-cases-section h2{font-size:37px}
.use-cases-section .centered>p:not(.eyebrow){font-size:12px;max-width:560px}
.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.use-case-grid article{border:1px solid #bea2d320;border-radius:10px;padding:26px 23px 27px;background:#b68dd503;transition:background .2s,border-color .2s}
.use-case-grid article:hover{background:#b68dd509;border-color:#bea2d345}
.case-icon{width:23px;height:23px;color:#c4a5e0;margin-bottom:25px}
.use-case-grid h3{font-size:13px;font-weight:650;margin-bottom:11px}
.use-case-grid p{font-size:11px;line-height:1.9;color:var(--muted)}
.pricing-section{background:#292238;border-top:1px solid var(--line);padding-bottom:91px;position:relative}
.pricing-section h2{font-size:42px}
.pricing-section .section-heading{margin-bottom:28px}
.billing-selector{width:max-content;max-width:100%;display:flex;margin:0 auto 34px;gap:3px;border:1px solid #b39ac32e;background:#211b30;padding:5px;border-radius:8px}
.billing-selector button{min-width:99px;min-height:35px;font-size:10px;border-radius:4px;color:#bbaaC7;transition:background .2s,color .2s}
.billing-selector button[aria-selected=true]{color:#30223f;background:#d6bef0;font-weight:700}
.billing-selector button:not([aria-selected=true]):hover{color:var(--text);background:#ffffff08}
.pricing-panel{max-width:830px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbaae145;border-radius:var(--radius);background:#34293f;overflow:hidden}
.price-summary{padding:32px 37px 31px;background:radial-gradient(ellipse at 0 0,#88678e22,transparent 80%)}
.plan-kicker{font-size:7px;font-weight:600;letter-spacing:.09em;display:flex;align-items:center;gap:8px;color:#c6a9d7;margin-bottom:22px}
.price-summary h3{font-size:26px;letter-spacing:-.035em;font-weight:550}
.plan-description{font-size:10px;color:#c1accd;margin-top:8px}
.price-details{margin-top:29px;min-height:97px}
.price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
#price-value{font-size:35px;line-height:1.4;letter-spacing:-.035em;font-weight:500}
#price-unit{font-size:11px;color:#bfa7cf}
#billing-description{font-size:10px;margin-top:7px;color:#bda7cd}
.pricing-cta{width:100%;margin-top:17px;justify-content:space-between;min-height:44px;font-size:11px}
.pricing-availability{font-size:9px;text-align:center;margin-top:12px;color:#bda8cc;min-height:16px}
.plan-includes{padding:39px 38px;border-left:1px solid #dec0f415;background:#271f3480}
.plan-includes h4{font-size:11px;font-weight:600;margin-bottom:22px}
.plan-includes ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}
.plan-includes li{display:flex;gap:11px;align-items:center;font-size:10px;color:#d4c2df}
.plan-includes .icon{width:13px;height:13px;color:#c9a2e5}
.pricing-legal{font-size:9px;text-align:center;color:#b4a1c3;line-height:1.9;margin:22px auto 0;max-width:660px}
.pricing-legal>div{display:flex;justify-content:center;gap:13px;margin-top:9px}
.pricing-legal a{color:#d6bce8;text-decoration:underline;text-decoration-color:#d6bce83d}
.noscript-note{text-align:center;padding:20px}
.faq-section{padding-top:86px;padding-bottom:92px}
.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}
.faq-layout h2{font-size:36px}
.faq-layout .section-description{font-size:11px;margin-top:17px}
.faq-layout .text-link{margin-top:22px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:21px 0;font-size:12px;font-weight:500;color:#e1d5eb;line-height:1.6}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--accent)}
.faq-list details>p{padding:0 28px 22px 0;font-size:11px;color:var(--muted);line-height:1.9}
.faq-list details a{text-decoration:underline;color:var(--accent)}
.faq-plus{position:relative;display:block;width:10px;height:10px;flex-shrink:0}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;background:#c5add9;top:4px;left:0;width:10px;height:1px}
.faq-plus:after{transform:rotate(90deg);transition:transform .2s}
details[open] .faq-plus:after{transform:rotate(0)}
.closing-section{padding:59px 0 76px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 110%,#7b548742,transparent 70%),#251e34;text-align:center}
.closing-inner>img{margin:0 auto 21px;width:34px;height:40px}
.closing-inner h2{font-size:47px;line-height:1.15}
.closing-inner h2 span{color:var(--accent)}
.closing-inner p{font-size:11px;color:#bcabc9;margin:19px 0 23px}
.closing-inner .button{font-size:11px;min-height:44px;gap:30px}
.site-footer{background:#201a2e;border-top:1px solid var(--line);padding:58px 0 0}
.footer-top{display:grid;grid-template-columns:1.75fr repeat(4,1fr);gap:35px}
.footer-brand .brand{font-size:26px}
.footer-brand>p{font-size:10px;color:#ac9bbd;line-height:1.9;margin-top:20px}
.footer-column{display:flex;flex-direction:column;gap:10px}
.footer-column h3{font-size:10px;font-weight:650;margin-bottom:8px;padding-top:5px}
.footer-column a{font-size:10px;color:#b2a0c3;width:fit-content}
.footer-column a:hover{color:var(--accent)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:48px;padding:20px 0 25px;font-size:8px;color:#aa97bb;flex-wrap:wrap}
.footer-bottom>span{display:flex;align-items:center;gap:7px}
.footer-bottom .icon{width:12px;height:12px;color:#c7a4de}
#operator-info{width:100%;order:1}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:calc(100% - 40px);width:max-content;background:#dfcaee;color:#30213d;padding:10px 20px;border-radius:7px;font-size:12px;transition:transform .25s,opacity .25s;z-index:100}
.toast.is-visible{transform:translate(-50%,0);opacity:1}
.resource-main{padding:90px 0 120px;min-height:70vh}
.resource-layout{max-width:800px}
.resource-back{margin-bottom:35px;display:inline-block;font-size:12px;color:var(--accent)}
.resource-main h1{font-size:52px;margin:14px 0 25px}
.resource-main .resource-description{font-size:17px;line-height:1.8;color:var(--muted);max-width:650px}
.resource-content{border-top:1px solid var(--line);margin-top:40px;padding-top:34px}
.resource-content h2{font-size:22px;margin:28px 0 12px}
.resource-content p,.resource-content li{font-size:14px;line-height:1.9;color:var(--muted)}
.resource-content ul{padding-left:22px}
.resource-content a:not(.button){color:var(--accent);text-decoration:underline}
.resource-content .button{margin-top:26px}
.resource-status{display:inline-block;font-size:10px;padding:5px 10px;border:1px solid #cba4df35;border-radius:5px;color:#cbb3e0}
@media (prefers-reduced-motion:no-preference){
  .hero-label,.hero-copy h1,.hero-description{animation:hero-arrive .95s var(--ease) both}
  .hero-copy h1{animation-delay:.07s}.hero-description{animation-delay:.13s}
  .hero-actions,.hero-note{animation:hero-arrive .95s var(--ease) .23s both}
  .code-window{animation:panel-arrive 1.1s var(--ease) .35s both}
  .code-result{animation:response-highlight 2.5s ease .9s}
  .runtime-flow{animation:panel-arrive .9s var(--ease) .75s both}
  @keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @keyframes panel-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  @keyframes response-highlight{0%,100%{background:#a98bc010}50%{background:#c499e722}}
}
@media(min-width:1600px){:root{--container:1240px}.hero{padding-top:103px}.hero-grid{gap:66px;padding-bottom:82px}h1{font-size:76px}.code-content{padding-block:26px;min-height:310px}pre{font-size:11.5px}.code-result p{font-size:11px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:38px}.nav-links,.nav-actions{gap:20px}.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero{padding-top:67px}h1{font-size:55px}.hero-description{font-size:13px}.hero-label{font-size:9px}.hero-note{font-size:8px}pre{font-size:9px}.code-content{padding:18px 15px;min-height:258px}.code-result p{font-size:9px}.runtime-flow{gap:8px}.runtime-step{font-size:9px;gap:5px}.flow-connector{width:15px}.compatibility{gap:25px}.compatibility .compatibility-note{display:none}.compatibility>span:first-child{margin-right:auto}.section{padding-block:80px}h2{font-size:37px}.runtime-features{gap:32px}.runtime-features article+article{padding-left:25px;margin-left:0}.runtime-features h3{font-size:13px}.memory-layout,.developer-layout{column-gap:58px}.conversation-grid{padding:32px 27px;grid-template-columns:1fr 66px 1fr;gap:15px}.conversation-grid blockquote{font-size:16px}.analysis-strip{padding-inline:27px;gap:25px}.memory-entry blockquote{font-size:17px}.memory-features{gap:30px}.use-cases-section{padding-top:25px}.use-case-grid article{padding:23px 18px}.use-case-grid{gap:12px}.use-cases-section h2{font-size:33px}.faq-layout{gap:70px}.footer-top{gap:24px;grid-template-columns:1.55fr repeat(4,1fr)}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.header-inner{min-height:76px;gap:24px}.brand{font-size:27px}.brand img{width:26px;height:31px}.main-nav{justify-content:flex-end}.nav-links{gap:20px}.nav-links a{font-size:11px}.nav-links a:nth-child(2),.docs-link{display:none}.nav-actions{gap:12px}.hero{padding-top:63px}.hero-grid{grid-template-columns:1fr;max-width:640px;gap:36px;padding-bottom:44px}.hero-copy{text-align:center;padding:0}.hero-label{font-size:10px;margin-bottom:23px}h1{font-size:68px}.hero-description{font-size:15px;max-width:470px;margin:auto}.hero-actions{justify-content:center}.hero-note{font-size:9px}.hero-visual{width:min(100%,510px);margin:auto;padding-top:8px}.code-content{padding:22px;min-height:285px}pre{font-size:10.5px}.code-result p{font-size:10px}.runtime-flow{margin-top:24px;gap:17px}.runtime-step{font-size:10px}.flow-connector{width:33px}.hero-atmosphere{inset:25% -40% 0 -40%;background:radial-gradient(ellipse at 50% 50%,#72508a44,transparent 65%)}.compatibility{justify-content:center;flex-wrap:wrap;gap:24px;min-height:101px;padding:22px 0}.compatibility>span:first-child{width:100%;text-align:center;margin:0}.compatibility>div{font-size:11px}.section{padding-block:72px}.split-heading{align-items:flex-start;gap:38px}.split-heading h2{font-size:32px}.split-heading>p{max-width:275px;font-size:12px;margin:27px 0 0}.runtime-features{gap:25px}.runtime-features article+article{padding-left:22px}.runtime-features h3{font-size:12px}.runtime-features p{font-size:11px}.runtime-features .text-link{font-size:9px}.feature-icon{width:23px;height:23px}.section-heading{margin-bottom:36px}.conversation-grid{grid-template-columns:1fr;gap:22px;padding:32px}.user-message blockquote{max-width:none}.conversation-grid blockquote{font-size:19px}.message-label{margin-bottom:12px}.message-note{margin-top:15px}.analysis-strip{padding:14px 25px;gap:25px}.analysis-strip>div{font-size:8px;gap:5px}.analysis-strip .text-link{font-size:8px}.memory-layout{column-gap:34px;grid-template-columns:1fr 1fr}.memory-copy h2{font-size:32px}.memory-copy .section-description{font-size:12px}.memory-copy .text-link{font-size:10px}.memory-entry blockquote{font-size:16px}.memory-bridge{font-size:8px;gap:8px}.memory-timeline{padding-left:24px}.timeline-point{left:-29px}.memory-features{gap:24px;margin-top:43px;padding-top:28px}.memory-features article{gap:9px}.memory-features p{font-size:10px}.memory-features h3{font-size:11px}.developer-layout{gap:35px}.developer-copy h2{font-size:30px}.developer-copy .section-description{font-size:12px}.plain-checks{font-size:9px}.developer-copy .button{font-size:10px;padding-inline:14px;gap:10px}.use-cases-section{padding-top:24px}.use-case-grid{grid-template-columns:1fr 1fr;gap:14px}.use-case-grid article{padding:26px}.use-case-grid h3{font-size:14px}.use-case-grid p{font-size:12px}.case-icon{margin-bottom:23px}.pricing-section h2{font-size:36px}.price-summary{padding:30px 27px}.plan-includes{padding:37px 26px}.plan-kicker{font-size:6px}.faq-layout{gap:38px;grid-template-columns:1fr 1.2fr}.faq-layout h2{font-size:31px}.faq-list summary{font-size:11px}.footer-top{grid-template-columns:repeat(4,1fr);gap:30px}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.footer-brand>p{margin:0}.footer-column h3,.footer-column a{font-size:10px}}
@media(max-width:560px){html{scroll-padding-top:28px}.container{width:calc(100% - 40px)}.site-header{background:#231e35}.header-inner{min-height:72px;justify-content:space-between}.brand{font-size:26px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;align-items:center;border:1px solid var(--line);border-radius:6px}.menu-toggle span{width:17px;height:1px;background:#ddcdeb;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 24px 24px;background:#2b233d;border-bottom:1px solid #bc9ad530;box-shadow:0 18px 28px -15px #110b2466}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a,.nav-links a:nth-child(2){display:block;padding:12px 0;font-size:13px}.nav-actions{justify-content:space-between}.docs-link{display:flex;font-size:12px}.nav-actions .button{font-size:11px}.hero{padding-top:45px}.hero-grid{gap:34px;padding-bottom:32px}.hero-label{font-size:8px;gap:7px;margin-bottom:25px;padding:6px 8px}h1{font-size:clamp(41px,11.5vw,62px);line-height:1.1;margin-bottom:24px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:11px;gap:12px;min-height:45px;padding:12px 15px}.hero-note{font-size:8px;margin-top:17px}.hero-visual{padding-top:3px}.window-title{height:39px;padding-inline:13px}.window-title>span{font-size:8px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.code-toolbar{padding-inline:13px}.code-tabs{gap:21px}.code-tabs button{font-size:9px;padding-block:11px}.copy-button{width:29px;height:29px}.code-content{padding:17px 13px;min-height:263px}pre{font-size:clamp(8px,2.3vw,10px);line-height:2}.code-result{margin:0 12px 14px;padding:10px;gap:9px}.code-result p{font-size:8px}.result-label{font-size:8px}.result-spark{height:24px;width:24px}.code-caption{font-size:7px;padding:10px 13px;gap:7px}.code-caption .icon{width:9px;height:9px}.runtime-flow{gap:8px;margin:21px 0 0;padding-right:16px}.runtime-step{font-size:8px;gap:5px}.step-icon{width:25px;height:25px;border-radius:7px}.step-icon .icon{width:12px;height:12px}.flow-connector{width:14px}.flow-pause{right:-8px;width:24px}.compatibility{gap:21px;padding-block:21px;min-height:101px}.compatibility>span:first-child{font-size:9px}.compatibility>div{font-size:9px;gap:6px}.compatibility .icon,.flutter-mark{width:14px;height:14px}.js-mark{width:14px;font-size:8px;line-height:14px}.section{padding-block:62px}h2{font-size:32px}.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:15px}.split-heading{display:block}.split-heading h2{font-size:34px}.split-heading>p{max-width:none;margin:22px 0 0;font-size:12px}.runtime-features{grid-template-columns:1fr;gap:0}.runtime-features article{position:relative;padding:25px 0 26px 42px}.runtime-features article+article{padding:25px 0 26px 42px;border-left:0;border-top:1px solid var(--line)}.runtime-features article:last-child{padding-bottom:0}.runtime-features .feature-icon{position:absolute;top:25px;left:0;width:23px;height:23px}.runtime-features h3{font-size:14px;margin-bottom:8px}.runtime-features p{font-size:12px;max-width:none}.runtime-features .text-link{font-size:10px;margin-top:13px}.runtime-section .section-heading{margin-bottom:15px}.section-heading>p:not(.eyebrow),.section-description{font-size:12px}.centered>p:not(.eyebrow){margin-top:18px}.emotion-section h2{font-size:31px;line-height:1.25}.emotion-demo{border-radius:12px}.demo-topline{padding:14px 19px;font-size:9px}.demo-example{display:none}.conversation-grid{padding:26px 22px;gap:22px}.conversation-grid blockquote{font-size:17px;line-height:1.7}.message-label h3{font-size:10px}.message-note{font-size:9px}.tags{margin-top:19px;gap:5px}.tags span{font-size:7px;padding:5px 7px}.analysis-strip{padding:16px 21px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.analysis-strip>div{display:block;font-size:8px}.analysis-strip strong{display:block;font-size:9px;margin-top:3px}.analysis-strip .text-link{grid-column:1/-1;margin-left:0;padding-top:5px;font-size:9px}.memory-layout{grid-template-columns:1fr;gap:35px}.memory-copy h2{font-size:34px}.memory-copy .section-description{margin-top:19px;font-size:12px}.memory-copy .text-link{margin-top:19px}.memory-demo{margin:2px 5px 0 7px;padding-bottom:30px}.memory-entry blockquote{font-size:18px}.timeline-label{font-size:8px;margin-bottom:13px}.memory-bridge{font-size:9px}.memory-timeline{padding-left:29px}.timeline-point{left:-34px}.memory-features{grid-template-columns:1fr;gap:21px;margin-top:2px;padding-top:26px}.memory-features article{gap:12px}.memory-features h3{font-size:12px;margin-bottom:5px}.memory-features p{font-size:11px}.memory-features .icon{width:17px;height:17px}.developer-layout{grid-template-columns:1fr;gap:37px}.developer-copy{grid-row:1}.developer-copy h2{font-size:34px}.developer-copy .section-description{font-size:12px;margin-top:18px}.plain-checks{font-size:10px;gap:11px;margin-block:23px}.developer-copy .button{font-size:11px;padding-inline:18px;gap:21px}.use-cases-section{padding-top:27px}.use-cases-section h2{font-size:31px}.use-case-grid{gap:11px}.use-case-grid article{padding:23px 16px}.case-icon{height:21px;width:21px;margin-bottom:23px}.use-case-grid h3{font-size:12px;margin-bottom:10px}.use-case-grid p{font-size:10px;line-height:1.9}.pricing-section h2{font-size:33px}.pricing-section .section-heading>p:not(.eyebrow){font-size:12px}.desktop-break{display:none}.billing-selector{margin-bottom:26px;width:100%;max-width:340px}.billing-selector button{min-width:0;flex:1;min-height:38px;font-size:10px}.pricing-panel{grid-template-columns:1fr;max-width:390px}.price-summary{padding:29px 27px 26px}.plan-kicker{font-size:7px;margin-bottom:21px}.price-summary h3{font-size:28px}.plan-description{font-size:11px}.price-details{margin-top:27px;min-height:94px}#price-value{font-size:37px}#billing-description{font-size:11px}.pricing-cta{min-height:47px;font-size:12px;margin-top:10px}.pricing-availability{font-size:9px}.plan-includes{padding:26px 28px 29px;border-left:0;border-top:1px solid #dec0f415}.plan-includes h4{font-size:12px;margin-bottom:20px}.plan-includes li{font-size:11px;gap:12px}.plan-includes ul{gap:13px}.pricing-legal{font-size:8px;max-width:340px}.pricing-legal br{display:none}.faq-layout{grid-template-columns:1fr;gap:31px}.faq-layout h2{font-size:34px}.faq-layout .section-description{font-size:12px;margin-top:16px}.faq-layout .text-link{margin-top:17px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details>p{font-size:12px}.closing-section{padding:52px 0 58px}.closing-inner h2{font-size:42px}.closing-inner p{font-size:11px}.closing-inner .button{font-size:12px;min-height:46px}.site-footer{padding-top:39px}.footer-top{grid-template-columns:repeat(2,1fr);gap:33px 30px}.footer-brand{display:block;margin-bottom:3px}.footer-brand>p{margin-top:16px;font-size:11px}.footer-column{gap:11px}.footer-column h3{font-size:11px}.footer-column a{font-size:11px}.footer-bottom{margin-top:37px;display:block;font-size:8px;padding:22px 0 26px}.footer-bottom>span{margin-top:12px}.resource-main{padding:50px 0 75px}.resource-main h1{font-size:39px}.resource-main .resource-description{font-size:15px}.resource-content p,.resource-content li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}.emotion-demo.is-processing .flamify-response{opacity:1;filter:none}}
@media(max-width:560px){html:not(.js) .header-inner{flex-wrap:wrap;padding-block:18px}html:not(.js) .menu-toggle{display:none}html:not(.js) .main-nav{display:flex;position:static;flex-basis:100%;flex-direction:column;align-items:stretch;box-shadow:none;background:none;border:0;padding:0}html:not(.js) .nav-links{flex-direction:row;flex-wrap:wrap;gap:10px 20px}html:not(.js) .nav-links a{font-size:11px;padding:4px 0}html:not(.js) .nav-actions{display:none}}