@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-dark:#f8fafc;--bg-card:#ffffff73;--bg-card-hover:#ffffffbf;--border-color:#0f172a14;--border-color-glow:#6366f140;--color-primary:#1ca8db;--color-primary-rgb:28, 168, 219;--color-secondary:#0ea5e9;--color-secondary-rgb:14, 165, 233;--color-success:#059669;--color-success-rgb:5, 150, 105;--color-warning:#d97706;--color-text-main:#0f172a;--color-text-muted:#475569;--color-text-dim:#64748b;--gradient-primary:linear-gradient(135deg, #1593c4 0%, #1ca8db 45%, #4cc9f0 100%);--gradient-glow:radial-gradient(circle, #6366f114 0%, #0000 70%);--font-main:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-main);color:var(--color-text-main)}body{min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.25}.gradient-text{background:linear-gradient(135deg,#0f172a 20%,#4338ca 60%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-title-accent{background:linear-gradient(90deg,#0ea5e9,#10b981);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a33}section{z-index:2;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.section-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;background:#4f46e514;border:1px solid #4f46e526;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--color-text-muted);max-width:600px;margin-bottom:3.5rem;font-size:1.1rem}.container{width:100%}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #1ca8db66,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(135deg,#138ebf 0%,#1ca8db 40%,#5dd4ff 100%);transform:translateY(-2px);box-shadow:0 8px 28px #1ca8db80,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--color-text-main);background:#0f172a0a;border:1px solid #0f172a14}.btn-secondary:hover{background:#0f172a14;border-color:#0f172a1f;transform:translateY(-2px)}.badge-live{color:var(--color-success);background:#05966914;border:1px solid #05966933;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-live:before{content:"";background-color:var(--color-success);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.toast-msg{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;background:#10b981e6;border:1px solid #10b98133;border-radius:12px;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:2rem;right:2rem;transform:translateY(100px);box-shadow:0 10px 30px #0000004d}.toast-msg.show{opacity:1;transform:translateY(0)}@media (max-width:768px){section{padding:3rem 1.5rem}}@media (max-width:640px){section{padding:2.25rem 1rem}}
.navbar{z-index:50;width:100%;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.glass-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff6;border-bottom:1px solid #ffffff80}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;height:4rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}@media (min-width:640px){.nav-container{padding:0 1.5rem}}@media (min-width:1024px){.nav-container{padding:0 2rem}}.logo{color:#1e293b;letter-spacing:-.025em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}@media (max-width:640px){.logo{font-size:1.1rem}}.logo-icon{width:2rem;height:2rem;display:block}@media (max-width:640px){.logo-icon{width:1.75rem;height:1.75rem}}.nav-menu{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-link{color:#475569;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#0284c7}.nav-actions{align-items:center;gap:1rem;display:flex}.mobile-nav-toggle{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:1024px){.nav-menu{-webkit-backdrop-filter:blur(16px);z-index:99;background:#ffffffe6;border-bottom:1px solid #0f172a0d;flex-direction:column;align-items:flex-end;gap:1.25rem;padding:1.5rem 2rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000000d}.nav-menu.active{display:flex}.mobile-nav-toggle{display:block}.nav-actions{display:none}}
.email-form{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff08;border-radius:9999px;gap:.5rem;padding:.35rem;display:flex;box-shadow:0 4px 30px #0003}.email-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 15px #6366f133}.email-input{color:var(--color-text-main);font-family:var(--font-main);background:0 0;border:none;border-radius:9999px 0 0 9999px;outline:none;flex:1;padding:.75rem 1.5rem;font-size:.95rem}.email-input::placeholder{color:var(--color-text-dim)}.email-input:-webkit-autofill{border-radius:9999px 0 0 9999px;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-main)!important}.email-input:-webkit-autofill:hover{border-radius:9999px 0 0 9999px;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-main)!important}.email-input:-webkit-autofill:focus{border-radius:9999px 0 0 9999px;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-main)!important}.email-input:-webkit-autofill:active{border-radius:9999px 0 0 9999px;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-main)!important}.form-tip{color:var(--color-text-dim);margin-top:.75rem;padding-left:1.5rem;font-size:.8rem}@media (max-width:768px){.email-form{border-radius:16px;flex-direction:column;padding:.5rem}.email-input{text-align:center;border-radius:12px 12px 0 0;padding:.75rem}.email-input:-webkit-autofill{border-radius:12px 12px 0 0}.email-input:-webkit-autofill:hover{border-radius:12px 12px 0 0}.email-input:-webkit-autofill:focus{border-radius:12px 12px 0 0}.email-input:-webkit-autofill:active{border-radius:12px 12px 0 0}.email-form .btn{border-radius:12px;width:100%}}
.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;max-width:1280px;min-height:100vh;margin:0 auto;padding-top:10rem;display:grid;position:relative}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero .section-tag{text-transform:none;letter-spacing:.02em}.hero-title{margin:1.5rem 0;font-size:3.8rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--color-text-muted);max-width:520px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.hero-form-container{width:100%;max-width:480px}.hero-actions{align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.demo-btn-link{color:var(--color-secondary);transition:var(--transition-smooth);align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.demo-btn-link:hover{color:#38bdf8;transform:translateY(1px)}.hero-visual{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#ffffffa6;border:1px solid #0f172a14;border-radius:24px;flex-direction:column;width:100%;max-width:560px;height:640px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a14,0 0 40px #6366f10a}.simulator-frame{background:0 0;border:none;flex:1;width:100%;height:100%}.mockup-header{background:#ffffffd9;border-bottom:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.macbook-dots{gap:.35rem;display:flex}.macbook-dots span{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.mockup-title{color:var(--color-text-dim);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600}.play-pause-btn{color:var(--color-text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#0f172a0a;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.play-pause-btn .hidden{display:none}@media (max-width:1024px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem;padding-top:8rem}.hero-content{align-items:center}.hero-title{font-size:3rem}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center;width:100%}}@media (max-width:768px){.hero-title{font-size:2.25rem}}@media (max-width:640px){.hero{padding-top:7rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.hero-visual{border-radius:12px}}
.problem-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.problem-cards{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.problem-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.problem-card:hover{background:var(--bg-card-hover);border-color:#0f172a26;transform:translateY(-4px);box-shadow:0 10px 30px #0f172a0d}.problem-card-icon{background:#0f172a08;border:1px solid #0f172a0f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.problem-card-title{font-size:.95rem;font-weight:700}.problem-card-desc{color:var(--color-text-muted);font-size:.8rem}@media (max-width:1024px){.problem-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.problem-cards{grid-template-columns:1fr}}@media (max-width:640px){.problem-grid{gap:1.5rem}}.problem-card-icon svg{width:20px;height:20px;color:var(--color-text-main)}
.solution-flow-container{flex-direction:column;align-items:center;width:100%;margin-top:.5rem;display:flex}.flow-diagram-svg{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.flow-node{cursor:pointer}.flow-node rect,.flow-node circle{fill:#ffffffd9;stroke:#0f172a1f;stroke-width:1.5px;transition:var(--transition-smooth)}.flow-node text{fill:var(--color-text-main);font-family:var(--font-main);text-anchor:middle;pointer-events:none;font-size:11px;font-weight:600}.flow-node:hover rect,.flow-node:hover circle{stroke:var(--color-primary);fill:#4f46e51a;filter:drop-shadow(0 0 8px #4f46e540)}.flow-node.highlight rect{stroke:var(--color-secondary);fill:#0ea5e914}.flow-node.user rect{fill:#ffffffe6;stroke:var(--color-text-dim)}.flow-node.user:hover rect{stroke:var(--color-text-main);fill:#fff}.flow-node.center-room rect{fill:#4f46e50f;stroke:var(--color-primary);stroke-width:2px}.flow-link{fill:none;stroke:#0f172a1a;stroke-width:1.5px;stroke-dasharray:4 4;transition:var(--transition-smooth)}.flow-link.active{stroke:var(--color-primary);stroke-dasharray:none;animation:30s linear infinite flow-dash}@keyframes flow-dash{to{stroke-dashoffset:-1000px}}.glow-particle{fill:var(--color-secondary);filter:drop-shadow(0 0 3px var(--color-secondary))}
.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-color-glow);background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 20px 40px #6366f10d}.feature-card:before{content:"";background:var(--gradient-primary);transform-origin:0;width:100%;height:2px;transition:var(--transition-smooth);position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-num{color:#0f172a08;transition:var(--transition-smooth);font-size:3rem;font-weight:800;line-height:1;position:absolute;top:1rem;right:1.5rem}.feature-card:hover .feature-num{color:#4f46e514;transform:scale(1.1)}.feature-icon-wrapper{width:48px;height:48px;color:var(--color-primary);transition:var(--transition-smooth);background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:2rem;font-size:1.35rem;display:flex}.feature-icon-wrapper svg{width:24px;height:24px;transition:transform .3s}.feature-card:hover .feature-icon-wrapper{background:var(--color-primary);color:#fff;box-shadow:0 5px 15px #6366f14d}.feature-card:hover .feature-icon-wrapper svg{transform:scale(1.1)}.feature-title{margin-bottom:.85rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}@media (max-width:640px){.features-grid{gap:1.5rem}}
.public-grid{grid-template-columns:1fr 1.3fr;gap:4rem;display:grid}.public-dashboard{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem;display:flex;position:relative}.progress-circle-container{width:180px;height:180px;margin-bottom:2rem;position:relative}.progress-svg{transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#0f172a0a;stroke-width:12px}.progress-bar-fill{fill:none;stroke:var(--color-secondary);stroke-width:12px;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:351px;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.progress-value{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-number{color:var(--color-text-main);font-size:2.5rem;font-weight:800;line-height:1}.progress-label{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.dashboard-status{border-top:1px solid var(--border-color);width:100%;padding-top:1.5rem}.status-title{color:var(--color-text-muted);text-align:left;margin-bottom:1rem;font-size:.9rem;font-weight:700}.status-list{text-align:left;flex-direction:column;gap:.85rem;list-style:none;display:flex}.status-item{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.status-icon-ok{color:var(--color-success)}.status-icon-pending{border:2px solid var(--color-secondary);background:#0ea5e926;border-radius:50%;width:12px;height:12px;display:inline-block}.update-date{color:var(--color-text-dim);margin-top:1.5rem;font-size:.75rem}.timeline-container{flex-direction:column;gap:2rem;padding-left:2rem;display:flex;position:relative}.timeline-container:before{content:"";background:#0f172a14;width:2px;position:absolute;top:5px;bottom:5px;left:7px}.timeline-phase{position:relative}.timeline-dot{z-index:5;width:16px;height:16px;transition:var(--transition-smooth);background:#fff;border:3px solid #0f172a1f;border-radius:50%;position:absolute;top:5px;left:-32px}.timeline-phase.completed .timeline-dot{background:var(--color-success);border-color:#10b98133;box-shadow:0 0 10px #10b98166}.timeline-phase.active .timeline-dot{background:var(--color-secondary);border-color:#0ea5e933;box-shadow:0 0 10px #0ea5e966}.phase-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.phase-title{font-size:1.1rem;font-weight:700}.phase-badge{border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.phase-badge.completed{color:var(--color-success);background:#05966914}.phase-badge.active{color:#0284c7;background:#0ea5e91a}.phase-badge.upcoming{color:var(--color-text-dim);background:#0f172a0a}.phase-content{background:#ffffff73;border:1px solid #0f172a0d;border-radius:12px;padding:1.25rem}.phase-sub{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.phase-items{grid-template-columns:1fr 1fr;gap:.5rem 1rem;list-style:none;display:grid}.phase-item{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.phase-item:before{content:"•";color:var(--color-text-dim)}.timeline-phase.completed .phase-item{color:var(--color-text-main)}.timeline-phase.completed .phase-item:before{color:var(--color-success)}@media (max-width:1024px){.public-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:640px){.public-grid{gap:1.5rem}}
#cta{padding-top:1rem}.cta-block{background:radial-gradient(circle at 100% 0%, #4f46e51a 0%, #fff0 60%), radial-gradient(circle at 0% 100%, #0ea5e914 0%, #fff0 60%), var(--bg-card);text-align:center;border:1px solid #0f172a14;border-radius:32px;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:5rem 3rem;display:flex;position:relative;overflow:hidden}.cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.cta-desc{color:var(--color-text-muted);max-width:540px;margin-bottom:1.25rem;font-size:1.05rem}.cta-form-container{width:100%;max-width:480px}@media (max-width:768px){.cta-block{padding:3rem 1.5rem}.cta-title{font-size:1.8rem}}
.faq-grid{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;overflow:hidden}.faq-item:hover{border-color:#0f172a1f}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1rem;font-weight:600;display:flex}.faq-answer{max-height:0;color:var(--color-text-muted);border-top:1px solid #0000;padding:0 1.5rem;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item.active .faq-answer{border-color:var(--border-color);max-height:250px;padding:1.25rem 1.5rem}.faq-toggle-icon{color:var(--color-text-dim);transition:var(--transition-smooth);font-size:1.25rem}.faq-item.active .faq-toggle-icon{color:var(--color-text-main);transform:rotate(45deg)}@media (max-width:640px){.faq-question{padding:1rem;font-size:1rem}.faq-answer{padding:0 1rem}.faq-item.active .faq-answer{max-height:300px;padding:1rem}}
.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:2;background:#fff6;padding:4rem 2rem 2rem;position:relative}.footer-container{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.footer-top{justify-content:space-between;align-items:flex-start;display:flex}.footer-logo-desc{max-width:320px}.footer-logo-desc p{color:var(--color-text-muted);margin-top:1rem;font-size:.85rem}.footer-links-grid{gap:4rem;display:flex}.footer-links-col{flex-direction:column;gap:1rem;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-main);font-size:.85rem;font-weight:700}.footer-link{color:var(--color-text-muted);transition:var(--transition-smooth);font-size:.85rem;text-decoration:none}.footer-link:hover{color:var(--color-text-main)}.footer-bottom{color:var(--color-text-dim);border-top:1px solid #0f172a0f;justify-content:center;align-items:center;padding-top:2rem;font-size:.8rem;display:flex}@media (max-width:768px){.footer-top{flex-direction:column;gap:2rem}.footer-links-grid{justify-content:space-between;gap:2rem;width:100%}}