:root{--bg: #030712;--bg-gradient: linear-gradient(140deg, #030712 0%, #0B1121 100%);--aurora-1: rgba(37, 99, 235, .25);--aurora-2: rgba(44, 230, 213, .15);--aurora-3: rgba(139, 92, 246, .2);--surface: rgba(17, 24, 39, .6);--surface-solid: #111827;--surface-hover: rgba(31, 41, 55, .7);--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .15);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 48px rgba(0, 0, 0, .6);--text: #F9FAFB;--text-muted: #9CA3AF;--text-dim: #4B5563;--accent: #3B82F6;--accent-light: #60A5FA;--accent-glow: rgba(59, 130, 246, .4);--teal: #2DD4BF;--teal-dim: rgba(45, 212, 191, .15);--ease-modern: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:50;opacity:1;mix-blend-mode:multiply}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.02em}.mono{font-family:Inter,sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}::selection{background:var(--accent-glow);color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.aurora-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg-gradient)}.tech-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(var(--accent-glow) 1px,transparent 1px),linear-gradient(90deg,var(--accent-glow) 1px,transparent 1px);background-size:60px 60px;transform-origin:center top;z-index:1}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;animation:float-blob 20s infinite alternate ease-in-out;will-change:transform}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--aurora-1);animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:var(--aurora-2);animation-delay:-5s;animation-duration:25s}.blob-3{top:30%;left:40%;width:45vw;height:45vw;background:var(--aurora-3);animation-delay:-10s;animation-duration:22s}@keyframes float-blob{0%{transform:scale(1) translate(0) rotate(0)}50%{transform:scale(1.1) translate(5%,5%) rotate(5deg)}to{transform:scale(.9) translate(-5%,-5%) rotate(-5deg)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .8s}.loader.out{opacity:0;pointer-events:none}.l-logo{font-size:2rem;font-weight:800;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em}.l-logo em{color:var(--accent);font-style:normal}.l-bar{width:140px;height:2px;background:var(--border-bright);position:relative;overflow:hidden;border-radius:4px}.l-bar:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--accent);animation:lbar 2s ease forwards}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;transition:all .4s var(--ease-modern)}nav.scrolled{background:#030712b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:16px 5vw;border-bottom:1px solid var(--border);box-shadow:0 4px 24px #00000005}.nav-logo{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;color:var(--text)}.nav-logo-img{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--border-bright)}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{font-size:.85rem;font-weight:500;color:var(--text);opacity:.8;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:1}.nav-cta{padding:12px 32px!important;background:linear-gradient(135deg,var(--accent) 0%,var(--teal) 100%)!important;color:#fff!important;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem!important;font-weight:600!important;transition:all .4s var(--ease-modern)!important;animation:pulse-glow 2.5s infinite;overflow:hidden;position:relative;border:none!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2dd4bf66;animation:none;background:linear-gradient(135deg,var(--teal) 0%,var(--accent) 100%)!important}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;z-index:101;cursor:pointer}.nav-hamburger span{width:24px;height:2px;background:var(--text);transition:all .3s;border-radius:2px}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.page-wrapper{position:relative;z-index:10}.section{padding:12vh 10vw;position:relative;z-index:10}.section-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:24px;height:2px;background:var(--accent);border-radius:2px}.section-title{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.03em;margin-bottom:60px;color:var(--text)}.section-title em{font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:700;background:linear-gradient(135deg,var(--accent-light) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 5vw;position:relative}.hero-content{max-width:800px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--accent-light);margin-bottom:32px;box-shadow:var(--shadow-soft);opacity:0;animation:fadeinUp .8s .2s forwards}.hero-title{font-size:clamp(3.5rem,7vw,6.5rem);letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;color:var(--text);opacity:0;animation:fadeinUp .8s .4s forwards}.hero-title em{display:block;font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:700;background:linear-gradient(135deg,var(--accent-light) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;line-height:1.6;color:var(--text);opacity:.85;max-width:600px;margin:0 auto 40px;font-weight:400;opacity:0;animation:fadeinUp .8s .6s forwards}.hero-actions{display:flex;justify-content:center;gap:16px;opacity:0;animation:fadeinUp .8s .8s forwards}@keyframes fadeinUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.btn-primary{padding:18px 48px;background:var(--text);color:var(--bg);border-radius:100px;font-weight:600;font-size:1.05rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease-modern);box-shadow:0 4px 20px var(--accent-glow);border:1px solid var(--border-bright);cursor:pointer;position:relative;animation:pulse-glow-light 2s infinite}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #fff6;background:#fff;color:#000;animation:none}.btn-secondary{padding:18px 48px;background:#111827cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-bright);color:var(--text);border-radius:100px;font-weight:600;font-size:1.05rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease-modern);cursor:pointer;box-shadow:var(--shadow-soft)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 0 20px #2dd4bf33}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(300px,auto);gap:24px}.bento-card{background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:24px;padding:40px;display:flex;flex-direction:column;transition:all .4s var(--ease-modern);box-shadow:var(--shadow-soft)}.bento-card>*{position:relative;z-index:2}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-bright);background:var(--surface-solid)}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(59,130,246,.15),transparent 40%);z-index:0;opacity:0;transition:opacity .5s;pointer-events:none}.spotlight-container:hover .spotlight-card:before{opacity:1}.bento-card.wide{grid-column:span 2}.bento-icon{width:56px;height:56px;background:var(--bg);border:1px solid var(--border-bright);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:24px;color:var(--accent)}.bento-card h3{font-size:1.75rem;margin-bottom:12px;font-weight:700;letter-spacing:-.02em}.bento-card p{color:var(--text-muted);line-height:1.6;font-size:1rem;margin-bottom:auto}.bento-tag{align-self:flex-start;margin-top:24px;padding:6px 12px;background:#2563eb14;color:var(--accent);border-radius:100px;font-size:.75rem;font-weight:600}.stats-container{display:flex;gap:24px;margin-top:24px}.stat-box{flex:1;background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:24px;padding:32px;text-align:center;box-shadow:var(--shadow-soft);transition:transform .4s}.stat-box:hover{transform:translateY(-4px);background:var(--surface-solid)}.stat-box h4{font-size:3rem;color:var(--accent);font-family:Space Grotesk,sans-serif;letter-spacing:-.04em;margin-bottom:8px}.stat-box p{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chat-container{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.video-container{aspect-ratio:9/12;width:100%;max-width:400px;margin:0 auto;background:var(--surface-solid);border-radius:32px;border:1px solid var(--border-bright);box-shadow:var(--shadow-hover);position:relative;display:flex;align-items:center;justify-content:center}.video-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.05))}.play-btn-modern{width:72px;height:72px;background:#111827e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006;cursor:pointer;transition:transform .3s;border:1px solid var(--border-bright);animation:pulse-glow 2.5s infinite}.play-btn-modern:hover{transform:scale(1.05)}.play-triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid var(--text);margin-left:4px}.avatar-badge{position:absolute;top:24px;left:24px;background:#111827e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:600;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:6px}.pulse-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.iphone-mockup{background:var(--surface-solid);border:8px solid #F3F4F6;border-radius:40px;box-shadow:var(--shadow-hover);height:600px;display:flex;flex-direction:column;position:relative}.iphone-header{padding:20px;text-align:center;border-bottom:1px solid var(--border);background:#111827e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px}.iphone-header-avatar{width:40px;height:40px;border-radius:50%;background:var(--aurora-1);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.iphone-header-text{text-align:left}.iphone-header-title{font-weight:600;font-size:.95rem}.iphone-header-sub{font-size:.75rem;color:var(--text-dim)}.chat-msgs-modern{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--bg)}.buble{max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5;border-radius:20px;animation:msgIn .3s cubic-bezier(.16,1,.3,1)}.buble.ai{align-self:flex-start;background:var(--surface-solid);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:var(--shadow-soft)}.buble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px var(--accent-glow)}.chat-input-area{padding:16px;background:var(--surface-solid);border-top:1px solid var(--border);display:flex;gap:12px}.chat-input-modern{flex:1;padding:12px 20px;background:var(--surface);color:var(--text);border:1px solid transparent;border-radius:100px;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:all .3s}.chat-input-modern:focus{background:var(--surface-solid);border-color:var(--accent-light);box-shadow:0 0 0 4px var(--accent-glow)}.chat-send-modern{width:44px;height:44px;background:var(--accent);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.chat-send-modern:hover{transform:scale(1.05)}.chat-send-icon{fill:#fff;width:18px;height:18px}.timeline-modern{max-width:800px;margin:0 auto;position:relative}.timeline-modern:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--border-bright)}.t-step{position:relative;padding-left:72px;padding-bottom:60px}.t-step:last-child{padding-bottom:0}.t-icon{position:absolute;left:8px;top:0;width:34px;height:34px;background:var(--bg);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--accent);box-shadow:0 0 0 8px var(--bg)}.t-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-soft);transition:transform .3s}.t-card:hover{transform:translateY(-4px);background:var(--surface-solid);box-shadow:var(--shadow-hover)}.t-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.t-desc{color:var(--text-muted);line-height:1.6;margin-bottom:20px}.t-tools{display:flex;gap:8px;flex-wrap:wrap}.t-tool{padding:6px 12px;background:#ffffff0d;border-radius:100px;font-size:.75rem;font-weight:600;color:var(--text-muted);border:1px solid var(--border)}.contact-container{max-width:600px;margin:0 auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:32px;padding:48px;box-shadow:var(--shadow-hover);text-align:center}.c-form{display:flex;flex-direction:column;gap:24px;margin-top:32px;text-align:left}.c-input,.c-textarea{width:100%;padding:16px 20px;background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;font-family:Inter,sans-serif;font-size:1rem;color:var(--text);outline:none;transition:all .3s}.c-textarea{height:140px;resize:none;align-family:"Inter",sans-serif}.c-input:focus,.c-textarea:focus{background:var(--surface-solid);border-color:var(--accent-light);box-shadow:0 0 0 4px var(--accent-glow)}footer{padding:60px 10vw 40px;border-top:1px solid var(--border);text-align:center}.f-links{display:flex;justify-content:center;gap:32px;margin:32px 0;list-style:none}.f-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.f-links a:hover{color:var(--accent)}.f-copy{color:var(--text-dim);font-size:.85rem}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes pulse-glow-light{0%{box-shadow:0 0 #ffffff4d}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.has-shimmer{position:relative;overflow:hidden}.has-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);transform:skew(-20deg);animation:shimmer 4s infinite 2s;pointer-events:none}@keyframes shimmer{0%{left:-100%}25%{left:200%}to{left:200%}}.btn-icon{max-width:0;opacity:0;overflow:hidden;transition:max-width .4s var(--ease-modern),opacity .4s var(--ease-modern),transform .4s var(--ease-modern),padding .4s var(--ease-modern);transform:translate(-10px);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-primary:hover .btn-icon,.nav-cta:hover .btn-icon,.has-shimmer:hover .btn-icon{max-width:24px;padding-left:8px;opacity:1;transform:translate(0)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-modern),transform .8s var(--ease-modern)}.reveal.visible{opacity:1;transform:none}@media(max-width:960px){.bento-grid{grid-template-columns:1fr}.bento-card.wide{grid-column:span 1}.chat-container{grid-template-columns:1fr;gap:40px}.stats-container{flex-direction:column}.section{padding:10vh 6vw}.contact-container{padding:32px 24px}nav{padding:20px 6vw}.nav-hamburger{display:flex}.nav-links{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;flex-direction:column;align-items:center;justify-content:center;gap:32px}.nav-links.mobile-open{display:flex}}@media(max-width:500px){.hero-title{font-size:clamp(2.5rem,12vw,3.5rem)}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.c-form>div{grid-template-columns:1fr!important}.t-step{padding-left:48px}.timeline-modern:before{left:16px}.t-icon{width:24px;height:24px;left:4px;font-size:.6rem}.t-card{padding:24px}}