:root{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-500: #22c55e;--success-600: #16a34a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 40px rgba(37, 99, 235, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 26px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,var(--primary-50) 0%,var(--gray-50) 50%,#ffffff 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(37,99,235,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(147,197,253,.04) 0%,transparent 70%);pointer-events:none;z-index:-1}h1{font-size:clamp(2.5rem,5vw,4rem);margin:0;color:var(--gray-900);letter-spacing:-.03em;line-height:1.1}h2,h3{margin:0;color:var(--gray-900);letter-spacing:-.02em}p{margin:0}button{font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb4d}50%{box-shadow:0 0 40px #2563eb80}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-fade-in-up{animation:fadeInUp .6s var(--transition-slow) forwards}.animate-fade-in{animation:fadeIn .5s var(--transition-base) forwards}.animate-scale-in{animation:scaleIn .5s var(--transition-slow) forwards}.animate-float{animation:float 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s var(--transition-slow),transform .5s var(--transition-slow)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .5s var(--transition-slow),transform .5s var(--transition-slow)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .5s var(--transition-slow),transform .5s var(--transition-slow)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .5s var(--transition-slow),transform .5s var(--transition-slow)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}#root{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.app{display:flex;flex-direction:column;gap:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.2);background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:sticky;top:1rem;z-index:50;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d,0 0 0 1px #ffffff80 inset;transition:all var(--transition-base)}.topbar:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #00000014,0 0 0 1px #ffffff80 inset}.brand{display:flex;align-items:center;gap:.85rem;min-width:240px;transition:transform var(--transition-fast)}.brand:hover{transform:scale(1.02)}.brand-mark{width:44px;height:44px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#60a5fa,#2563eb,#1d4ed8);background-size:200% 200%;box-shadow:0 10px 25px #2563eb59,0 0 0 1px #fff3 inset;position:relative;overflow:hidden;animation:gradient-shift 8s ease infinite}.brand-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);border-radius:inherit}.brand-mark:after{content:"H";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:800;font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-title{font-weight:800;letter-spacing:-.02em;margin:0;font-size:1.1rem}.brand-subtitle{font-size:.8rem;color:var(--gray-500);margin:.15rem 0 0;font-weight:500}.nav{display:flex;align-items:center;gap:.35rem;padding:.35rem;border-radius:var(--radius-full);background:#e2e8f099}.nav-item{padding:.55rem .95rem;border-radius:var(--radius-full);border:none;background:transparent;font-weight:700;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff80}.nav-item.active{background:#fff;box-shadow:0 10px 22px #0f172a14}.account{display:flex;align-items:center;gap:.75rem}.pill{font-size:.75rem;font-weight:700;padding:.35rem .8rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.pill.online{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#166534;border:1px solid rgba(34,197,94,.2)}.pill.offline{background:linear-gradient(135deg,#f8717126,#f8717114);color:#991b1b;border:1px solid rgba(248,113,113,.2)}.primary,.secondary{border-radius:var(--radius-full);padding:.75rem 1.5rem;font-weight:650;font-size:.95rem;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.primary{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);background-size:200% 200%;color:#fff;box-shadow:0 4px 14px #2563eb59,0 0 0 1px #fff3 inset}.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb73,0 0 0 1px #fff3 inset;background-position:100% 0}.primary:hover:before{left:100%}.primary:active{transform:translateY(0)}.primary:disabled{background:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.secondary{background:linear-gradient(135deg,#e2e8f0f2,#f1f5f9e6);color:var(--gray-900);border:1px solid rgba(148,163,184,.3)}.secondary:hover{background:linear-gradient(135deg,#e2e8f0,#fff);transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#94a3b880}.secondary:active{transform:translateY(0)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;display:inline-block;animation:gradient-shift 4s ease infinite}.subtitle{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-top:1.25rem;font-weight:400}.content{display:flex;flex-direction:column;gap:2rem}.banner{padding:1rem 1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(37,99,235,.15);background:linear-gradient(135deg,#dbeafee6,#eff6ffcc);color:var(--gray-900);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner.error{border:1px solid rgba(185,28,28,.2);background:linear-gradient(135deg,#fee2e2e6,#fef2f2cc);color:#7f1d1d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:center;min-height:500px;padding:2rem 0}.hero-copy{padding:0}.hero-copy h1{background:linear-gradient(135deg,#0f172a,#1e293b 30%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1.1}.hero-card{border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,#fffffff2,#f8fafce6);box-shadow:0 25px 50px -12px #0f172a1a,0 0 0 1px #fff9 inset;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 70%);pointer-events:none}.hero-card.metrics-only{justify-content:center}.hero-mock{border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.15);background:linear-gradient(145deg,#2563eb0f,#0f172a05);padding:1.5rem;display:grid;gap:1rem;position:relative}.hero-mock-stack{grid-template-columns:1.6fr 1fr;align-items:center}.hero-desktop{border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f172a,#1e3a5f,#1d4ed8);background-size:200% 200%;box-shadow:0 25px 50px #0f172a66,0 0 0 1px #ffffff1a inset;padding:1rem;display:flex;flex-direction:column;gap:.75rem;animation:gradient-shift 10s ease infinite}.hero-desktop-header{display:flex;gap:.5rem}.hero-desktop-header span{width:12px;height:12px;border-radius:var(--radius-full);background:#e2e8f0e6;box-shadow:0 2px 4px #0003;transition:all var(--transition-fast)}.hero-desktop:hover .hero-desktop-header span:nth-child(1){background:#ef4444}.hero-desktop:hover .hero-desktop-header span:nth-child(2){background:#f59e0b}.hero-desktop:hover .hero-desktop-header span:nth-child(3){background:#22c55e}.hero-desktop-body{border-radius:var(--radius-md);background:linear-gradient(135deg,#f8fafc26,#bfdbfe40);min-height:110px;position:relative;overflow:hidden}.hero-desktop-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-phone{justify-self:center;width:90px;height:160px;border-radius:var(--radius-xl);background:linear-gradient(145deg,#020617,#1e293b);box-shadow:0 20px 40px #0f172a66,0 0 0 2px #ffffff1a inset;padding:.5rem;display:flex;align-items:stretch;animation:float 6s ease-in-out infinite}.hero-phone-screen{flex:1;border-radius:var(--radius-md);background:linear-gradient(145deg,#3b82f666,#0f172af2);position:relative;overflow:hidden}.hero-phone-screen:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:30px;height:30px;background:#ffffff1a;border-radius:8px}.mock-screen{height:180px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172a14,#2563eb26)}.hero-image{width:100%;height:220px;border-radius:var(--radius-lg);object-fit:cover;display:block}.mock-controls{display:flex;gap:.6rem}.mock-dot{width:14px;height:14px;border-radius:var(--radius-full);background:#2563eb8c}.hero-metrics{display:flex;flex-direction:column;gap:1.4rem}.metric-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.12);padding-bottom:.8rem;transition:all var(--transition-fast)}.metric-row:hover{border-color:#2563eb4d}.metric-row:last-child{border-bottom:none;padding-bottom:0}.metric-label{font-size:.85rem;color:var(--gray-500);margin:0;white-space:nowrap;font-weight:500}.metric-value{margin:0;font-weight:800;color:var(--gray-900);text-align:right;word-break:break-all;max-width:65%;font-size:1rem;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-row{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.panel{background:linear-gradient(145deg,#fff,#f8fafccc);border-radius:var(--radius-2xl);padding:2rem;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 6px -1px #00000008,0 2px 4px -2px #00000008,0 0 0 1px #fffc inset;transition:all var(--transition-slow);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);transform:scaleX(0);transition:transform var(--transition-slow)}.panel:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #0f172a1f,0 0 0 1px #fffc inset}.panel:hover:before{transform:scaleX(1)}.panel-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2563eb1a,#3b82f60d);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.5rem;transition:all var(--transition-base)}.panel:hover .panel-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#2563eb26,#3b82f61a)}.panel h2{font-size:1.3rem;margin:0 0 .75rem;color:var(--gray-900);letter-spacing:-.02em;font-weight:700}.panel .muted{line-height:1.7;color:var(--gray-500);font-size:.95rem}.how{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:center;padding:2rem 0}.how-copy h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.how-copy{padding:0}.how-steps{margin-top:2rem;display:grid;gap:1.25rem}.how-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:flex-start;padding:1.25rem;background:linear-gradient(145deg,#ffffffe6,#f8fafcb3);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.1);transition:all var(--transition-base)}.how-step:hover{transform:translate(8px);box-shadow:0 10px 25px #0f172a14;border-color:#2563eb33}.how-step-number{font-weight:800;color:var(--primary-500);font-size:.9rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-radius:var(--radius-md);flex-shrink:0}.how-step-title{margin:0;font-weight:700;color:var(--gray-900);font-size:1.05rem}.how-step-text{margin:.35rem 0 0;font-size:.9rem;color:var(--gray-500);line-height:1.6}.how-visual{display:flex;align-items:stretch}.testimonials{margin-top:3rem;padding:2rem 0}.testimonials h2{font-size:2rem;font-weight:800;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.testimonial-card{background:linear-gradient(145deg,#fff,#f8fafccc);border-radius:var(--radius-2xl);padding:1.75rem;border:1px solid rgba(148,163,184,.12);box-shadow:0 4px 6px -1px #00000008,0 2px 4px -2px #00000008;transition:all var(--transition-slow);position:relative}.testimonial-card:before{content:'"';position:absolute;top:1rem;right:1.5rem;font-size:4rem;color:#2563eb1a;font-family:Georgia,serif;line-height:1}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #0f172a1a,0 0 0 1px #fffc inset}.testimonial-quote{margin:0;font-size:1rem;color:var(--gray-700);line-height:1.7;font-style:italic}.testimonial-meta{margin:1rem 0 0;font-size:.85rem;color:var(--primary-600);font-weight:700;display:flex;align-items:center;gap:.5rem}.testimonial-meta:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--primary-500),transparent);border-radius:2px}.site-footer{margin-top:4rem;padding:2.5rem 0;font-size:.9rem;color:var(--gray-500);border-top:1px solid rgba(148,163,184,.15)}.site-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.site-footer-link{color:var(--gray-600);text-decoration:none;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.site-footer-link:hover{color:var(--primary-600);background:#2563eb0d;text-decoration:none}.site-footer-dot{opacity:.4;color:var(--gray-400)}.site-footer-founder{font-weight:700;color:var(--gray-700)}.site-footer-meta{opacity:.8}.trust-bar{padding:2.5rem 1.5rem;text-align:center;background:linear-gradient(145deg,#fffc,#f8fafc99);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.1);margin:1rem 0}.trust-bar-label{font-size:.85rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:1.5rem}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem}.trust-logo{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-weight:600;font-size:.95rem;opacity:.7;transition:all var(--transition-base)}.trust-logo:hover{opacity:1;transform:translateY(-2px)}.trust-logo-icon{font-size:1.5rem}.stats-section{padding:3rem 1.5rem;margin:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:900px;margin:0 auto}.stat-item{text-align:center;padding:2rem 1.5rem;background:linear-gradient(145deg,#fffffff2,#f8fafce6);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.1);transition:all var(--transition-slow)}.stat-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #0f172a1a}.stat-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-radius:var(--radius-lg);color:var(--primary-600)}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:var(--gray-500);font-weight:500}.security-section{padding:3rem 2rem;margin:2rem 0;background:linear-gradient(145deg,#eff6ffcc,#dbeafe66);border-radius:var(--radius-2xl);border:1px solid rgba(37,99,235,.1)}.security-header{text-align:center;margin-bottom:2.5rem}.security-header h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.security-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.security-badge{text-align:center;padding:1.75rem 1.25rem;background:#ffffffe6;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.15);transition:all var(--transition-slow)}.security-badge:hover{transform:translateY(-4px);box-shadow:0 15px 30px -10px #0f172a1a;border-color:#2563eb33}.security-badge-icon{font-size:2.5rem;margin-bottom:1rem}.security-badge-title{font-weight:700;color:var(--gray-900);font-size:1.05rem;margin-bottom:.35rem}.security-badge-desc{font-size:.85rem;color:var(--gray-500)}.cta-section{padding:4rem 2rem;margin:2rem 0;background:linear-gradient(135deg,#2563eb0d,#3b82f614);border-radius:var(--radius-2xl);border:1px solid rgba(37,99,235,.1);text-align:center}.cta-content h2{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.cta-content .muted{font-size:1.1rem;max-width:500px;margin:0 auto}.cta-note{margin-top:1.5rem;font-size:.85rem;color:var(--gray-500)}.faq-section{padding:3rem 0;margin:2rem 0}.faq-header{text-align:center;margin-bottom:2.5rem}.faq-header h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:linear-gradient(145deg,#fffffff2,#f8fafce6);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.15);overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:#2563eb33;box-shadow:0 4px 12px #0f172a0d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:transparent;border:none;font-size:1.05rem;font-weight:600;color:var(--gray-900);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.faq-question:hover,.faq-question.open{color:var(--primary-600)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow)}.faq-answer.open{max-height:300px;padding:0 1.5rem 1.25rem}.faq-answer p{color:var(--gray-600);line-height:1.7;font-size:.95rem}.founder-section{padding:3rem 2rem;margin:2rem 0;background:linear-gradient(145deg,#ffffffe6,#f8fafcb3);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.1)}.founder-content{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;max-width:900px;margin:0 auto}.founder-avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff;box-shadow:0 20px 40px #2563eb4d;flex-shrink:0}.founder-text h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.founder-text .muted{font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.founder-credentials{display:flex;flex-wrap:wrap;gap:1.25rem}.credential{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-600);font-weight:500}.credential svg{color:var(--success-600);width:18px;height:18px}.final-cta-section{padding:4rem 2rem;margin:2rem 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#2563eb 150%);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(37,99,235,.1) 0%,transparent 50%);pointer-events:none}.final-cta-content{position:relative;z-index:1}.final-cta-content h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.final-cta-content .muted{color:#ffffffb3;font-size:1.1rem;max-width:500px;margin:0 auto}.final-cta-content .primary{background:#fff;color:var(--primary-600);box-shadow:0 10px 30px #0003}.final-cta-content .primary:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:0 15px 40px #00000040}.final-cta-content .secondary{background:#ffffff1a;color:#fff;border-color:#fff3}.final-cta-content .secondary:hover{background:#fff3;border-color:#ffffff4d}.final-cta-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.trust-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:var(--radius-full);font-size:.85rem;color:#ffffffe6;font-weight:500}.trust-pill svg{color:var(--success-500);width:16px;height:16px}.dashboard-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#2563eb14,#3b82f60a);border-radius:var(--radius-2xl);border:1px solid rgba(37,99,235,.12);margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:all .6s var(--transition-slow)}.dashboard-hero.animate-in{opacity:1;transform:translateY(0)}.dashboard-hero-content h1{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.dashboard-hero-badge{margin-bottom:1rem}.plan-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.plan-indicator.pro{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);color:#b45309;border:1px solid rgba(245,158,11,.2)}.plan-indicator.free{background:linear-gradient(135deg,#2563eb1a,#2563eb0d);color:var(--primary-700);border:1px solid rgba(37,99,235,.15)}.plan-indicator svg{width:16px;height:16px}.dashboard-hero-subtitle{font-size:1.1rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}.expiry-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffc;border-radius:var(--radius-full);font-size:.85rem;color:var(--gray-600);border:1px solid rgba(148,163,184,.2)}.expiry-badge svg{width:16px;height:16px;color:var(--gray-400)}.dashboard-stats{display:flex;flex-direction:column;gap:1rem}.dashboard-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffffe6;border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.15);transition:all var(--transition-base)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0f172a14}.stat-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#2563eb26,#3b82f614);color:var(--primary-600)}.stat-icon-wrapper.green{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:var(--success-600)}.stat-icon-wrapper svg{width:24px;height:24px}.stat-info .stat-value{font-size:1.1rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.stat-info .stat-label{font-size:.85rem;color:var(--gray-500)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:1.5rem}.dashboard-card{background:linear-gradient(145deg,#fffffff2,#f8fafce6);border-radius:var(--radius-2xl);padding:1.75rem;border:1px solid rgba(148,163,184,.12);box-shadow:0 4px 6px -1px #00000008;opacity:0;transform:translateY(20px);transition:all .6s var(--transition-slow)}.dashboard-card.animate-in{opacity:1;transform:translateY(0)}.dashboard-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.dashboard-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-card-icon.blue{background:linear-gradient(135deg,#2563eb26,#3b82f614);color:var(--primary-600)}.dashboard-card-icon.purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#7c3aed}.dashboard-card-icon.gold{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#b45309}.dashboard-card-icon svg{width:26px;height:26px}.dashboard-card-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.dashboard-card-subtitle{font-size:.9rem;color:var(--gray-500)}.link-code-section{margin-bottom:1.5rem}.link-code-label{display:block;font-size:.9rem;color:var(--gray-600);margin-bottom:.75rem;font-weight:500}.link-code-input-group{display:flex;gap:.75rem}.link-code-input{flex:1;padding:.875rem 1rem;font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase;border:2px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);background:#fff;color:var(--gray-900);transition:all var(--transition-base)}.link-code-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a}.link-code-input::placeholder{color:var(--gray-400);font-weight:500}.link-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;white-space:nowrap}.link-button svg{width:18px;height:18px}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.download-app-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#2563eb0f,#3b82f608);border-radius:var(--radius-xl);border:1px dashed rgba(37,99,235,.2)}.download-app-content{display:flex;align-items:center;gap:.75rem}.download-app-content svg{width:24px;height:24px;color:var(--primary-600)}.download-app-title{font-weight:600;color:var(--gray-900);font-size:.95rem}.download-app-desc{font-size:.85rem;color:var(--gray-500)}.download-button{padding:.6rem 1.25rem;font-size:.9rem}.dashboard-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-lg);margin-top:1rem;font-size:.9rem}.dashboard-alert.error{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.dashboard-alert.success{background:#22c55e14;color:#16a34a;border:1px solid rgba(34,197,94,.15)}.dashboard-alert svg{width:20px;height:20px;flex-shrink:0}.upgrade-benefits{display:grid;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#fff9;border-radius:var(--radius-lg)}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--gray-700)}.benefit-item svg{width:20px;height:20px;color:var(--success-600);flex-shrink:0}.pro-status{text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:var(--radius-xl);border:1px solid rgba(245,158,11,.15)}.pro-badge-large{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:1.1rem;margin-bottom:.75rem;box-shadow:0 10px 25px #f59e0b4d}.pro-badge-large svg{width:24px;height:24px}.pro-thanks{color:var(--gray-600);font-size:.95rem}.pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pricing-card{position:relative;padding:1.25rem;background:#fff;border-radius:var(--radius-xl);border:2px solid rgba(148,163,184,.15);transition:all var(--transition-base)}.pricing-card:hover{border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a14}.pricing-card.featured{border-color:var(--primary-500);background:linear-gradient(145deg,#2563eb08,#fff)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.35rem .75rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);white-space:nowrap}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pricing-duration{font-weight:600;color:var(--gray-700);font-size:.95rem}.pricing-amount{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-desc{font-size:.85rem;color:var(--gray-500);margin-bottom:1rem}.pricing-button{width:100%;padding:.75rem;font-size:.9rem}.pricing-button.featured{background:linear-gradient(135deg,#0f172a,#1e293b)}.dashboard-tips{padding:1.5rem;background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.1);opacity:0;transform:translateY(20px);transition:all .6s var(--transition-slow)}.dashboard-tips.animate-in{opacity:1;transform:translateY(0)}.dashboard-tips h3{font-size:1.1rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tip-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.1)}.tip-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-400));color:#fff;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);flex-shrink:0}.tip-text{font-size:.9rem;color:var(--gray-600);line-height:1.5}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}@media(max-width:960px){.dashboard-hero{grid-template-columns:1fr}.dashboard-stats{flex-direction:row}.dashboard-grid,.pricing-options{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-hero{padding:1.5rem}.dashboard-hero-content h1{font-size:1.75rem}.dashboard-stats,.link-code-input-group{flex-direction:column}.link-button{width:100%;justify-content:center}.download-app-banner{flex-direction:column;text-align:center}.tips-grid{grid-template-columns:1fr}}.policy-backdrop,.policy-dialog,.policy-header,.policy-title,.policy-close,.policy-close:hover,.policy-body,.policy-body p,.policy-body h4,.policy-body ul,.policy-body li{display:none}.policy-page{padding:1.75rem 1.5rem 0}.policy-page h1{font-size:1.6rem;margin:0 0 .75rem}.policy-page h2{font-size:1.1rem;margin:1.2rem 0 .5rem}.policy-page p{margin:0 0 .75rem;color:#475569}.policy-page ul{margin:0 0 .75rem 1.2rem;padding:0;color:#475569}.policy-page li{margin-bottom:.25rem}.label{font-size:.8rem;color:#64748b;margin:0}.value{font-size:1rem;font-weight:800;margin:.2rem 0 0}.muted{color:#64748b;margin:.25rem 0 0}.error-text{color:#b91c1c;font-weight:750;margin-top:1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.plan-card{border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.15);background:linear-gradient(145deg,#fffffff2,#f8fafce6);padding:1.75rem;display:grid;gap:.75rem;position:relative;transition:all var(--transition-slow);overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));transform:scaleX(0);transition:transform var(--transition-slow)}.plan-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #0f172a1f,0 0 0 1px #fffc inset}.plan-card:hover:before{transform:scaleX(1)}.plan-card.popular{border-color:#2563eb4d;background:linear-gradient(145deg,#eff6fff2,#dbeafe80);transform:scale(1.02)}.plan-card.popular:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.plan-card.popular:hover{transform:scale(1.02) translateY(-8px)}.plan-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb1a,#3b82f60d);color:var(--primary-700);font-size:.8rem;font-weight:700;width:fit-content}.plan-badge.popular-badge{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:var(--success-600)}.plan-name{margin:.5rem 0 0;font-size:1.25rem;font-weight:800;color:var(--gray-900)}.plan-price{margin:.25rem 0 0;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price span{font-size:1rem;font-weight:600;color:var(--gray-500);-webkit-text-fill-color:var(--gray-500)}.plan-meta{font-size:.9rem;color:var(--gray-500);line-height:1.6}.plan-cta{margin-top:1rem}.plan-cta button{width:100%;border-radius:var(--radius-lg);padding:.875rem;font-weight:650}.success{margin-top:1rem;background:#ecfdf3;border-radius:18px;padding:1rem 1.25rem;border:1px solid #bbf7d0}.success-title{font-weight:850;margin:0}.billing{display:grid;gap:1.3rem}.billing-header{display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.price-block{padding:.85rem 1rem;border-radius:18px;background:#e2e8f0a6;min-width:140px}.price{font-size:1.65rem;font-weight:900;margin:.25rem 0 0}.remote{display:grid;gap:1.25rem}.remote-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.remote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.remote-card{border-radius:22px;border:1px solid rgba(148,163,184,.25);background:#f8fafcbf;padding:1.25rem;display:grid;gap:.85rem}.code-row{display:flex;gap:.6rem;align-items:center}.code-input{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.4);padding:.7rem .9rem;font-weight:800;text-transform:uppercase}.remote-session{padding:1.5rem}.remote-actions{display:flex;gap:.6rem}.remote-body{margin-top:1.2rem}.host-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem}.host-screen{display:grid;gap:1rem}.host-controls{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.status-card{border-radius:18px;border:1px solid rgba(148,163,184,.25);padding:.8rem 1rem;background:#f8fafcb8;min-width:220px}.host-notes{display:grid;gap:.85rem}.notes{width:100%;min-height:240px;border-radius:18px;border:1px solid rgba(148,163,184,.35);padding:1rem;font-size:.95rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;resize:vertical}.screen-frame{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:#0f172a0a;box-shadow:inset 0 0 0 1px #ffffff73;aspect-ratio:16 / 10}.screen-video{width:100%;height:100%;display:block;object-fit:cover;background:#0f172a0f}.cursor-dot{position:absolute;width:16px;height:16px;border-radius:99px;background:#22c55eeb;box-shadow:0 0 0 6px #22c55e38;transform:translate(-50%,-50%)}.controller-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.2rem}.controller-controls{display:grid;gap:1rem}.touchpad{display:grid;gap:.6rem}.touchpad-label{font-weight:850;margin:0}.touchpad-surface{height:240px;border-radius:22px;border:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top,#2563eb1f,#0f172a08 65%);touch-action:none}.controller-row{display:flex;gap:.6rem}.text-input{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.35);padding:.8rem .95rem;font-weight:650}@media(max-width:960px){.topbar{flex-direction:column;align-items:stretch}.brand{min-width:0}.hero,.host-layout,.controller-layout,.how{grid-template-columns:1fr}.founder-content{grid-template-columns:1fr;text-align:center}.founder-avatar{margin:0 auto}.founder-credentials{justify-content:center}.final-cta-content h2{font-size:1.75rem}}@media(max-width:640px){.trust-logos{gap:1.5rem}.trust-logo{font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:1.5rem 1rem}.stat-number{font-size:1.75rem}.security-badges{grid-template-columns:repeat(2,1fr)}.cta-content h2{font-size:1.5rem}.faq-question{padding:1rem 1.25rem;font-size:.95rem}.founder-avatar{width:100px;height:100px;font-size:2rem}.founder-text h2{font-size:1.4rem}}@media(max-width:480px){#root{padding:1.5rem .9rem 3rem}.nav{justify-content:space-between}.touchpad-surface{height:200px}.trust-bar{padding:1.5rem 1rem}.trust-logos{flex-direction:column;gap:1rem}.stats-grid,.security-badges{grid-template-columns:1fr}.final-cta-trust{flex-direction:column;align-items:center}}