:root{color-scheme:dark;--bg:#13111d;--text:#f8f6fb;--muted:#c4bdcf;--line:#383143;--purple:#bb91ff;--green:#a9e9bb;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #c9a7ff;outline-offset:5px;border-radius:3px}::selection{background:#a18ac8;color:#16111f}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:800;letter-spacing:-.04em;color:#f7f3fa}.header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.nav-about{color:var(--muted)}.nav-link span{margin-left:8px;color:var(--green)}.nav-link:hover,.nav-about:hover{color:var(--green)}
.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-block:80px 90px}.hero-copy{position:relative;z-index:1}.beta{display:inline-flex;gap:8px;align-items:center;margin:0 0 27px;color:#d7c5ec;font-size:13px;font-weight:650}.beta span{width:7px;height:7px;border-radius:50%;background:#a5e4b7}.hero h1{font-size:clamp(3.15rem,6vw,5.6rem);line-height:1.03;letter-spacing:-.04em;font-weight:700;margin:0;text-wrap:balance}.hero h1 em{font-style:normal;color:#cbb2ec}.intro{max-width:480px;color:var(--muted);font-size:19px;line-height:1.65;margin:26px 0 32px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:#c7acee;color:#1a1027}.button.primary:hover{background:#dac5f5}.button.secondary{background:#292330;color:#f8f6fb}.button.secondary:hover{background:#3b3143}.button span{font-size:18px}.availability{font-size:13px;color:#bcb3c5;margin-top:22px}.availability span{margin:0 6px;color:#a4ddaF}
.visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 52% 47%,#55416a 0,#2c2539 39%,transparent 72%);border-radius:48%}.visual-orbit{position:absolute;border:1px solid #b9a3c93a;border-radius:50%}.orbit-one{width:340px;height:340px}.orbit-two{width:440px;height:440px;border-color:#b9a3c920}.visual-core{width:128px;height:128px;border-radius:34px;display:grid;place-items:center;color:#e1f8e6;background:linear-gradient(145deg,#7756a6,#4e7968);box-shadow:0 20px 55px #08060b88;transform:rotate(-7deg)}.visual-core svg{width:62px;height:62px}.message-shape{position:absolute;width:116px;padding:17px;display:grid;gap:7px;background:#ded0f0;border-radius:16px;box-shadow:0 16px 35px #0d0a1390;transform:rotate(8deg)}.message-shape span{height:4px;border-radius:4px;background:#796b8c}.message-shape span:last-child{width:55%}.shape-one{top:95px;right:65px}.shape-two{bottom:100px;left:52px;background:#bfe8cd;transform:rotate(-9deg)}.shape-two span{background:#597a68}.visual-caption{position:absolute;bottom:28px;text-align:center;font-size:13px;line-height:1.45;font-weight:650;color:#eee7f5}.visual-caption span{font-weight:400;color:#c9bdce}
.about{padding-block:55px 100px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:52px}.section-heading h2,.closing h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.035em;margin:0}.section-heading>p{max-width:320px;margin:0;color:var(--muted);line-height:1.6}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature{border-top:1px solid #5b5063;padding-top:24px}.feature-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#c6a6ef}.feature-mark svg{width:28px;height:28px}.feature h3{font-size:18px;margin:19px 0 10px}.feature p{max-width:300px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.closing{padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#25202f;border-radius:16px}.closing p{margin:13px 0 0;color:var(--muted);line-height:1.6}.footer{padding-block:55px;display:flex;align-items:center;gap:25px;color:var(--muted);font-size:13px}.footer .wordmark{font-size:23px}.footer p{flex:1}.footer>a:last-child:hover{color:var(--green)}
@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.header{height:76px}.header nav{gap:15px}.nav-about{display:none}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;padding-block:64px 50px;min-height:auto;gap:10px}.hero h1{font-size:clamp(3rem,10vw,4.5rem)}.intro{font-size:17px}.visual{height:350px;width:100%;max-width:440px;margin:auto}.orbit-one{width:260px;height:260px}.orbit-two{width:330px;height:330px}.shape-one{top:62px;right:35px}.shape-two{bottom:73px;left:28px}.visual-caption{bottom:10px}.section-heading{display:block}.section-heading>p{margin-top:14px}.features{grid-template-columns:1fr;gap:26px}.feature{padding-top:20px}.feature h3{margin-top:12px}.about{padding-block:50px 70px}.closing{padding:30px;align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap;gap:14px}.footer p{flex-basis:60%;margin:0}.footer>a:last-child{margin-left:auto}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:27px}.hero h1{font-size:3rem}.actions .button{width:100%}.visual{height:320px}.shape-one{right:12px}.shape-two{left:8px}.footer p{flex-basis:55%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.editorial{padding-block:64px;border-top:1px solid var(--line)}.editorial h2,.docs h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:0 0 28px;line-height:1.15}.details{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px}.details h3,.roadmap h3{font-size:20px;margin:0 0 12px}.details p,.roadmap p,.section-intro,.docs p,.docs li{color:var(--muted);line-height:1.75;max-width:70ch}.section-intro{margin-bottom:32px}.note{font-size:14px;line-height:1.7;color:var(--muted);border-left:2px solid var(--purple);padding-left:20px;margin:32px 0 0;max-width:85ch}.text-link{display:inline-block;color:var(--green);padding-block:12px;text-decoration:underline;text-underline-offset:5px}.roadmap{list-style:none;padding:0;margin:0;display:grid;gap:28px}.roadmap li{padding-left:24px;border-left:2px solid var(--line)}.roadmap span{display:block;color:var(--green);font-size:14px;margin-bottom:10px}.roadmap p{margin:0}.docs{padding-block:64px;max-width:900px}.docs section{margin-top:48px}.docs h2{font-size:26px}.docs .actions{margin-block:24px}.doc-catalog{padding:0;list-style:none}.doc-catalog li{padding-block:12px;border-bottom:1px solid var(--line)}
@media(max-width:800px){.details{grid-template-columns:1fr;gap:24px}.editorial{padding-block:40px}.header nav{gap:14px}.docs{padding-block:40px}}
/* CSS-only progressive motion: all content remains visible without support. */
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes hover-orbit{from{transform:translateY(-5px) rotate(-7deg)}to{transform:translateY(5px) rotate(-4deg)}}
@keyframes chat-drift{from{transform:translateY(0) rotate(8deg)}to{transform:translateY(-9px) rotate(5deg)}}
@media(prefers-reduced-motion:no-preference){
 .hero-copy{animation:arrive .65s cubic-bezier(.2,.7,.2,1) both}
 .hero .visual{animation:arrive .8s .1s cubic-bezier(.2,.7,.2,1) both}
 .docs>h1{animation:arrive .5s ease-out both}
 .text-link{transition:color .18s ease,transform .18s ease}
 .text-link:hover{transform:translateX(3px)}
 @supports(animation-timeline:view()){
  .editorial,.about,.closing{animation:arrive linear both;animation-timeline:view();animation-range:entry 0% entry 18%}
 }
}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 .visual-core{animation:hover-orbit 4s ease-in-out 2 alternate}
 .shape-one{animation:chat-drift 5s ease-in-out 2 alternate}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.guide pre{overflow:auto;background:#211c2b;padding:20px;border-radius:12px;line-height:1.6}.guide code{font-size:14px;overflow-wrap:anywhere}.guide h2{margin-top:50px}.guide h3{margin-top:30px}.table-scroll{overflow:auto}.guide table{border-collapse:collapse;min-width:500px;line-height:1.6}.guide td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.guide a{overflow-wrap:anywhere}