:root{--brand-blue: #2E3192;--brand-cyan: #00AEEF;--brand-orange: #F7941D;--brand-red: #FF5A5F;--bg: #f8fafc;--bg2: #ffffff;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--radius: 16px;--font: "DM Sans", system-ui, -apple-system, sans-serif;--gradient-brand: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-cyan) 50%, var(--brand-orange) 100%);--gradient-text: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan));--gradient-accent: linear-gradient(90deg, var(--brand-orange), var(--brand-red));--shadow: 0 4px 24px rgba(46, 49, 146, .08);--shadow-lg: 0 12px 48px rgba(46, 49, 146, .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}.container{width:min(1140px,92vw);margin:0 auto}.brand-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-icon{object-fit:contain}.brand-wordmark{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.brand-gradient-blue{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-gradient-orange{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 4vw;position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 1px #2e31920a}.nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-link{background:none;border:none;color:var(--muted);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;padding:.45rem .75rem;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{color:var(--brand-blue);background:#00aeef0f}.lang-switcher{display:flex;gap:.2rem;margin-left:.35rem}.lang-switcher button{background:transparent;border:1px solid transparent;border-radius:8px;padding:.2rem .35rem;cursor:pointer;font-size:1.05rem}.lang-switcher button.active{border-color:var(--brand-cyan);background:#00aeef14}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.35rem;border-radius:999px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #00aeef59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00aeef66}.btn-outline{background:#fff;color:var(--brand-blue);border:2px solid var(--brand-cyan)}.btn-outline:hover{background:#00aeef0f}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-sm{padding:.45rem 1rem;font-size:.875rem}.btn-lg{padding:.9rem 1.75rem;font-size:1.05rem}.hero{position:relative;padding:3rem 0 4rem;overflow:hidden;background:linear-gradient(180deg,#fff,#f0f9ff)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 80% 10%,rgba(0,174,239,.12),transparent),radial-gradient(ellipse 50% 40% at 10% 90%,rgba(247,148,29,.08),transparent);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.hero-first{display:inline-block;font-size:.92rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand-orange),#e67e00);padding:.45rem 1rem;border-radius:999px;margin:0 0 .85rem;box-shadow:0 4px 14px #f7941d59}.hero-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-cyan);margin:0 0 .75rem}.hero h1{font-size:clamp(2rem,4.5vw,2.85rem);font-weight:800;line-height:1.12;margin:0 0 1rem;letter-spacing:-.03em;color:var(--brand-blue)}.lead{color:var(--muted);font-size:1.125rem;max-width:38ch;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.hero-trust{list-style:none;padding:0;margin:1.75rem 0 0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.hero-trust li{font-size:.9rem;color:var(--muted);padding-left:1.4rem;position:relative}.hero-trust li:before{content:"✓";position:absolute;left:0;color:var(--brand-cyan);font-weight:700}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-logo-full{max-width:min(340px,90%);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.hero-scene{max-width:100%;height:auto}.section{padding:4rem 0}.section h2{font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em;color:var(--brand-blue)}.section-sub{color:var(--muted);margin-bottom:2.5rem;max-width:58ch;font-size:1.05rem}.badge{display:inline-block;background:linear-gradient(135deg,#2e319214,#00aeef1f);color:var(--brand-blue);padding:.4rem 1rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.subsection-title{font-size:1.35rem;font-weight:700;margin:2.5rem 0 1.25rem;color:var(--text)}.how-section{padding-bottom:0;background:#fff}.condos-section{background:linear-gradient(180deg,#fff,#f8fafc)}.steps-grid--visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.step-card--visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 0 1.5rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.step-card--visual:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step-visual{background:linear-gradient(180deg,#f0f9ff,#fff);padding:.5rem;border-bottom:1px solid var(--border)}.flow-illustration{width:100%;height:auto;display:block}.step-card--visual .step-num{display:inline-flex;width:28px;height:28px;background:var(--gradient-brand);color:#fff;border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin:1rem 1.25rem .5rem}.step-card--visual h4{margin:0 1.25rem .4rem;font-size:1.05rem;color:var(--brand-blue)}.step-card--visual p{margin:0 1.25rem;color:var(--muted);font-size:.92rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.benefit-col{background:var(--surface);border-radius:var(--radius);padding:1.75rem;border:1px solid var(--border);box-shadow:var(--shadow)}.benefit-icon{width:48px;height:48px;border-radius:12px;margin-bottom:1rem}.benefit-icon--blue{background:linear-gradient(135deg,#2e3192,#00aeef);opacity:.85}.benefit-icon--cyan{background:linear-gradient(135deg,#00aeef,#3ec9d6)}.benefit-icon--orange{background:linear-gradient(135deg,#f7941d,#ff5a5f)}.benefit-col h4{margin:0 0 1rem;color:var(--brand-blue);font-size:1.1rem}.benefit-col ul{margin:0;padding-left:1.15rem;color:var(--muted)}.benefit-col li{margin-bottom:.45rem}.compare-table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow)}.compare-table{width:100%;border-collapse:collapse;background:var(--surface)}.compare-table th,.compare-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.compare-table th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:.9rem}.compare-table .highlight{color:var(--brand-cyan);font-weight:600}.faq-list{max-width:720px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.65rem;padding:0 1.25rem;box-shadow:0 1px 3px #0000000a}.faq-item summary{cursor:pointer;padding:1rem 0;font-weight:600;color:var(--brand-blue)}.faq-item p{color:var(--muted);margin:0 0 1rem}.condo-cta{text-align:center;margin-top:3rem}.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;position:relative;box-shadow:var(--shadow);transition:transform .2s}.price-card:hover{transform:translateY(-4px)}.price-card.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-brand) border-box;box-shadow:var(--shadow-lg)}.price-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-brand);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .85rem;border-radius:999px}.price-card h3{color:var(--brand-blue);margin:.5rem 0}.price-amount{margin:1.25rem 0}.price-amount .amount{font-size:2.75rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-amount .period{color:var(--muted)}.trial-badge{color:var(--brand-cyan);font-size:.9rem;font-weight:600}.auth-page{min-height:60vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,#f0f9ff,#fff)}.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg)}.auth-card-wide{width:min(520px,100%)}.auth-card h1{margin-top:0;color:var(--brand-blue);font-weight:800}.auth-card label{display:block;margin-bottom:1rem;font-size:.9rem;color:var(--muted);font-weight:500}.auth-card input,.auth-card select{display:block;width:100%;margin-top:.35rem;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font:inherit}.auth-card input:focus,.auth-card select:focus{outline:none;border-color:var(--brand-cyan);box-shadow:0 0 0 3px #00aeef26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-footer{text-align:center;color:var(--muted);font-size:.9rem}.error{color:#dc2626;background:#fef2f2;padding:.75rem 1rem;border-radius:10px}.dashboard-page{padding:2rem 0 4rem}.dash-header{display:flex;justify-content:space-between;align-items:center}.dash-header h1{color:var(--brand-blue)}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:.9rem}.unit-list{list-style:none;padding:0}.unit-list li{padding:.85rem 0;border-bottom:1px solid var(--border)}.unit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.unit-row-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:min(100%,220px)}.unit-voip-btn{flex-shrink:0;align-self:center;margin-top:.15rem}.door-code-hint{display:block;margin-top:.15rem}.door-code-hint strong{color:var(--brand-cyan)}.door-code-help{opacity:.85}.door-code{color:var(--brand-cyan);font-weight:600}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.inline-form input{padding:.55rem .8rem;border-radius:10px;border:1px solid var(--border)}.dash-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.online{color:#16a34a;font-weight:600}.offline{color:var(--muted)}.visitor-page{padding:2rem 0 4rem;min-height:50vh;max-width:520px;margin:0 auto}.visitor-page h1{color:var(--brand-blue);margin:.2rem 0 .5rem}.visitor-kicker{margin:1rem 0 0;color:var(--brand-cyan);font-weight:700;font-size:.8rem;text-transform:uppercase}.visitor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1rem;box-shadow:var(--shadow)}.visitor-group h2{margin:1.1rem 0 .55rem;font-size:1rem;color:var(--brand-blue)}.visitor-units{list-style:none;padding:0;display:grid;gap:.75rem}.visitor-units li button{width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.visitor-unit-num{font-weight:500;opacity:.85;font-size:.85rem}.visitor-call{margin:1rem 0}.visitor-local-video{width:96px;height:128px;object-fit:cover;border-radius:10px;background:#111;margin:.6rem 0}.status{color:var(--brand-cyan);font-weight:600}.visitor-debug{margin-top:1rem;padding:.65rem .75rem;background:#0f172a;color:#86efac;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border-radius:8px;max-height:42vh;overflow:auto;white-space:pre-wrap;word-break:break-word}.visitor-debug-title{color:#fbbf24;font-weight:700;margin-bottom:.4rem}.footer{border-top:1px solid var(--border);padding:2.5rem 4vw 1.5rem;margin-top:2rem;background:linear-gradient(180deg,#f8fafc,#fff)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1140px;margin:0 auto}.footer-brand p{color:var(--muted);margin:.75rem 0 0;max-width:36ch}.footer-slogan{font-size:.85rem;color:var(--brand-cyan)!important;font-weight:600}.footer-links{display:flex;gap:1.5rem;align-items:flex-start}.footer-links a{color:var(--muted);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--brand-blue)}.footer-copy{text-align:center;color:var(--muted);font-size:.8rem;margin:2rem 0 0;max-width:1140px;margin-left:auto;margin-right:auto}.footer-copy a{color:var(--brand-blue);text-decoration:none;font-weight:600}.footer-copy a:hover{text-decoration:underline}.pricing-grid--four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.usecases-section{background:#fff;padding-top:2rem}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.usecase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.usecase-card--blue{border-top:4px solid var(--brand-blue)}.usecase-card--cyan{border-top:4px solid var(--brand-cyan)}.usecase-card--orange{border-top:4px solid var(--brand-orange)}.usecase-card--blue .usecase-icon{color:var(--brand-blue)}.usecase-card--cyan .usecase-icon{color:var(--brand-cyan)}.usecase-card--orange .usecase-icon{color:var(--brand-orange)}.usecase-icon{width:56px;height:56px;margin-bottom:1rem}.usecase-card h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--brand-blue)}.usecase-lead{color:var(--muted);font-size:.95rem;margin:0 0 1rem}.usecase-card ul{margin:0 0 1.25rem;padding-left:1.15rem;color:var(--text);font-size:.92rem;flex:1}.usecase-card li{margin-bottom:.35rem}.door-qr-preview{margin:1rem 0;padding:1.25rem;background:#fff;border-radius:var(--radius);display:inline-flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:var(--shadow)}.door-qr-preview img{width:280px;height:auto;display:block;image-rendering:pixelated}.door-qr-url{font-size:.78rem;word-break:break-all;max-width:280px;text-align:center}.provision-qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:1.5rem 0}.provision-qr-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;position:relative}.provision-qr-card--config{border-top:3px solid var(--brand-cyan)}.provision-qr-card h3{margin:.25rem 0 .5rem;font-size:1.05rem;color:var(--brand-blue)}.provision-step{position:absolute;top:10px;left:10px;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--brand-blue);color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center}.provision-steps.compact{margin-top:.5rem;font-size:.92rem}.provision-qr svg{width:min(200px,100%);height:auto;display:block;margin:0 auto}.provision-qr-wrap{display:inline-block;margin:.5rem auto}.provision-qr-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.25rem}.qr-countdown{background:var(--brand-orange);color:#fff;font-weight:800;font-size:.85rem;padding:.25rem .55rem;border-radius:999px;min-width:2.5rem;text-align:center}.provision-live-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.provision-live-header h2{margin:0}.provision-page{min-height:60vh;display:grid;place-items:center;padding:2rem 1rem}.provision-card{width:min(520px,100%);background:var(--surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg)}.provision-card h1{color:var(--brand-blue);margin-top:.5rem}.provision-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.provision-steps{padding-left:1.25rem;color:var(--text);line-height:1.6}.provision-steps li{margin-bottom:.75rem}.provision-steps--hero{font-size:1.05rem;margin:1.25rem 0}.provision-qr-hero{text-align:center;margin:1.5rem auto;padding:1rem;background:#fff;border-radius:var(--radius);border:2px solid var(--brand-cyan);max-width:280px}.provision-qr-grid--single{grid-template-columns:minmax(240px,360px);justify-content:center}.resident-app{min-height:70vh;max-width:480px;margin:0 auto;padding:1.5rem 1rem 3rem}.resident-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.resident-header strong{display:block;color:var(--brand-blue)}.resident-status{text-align:center;padding:.75rem 1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.25rem}.resident-card{background:#fff;border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow)}.resident-idle{text-align:center;margin:2rem 0}.resident-incoming,.resident-call{background:#fff;border:2px solid var(--brand-cyan);border-radius:var(--radius);padding:1.5rem;text-align:center;margin-top:1rem}.resident-caller-label{margin:0;color:var(--text-muted)}.resident-incoming h2{color:var(--brand-blue);margin:.5rem 0 1.25rem;font-size:1.5rem}.resident-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.resident-video{width:100%;max-height:320px;background:#111;border-radius:var(--radius);margin-bottom:1rem}.small{font-size:.85rem}.plan-hint{padding:.75rem 1rem;background:#00aeef14;border-radius:8px;color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.usecase-price{font-weight:700;color:var(--brand-cyan);margin:0 0 1rem;font-size:.95rem}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;text-align:center}.lead{margin:0 auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{order:-1}.nav .nav-link,.nav .btn{display:none}.form-row{grid-template-columns:1fr}}