@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";#root{width:100%}.landing{min-height:100vh;padding:120px 24px 80px;background:radial-gradient(circle at top,rgba(39,94,255,.18),transparent 45%),radial-gradient(circle at 20% 20%,rgba(66,245,201,.18),transparent 40%),#030712;color:#f5f6fb}.landing section{max-width:1200px;margin:0 auto}.hero{display:flex;flex-direction:column;gap:32px;margin-bottom:120px}@media (min-width: 960px){.hero{flex-direction:row;align-items:center;gap:48px}}.hero__content{flex:1}.hero__content h1{font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.1;margin:0 0 16px}.hero__content h1 span{color:#64ffda}.hero__lead{font-size:1.1rem;color:#f5f6fbbf;max-width:620px;margin-bottom:32px}.hero__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;color:#f5f6fba6;margin-bottom:12px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.button{border-radius:999px;border:1px solid transparent;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-transform:none}.button svg{width:1rem;height:1rem}.button--primary{background:linear-gradient(120deg,#3dd68c,#1dd1ff);color:#051320;box-shadow:0 15px 30px #1fdfb959}.button--ghost{border-color:#fff3;color:#f5f6fb;background:rgba(255,255,255,.05)}.button:hover{transform:translateY(-2px);box-shadow:0 20px 35px #00000040}.hero__meta{display:flex;flex-wrap:wrap;gap:16px;color:#f5f6fbcc;font-size:.95rem}.hero__meta span{display:inline-flex;align-items:center;gap:8px}.hero__panel{flex:1;background:rgba(9,16,34,.85);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:24px;backdrop-filter:blur(8px);box-shadow:0 30px 60px #03071273}.panel__status{font-size:.9rem;color:#a5b4fc;display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80cc}.panel__body h3{margin:0 0 8px;font-size:1.25rem}.panel__body p{margin:0 0 16px;color:#ffffffb3}.panel__body ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.panel__body li{display:flex;gap:8px;align-items:center;color:#ffffffd9}.panel__footer{display:flex;justify-content:flex-start}.pill{display:inline-flex;align-items:center;gap:8px;padding:.4rem 1rem;border-radius:999px;background:rgba(255,255,255,.08);color:#ffffffd9;font-size:.85rem}.pill--light{background:rgba(255,255,255,.15)}.showcase{margin-bottom:120px}.showcase__card{background:rgba(7,18,42,.9);border-radius:32px;padding:32px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px #00000059}.showcase__conversation{margin:24px 0;display:flex;flex-direction:column;gap:16px}.bubble{border-radius:20px;padding:1rem 1.2rem;max-width:540px;font-size:.95rem}.bubble--user{align-self:flex-start;background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.4)}.bubble--assistant{align-self:flex-end;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4)}.features{margin-bottom:120px}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:0}.section-heading p{color:#ffffffb3;max-width:680px;margin:12px auto 0}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.feature-card{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);min-height:220px}.feature-card__icon{width:48px;height:48px;border-radius:16px;background:rgba(99,102,241,.2);color:#7c3aed;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}.feature-card h3{margin:0 0 8px}.feature-card p{margin:0;color:#ffffffb3}.steps{display:flex;flex-direction:column;gap:32px;margin-bottom:120px}@media (min-width: 960px){.steps{flex-direction:row}}.steps__list{flex:2;display:grid;gap:16px}.step-card{border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:24px;background:rgba(6,12,31,.9);display:flex;gap:16px}.step-number{font-size:1.5rem;color:#64ffda;font-weight:700}.steps__badge{flex:1;border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:32px;background:rgba(4,18,48,.9)}.browser-pill{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;border-radius:999px;background:rgba(255,255,255,.1)}.cta__card{display:flex;flex-direction:column;gap:24px;border-radius:32px;padding:40px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(14,165,233,.25))}@media (min-width: 900px){.cta__card{flex-direction:row;justify-content:space-between;align-items:center}}.cta__card h2{margin:8px 0 16px;font-size:clamp(2rem,4vw,3rem)}.cta__card p{color:#fffc}.cta__actions{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.cta__actions{flex-direction:row}}.brand{font-weight:700;color:#63c363;transition:color .3s ease-in-out}.brand:hover{color:#09f009;text-shadow:0 0 10px #759a6ab8,0 0 10px,0 0 10px,0 0 40px #0cf50c}.block{display:block;text-align:center}.center{display:flex;justify-content:center;align-items:center;row-gap:10px;column-gap:10px}.box{display:block}.sub{color:#000;font-weight:500;font-size:2.2em}.title-hero{font-size:12.2em!important;margin-block-start:1px}.container{width:min(1100px,100%);margin:120px auto;padding:0 24px 80px}.not-installed{display:none}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:min(1200px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-radius:999px;background:rgba(4,7,20,.85);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);z-index:1000;box-shadow:0 18px 40px #00000059}.navbar__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#f5f6fb}.navbar__logo{color:inherit;text-decoration:none}.navbar__tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#64ffda}.navbar__links{list-style:none;display:flex;gap:16px;margin:0;padding:0}.navbar__link{color:#f5f6fbb3;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:999px;transition:color .2s ease,background .2s ease}.navbar__link:hover{color:#fff}.navbar__link--active{background:rgba(255,255,255,.1);color:#fff}.navbar__cta{text-decoration:none;background:linear-gradient(120deg,#3dd68c,#1dd1ff);color:#051320;font-weight:600;padding:.65rem 1.5rem;border-radius:999px;transition:transform .2s ease}.navbar__cta:hover{transform:translateY(-2px)}@media (max-width: 720px){.navbar{flex-direction:column;gap:12px;padding:16px}.navbar__links{flex-wrap:wrap;justify-content:center}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f5f6fb;background-color:#030712;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#030712;color:inherit}a{font-weight:500;color:inherit;text-decoration:none}a:hover{color:#fff}p{line-height:1.6}input,textarea{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:10px;min-height:40px;color:#000;min-width:90%;padding:.6rem .8rem}card{display:flex;flex-direction:column;gap:10px;background-color:#f0f8ff;padding:15px;border-radius:18px}card p{line-height:1.5}.tabs{font-family:inherit;margin:0 auto;width:70%;text-align:center;margin-top:15vh}.tab-buttons{margin-bottom:50px}.active{border-bottom:2px solid #42b3f4;color:#000}