:root{--background: 240 20% 6%;--foreground: 240 10% 96%;--card: 240 18% 9%;--primary: 270 90% 65%;--primary-foreground: 240 20% 6%;--primary-glow: 280 100% 75%;--accent-cyan: 190 95% 60%;--accent-pink: 320 90% 65%;--secondary: 240 15% 14%;--muted: 240 12% 16%;--muted-foreground: 240 8% 65%;--destructive: 0 84% 60%;--border: 240 15% 18%;--radius: 1rem;--gradient-primary: linear-gradient(135deg, hsl(270 90% 65%), hsl(190 95% 60%));--gradient-vibrant: linear-gradient(135deg, hsl(320 90% 65%), hsl(270 90% 65%) 50%, hsl(190 95% 60%));--gradient-radial: radial-gradient(circle at 50% 0%, hsl(270 90% 65% / .25), transparent 60%);--gradient-card: linear-gradient(180deg, hsl(240 18% 11% / .8), hsl(240 18% 7% / .8));--shadow-glow: 0 0 60px hsl(270 90% 65% / .45);--shadow-elegant: 0 20px 60px -20px hsl(270 90% 65% / .5);--grid-bg: linear-gradient(hsl(240 15% 18% / .4) 1px, transparent 1px), linear-gradient(90deg, hsl(240 15% 18% / .4) 1px, transparent 1px)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;border:0 solid hsl(var(--border))}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,hsl(270 90% 65% / .18),transparent),radial-gradient(ellipse 60% 40% at 90% 30%,hsl(190 95% 60% / .1),transparent);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;color:inherit}ul{list-style:none}img,svg{display:block;max-width:100%}textarea{font:inherit;color:inherit}.font-display{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.text-gradient{background-image:var(--gradient-vibrant);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:var(--gradient-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border) / .6)}.glow{box-shadow:var(--shadow-glow)}.grid-bg{background-image:var(--grid-bg);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent 80%)}.container{max-width:72rem;margin:0 auto;padding:0 1rem;position:relative}.section{position:relative;padding:6rem 0}.eyebrow{font-size:.875rem;font-weight:500;color:hsl(var(--accent-cyan));text-transform:uppercase;letter-spacing:.2em}.section-title{margin-top:.75rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.muted{color:hsl(var(--muted-foreground))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:600;transition:opacity .2s,transform .2s,background-color .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background-image:var(--gradient-vibrant);color:hsl(var(--background));box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.92}.btn-outline{background:hsl(var(--background) / .4);border-color:hsl(var(--border) / .8);color:hsl(var(--foreground))}.btn-lg{height:3rem;padding:0 1.75rem;font-size:.95rem}.btn-md{height:2.25rem;padding:0 1rem;font-size:.85rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #a655f666}50%{box-shadow:0 0 60px #a655f6b3}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}.animate-fade-up{animation:fade-up .8s cubic-bezier(.22,1,.36,1) both}.cursor-blink:after{content:"▍";margin-left:2px;color:hsl(var(--primary-glow));animation:blink 1s step-end infinite}.nav-root{position:fixed;top:0;left:0;right:0;z-index:50}.nav-container{max-width:72rem;margin:1rem auto 0;padding:0 1rem}.nav-bar{border-radius:9999px;padding:.625rem 1rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem}.nav-logo{display:grid;place-items:center;height:2rem;width:2rem;border-radius:9999px;background-image:var(--gradient-vibrant)}.nav-links{display:none;align-items:center;gap:1.75rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.nav-links a{transition:color .2s}.nav-links a:hover{color:hsl(var(--foreground))}@media (min-width: 768px){.nav-links{display:flex}}.hero{position:relative;padding:9rem 0 6rem;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-glow{position:absolute;top:-8rem;left:50%;transform:translate(-50%);height:24rem;width:60rem;border-radius:9999px;background:hsl(var(--primary) / .2);filter:blur(120px);pointer-events:none}.hero-inner{position:relative}.hero-cols{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-cols{grid-template-columns:1.1fr .9fr}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.025em}.hero-sub{margin-top:1.5rem;font-size:1.125rem;max-width:36rem}.hero-steps{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.hero-step{display:flex;align-items:center;gap:.5rem}.hero-step-pill{height:1.5rem;padding:0 .625rem;display:grid;place-items:center;border-radius:9999px;color:hsl(var(--foreground));font-weight:500}.hero-ctas{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-social{margin-top:2.5rem;display:flex;align-items:center;gap:1.5rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.hero-avatars{display:flex}.ha{height:1.75rem;width:1.75rem;border-radius:9999px;border:2px solid hsl(var(--background));margin-left:-.5rem}.ha-1{background:hsl(var(--primary));margin-left:0}.ha-2{background:hsl(var(--accent-cyan))}.ha-3{background:hsl(var(--accent-pink))}.hero-mock-wrap{position:relative}.hero-mock-glow{position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;background-image:var(--gradient-vibrant);opacity:.3;filter:blur(60px);border-radius:9999px}.hero-mock{position:relative;border-radius:1.5rem;padding:1.25rem;box-shadow:var(--shadow-elegant)}.hero-mock-bar{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border) / .6)}.dot{height:.625rem;width:.625rem;border-radius:9999px}.dot-r{background:hsl(var(--destructive) / .8)}.dot-y{background:#facc14cc}.dot-g{background:#21c45dcc}.hero-mock-title{margin-left:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.hero-mock-body{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.hero-incoming{border-radius:.75rem;background:hsl(var(--muted) / .4);padding:.75rem;font-size:.75rem}.hero-incoming-from{display:flex;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground));margin-bottom:.25rem}.hero-incoming p{color:hsl(var(--foreground) / .9)}.hero-tones{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.hero-tone{padding:.25rem .625rem;border-radius:9999px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.hero-tone.is-active{background-image:var(--gradient-vibrant);color:hsl(var(--background));border-color:transparent;font-weight:500}.hero-reply{border-radius:.75rem;background:hsl(var(--background) / .6);border:1px solid hsl(var(--border) / .6);padding:.75rem;font-size:.875rem;line-height:1.6}.hero-reply-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:hsl(var(--accent-cyan));margin-bottom:.5rem}.hero-send{width:100%;margin-top:.5rem;border-radius:.75rem;background-image:var(--gradient-vibrant);color:hsl(var(--background));padding:.625rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-chip{position:absolute;top:-1rem;right:-1rem;border-radius:1rem;padding:.5rem .75rem;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.problem-grid{margin-top:3.5rem;display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{border-radius:1rem;padding:1.5rem;transition:border-color .2s,transform .2s}.problem-card:hover{border-color:hsl(var(--primary) / .4)}.problem-icon{height:2.75rem;width:2.75rem;border-radius:.75rem;background-image:var(--gradient-vibrant);display:grid;place-items:center;transition:transform .2s}.problem-card:hover .problem-icon{transform:scale(1.1)}.problem-title{margin-top:1.25rem;font-size:1.25rem;font-weight:600}.problem-desc{margin-top:.5rem;font-size:.875rem;line-height:1.6}.solution-grid{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:center}@media (min-width: 1024px){.solution-grid{grid-template-columns:1fr 1fr}}.solution-lead{margin-top:1.25rem;font-size:1.125rem}.solution-list{margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem}.solution-list li{display:flex;align-items:flex-start;gap:.75rem;color:hsl(var(--foreground) / .9)}.solution-check{margin-top:.125rem;height:1.25rem;width:1.25rem;border-radius:9999px;background-image:var(--gradient-vibrant);display:grid;place-items:center;flex-shrink:0}.solution-flow-wrap{position:relative}.solution-flow-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-radial);pointer-events:none}.solution-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:center}.solution-flow-card{border-radius:1rem;padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.solution-flow-card p{font-size:.75rem;color:hsl(var(--muted-foreground))}.solution-core-wrap{position:relative}.solution-core{aspect-ratio:1 / 1;border-radius:1.5rem;display:grid;place-items:center}.solution-core-label{margin-top:.5rem;text-align:center;font-size:.75rem;color:hsl(var(--accent-cyan));font-weight:500}.solution-quote{margin-top:1.5rem;border-radius:1rem;padding:1rem;font-size:.875rem;color:hsl(var(--muted-foreground));font-style:italic}.how-head{text-align:center;max-width:36rem;margin:0 auto}.how-wrap{position:relative;margin-top:4rem}.how-line{display:none;position:absolute;top:1.75rem;left:10%;right:10%;height:1px;background-image:linear-gradient(to right,transparent,hsl(var(--primary) / .6),transparent)}@media (min-width: 768px){.how-line{display:block}}.how-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.how-grid{grid-template-columns:repeat(4,1fr)}}.how-item{position:relative;text-align:center}.how-icon{position:relative;margin:0 auto;height:3.5rem;width:3.5rem;border-radius:1rem;background-image:var(--gradient-vibrant);display:grid;place-items:center;box-shadow:var(--shadow-elegant)}.how-num{position:absolute;top:-.5rem;right:-.5rem;height:1.5rem;width:1.5rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:grid;place-items:center}.how-title{margin-top:1.25rem;font-size:1.125rem;font-weight:600}.how-desc{margin-top:.5rem;font-size:.875rem}.features-grid{margin-top:3.5rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}}.feature-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:1.5rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:hsl(var(--primary) / .4);transform:translateY(-4px)}.feature-big{grid-column:span 1;grid-row:span 1}@media (min-width: 768px){.feature-big{grid-column:span 2;grid-row:span 2}}.feature-blob{position:absolute;right:-2.5rem;top:-2.5rem;height:12rem;width:12rem;border-radius:9999px;background-image:var(--gradient-vibrant);opacity:.2;filter:blur(60px)}.feature-icon{position:relative;height:2.75rem;width:2.75rem;border-radius:.75rem;background-image:var(--gradient-vibrant);display:grid;place-items:center;transition:transform .2s}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{position:relative;margin-top:1.25rem;font-size:1.125rem;font-weight:600}.feature-title.is-big{font-size:clamp(1.5rem,3vw,1.875rem)}.feature-desc{position:relative;margin-top:.5rem;font-size:.875rem;line-height:1.6;max-width:28rem}.feature-tags{position:relative;margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem}.feature-tag{padding:.25rem .625rem;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background) / .4)}.demo-head{text-align:center;max-width:36rem;margin:0 auto}.demo-sub{margin-top:1rem}.demo-wrap{position:relative;margin-top:3rem}.demo-glow{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background-image:var(--gradient-vibrant);opacity:.2;filter:blur(60px);border-radius:2rem}.demo-card{position:relative;border-radius:1.5rem;padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;box-shadow:var(--shadow-elegant)}@media (min-width: 768px){.demo-card{padding:2rem}}@media (min-width: 1024px){.demo-card{grid-template-columns:1fr 1fr}}.demo-col{display:flex;flex-direction:column}.demo-label{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.2em}.demo-textarea{margin-top:.5rem;width:100%;background:hsl(var(--background) / .4);border:1px solid hsl(var(--border) / .6);border-radius:1rem;resize:none;font-size:1rem;padding:.75rem 1rem;color:hsl(var(--foreground));outline:none;transition:border-color .2s}.demo-textarea:focus{border-color:hsl(var(--primary) / .6)}.demo-tones{display:flex;flex-wrap:wrap;gap:.5rem}.demo-tone{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));transition:all .2s}.demo-tone:hover{color:hsl(var(--foreground))}.demo-tone.is-active{background-image:var(--gradient-vibrant);color:hsl(var(--background));border-color:transparent;box-shadow:var(--shadow-elegant)}.demo-generate{margin-top:1.25rem;width:100%;height:3rem;border-radius:1rem;background-image:var(--gradient-vibrant);color:hsl(var(--background));font-weight:600;box-shadow:var(--shadow-glow);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.demo-generate:disabled{opacity:.7;cursor:not-allowed}.demo-generate:not(:disabled):hover{opacity:.92}.demo-output-head{display:flex;align-items:center;justify-content:space-between}.demo-copy{font-size:.75rem;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;gap:.25rem}.demo-copy:hover{color:hsl(var(--foreground))}.demo-output{margin-top:.5rem;min-height:16rem;border-radius:1rem;background:hsl(var(--background) / .6);border:1px solid hsl(var(--border) / .6);padding:1.25rem;font-size:1rem;line-height:1.6}.demo-save{margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:.75rem;background-image:var(--gradient-vibrant);color:hsl(var(--background));font-size:.9rem;font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-elegant);transition:opacity .2s ease}.demo-save:hover{opacity:.92}.tech-grid{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.tech-grid{grid-template-columns:repeat(4,1fr)}}.tech-card{border-radius:1rem;padding:1.5rem}.tech-group{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:hsl(var(--accent-cyan));font-weight:500}.tech-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.tech-list li{display:flex;align-items:center;gap:.5rem;color:hsl(var(--foreground) / .9)}.tech-dot{height:.375rem;width:.375rem;border-radius:9999px;background-image:var(--gradient-vibrant)}.why-grid{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.why-grid{grid-template-columns:repeat(5,1fr)}}.why-card{border-radius:1rem;padding:1.25rem;transition:border-color .2s}.why-card:hover{border-color:hsl(var(--primary) / .4)}.why-title{margin-top:1rem;font-size:1rem;font-weight:600}.why-desc{margin-top:.5rem;font-size:.875rem}.t-grid{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.t-grid{grid-template-columns:repeat(3,1fr)}}.t-card{border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.t-card blockquote{color:hsl(var(--foreground) / .9);line-height:1.6}.t-card figcaption{display:flex;align-items:center;gap:.75rem;margin-top:auto}.t-avatar{height:2.5rem;width:2.5rem;border-radius:9999px;display:grid;place-items:center;color:hsl(var(--background));font-weight:700}.t-primary{background:hsl(var(--primary))}.t-cyan{background:hsl(var(--accent-cyan))}.t-pink{background:hsl(var(--accent-pink))}.t-name{font-weight:600;font-size:.875rem}.t-role{font-size:.75rem;color:hsl(var(--muted-foreground))}.cta-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:2.5rem 1.5rem;text-align:center}@media (min-width: 768px){.cta-card{padding:4rem}}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--gradient-vibrant);opacity:.2}.cta-glow{position:absolute;top:-8rem;left:50%;transform:translate(-50%);height:18rem;width:40rem;border-radius:9999px;background:hsl(var(--primary) / .4);filter:blur(100px)}.cta-inner{position:relative}.cta-title{font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:1.1}.cta-sub{margin:1.25rem auto 0;max-width:32rem}.cta-btn{margin-top:2rem;height:3.5rem;padding:0 2.25rem;font-size:1rem}.footer{position:relative;border-top:1px solid hsl(var(--border) / .6);padding:3rem 0;margin-top:3rem}.footer-inner{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media (min-width: 768px){.footer-inner{flex-direction:row}}.footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem}.footer-logo{display:grid;place-items:center;height:1.75rem;width:1.75rem;border-radius:9999px;background-image:var(--gradient-vibrant)}.footer-desc{margin-top:.75rem;font-size:.875rem;max-width:24rem}.footer-credit{margin-top:.75rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.footer-credit span{color:hsl(var(--foreground));font-weight:500}.footer-right{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.footer-right{align-items:flex-end}}.footer-social{display:flex;align-items:center;gap:.75rem}.footer-icon{height:2.25rem;width:2.25rem;border-radius:9999px;display:grid;place-items:center;transition:border-color .2s}.footer-icon:hover{border-color:hsl(var(--primary) / .4)}.footer-copy{font-size:.75rem;color:hsl(var(--muted-foreground))}.saved-wrap{position:relative;margin-top:3rem}.saved-list{position:relative;display:grid;gap:1.5rem}.saved-card{display:flex;flex-direction:column;gap:1rem}.saved-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.saved-date{font-size:.8rem;color:hsl(var(--muted-foreground))}.saved-block{display:flex;flex-direction:column;gap:.5rem}.saved-block .demo-output{min-height:auto}