:root{--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .5);--gold: #fbbf24;--gold-glow: rgba(251, 191, 36, .4)}.modern-page{background:#09090b;color:#fafafa;overflow-x:hidden;position:relative}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);top:-100px;left:-100px;animation:drift-1 8s ease-in-out infinite}.orb-2{width:450px;height:450px;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);top:40%;right:-100px;animation:drift-2 6s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.35) 0%,transparent 70%);bottom:10%;left:20%;animation:drift-3 7s ease-in-out infinite}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.15)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,-50px) scale(1.1)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,-40px) scale(1.2)}}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;text-align:center}.logo-wrapper{width:clamp(120px,30vw,180px);margin:0 auto 2.5rem}.logo-wrapper img{width:100%;height:auto;filter:drop-shadow(0 0 60px var(--accent-glow))}.hero-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:#fff9;margin-bottom:2.5rem;line-height:1.7;max-width:500px;margin-left:auto;margin-right:auto}.link-accent{color:var(--accent-light);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.link-accent:hover{border-bottom-color:var(--accent-light)}.cta-button{border-radius:12px!important;font-weight:600!important;transition:all .2s ease!important}.cta-button:hover{transform:translateY(-2px)}.floating-emojis{position:absolute;inset:0;pointer-events:none;z-index:1}.emoji{position:absolute;font-size:clamp(2rem,4vw,3rem);opacity:0;animation:float-up 18s ease-in-out infinite}.hero-section.in-view .emoji{opacity:.15}.e-1{top:15%;left:8%;animation-delay:0s}.e-2{top:25%;right:12%;animation-delay:2s}.e-3{top:55%;left:5%;animation-delay:4s}.e-4{bottom:25%;right:8%;animation-delay:6s}.e-5{top:45%;right:5%;animation-delay:8s}.e-6{bottom:35%;left:12%;animation-delay:10s}.e-7{top:35%;left:15%;animation-delay:12s}.e-8{bottom:45%;right:15%;animation-delay:14s}@keyframes float-up{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.modes-section,.auto-calls-section,.group-section,.cta-section{position:relative;z-index:1;padding:6rem 1.5rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-light);background:rgba(99,102,241,.1);padding:.5rem 1rem;border-radius:100px;margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em;color:#fff}.section-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffff80;max-width:500px;margin:0 auto;line-height:1.6}.modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}@media (max-width: 768px){.modes-grid{grid-template-columns:repeat(2,1fr)}}.mode-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.mode-card:hover{background:rgba(255,255,255,.06);border-color:#ffffff1a;transform:translateY(-4px)}.mode-card .mode-emoji{font-size:2.5rem;margin-bottom:.75rem}.mode-card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#fff}.mode-card p{font-size:.8rem;color:#fff6}.emoji-carousel{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.emoji-track{display:flex;gap:1rem;animation:scroll 30s linear infinite;animation-play-state:paused}.modes-section.in-view .emoji-track{animation-play-state:running}.emoji-cell{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s ease}.emoji-cell:hover{background:rgba(255,255,255,.08);transform:scale(1.1)}.emoji-cell.highlight{background:rgba(251,191,36,.1);border-color:#fbbf2433}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-720px - 9rem))}}.feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:3rem 2rem;text-align:center;max-width:600px;margin:0 auto}.feature-demo{margin-top:2rem}.people-image{display:flex;justify-content:center}.people-image img{width:100%;max-width:700px;height:auto;border-radius:24px;background:#fff}.cta-section{padding:4rem 1.5rem 6rem}.cta-card{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(251,191,36,.05) 100%);border:1px solid rgba(255,255,255,.08);border-radius:24px}.cta-card h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff}.cta-card p{color:#ffffff80;margin-bottom:1.5rem}.modern-footer{position:relative;z-index:1;padding:3rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-logo{width:100px;opacity:.6}.footer-logo img{width:100%;height:auto}.footer-links{text-align:right}.footer-credit{color:#fff6;font-size:.875rem;margin-bottom:.5rem}.footer-credit a{color:var(--gold);text-decoration:none}.footer-credit a:hover{text-decoration:underline}.footer-nav{display:flex;gap:1.5rem;font-size:.8rem}.footer-nav a{color:#ffffff59;text-decoration:none;transition:color .2s ease}.footer-nav a:hover{color:#ffffffb3}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.observe-animate.in-view .fade-in-up{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (prefers-reduced-motion: reduce){.gradient-orb,.emoji,.emoji-track{animation:none!important}.fade-in-up{opacity:1!important;transform:none!important;transition:none!important}}[data-theme=light] .modern-page{background:#fafafa;color:#09090b}[data-theme=light] .gradient-orb{opacity:.4}[data-theme=light] .orb-1{background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%)}[data-theme=light] .orb-2{background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%)}[data-theme=light] .orb-3{background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%)}[data-theme=light] .noise-overlay{opacity:.02}[data-theme=light] .logo-wrapper img{filter:drop-shadow(0 0 40px rgba(99,102,241,.2))}[data-theme=light] .hero-title{background:linear-gradient(135deg,#09090b 0%,#3f3f46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-subtitle{color:#0009}[data-theme=light] .link-accent{color:var(--accent)}[data-theme=light] .link-accent:hover{border-bottom-color:var(--accent)}[data-theme=light] .emoji{opacity:.2}[data-theme=light] .hero-section.in-view .emoji{opacity:.25}[data-theme=light] .section-tag{color:var(--accent);background:rgba(99,102,241,.1)}[data-theme=light] .section-title{color:#09090b}[data-theme=light] .section-subtitle{color:#00000080}[data-theme=light] .mode-card{background:rgba(0,0,0,.02);border-color:#0000000f}[data-theme=light] .mode-card:hover{background:rgba(0,0,0,.04);border-color:#0000001a}[data-theme=light] .mode-card h3{color:#09090b}[data-theme=light] .mode-card p{color:#00000080}[data-theme=light] .emoji-cell{background:rgba(0,0,0,.02);border-color:#0000000f}[data-theme=light] .emoji-cell:hover{background:rgba(0,0,0,.05)}[data-theme=light] .emoji-cell.highlight{background:rgba(251,191,36,.15);border-color:#fbbf244d}[data-theme=light] .feature-card{background:rgba(0,0,0,.02);border-color:#0000000f}[data-theme=light] .people-image img{box-shadow:0 20px 40px #0000001a}[data-theme=light] .cta-card{background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(251,191,36,.05) 100%);border-color:#0000000f}[data-theme=light] .cta-card h2{color:#09090b}[data-theme=light] .cta-card p{color:#00000080}[data-theme=light] .modern-footer{border-top-color:#0000000f}[data-theme=light] .footer-logo{opacity:.8}[data-theme=light] .footer-credit{color:#00000080}[data-theme=light] .footer-credit a{color:var(--accent)}[data-theme=light] .footer-nav a{color:#0006}[data-theme=light] .footer-nav a:hover{color:#000000b3}[data-theme=night] .hero-title{background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.hero-section{min-height:auto;padding:5rem 1.25rem 3rem}.modes-section,.auto-calls-section,.group-section,.cta-section{padding:4rem 1.25rem}.feature-card,.cta-card{padding:2rem 1.25rem}.emoji-cell{width:64px;height:64px;font-size:1.5rem}.footer-content{flex-direction:column;text-align:center}.footer-links{text-align:center}.footer-nav{justify-content:center;flex-wrap:wrap}}