.hero{position:relative;overflow:hidden;padding:72px 0 96px}.hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center}.trust{display:flex;gap:18px;flex-wrap:wrap;color:rgb(var(--text-3));font-size:.8125rem;font-weight:550}.trust span{white-space:nowrap;display:flex;gap:6px;align-items:center}.trust svg{color:rgb(var(--success))}.demo,.demo-wrap{position:relative}.demo{z-index:2;display:flex;flex-direction:column;height:520px;border-radius:var(--radius-hero);background:rgb(var(--surface));box-shadow:var(--shadow-modal),0 40px 80px -30px rgb(var(--glow)/.55);overflow:hidden}.demo-hd{align-items:center;gap:10px;padding:14px 16px}.demo-hd,.demo-tabs{display:flex;border-bottom:1px solid rgb(var(--border))}.demo-tabs{gap:6px;padding:10px 16px;overflow-x:auto;scrollbar-width:none}.demo-tabs button{flex:none;display:flex;gap:6px;align-items:center;height:30px;padding:0 12px;border-radius:99px;border:1px solid rgb(var(--border));background:rgb(var(--surface));font-size:.8125rem;font-weight:600;color:rgb(var(--text-2));cursor:pointer}.demo-tabs button[aria-pressed=true]{background:rgb(var(--primary-soft-2));border-color:transparent;color:rgb(var(--primary-soft-fg))}.demo-msgs{flex:1;overflow-y:auto;padding:18px;gap:10px;background:rgb(var(--surface-2))}.demo-msgs,.demo-msgs .m{display:flex;flex-direction:column}.demo-msgs .m{gap:5px}.demo-msgs .m.u{align-items:flex-end}.demo-sugg{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 0}.demo-sugg button{border:1px solid rgb(var(--border-strong));background:rgb(var(--surface));border-radius:99px;padding:6px 12px;font-size:.75rem;font-weight:600;cursor:pointer;color:rgb(var(--text-2))}.demo-sugg button:hover{border-color:rgb(var(--primary));color:rgb(var(--primary-soft-fg))}.demo form{display:flex;gap:8px;padding:12px 16px 16px}.mascot{width:104px;top:-56px;right:-30px;border-radius:50%;box-shadow:0 0 0 6px rgb(var(--surface)),0 20px 40px -12px rgb(var(--glow)/.7)}.float,.mascot{position:absolute;z-index:3}.float{border-radius:16px;background:rgb(var(--surface));box-shadow:var(--shadow-overlay);padding:12px 14px;font-size:.75rem}.float.f1{left:-64px;bottom:150px;width:170px}.float.f2{right:-28px;bottom:84px;gap:10px;border-radius:99px;padding:10px 16px;background:rgb(var(--primary));color:rgb(var(--primary-fg))}.float .li,.float.f2{display:flex;align-items:center}.float .li{gap:8px;padding:3px 0;color:rgb(var(--text-2))}.float .li i{width:6px;height:6px;border-radius:50%;background:rgb(var(--brand));display:inline-block}.wave-bg{position:absolute;left:0;right:0;bottom:0;height:200px;opacity:.5;pointer-events:none;background:repeating-linear-gradient(90deg,rgb(var(--orange-300)/.6) 0 2px,transparent 2px 7px);-webkit-mask:radial-gradient(60% 100% at 30% 100%,#000,transparent 70%);mask:radial-gradient(60% 100% at 30% 100%,#000,transparent 70%)}.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feat .card{padding:24px;display:flex;flex-direction:column;gap:12px}.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.type{border-radius:var(--radius-panel);background:rgb(var(--surface));box-shadow:var(--shadow-rest)}.type,.type .vis{overflow:hidden;display:flex;flex-direction:column}.type .vis{height:170px;background:radial-gradient(80% 90% at 50% 100%,rgb(var(--orange-100)),rgb(var(--surface-2)));padding:18px;justify-content:flex-end;gap:6px;position:relative}.dark .type .vis{background:radial-gradient(80% 90% at 50% 100%,rgb(var(--orange-900)/.5),rgb(var(--surface-2)))}.type .vis .bub{font-size:.75rem;padding:7px 11px;max-width:90%}.type .bd{padding:20px;display:flex;flex-direction:column;gap:8px}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}.flow:before{content:"";position:absolute;top:36px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,rgb(var(--orange-300)) 0 8px,transparent 8px 14px)}.node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 8px}.node .nd{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:rgb(var(--surface));box-shadow:var(--shadow-raised),0 0 0 6px rgb(var(--bg));color:rgb(var(--primary))}.node:last-child .nd{background:rgb(var(--primary));color:rgb(var(--primary-fg));box-shadow:var(--shadow-glow),0 0 0 6px rgb(var(--bg))}.node .st{font-size:.6875rem;font-weight:700;color:rgb(var(--primary-soft-fg));letter-spacing:.08em}.ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}.ch-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ch-list div{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:rgb(var(--surface));box-shadow:var(--shadow-rest)}.code-blk{border-radius:var(--radius-panel);background:#1d1713;color:#f4ece3;padding:0;overflow:hidden;box-shadow:var(--shadow-modal)}.code-hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:.75rem;color:hsla(0,0%,100%,.55)}.code-hd i.d{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.15);display:inline-block}.code-blk pre{margin:0;padding:20px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;overflow-x:auto;white-space:pre}.code-blk .k{color:#ffb474}.code-blk .s{color:#a8e6c1}.code-blk .c{color:hsla(0,0%,100%,.4)}.price3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.tier{padding:28px;display:flex;flex-direction:column;gap:16px;border-radius:var(--radius-panel)}.tier.pop{background:rgb(var(--accent));color:rgb(var(--accent-fg));box-shadow:var(--shadow-modal);position:relative;overflow:hidden}.tier.pop:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgb(var(--orange-500)/.5),transparent 70%);pointer-events:none}.tier.pop .muted,.tier.pop .subtle{color:rgb(var(--accent-fg)/.72)}.tier.pop>*{position:relative;z-index:1}.tier ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.875rem}.tier li{display:flex;gap:8px;align-items:flex-start}.tier li svg{color:rgb(var(--brand));margin-top:2px;flex:none}.cta-block{position:relative;overflow:hidden;border-radius:var(--radius-hero);background:rgb(var(--accent));color:rgb(var(--accent-fg));padding:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.cta-block:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 120% at 85% 50%,rgb(var(--orange-500)/.55),transparent 70%)}.cta-block>*{position:relative}.cta-block img{width:180px;border-radius:50%;box-shadow:0 0 0 10px hsla(0,0%,100%,.06),0 0 0 22px hsla(0,0%,100%,.03)}@media (max-width:1060px){.ch,.hero-g{grid-template-columns:minmax(0,1fr)}.demo-wrap{max-width:520px;margin:40px auto 0;width:100%;justify-self:center}.float.f1{left:-16px}.feat,.types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.hero{padding:40px 0 64px}.feat,.flow,.price3,.types{grid-template-columns:minmax(0,1fr)}.float.f1,.flow:before{display:none}.float.f2{right:8px}.mascot{width:80px;top:-40px;right:-6px}.demo{height:500px}.cta-block{padding:36px 24px;grid-template-columns:minmax(0,1fr)}.cta-block img{width:120px}.ch-list{grid-template-columns:minmax(0,1fr)}}