@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");.landing-page{--background:#fbfaf8;--surface:#ffffff;--surface-elevated:#f4f1f9;--primary:#7658d6;--primary-hover:#6546c2;--primary-foreground:#ffffff;--accent:#f4a93d;--foreground:#22212a;--muted-foreground:#716f7c;--border:#e7e2ec;--selection-border:#9273eb;--success:#25aa76;--warning:#e99427;--destructive:#e95770;--ring:#8f72e8;--soft-purple:#eee8ff;--soft-peach:#fff0db;--soft-mint:#dff7ed;--soft-pink:#ffe6ed;--nav:rgba(251,250,248,0.84);--shadow:0 24px 80px rgba(67,45,102,0.14)}.landing-page[data-theme=dark]{--background:#121318;--surface:#1e1f27;--surface-elevated:#282536;--primary:#b7a0ff;--primary-hover:#d1c3ff;--primary-foreground:#1d1930;--accent:#ffc56d;--foreground:#f5f5f7;--muted-foreground:#a2a3b2;--border:#393744;--selection-border:#b7a0ff;--success:#4adea0;--warning:#ffc56d;--destructive:#ff6b81;--ring:#b7a0ff;--soft-purple:#332d49;--soft-peach:#3d3127;--soft-mint:#213b37;--soft-pink:#432b36;--nav:rgba(18,19,24,0.82);--shadow:0 28px 90px rgba(0,0,0,0.34)}.landing-page *{border-color:var(--border)}.landing-page{scroll-behavior:smooth;background:var(--background);color:var(--foreground);font-family:Manrope,sans-serif;transition:background-color .3s ease,color .3s ease}.landing-page a,.landing-page button{-webkit-tap-highlight-color:transparent}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:3px solid color-mix(in srgb,var(--ring) 55%,transparent);outline-offset:3px}.landing-page ::selection{background:var(--primary);color:var(--primary-foreground)}.landing-page.page-shell{min-height:100vh;overflow:hidden}.landing-page .nav{align-items:center;backdrop-filter:blur(18px);background:var(--nav);border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);display:flex;height:78px;justify-content:space-between;left:0;padding:0 max(5vw,24px);position:fixed;right:0;top:0;z-index:50}.landing-page .logo{align-items:center;color:var(--foreground);display:inline-flex;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;gap:9px;text-decoration:none}.landing-page .nav-links{display:flex;gap:34px}.landing-page .nav-links a,.landing-page footer a{color:var(--muted-foreground);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.landing-page .nav-links a:hover,.landing-page footer a:hover{color:var(--primary)}.landing-page .nav-actions{align-items:center;display:flex;gap:12px}.landing-page .nav-docs{color:var(--foreground);font-size:12px;font-weight:800;padding:8px;text-decoration:none}.landing-page .nav-docs:hover{color:var(--primary)}.landing-page .theme-toggle{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:999px;color:var(--muted-foreground);cursor:pointer;display:flex;padding:3px}.landing-page .theme-toggle span{align-items:center;border-radius:50%;display:flex;height:27px;justify-content:center;transition:.2s;width:27px}.landing-page .theme-toggle span.selected{background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--foreground)}.landing-page .nav-cta{align-items:center;background:var(--foreground);border-radius:10px;color:var(--background);display:flex;font-size:12px;font-weight:700;gap:8px;padding:11px 15px;text-decoration:none;transition:transform .2s}.landing-page .nav-cta:hover{transform:translateY(-2px)}.landing-page .hero{align-items:center;display:grid;gap:2vw;grid-template-columns:minmax(370px,.8fr) minmax(0,1.2fr);margin:0 auto;max-width:1600px;min-height:790px;padding:136px 4vw 80px;position:relative}.landing-page .hero:before{background:var(--soft-purple);border-radius:50%;content:"";filter:blur(70px);height:350px;opacity:.55;position:absolute;right:5%;top:18%;width:350px;z-index:-1}.landing-page .hero-copy{max-width:630px;z-index:2}.landing-page .eyebrow{align-items:center;background:var(--soft-purple);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:99px;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.03em;margin-bottom:23px;padding:8px 13px}.landing-page h1,.landing-page h2,.landing-page h3{font-family:Fredoka,sans-serif}.landing-page .hero h1{font-size:clamp(42px,3.5vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:0}.landing-page .hero h1 span,.landing-page .section-heading h2 span{color:var(--primary);display:inline-block;position:relative}.landing-page .hero h1 span{display:block;margin-top:8px}.landing-page .hero-copy>p{color:var(--muted-foreground);font-size:15px;line-height:1.65;margin:16px 0 18px;max-width:620px}.landing-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-page .button{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:700;gap:9px;justify-content:center;padding:14px 19px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.landing-page .button:hover{transform:translateY(-3px)}.landing-page .button.primary{background:var(--primary);box-shadow:0 11px 30px color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary-foreground)}.landing-page .button.primary:hover{background:var(--primary-hover)}.landing-page .button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--foreground)}.landing-page .hero-note{color:var(--muted-foreground);display:flex;flex-wrap:wrap;font-size:10px;font-weight:600;gap:18px;margin-top:21px}.landing-page .hero-note span{align-items:center;display:flex;gap:5px}.landing-page .hero-note svg{color:var(--success)}.landing-page .hero-slideshow{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:0;min-width:0;overflow:hidden}.landing-page .hero-slide-frame{aspect-ratio:16/9;background:#121428;position:relative}.landing-page .hero-slide{inset:0;opacity:0;position:absolute;transition:opacity .6s ease;visibility:hidden}.landing-page .hero-slide.active{opacity:1;visibility:visible}.landing-page .hero-slide img{object-fit:contain}.landing-page .hero-slide-footer{align-items:center;display:flex;gap:20px;justify-content:space-between;min-height:54px;padding:12px 18px}.landing-page .hero-slide-footer>span{color:var(--foreground);font-size:12px;font-weight:800}.landing-page .hero-slide-controls{align-items:center;display:flex;gap:8px}.landing-page .hero-slide-controls button{background:var(--border);border:0;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:background .2s,width .2s;width:8px}.landing-page .hero-slide-controls button.active{background:var(--primary);width:24px}.landing-page .asset-ticker{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:40px;min-height:86px;overflow:hidden;padding:15px 5vw}.landing-page .asset-ticker>span{color:var(--muted-foreground);flex:none;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing-page .ticker-items{align-items:center;display:flex;flex:1;justify-content:space-around;min-width:700px}.landing-page .ticker-items div{align-items:center;display:flex;font-size:11px;font-weight:700;gap:7px}.landing-page .ticker-items i{align-items:center;border-radius:7px;display:flex;height:30px;justify-content:center;width:30px}.landing-page .ticker-items b{background:var(--surface-elevated);border-radius:99px;color:var(--muted-foreground);font-size:7px;padding:3px 5px}.landing-page .lilac{background:var(--soft-purple);color:var(--primary)}.landing-page .peach{background:var(--soft-peach);color:var(--accent)}.landing-page .mint{background:var(--soft-mint);color:var(--success)}.landing-page .pink{background:var(--soft-pink);color:var(--destructive)}.landing-page .blue{background:#e0efff;color:#4385c7}.landing-page[data-theme=dark] .blue{background:#24374b;color:#79b7ef}.landing-page .section{margin:0 auto;max-width:1240px;padding:120px 5vw}.landing-page .section-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:42px}.landing-page .section h2{font-size:clamp(38px,4vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:0}.landing-page .section-heading p{color:var(--muted-foreground);font-size:13px;line-height:1.7;margin:0 0 5px;max-width:390px}.landing-page footer{align-items:center;border-top:1px solid var(--border);display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1240px;padding:35px 5vw}.landing-page footer p{color:var(--muted-foreground);font-size:10px;text-align:center}.landing-page footer>div{align-items:center;display:flex;gap:18px;justify-content:flex-end}.landing-page footer>div span{color:var(--muted-foreground);font-size:8px}.landing-page .developer-section{align-items:center;border-top:1px solid var(--border);display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:44px 5vw}.landing-page .developer-section .eyebrow{margin-bottom:9px}.landing-page .developer-section h2{color:var(--foreground);font-size:clamp(24px,3vw,34px);margin:0}.landing-page .developer-section h2 span{color:var(--muted-foreground);font-size:.74em;font-weight:500}.landing-page .developer-section nav{display:flex;flex-wrap:wrap;gap:10px}.landing-page .developer-section nav a{border:1px solid var(--border);border-radius:10px;color:var(--foreground);font-size:13px;font-weight:700;padding:10px 14px;text-decoration:none}.landing-page .developer-section nav a:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:1050px){.landing-page .hero{grid-template-columns:1fr;padding-top:150px;text-align:center}.landing-page .hero-copy{margin:auto}.landing-page .hero-copy>p{margin-left:auto;margin-right:auto}.landing-page .hero-actions,.landing-page .hero-note{justify-content:center}.landing-page .hero-slideshow{margin:10px auto 20px;max-width:860px;width:100%}.landing-page .section-heading{align-items:flex-start;flex-direction:column;gap:18px}.landing-page .asset-ticker{overflow-x:auto}.landing-page .nav-links{display:none}}@media (max-width:720px){.landing-page .nav{height:68px;padding:0 18px}.landing-page .nav-cta{display:none}.landing-page .hero{display:block;min-height:auto;padding:120px 20px 65px}.landing-page .hero h1{font-size:47px}.landing-page .hero-copy>p{font-size:14px}.landing-page .hero-slideshow{margin-top:32px}.landing-page .asset-ticker{gap:22px}.landing-page .section{padding:85px 20px}.landing-page .developer-section{align-items:flex-start;flex-direction:column;padding:36px 20px}.landing-page footer{grid-template-columns:1fr;text-align:center}.landing-page footer .logo{justify-content:center}.landing-page footer>div{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :after,.landing-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.landing-page section[id]{scroll-margin-top:88px}.landing-page .demo-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.landing-page .demo-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px}.landing-page .demo-kicker{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em}.landing-page .demo-image{aspect-ratio:1900/880;background:var(--surface-elevated);border-radius:14px;margin:18px 0 20px;overflow:hidden;position:relative}.landing-page .demo-image img{object-fit:cover}.landing-page .demo-backup{align-items:center;background:linear-gradient(135deg,var(--soft-purple),var(--soft-mint));display:flex;gap:18px;justify-content:center;padding:24px}.landing-page .demo-backup>span{align-items:center;background:var(--surface);border-radius:16px;color:var(--primary);display:flex;flex:none;height:70px;justify-content:center;width:70px}.landing-page .demo-backup>div{display:flex;flex-direction:column;gap:5px}.landing-page .demo-backup strong{color:var(--foreground);font-family:Fredoka;font-size:22px}.landing-page .demo-backup small{color:var(--muted-foreground);font-size:11px;font-weight:700}.landing-page .demo-card h3{font-size:21px;margin:0 0 8px}.landing-page .demo-card p{color:var(--muted-foreground);font-size:12px;line-height:1.6;margin:0}.landing-page .demo-card p a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:2px}.landing-page .demo-actions{align-items:center;display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}.landing-page .demo-actions>a:last-child{align-items:center;color:var(--primary);display:inline-flex;font-size:12px;font-weight:800;gap:7px}@media (max-width:800px){.landing-page .demo-flow{grid-template-columns:1fr}}.landing-page.guide-page{min-height:100vh}.landing-page .guide-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:22px max(5vw,22px)}.landing-page .guide-header>a:last-child{color:var(--primary);font-size:13px;font-weight:800}.landing-page .guide-main{margin:auto;max-width:900px;padding:80px 24px 120px}.landing-page .guide-main h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:12px 0 20px}.landing-page .guide-intro{color:var(--muted-foreground);font-size:17px;line-height:1.65;max-width:680px}.landing-page .guide-steps{border-top:1px solid var(--border);list-style:none;margin:50px 0 35px;padding:0}.landing-page .guide-steps li{border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:55px 1fr;padding:27px 0}.landing-page .guide-steps li>span{color:var(--primary);font-family:Fredoka;font-size:18px}.landing-page .guide-steps h2{font-size:24px;margin:0 0 8px}.landing-page .guide-steps p{color:var(--muted-foreground);font-size:13px;line-height:1.7;margin:0}.landing-page .guide-steps strong{color:var(--foreground)}.landing-page .guide-end{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.landing-page .guide-end>a:last-child{color:var(--primary);font-size:12px;font-weight:800}