:root{--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .6);--color-text-tertiary: rgba(255, 255, 255, .4);--color-bg-start: #0f172a;--color-bg-end: #1e1b4b;--color-bg-accent: #312e81;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg-start);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.02em;line-height:1.1}.text-gradient{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem;letter-spacing:-.04em}.text-6xl{font-size:3.75rem;letter-spacing:-.04em}.text-7xl{font-size:4.5rem;letter-spacing:-.04em}.text-8xl{font-size:6rem;letter-spacing:-.04em}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-center{text-align:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pt-32{padding-top:8rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--glass-shadow);transition:all .3s ease;overflow:hidden}.glass-panel:hover{background:var(--glass-bg-hover);border-color:#fff3;transform:translateY(-2px)}.glass-pill{background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.glass-pill:hover{background:#00000080;border-color:#ffffff4d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:9999px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;text-decoration:none}.btn-primary{background:#fff;color:#000}.btn-primary:hover{transform:scale(1.05);background:#f0f0f0}.btn-secondary{background:#ffffff1a;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#fff6}.app-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-10;background:linear-gradient(145deg,#0b0f19,#1e1b4b,#312e81);background-size:400% 400%;animation:gradientBG 20s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in-up{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.img-fluid{max-width:100%;height:auto;display:block}.rounded-3xl{border-radius:1.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.mockup-container{position:relative;border-radius:40px;overflow:hidden;border:8px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a;background:#000}.mockup-glare{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none;z-index:10}.hero-section{position:relative;padding:8rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;overflow:hidden}.hero-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:56rem;margin:0 auto;gap:2rem}.hero-logo-wrapper{margin-bottom:2rem}.hero-logo{width:80px;height:80px;border-radius:20px;box-shadow:0 10px 30px #0000004d}.pill-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#60a5fa}.hero-title{font-size:3rem;font-weight:500;letter-spacing:-.04em;line-height:1.1}@media (min-width: 768px){.hero-title{font-size:4.5rem}}@media (min-width: 1024px){.hero-title{font-size:6rem}}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:42rem;font-weight:300;line-height:1.6}@media (min-width: 768px){.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.hero-mockup-wrapper{position:relative;margin-top:6rem;width:100%;max-width:32rem;margin-left:auto;margin-right:auto}.hero-mockup{position:relative;z-index:10}.hero-image{border-radius:40px;display:block;width:100%;height:auto}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,rgba(139,92,246,.3) 40%,transparent 70%);filter:blur(40px);border-radius:50%;z-index:1}.li-section{position:relative;padding:6rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.li-section{padding:8rem 0}}.li-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.li-container{position:relative;z-index:10}.li-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width: 1024px){.li-grid{grid-template-columns:repeat(2,1fr)}}.li-content{display:flex;flex-direction:column;gap:2rem}.li-title{font-size:2.25rem;font-weight:500;line-height:1.2}@media (min-width: 768px){.li-title{font-size:3rem}}.li-subtitle{font-size:1.25rem;color:var(--color-text-secondary);font-weight:300;line-height:1.6}.li-features{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media (min-width: 640px){.li-features{grid-template-columns:repeat(2,1fr)}}.li-feature-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.li-icon{color:#fff;stroke-width:1.5px}.li-feature-title{font-size:1.125rem;font-weight:500}.li-feature-desc{font-size:.875rem;color:var(--color-text-tertiary)}.li-image-wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024px){.li-image-wrapper{justify-content:flex-end}}.li-image-panel{padding:.5rem;width:100%;max-width:24rem;border-radius:40px;box-shadow:0 25px 50px -12px #00000080}.li-image{width:100%;height:auto;border-radius:32px;display:block}.fg-section{padding:6rem 0;background-color:#0003}@media (min-width: 768px){.fg-section{padding:8rem 0}}.fg-header{text-align:center;max-width:48rem;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1.5rem}.fg-title{font-size:2.25rem;font-weight:500;line-height:1.2}@media (min-width: 768px){.fg-title{font-size:3rem}}.fg-subtitle{font-size:1.25rem;color:var(--color-text-secondary);font-weight:300;line-height:1.6}.fg-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.fg-grid{grid-template-columns:repeat(3,1fr)}}.fg-card{padding:2rem;display:flex;flex-direction:column;height:100%}@media (min-width: 768px){.fg-col-span-2{grid-column:span 2 / span 2}}.fg-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.fg-icon{padding:.75rem;background:#ffffff1a;border-radius:1rem;transition:background .3s ease}.fg-card:hover .fg-icon{background:#fff3}.fg-icon-svg{stroke-width:1.5px;color:#fff}.fg-card-title{font-size:1.25rem;font-weight:500}.fg-card-desc{color:var(--color-text-secondary);font-weight:300;margin-bottom:2rem;flex:1;line-height:1.6}.fg-image-container{position:relative;background-color:#0006;border-radius:1rem;height:16rem;overflow:hidden;border:1px solid rgba(255,255,255,.05);margin-top:auto}.fg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.8;transition:all .7s ease-in-out}.fg-card:hover .fg-image{opacity:1;object-position:center}.ot-section{padding:6rem 0;position:relative;overflow:hidden}@media (min-width: 768px){.ot-section{padding:8rem 0}}.ot-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width: 1024px){.ot-grid{grid-template-columns:repeat(2,1fr)}}.ot-image-section{position:relative;order:2}@media (min-width: 1024px){.ot-image-section{order:1}}.ot-images-container{display:flex;justify-content:center;position:relative}.ot-image-1,.ot-image-2{width:12rem;padding:.25rem;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:block}@media (min-width: 768px){.ot-image-1,.ot-image-2{width:14rem;border-radius:32px}}.ot-image-1{transform:rotate(-6deg) translate(2rem);z-index:10}.ot-image-2{transform:rotate(6deg) translateY(2rem) translate(-2rem)}.ot-content-section{order:1;display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.ot-content-section{order:2}}.ot-title{font-size:2.25rem;font-weight:500;line-height:1.2}@media (min-width: 768px){.ot-title{font-size:3rem}}.ot-list{display:flex;flex-direction:column;gap:2rem;padding-top:1rem}.ot-list-item{display:flex;gap:1.5rem}.ot-list-icon-wrapper{flex-shrink:0;margin-top:.25rem}.ot-list-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.ot-icon-svg{stroke-width:1.5px;color:#fff}.ot-item-title{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.ot-item-desc{color:var(--color-text-secondary);font-weight:300;line-height:1.6}.footer-section{padding:6rem 0 3rem;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%)}.footer-container{display:flex;flex-direction:column;gap:6rem}.footer-cta{text-align:center;max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center}.footer-title{font-size:2.25rem;font-weight:500;line-height:1.2}@media (min-width: 768px){.footer-title{font-size:3.75rem}}.footer-subtitle{font-size:1.25rem;color:var(--color-text-secondary);font-weight:300}.footer-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media (min-width: 640px){.footer-buttons{flex-direction:row}}.footer-bottom{display:flex;flex-direction:column;gap:2rem;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:3rem}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (min-width: 768px){.footer-brand{align-items:flex-start}}.footer-logo-container{display:flex;align-items:center;gap:.75rem}.footer-logo-img{width:32px;height:32px;border-radius:8px}.footer-logo{font-weight:500;font-size:1.25rem;letter-spacing:-.02em}.footer-copyright{color:var(--color-text-tertiary);font-size:.875rem}.footer-links{display:flex;gap:2rem}.footer-link{color:var(--color-text-secondary);font-size:.875rem;transition:color .2s ease}.footer-link:hover{color:#fff}