.landing-page-v2{width:100vw;height:100vh;background:#fff;font-family:Outfit,system-ui,-apple-system,sans-serif;color:#111;position:relative;overflow:hidden;display:flex;flex-direction:column}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#e5e7eb 1.5px,transparent 1.5px);background-size:40px 40px;opacity:.6;z-index:0;pointer-events:none}.landing-nav{position:relative;z-index:2;padding:30px 60px;display:flex;justify-content:space-between;align-items:center}.nav-links span{font-size:11px;letter-spacing:.05em;color:#888;margin-left:24px;cursor:pointer;font-weight:500;transition:color .2s}.nav-links span:hover,.nav-links span.active{color:#111}.hero-main{flex:1;position:relative;z-index:1;display:flex;padding:0 10vw;align-items:center}.hero-left{flex:1;padding-right:40px}.hero-title{font-size:5rem;line-height:1.1;font-weight:500;letter-spacing:-.02em;margin-bottom:24px;color:#111}.text-blue{color:#05f}.hero-subline-wrapper{display:flex;align-items:center;gap:16px;margin-bottom:60px}.hero-line{width:40px;height:1px;background:#ccc}.hero-subline{font-size:11px;letter-spacing:.1em;color:#888;text-transform:uppercase}.hero-desc-block{max-width:320px}.desc-label{display:block;font-size:10px;color:#05f;margin-bottom:12px;font-weight:600}.hero-desc{font-size:15px;line-height:1.6;color:#555;font-weight:400}.hero-right{flex:1;position:relative;height:100%;display:flex;justify-content:center;align-items:center}.circular-cta{width:160px;height:160px;border-radius:50%;background:#05f;border:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease;z-index:10;position:relative}.circular-cta:hover{transform:scale(1.05);box-shadow:none}.cta-icon{font-size:32px;margin-bottom:4px;font-weight:300;line-height:1}.cta-text{font-size:10px;letter-spacing:.1em;font-weight:600}.floating-tag{position:absolute;background:#fff;padding:8px 16px;border-radius:4px;font-size:12px;font-family:monospace;color:#444;box-shadow:none;z-index:5;white-space:nowrap}.tag-top{top:25%;right:10%;color:#05f}.tag-bottom{bottom:30%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.abstract-shape{position:absolute;background:#f3f4f6;border-radius:20px;z-index:1;transform:rotate(10deg)}.shape-1{width:140px;height:140px;top:20%;right:20%;opacity:.5}.shape-2{width:120px;height:120px;bottom:20%;left:20%;opacity:.5}.features-grid{display:flex;justify-content:center;gap:24px;padding:0 60px 80px;position:relative;z-index:2}.feature-card{background:#f9fafb;border-radius:24px;padding:40px 32px;width:240px;text-align:center;transition:transform .2s,background .2s}.feature-card:hover{background:#f3f4f6;transform:translateY(-5px)}.f-icon-box{width:60px;height:60px;background:#fff;border-radius:12px;margin:0 auto 24px;display:flex;justify-content:center;align-items:center;font-size:20px;box-shadow:none}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#111}.feature-card p{font-size:10px;letter-spacing:.1em;color:#888;text-transform:uppercase}.feature-floater{position:absolute;bottom:80px;right:60px;max-width:240px;text-align:right}.floater-label{display:block;font-size:10px;color:#05f;margin-bottom:8px}.floater-content p{font-size:13px;line-height:1.5;color:#555;margin:0}.landing-footer{padding:0 60px 30px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.trusted-text{font-size:9px;letter-spacing:.2em;color:#aaa;text-transform:uppercase}:root{--welcome-bg: #ffffff;--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--brand-blue: #0265dc;--accent-light-blue: #eff6ff;--border-color: #e5e7eb;--google-btn-border: #e5e7eb;--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .01)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--welcome-bg);color:var(--text-primary);overflow:hidden}#root{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.welcome-container{width:900px;height:600px;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-card);display:flex;overflow:hidden;position:relative;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-section{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border-color);background:#fff}.brand-header{display:flex;align-items:center;gap:12px;margin-bottom:40px}.new-app-logo-img{width:64px;height:64px;border-radius:12px;box-shadow:0 4px 6px #0000001a;-o-object-fit:contain;object-fit:contain}.value-prop-header{margin-bottom:16px;font-size:.95rem;font-weight:500;color:var(--brand-blue);letter-spacing:.01em}.headline{font-size:2.25rem;line-height:1.15;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.subheadline{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:48px;max-width:320px}.toast-notification{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-100px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:1000}.toast-notification.show{transform:translateY(0);opacity:1}.toast-message{color:var(--text-primary);font-weight:500}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:var(--text-primary);border:1px solid var(--google-btn-border);padding:12px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.google-btn img{width:20px;height:20px}.google-btn:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #00000008}.google-btn.success{background:#fff;border-color:#10b981;color:#10b981}.google-btn.success:hover{background:#ecfdf5}.divider{display:flex;align-items:center;margin:24px 0;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 16px}.guest-link{background:none;border:none;color:var(--brand-blue);font-size:.9rem;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:opacity .2s}.guest-link:hover{opacity:.8;text-decoration:underline}.footer-info{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca3af;padding-top:40px}.footer-left,.footer-center,.footer-right{flex:1;display:flex}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.logout-btn{color:#ef4444}.logout-icon{font-size:1.2rem}.help-link{color:#6b7280;text-decoration:underline;cursor:pointer}.back-to-site-btn{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;color:#1a1a1a;cursor:pointer;z-index:99999;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;text-transform:uppercase;letter-spacing:.02em}.back-to-site-btn:hover{transform:scale(1.05);background:#fff;box-shadow:0 6px 16px #00000026;border-color:#0265dc}.back-to-site-btn svg{color:#0265dc}.onboarding-section{flex:1;background-color:#f0f9ff;padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative}.badge{background-color:#dbeafe;color:#1e40af;font-size:.7rem;font-weight:700;padding:6px 10px;border-radius:4px;text-transform:uppercase;display:inline-block;margin-bottom:16px;align-self:flex-start}.badge.success{background-color:#dcfce7;color:#166534}.onboarding-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.onboarding-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:32px;max-width:320px}@keyframes miniCursor{0%{left:10%;top:50%;opacity:0}20%{opacity:1}40%{left:35%;top:50%;transform:scale(1)}50%{transform:scale(.8)}60%{transform:scale(1)}80%{left:75%;top:50%;transform:scale(1)}90%{transform:scale(.8)}to{opacity:0}}.platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.platform-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.platform-item img{width:16px;height:16px;border-radius:3px}.success-message{margin-top:16px;color:#10b981;font-weight:600;font-size:.95rem}.step-row{display:flex;gap:16px}.step-num{width:24px;height:24px;background-color:var(--brand-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;margin-top:2px}.step-content{flex:1}.step-title{font-weight:600;font-size:.9rem;margin-bottom:8px;color:var(--text-primary)}.mock-browser-toolbar{background:#f3f4f6;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;gap:8px;position:relative}.mock-url-bar{position:absolute;left:8px;height:12px;width:60%;background:#e5e7eb;border-radius:4px}.puzzle-icon,.pin-icon{width:16px;height:16px;fill:#6b7280}.puzzle-icon.active{fill:var(--text-primary)}.cursor-pointer{width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B82F6'%3E%3Cpath d='M3.5 3.5L9.5 20.5L13.5 13.5L20.5 9.5L3.5 3.5Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;position:absolute;right:4px;bottom:-4px;background-repeat:no-repeat}.mock-menu{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;overflow:hidden}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.menu-item.highlight{background:#fff;box-shadow:0 1px 2px #0000000d}.app-icon-small{width:16px;height:16px;background:var(--brand-blue);border-radius:2px}.app-name-small{flex:1;font-size:.75rem;font-weight:500}.pin-icon.blue{fill:var(--brand-blue)}.visual-card{position:relative}.animated-cursor{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M7 2L15 19L19 12L24 9L7 2Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;position:absolute;z-index:20;pointer-events:none;top:0;left:0;transform:rotate(-15deg);animation:cursorLoop 4s infinite ease-in-out}@keyframes cursorLoop{0%{top:80px;left:200px;transform:scale(1) rotate(0);opacity:0}10%{opacity:1}25%{top:60px;left:280px;transform:scale(1) rotate(0)}30%{transform:scale(.85) rotate(0)}35%{transform:scale(1) rotate(0)}50%{top:155px;left:280px;transform:scale(1) rotate(0)}55%{transform:scale(.85) rotate(0)}60%{transform:scale(1) rotate(0)}80%{opacity:1}90%{opacity:0}to{top:80px;left:200px;opacity:0}}.target-puzzle{animation:puzzleClick 4s infinite}@keyframes puzzleClick{0%,29%{fill:#6b7280;transform:scale(1)}30%{fill:#374151;transform:scale(.9)}35%,to{fill:#6b7280;transform:scale(1)}}.target-pin{animation:pinActivate 4s infinite}@keyframes pinActivate{0%,54%{fill:#6b7280}55%{fill:var(--brand-blue);transform:scale(1.1)}65%{transform:scale(1)}90%{fill:var(--brand-blue)}to{fill:#6b7280}}.animated-cursor:after{content:"";position:absolute;top:-8px;left:-8px;width:32px;height:32px;border-radius:50%;background:#0265dc33;border:1px solid rgba(2,101,220,.4);opacity:0;transform:scale(.5);animation:clickRipple 4s infinite}@keyframes clickRipple{0%,28%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}35%{opacity:0;transform:scale(1.5)}53%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.2)}60%{opacity:0;transform:scale(1.5)}to{opacity:0}}.setup-container{transition:all .6s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex}.setup-container.expanded-mode{flex:1}.setup-container.sidebar-mode{flex:0 0 80px;width:80px;padding:0;align-items:center;justify-content:center;background:#fff;border-right:1px solid #f3f4f6;cursor:pointer}.setup-wrapper{flex:1;display:flex;width:100%}.auth-section,.onboarding-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px;transition:opacity .3s ease}.onboarding-section{background-color:#f0f9ff}.sidebar-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeIn .8s ease}.sidebar-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:1rem;font-weight:600;color:#9ca3af;letter-spacing:.05em;text-transform:lowercase}.sidebar-icon{width:32px;height:32px;border-radius:50%;background-size:60%;background-position:center;background-repeat:no-repeat}.user-active{background-color:#e5e7eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.pin-active{background-color:#dbeafe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231E40AF'%3E%3Cpath d='M16 9V4l1 0c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1l1 0v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z'/%3E%3C/svg%3E")}.dashboard-section{transition:flex .6s cubic-bezier(.16,1,.3,1),background-color .3s ease;background:#fff;overflow:hidden!important;position:relative;display:flex;flex-direction:column}.setup-container,.dashboard-section{transition:flex .7s cubic-bezier(.16,1,.3,1),background-color .4s ease;background:#fff;overflow:hidden!important;position:relative;display:flex;flex-direction:column;will-change:flex}.dashboard-section.expanded-mode,.setup-container.expanded-mode{flex:1 1 auto!important;cursor:default}.dashboard-section.sidebar-mode,.setup-container.sidebar-mode{flex:0 0 80px!important;width:80px;min-width:80px;padding:0;cursor:pointer;background:#f9fafb;border-left:1px solid #f3f4f6;border-right:1px solid #f3f4f6}.dashboard-section.sidebar-mode:hover,.setup-container.sidebar-mode:hover{background:#f3f4f6}.dashboard-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.grid-active{background-color:#f3f4f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234B5563'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E")}.auth-section.expanded-mode,.onboarding-section.expanded-mode{flex:1;cursor:default}.auth-section.sidebar-mode,.onboarding-section.sidebar-mode{cursor:pointer}.auth-section.sidebar-mode:hover,.onboarding-section.sidebar-mode:hover{background-color:#f3f4f6}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) forwards}.dashboard-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:40px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;margin-bottom:40px;position:relative}.grid-card{width:120px;height:120px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.grid-card:hover{transform:translateY(-4px);background-color:#fff;border-color:var(--brand-blue);box-shadow:0 10px 15px -3px #0000001a}.grid-logo{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.grid-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.grid-card.placeholder{background:#f3f4f6;border:none;cursor:default;opacity:.5}.grid-card.placeholder:hover{transform:none;box-shadow:none;background:#f3f4f6}.grid-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.connector-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(2,101,220,.1),transparent);height:1px;width:100%;top:50%;transform:translateY(-50%)}.connector-line.vertical{background:linear-gradient(180deg,transparent,rgba(2,101,220,.1),transparent);width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.data-particle{position:absolute;width:6px;height:6px;background:var(--brand-blue);border-radius:50%;box-shadow:0 0 10px var(--brand-blue),0 0 20px #0265dc66;opacity:0}.p1{animation:moveH1 4s infinite linear}@keyframes moveH1{0%{left:12.5%;top:25%;opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}40%{left:37.5%;top:25%;opacity:1}50%{opacity:0;transform:scale(.5)}to{left:37.5%;top:25%;opacity:0}}.p2{animation:moveH2 4s infinite linear 1s}@keyframes moveH2{0%{left:37.5%;top:25%;opacity:0}10%{opacity:1}40%{left:62.5%;top:25%;opacity:1}50%{opacity:0}to{left:62.5%;top:25%;opacity:0}}.p3{animation:moveV1 5s infinite linear .5s}@keyframes moveV1{0%{left:87.5%;top:25%;opacity:0}10%{opacity:1}40%{left:12.5%;top:25%;opacity:1}90%{left:12.5%;top:75%;opacity:1}to{opacity:0}}.p4{animation:moveD1 6s infinite linear 2s}@keyframes moveD1{0%{left:62.5%;top:25%;opacity:0}20%{opacity:1}80%{left:87.5%;top:75%;opacity:1}to{opacity:0}}.dashboard-footer{font-size:.7rem;color:#9ca3af;margin-top:auto}.landing-section{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;text-align:center}.landing-content{max-width:800px;width:100%}.brand-header.center{justify-content:center;margin-bottom:40px}.landing-headline{font-size:5rem;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em}.landing-subheadline{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.6}.landing-cta-group{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:64px}.google-btn.primary{background:var(--brand-blue);color:#fff;padding:16px 32px;font-size:1.1rem;height:auto;border:none;box-shadow:0 10px 20px #0265dc33}.google-btn.primary:hover{background:#0052b4;transform:translateY(-2px);box-shadow:0 15px 30px #0265dc4d}.google-btn.primary img{filter:brightness(0) invert(1);width:24px;height:24px}.cta-note{font-size:.9rem;color:#9ca3af}.landing-preview-grid{display:flex;justify-content:center;gap:12px;opacity:.6}.preview-card-mini{padding:8px 16px;background:#f3f4f6;border-radius:99px;font-size:.85rem;font-weight:500;color:#4b5563}@media(max-width:768px){.landing-headline{font-size:3.5rem}}@media(max-width:900px){.setup-container.sidebar-mode{display:none}}.universal-back-btn{position:fixed;top:32px;left:32px;z-index:10000;display:flex;align-items:center;gap:10px;color:#64748b;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.05em;padding:8px 16px;border-radius:100px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.universal-back-btn:hover{color:#0f172a;transform:translate(-4px);box-shadow:0 6px 20px #00000014;border-color:#cbd5e1}.simple-onboarding-wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:32px 32px}.setup-modern-card{width:100%;max-width:960px;height:600px;background:#fff;border-radius:32px;box-shadow:0 40px 100px -20px #0000001f;display:flex;overflow:hidden;border:1px solid #f1f5f9}.setup-login-side{flex:1.2;padding:64px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #f1f5f9}.setup-header{margin-bottom:48px}.icon-badge{width:56px;height:56px;background:#f1f5f9;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.icon-badge img{width:32px;height:32px}.setup-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-.03em}.setup-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;max-width:400px}.login-actions{display:flex;flex-direction:column;gap:16px}.google-btn-premium{width:100%;height:56px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.google-btn-premium:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 12px 24px -6px #0f172a33}.google-btn-premium img{width:20px;height:20px;background:#fff;padding:2px;border-radius:4px}.guest-action{background:none;border:none;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;padding:8px;transition:color .2s}.guest-action:hover{color:#0f172a;text-decoration:underline}.login-success-compact{background:#f8fafc;padding:24px;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px}.user-pill{display:flex;align-items:center;gap:10px;font-weight:600;color:#0f172a}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #22c55e1a}.logout-link-simple{background:none;border:none;color:#ef4444;font-size:.8rem;font-weight:600;text-align:left;padding:0;cursor:pointer;opacity:.7}.logout-link-simple:hover{opacity:1}.success-check-anim{margin-top:8px;display:flex;align-items:center;gap:8px;color:#22c55e;font-size:.9rem;font-weight:700;animation:slideUpFade .5s ease-out}.success-check-anim svg{width:18px;height:18px}.setup-visual-side{flex:1;background:#f1f5f9;padding:64px;display:flex;flex-direction:column;justify-content:center;position:relative}.pin-status-badge{position:absolute;top:40px;right:40px;background:#e2e8f0;color:#64748b;font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:6px;letter-spacing:.1em}.pin-status-badge.active{background:#dcfce7;color:#15803d}.visual-heading{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:12px}.visual-sub{font-size:.95rem;color:#64748b;line-height:1.5;margin-bottom:32px}.pin-demo-container{margin-bottom:32px}.mock-browser-chrome{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 20px 40px -10px #0000000d;overflow:hidden;position:relative}.chrome-toolbar{height:48px;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;padding:0 16px;gap:16px}.chrome-dots{display:flex;gap:6px}.chrome-dots span{width:10px;height:10px;border-radius:50%;background:#e2e8f0}.chrome-address{flex:1;background:#fff;border:1px solid #f1f5f9;border-radius:6px;height:28px;display:flex;align-items:center;padding:0 12px;font-size:.75rem;color:#94a3b8}.chrome-extensions{display:flex;gap:12px}.ext-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.ext-icon svg{width:18px;height:18px;fill:currentColor}.pin-target{width:24px;height:24px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s}.pin-target.is-pinned{background:#0f172a;box-shadow:0 0 15px #0f172a33}.browser-fake-content{padding:24px;display:flex;flex-direction:column;gap:12px}.fake-line{height:8px;background:#f1f5f9;border-radius:4px}.fake-line.short{width:60%}.fake-title{height:14px;width:40%;background:#e2e8f0;border-radius:4px;margin-bottom:8px}.animated-hand-cursor{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3.5L11.5 19.5L14.5 13.5L20.5 12.5L5.5 3.5Z' fill='white' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;position:absolute;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));animation:pinHandSequence 4s infinite cubic-bezier(.25,1,.5,1)}@keyframes pinHandSequence{0%{top:120%;left:20%;opacity:0;transform:scale(1.5) rotate(-10deg)}15%{opacity:1;transform:scale(1) rotate(0)}35%{top:30px;left:calc(100% - 78px);transform:scale(1)}40%{transform:scale(.9)}45%{transform:scale(1)}55%{top:74px;left:calc(100% - 30px);transform:scale(1)}60%{transform:scale(.9)}65%{transform:scale(1)}85%{opacity:1}to{top:120%;left:50%;opacity:0}}.click-ripple{position:absolute;width:40px;height:40px;border:2px solid rgba(0,0,0,.1);border-radius:50%;transform:scale(0);pointer-events:none;z-index:99;animation:rippleClick 4s infinite}@keyframes rippleClick{0%,34%,46%,59%,71%,to{transform:scale(0);opacity:0}35%,60%{transform:scale(.2);opacity:1}45%,70%{transform:scale(1.5);opacity:0}}.target-puzzle{animation:puzzlePulse 4s infinite}@keyframes puzzlePulse{0%,34%{color:#94a3b8}35%{color:#0f172a}60%{color:#94a3b8}}.pin-target.is-pinned{animation:pinPop 4s infinite}@keyframes pinPop{0%,64%{opacity:0;transform:scale(.5)}65%,90%{opacity:1;transform:scale(1.2)}70%{transform:scale(1)}95%,to{opacity:0}}.confirm-pin-btn{width:100%;height:48px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-weight:600;color:#0f172a;cursor:pointer;transition:all .2s}.confirm-pin-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dashboard-modern-card{width:100%;max-width:960px;padding:64px;background:#fff;border-radius:32px;box-shadow:0 40px 100px -20px #0000001f;text-align:center}.dashboard-header-simple{margin-bottom:48px}.dash-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-.03em}.dash-subtitle{font-size:1.1rem;color:#64748b}.platform-premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.platform-card-new{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.platform-card-new:hover{transform:translateY(-8px);background:#fff;border-color:#007cff;box-shadow:0 20px 40px -10px #007cff1a}.platform-logo-box{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.platform-logo-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.platform-name-tag{font-weight:700;font-size:.95rem;color:#1e293b}.platform-hover-btn{font-size:.75rem;font-weight:800;color:#007cff;opacity:0;transform:translateY(10px);transition:all .2s}.platform-card-new:hover .platform-hover-btn{opacity:1;transform:translateY(0)}.dash-login-nudge{background:#f1f5f9;padding:24px;border-radius:20px;display:inline-flex;align-items:center;gap:24px}.dash-login-nudge p{margin:0;color:#475569;font-weight:500}.nudge-login-btn{background:#0f172a;color:#fff;border:none;padding:10px 24px;border-radius:100px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.nudge-login-btn:hover{background:#334155;transform:scale(1.05)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.setup-modern-card{flex-direction:column;height:auto;max-width:500px}.setup-visual-side{padding:32px}.platform-premium-grid{grid-template-columns:repeat(2,1fr)}}.icon-badge{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.platform-card-new{animation:cardFadeUp .6s cubic-bezier(.16,1,.3,1) backwards}.platform-card-new:nth-child(1){animation-delay:.1s}.platform-card-new:nth-child(2){animation-delay:.2s}.platform-card-new:nth-child(3){animation-delay:.3s}.platform-card-new:nth-child(4){animation-delay:.4s}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.google-btn-premium{position:relative;overflow:hidden}.google-btn-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 4s infinite}@keyframes shimmer{0%{transform:translate(-100%,-100%) rotate(45deg)}20%,to{transform:translate(100%,100%) rotate(45deg)}}