:root{--primary: #3b5bff;--primary-glow: rgba(59, 91, 255, .3);--primary-dark: #2a45d9;--primary-light: #5a78ff;--secondary: #7c3aed;--bg-deep: #f8fafc;--bg-card: rgba(255, 255, 255, .7);--text-main: #1a1a2e;--text-light: #1a1a2e;--text-dark: #1a1a2e;--text-muted: rgba(30, 30, 60, .55);--border-light: rgba(0, 0, 0, .06);--gradient-main: linear-gradient(135deg, #3b5bff 0%, #7c3aed 100%)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-deep);overflow-y:auto}a,button,.btn,.btn-primary,.btn-secondary,.btn-chrome,.btn-nav-cta,.feature-card,.bento-card,.step-card,.testimonial-card,.navbar,.mobile-menu,.mobile-menu-backdrop,.pricing-card,.pricing-card-clean,.faq-row,.faq-answer,.tab,.reply-option,input,textarea,select,.bento-card .card-glow-border{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}body{font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#f4f6fb,#f7f8fc 20%,#fafbfe 45%,#fdfcfb,#fefefe 85%,#fff);background-attachment:fixed;color:var(--text-main);line-height:1.6;overflow-x:hidden;overflow-y:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;width:100%}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 10%,rgba(59,91,255,.03),transparent 60%),radial-gradient(ellipse 50% 50% at 80% 30%,rgba(200,180,160,.025),transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(124,58,237,.02),transparent 55%);pointer-events:none;z-index:0}.serif-emphasis{font-family:"DM Serif Display",Georgia,serif;font-weight:600;font-style:italic;letter-spacing:-.02em}#typing-target{display:inline}.typing-cursor{display:inline-block;font-style:normal;font-weight:300;font-family:Inter,sans-serif;animation:blink-cursor .53s step-end infinite;margin-left:1px;color:var(--primary, #3b5bff)}.typing-done .typing-cursor{animation:blink-cursor .53s step-end 3;animation-fill-mode:forwards;opacity:0}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}section{min-height:100px;position:relative}main{background:transparent}.container{max-width:1200px;margin:0 auto;padding:0 32px}.navbar{position:fixed;top:0;left:0;right:0;background:transparent;z-index:1000;padding:12px 0;border-bottom:none;box-shadow:none;transition:padding .55s cubic-bezier(.22,1,.36,1)}.navbar.navbar-scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:none}.navbar .container{display:flex;justify-content:center;gap:2.5rem;align-items:center;margin:0 auto;width:min(100%,1100px);max-width:1100px;padding:0 24px;border-radius:0;background:transparent;border:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:width .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),background .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .55s cubic-bezier(.22,1,.36,1),backdrop-filter .55s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .55s cubic-bezier(.22,1,.36,1)}.navbar.is-solid .container{width:calc(100% + -0px);max-width:calc(100vw + -0px);padding:12px 32px;border-radius:0;background:#ffffffc7;border-color:#ffffffb8;box-shadow:0 10px 36px #0f172a0f,inset 0 1px #ffffffc7;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.navbar.is-pill{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom-color:transparent}.navbar.is-pill .container{width:min(calc(100% - 32px),1100px);max-width:1100px;padding:12px 26px;border-radius:999px;background:#ffffffd1;border-color:#ffffffc7;box-shadow:0 18px 50px #0f172a1f,inset 0 1px #ffffffd1;backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%)}.nav-brand{display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:600;color:var(--text-light);letter-spacing:-.02em;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none}.nav-brand:hover{color:var(--primary-light);text-decoration:none}.nav-brand:active{opacity:.7}.nav-logo-icon{width:32px;height:32px;flex-shrink:0}.nav-logo-text{font-size:2rem;font-weight:600;color:var(--text-light);letter-spacing:-.02em}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-light);text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;font-weight:400;font-size:16px}.nav-links a:hover{color:var(--primary);transform:translateY(-1px)}.nav-cta{display:flex;align-items:center;gap:12px}.btn-nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 10px #3b5bff40;white-space:nowrap;overflow:hidden;opacity:0;visibility:hidden;max-width:0;padding:0;transform:translateY(6px) scale(.94)}.navbar-show-cta .btn-nav-cta{opacity:1;visibility:visible;max-width:200px;padding:10px 22px;transform:translateY(0) scale(1)}.navbar-show-cta .btn-nav-cta:hover{background:var(--primary-dark);transform:scale(1.02) translateY(-1px);box-shadow:0 4px 16px #3b5bff59}.btn-nav-cta-icon{width:18px;height:18px;flex-shrink:0}.nav-cta-btn{padding:10px 22px;font-size:14px;font-weight:600;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;padding:12px 32px;border-radius:24px;border:none;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #2b60ff26;font-size:18px;text-decoration:none}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px #2b60ff40}.btn-secondary{background:#fff9;color:var(--text-main);padding:12px 32px;border-radius:24px;border:1px solid rgba(0,0,0,.08);cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:16px;text-decoration:none}.btn-secondary:hover{background:#ffffffd9;border-color:#0000001f;transform:translateY(-1px) scale(1.02)}.btn-chrome{background:#fff;color:var(--text-dark);padding:16px 24px;border-radius:28px;border:none;cursor:pointer;font-weight:500;font-size:16px;display:inline-flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 24px #0000001a,0 1px 3px #00000014}.btn-chrome:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #00000026,0 2px 6px #0000001a;background:#fffffff2}.btn-chrome:after{content:"- It's Free";font-weight:400}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;background:transparent}.hero-content.centered{max-width:900px;margin:0 auto;text-align:center}.hero-title{font-size:4rem;font-weight:600;line-height:1.1;margin-bottom:1.5rem;text-transform:normal;letter-spacing:-.03em;color:var(--text-light)}.gradient-text{background:linear-gradient(135deg,#4a8fff,#2b60ff,#1948e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.8;font-weight:400}.hero-subtitle strong{color:var(--text-main);font-weight:600;margin:0 -.4em;padding:.2em .6em;border-radius:1em;background:transparent;background-image:linear-gradient(to right,#3b5bff14,#3b5bff26 10% 90%,#3b5bff14);-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap}.desktop-break:before{content:"\a";white-space:pre}@media (max-width: 768px){.desktop-break:before{content:" ";white-space:normal}}.hero-tagline{font-style:italic;color:var(--text-muted);font-size:1rem;margin-bottom:2.5rem;font-weight:300}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-cta .btn-chrome{font-weight:700}@keyframes subtle-pulse{0%,to{transform:scale(1);box-shadow:0 4px 24px #0000001a,0 1px 3px #00000014}50%{transform:scale(1.02);box-shadow:0 6px 28px #0000001f,0 2px 4px #0000001a}}.cta-subtext{color:var(--text-muted);font-size:.875rem;font-weight:300}.hero-buttons{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.btn-signup-hero{background:var(--primary);color:#fff;padding:12px 24px;border-radius:28px;border:none;cursor:pointer;font-weight:500;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 24px #2b60ff26,0 1px 3px #2b60ff14}.btn-signup-hero:hover{background:var(--primary-dark);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #2b60ff40,0 2px 6px #2b60ff1a}.btn-signup-hero:active{transform:scale(.98)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem;font-weight:500;color:var(--text-light);letter-spacing:-.02em}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:4rem;font-weight:400}.browser-showcase{max-width:800px;margin:0 auto;border-radius:16px;background:transparent;padding:0}.browser-bar{background:transparent;height:40px;display:block;padding:0;border-bottom:1px solid #e0e0e0;position:relative;z-index:1;margin-top:0;border-top:none;pointer-events:none}.browser-dots{display:flex;align-items:center;position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:4;margin:0;padding:0;pointer-events:all}.browser-dots span{width:12px;height:12px;border-radius:50%;display:inline-block;margin:0 6px 0 0;border:.5px solid rgba(0,0,0,.15);box-shadow:0 1px 2px #0000000a;background-clip:padding-box;vertical-align:middle;padding:0}.browser-dots span:last-child{margin-right:0}.browser-dots span:hover{background:#0000001a;cursor:pointer}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:last-child{background:#27c93f}.browser-content{height:500px;overflow:hidden;position:relative;background:#fff;padding:0;margin-top:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0 0 14px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.browser-content.demo-mode{overflow:visible!important}.browser-content.demo-mode .x-ui{height:500px;overflow:hidden}.browser-mockup{background:#fafbfc;border-radius:14px;border:1px solid #e0e0e0;box-shadow:0 8px 32px #0000001a,0 1.5px 4px #0000000a;overflow:visible;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) scale(.7);transform-origin:center center;width:900px;z-index:10;opacity:0;transform:translate(-50%,-50%) scale(.65) translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.browser-mockup.browser-entrance-active{opacity:1;transform:translate(-50%,-50%) scale(.7) translateY(0)}.browser-bar-bg{position:absolute;top:0;left:0;right:0;height:74px;background:#e3e3e3;z-index:0;border-radius:14px 14px 0 0}.navigation-row{background:#fff;height:34px;display:flex;align-items:center;padding:0 12px;position:relative;z-index:2;border-bottom:1px solid #e0e0e0}.browser-url{background:#f1f3f4;border-radius:16px;border:1px solid #e0e0e0;padding:0 12px;margin:0 auto 0 0;font-size:1.05rem;letter-spacing:.01em;font-weight:400;color:#5f6368;height:26px;width:100%;max-width:650px;display:flex;align-items:center;box-shadow:0 1px 2px #3c404314;transition:all .2s ease}.browser-url:hover{box-shadow:0 1px 5px #3c40431f}.browser-url-actions{display:flex;align-items:center;gap:10px;margin-left:20px}.extension-icon{width:18px;height:18px;border-radius:4px;background:transparent;display:inline-block;object-fit:contain}.extension-icon-bg{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s}.extension-icon-bg:hover{transform:scale(1.1)}.extension-pill.popup-active .extension-icon-bg{background:transparent}.puzzle-icon,.profile-icon,.url-settings-icon{margin-right:8px;font-size:20px;vertical-align:middle;font-variation-settings:"FILL" 1;color:#5f6368}.url-protocol{color:#bfc6d1;font-size:.85em;margin-right:2px;font-weight:400}.url-domain{flex:1;font-weight:500;font-size:.85em}.url-star{font-size:16px;color:#5f6368;margin-left:8px}.url-lock{margin-right:8px;font-size:14px}.menu-btn{font-size:18px!important;width:18px;height:18px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#5f6368;cursor:pointer;border-radius:50%;transition:background .15s}.divider{width:1px;height:16px;background:#5f6368;margin:0 4px}.profile-indicator{width:24px;height:24px;background:#c6f3f7;border-radius:50%;display:inline-block}.browser-tabs{position:absolute;top:4px;left:72px;width:calc(100% - 80px);height:36px;display:flex;align-items:flex-end;padding:0;background:transparent;z-index:3}.tab{color:#0f1419;background:#e3e3e3;border-radius:8px 8px 0 0;border:1px solid #e0e0e0;border-bottom:none;padding:0 12px;margin-right:2px;font-size:.875rem;min-width:100px;max-width:200px;height:30px;display:flex;align-items:center;gap:6px;position:relative;top:0;z-index:1;box-shadow:none;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab.active{background:#fff;color:#333;font-weight:500;z-index:2;top:0;height:31px;border-bottom:1px solid #fff;box-shadow:0 2px 6px #0000000a;border-color:#e0e0e0 #e0e0e0 #fff #e0e0e0}.tab .close-btn{margin-left:auto;margin-right:2px;font-size:.9rem;color:#333;cursor:pointer;transition:color .2s;opacity:.7}.tab .close-btn:hover{color:#333;opacity:1}.tab.active .close-btn{color:#666;opacity:.7}.tab-favicon{width:14px;height:14px;flex-shrink:0;vertical-align:middle;display:inline-block}.plus-btn{display:flex;align-items:center;justify-content:center;width:26px;height:30px;margin-left:4px;color:#666;font-size:1rem;border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.plus-btn:hover{background:#00000014;color:#333}.pricing{padding:80px 0;background:transparent;background-color:transparent}.pricing .section-title{margin-bottom:4rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:700px;margin:0 auto;align-items:stretch}.pricing-cards.three-cards{max-width:1000px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.pricing-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:3rem 2rem;text-align:center;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005;display:flex;flex-direction:column}.card-content{flex:1;display:flex;flex-direction:column}.pricing-card.featured{border-color:#3b5bff4d;box-shadow:0 12px 40px #3b5bff1f,0 4px 16px #0000000a;background:#f0f4ffe6}.badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);background-color:#2b60ff;color:#fff;padding:6px 20px;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #2b60ff4d;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:1}.pricing-card h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-light);font-weight:600}.price{font-size:3rem;font-weight:700;margin-bottom:2.5rem;color:var(--text-main);letter-spacing:-.02em}.price span{font-size:1rem;color:var(--text-muted);font-weight:400;letter-spacing:normal}.pricing-card ul{list-style:none;margin:auto 0 0;text-align:left;padding:0 .5rem}.pricing-card li{padding:.75rem 0;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;font-size:.95rem;transition:all .2s ease;min-height:36px}.pricing-card li:before{content:"✓";color:#4ade80;font-weight:700;font-size:1.2rem;flex-shrink:0;width:20px;text-align:center;transition:transform .2s ease}.pricing-card li.disabled{color:#1e1e3c4d;opacity:.8}.pricing-card li.disabled:before{content:"✕";color:#ff000080;font-size:1rem}.pricing-card .btn-primary,.pricing-card .btn-secondary{width:100%;margin-top:2rem}.pricing-card .btn-primary{background:var(--primary);background-color:#2b60ff}.pricing-card .btn-primary:hover{background:var(--primary-dark);background-color:#1948e5}.pricing-card .btn-secondary{background:#fff9;border:1px solid rgba(0,0,0,.08)}.pricing-card .btn-secondary:hover{background:#ffffffd9;border-color:#0000001f}.final-cta{padding:100px 0;text-align:center;background:transparent;background-color:transparent}.final-cta h2{font-size:2.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-light)}.final-cta p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.final-cta .btn-chrome{font-weight:700;margin:0 auto;animation:subtle-pulse 3s ease-in-out infinite}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.browser-showcase{padding:0 1rem}.steps{flex-direction:column;gap:3rem}.steps:before{display:none}.nav-links{gap:1rem}.nav-links a:not(.btn-primary){display:none}.features,.pricing{padding:80px 0}.pricing-cards{grid-template-columns:1fr;max-width:400px;gap:2rem}.how-it-works,.final-cta{padding:80px 0}.section-title{font-size:2rem}.steps-title{font-size:1.5rem}}.tabs-row{position:relative;height:40px;width:100%}.browser-nav-btns{display:flex;align-items:center;gap:2px;margin-right:8px}.nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#5f6368;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.nav-btn:active{background:#e0e0e0}.nav-btn.reload{font-size:1.2rem}.nav-btn.forward{color:#bfc6d1}.nav-btn.material-symbols-outlined{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;height:28px;width:28px;padding:0;vertical-align:middle}.x-ui{display:flex;width:100%;height:100%;background:#fff;color:#0f1419;font-family:Segoe UI,Arial,sans-serif;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.x-ui.transitioning{opacity:.95}.x-ui.transitioning-in{animation:twitterSlideIn .2s ease-out}.x-ui.transitioning-out{animation:twitterSlideOut .2s ease-out}@keyframes twitterSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes twitterSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}.sidebar{width:180px;border-right:1px solid #e6ecf0;padding:0 12px;margin:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;background:#fff;box-sizing:border-box;position:relative;z-index:2;flex-shrink:0}.scrollable-content{display:flex;flex:1;height:100%;overflow-y:hidden;overflow-x:hidden;position:relative}.scrollable-content::-webkit-scrollbar{width:0;display:none}.scrollable-content::-webkit-scrollbar-track{display:none}.scrollable-content::-webkit-scrollbar-thumb{display:none}.scrollable-content::-webkit-scrollbar-thumb:hover{display:none}.scrollable-content{scrollbar-width:none;-ms-overflow-style:none}.main-feed{flex:1 1 0%;min-width:0;max-width:600px;margin:0 auto;background:#fff;box-sizing:border-box;min-height:100vh;border-right:1px solid #e6ecf0}.right-sidebar{width:210px;background:#fff;padding:0 12px;margin:0;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;flex-shrink:0;min-height:100vh}.main-feed-header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e6ecf0}.sidebar-logo{margin-top:8px;margin-bottom:8px;padding:4px}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:0}.sidebar-nav-item{display:flex;align-items:center;gap:18px;padding:8px 12px 8px 16px;border-radius:9999px;font-size:15px;font-weight:500;color:#0f1419;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background .2s}.sidebar-nav-item.active{color:#1da1f2;background:#e8f5fe;font-weight:600}.sidebar-nav-item.more{color:#0f1419;background:#f7f9fa}.sidebar-profile{width:100%;display:flex;align-items:center;justify-content:space-between;background:#f7f9fa;border-radius:9999px;padding:6px 12px;margin:8px 4px 12px 0;min-height:44px;box-sizing:border-box;cursor:pointer;border:1px solid #e6ecf0}.sidebar-profile-avatar{width:32px;height:32px;border-radius:50%}.sidebar-profile-info{flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:center}.sidebar-profile-name{font-weight:700;font-size:15px;color:#0f1419;line-height:1}.sidebar-profile-handle{font-size:14px;font-weight:400;color:#536471;line-height:1;margin-top:4px}.sidebar-profile-dots{margin-left:2px;margin-bottom:12px;width:18px;height:18px;fill:#0f1419}.main-feed-tabs{display:flex}.main-feed-tab{flex:1;padding:14px 0 10px;font-size:15px;font-weight:600;color:#536471;background:#fff;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-bottom .2s}.main-feed-tab.active{color:#1da1f2;border-bottom:2px solid #1da1f2}.tweet-card{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #e6ecf0;gap:12px;max-width:600px;margin:0 auto;background:#fff}.tweet-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.tweet-content{flex:1;min-width:0}.tweet-meta{display:flex;align-items:center;gap:4px}.tweet-author{font-size:14px;font-weight:700}.tweet-verified{width:16px;height:16px;vertical-align:middle;display:inline-block}.tweet-handle{font-size:13px;font-weight:400;color:#536471}.tweet-text{font-size:14px;font-weight:400;margin:0 0 8px;line-height:1.3}.tweet-image{width:100%;max-width:500px;border-radius:16px;margin-bottom:8px;display:block}.tweet-actions{display:flex;justify-content:space-between;align-items:center;padding:0;margin-top:8px;color:#536471;font-size:12px}.tweet-actions .flex{display:flex;align-items:center;gap:4px;color:#536471;font-size:12px}.tweet-actions svg{width:15px;height:15px;fill:#536471;margin-right:0}.tweet-actions .text-sm{font-size:12px;color:#536471;margin-left:0;font-weight:600}.right-sidebar-search{background:#f7f9fa;border-radius:9999px;padding:6px 12px;margin-bottom:0;display:flex;align-items:center;gap:8px;border:1px solid #e6ecf0;margin-top:16px}.right-sidebar-search-input{border:none;outline:none;background:transparent;font-size:15px;color:#0f1419;width:100%}.trending-card{background:#f7f9fa;border-radius:16px;padding:16px;margin-bottom:16px}.trending-card-title{font-weight:700;font-size:17px;margin-bottom:12px}.trending-card-item{margin-bottom:10px}.trending-card-meta{font-size:12px;font-weight:400;color:#536471}.trending-card-hashtag{font-size:14px;font-weight:500}.follow-card{background:#f7f9fa;border-radius:16px;padding:16px}.follow-card-title{font-weight:700;font-size:17px;margin-bottom:12px}.follow-card-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.follow-card-avatar{width:36px;height:36px;border-radius:50%}.follow-card-info{flex:1}.follow-card-name{font-size:15px;font-weight:500}.follow-card-handle{font-size:12px;font-weight:400;color:#536471}.follow-card-btn{background:#1da1f2;color:#fff;border:none;border-radius:9999px;padding:6px 8px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:8px}.main-content{display:flex;flex:1;min-width:0;height:100%}.main-feed,.right-sidebar{overflow:visible}.browser-content{overflow-y:hidden;overflow-x:hidden;max-height:500px;scrollbar-width:none;-ms-overflow-style:none}.browser-content::-webkit-scrollbar{display:none}.x-ui{height:500px;overflow:hidden}.main-content{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}#browser-content{position:relative}.tweet-standalone{background:#fff;color:#0f1419;animation:twitterFadeIn .15s ease-out;flex:1;max-width:600px;width:100%;border-right:1px solid #e6ecf0;min-height:100%;box-sizing:border-box;overflow-y:auto;padding-bottom:28px;scrollbar-width:none}.tweet-standalone::-webkit-scrollbar{display:none}@keyframes twitterFadeIn{0%{opacity:0}to{opacity:1}}.tweet-standalone .tweet-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e6ecf0;position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;transition:all .2s ease}.tweet-standalone .tweet-back-btn{margin-right:20px;cursor:pointer;transition:all .2s ease;border-radius:50%;padding:8px}.tweet-standalone .tweet-back-btn:hover{background:#0f14191a;transform:scale(1.05)}.tweet-standalone .tweet-detail{padding:12px 16px;background:#fff;transition:all .3s ease}.tweet-standalone .tweet-header-title{font-size:20px;font-weight:700;color:#0f1419}.tweet-standalone .tweet-user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tweet-standalone .tweet-user-avatar{width:48px;height:48px;border-radius:50%}.tweet-standalone .tweet-user-details{flex:1}.tweet-standalone .tweet-user-name{display:flex;align-items:center;gap:4px}.tweet-standalone .tweet-user-name-text{font-weight:700;font-size:15px;color:#0f1419}.tweet-standalone .tweet-user-verified{width:18px;height:18px}.tweet-standalone .tweet-user-handle{color:#536471;font-size:15px;font-weight:400}.tweet-standalone .tweet-subscribe-btn{background:#0f1419;color:#fff;border:none;padding:6px 16px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;margin-left:auto}.tweet-standalone .mac-reply-compose{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid #e6ecf0;gap:6px}.tweet-standalone .mac-reply-replying{color:#536471;font-size:15px;padding-left:48px}.tweet-standalone .mac-reply-input{flex:1;color:#536471;font-size:20px;border:none;outline:none;background:transparent}.tweet-standalone .tweet-text{font-size:20px;line-height:1.3;margin-top:12px;margin-bottom:16px;color:#0f1419;font-weight:400}.tweet-standalone .tweet-time-views{color:#536471;font-size:15px;margin-bottom:16px;font-weight:400}.tweet-standalone .tweet-time-views-views{font-weight:600;color:#0f1419}.tweet-standalone .tweet-engagement-stats{border-top:1px solid #e6ecf0;border-bottom:1px solid #e6ecf0;padding:12px 0}.tweet-standalone .tweet-stats-container{display:flex;gap:20px}.tweet-standalone .tweet-stat-item{cursor:pointer}.tweet-standalone .tweet-stat-number{font-weight:700;font-size:15px;color:#0f1419}.tweet-standalone .tweet-stat-label{color:#536471;font-size:15px;font-weight:400;margin-left:4px}.tweet-standalone .tweet-action-buttons{display:flex;gap:20px;border-bottom:1px solid #e6ecf0;margin-left:0;justify-content:flex-start;padding:8px 0}.tweet-standalone .tweet-action-btn{cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px}.tweet-standalone .tweet-action-btn svg{width:20px;height:20px;fill:#536471}.tweet-standalone .tweet-action-count{font-size:13px;color:#536471;font-weight:400}.tweet-standalone .reply-box{display:flex;gap:12px;align-items:flex-start;padding:12px 16px 12px 0}.tweet-standalone .reply-avatar{width:40px;height:40px;border-radius:50%;margin-left:0;margin-top:0;align-self:flex-start}.tweet-standalone .reply-to-text{margin-bottom:8px;line-height:20px}.tweet-standalone .reply-field{padding:12px 0;font-size:17px;color:#536471;border-bottom:1px solid transparent;cursor:text;min-height:52px;line-height:1.3;font-weight:400}.tweet-standalone .reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px}.tweet-standalone .reply-icons{display:flex;gap:16px;align-items:center}.tweet-standalone .reply-icons svg{cursor:pointer;transition:opacity .2s,background-color .2s;border-radius:4px;padding:4px}.tweet-standalone .reply-icons svg:hover{background-color:#1d9bf01a}.tweet-standalone .reply-icons span{cursor:pointer;transition:opacity .2s,background-color .2s;border-radius:4px;padding:4px 8px}.tweet-standalone .reply-icons span:hover{background-color:#1d9bf01a}.tweet-standalone .reply-btn{background:#0f1419;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:15px;cursor:pointer;opacity:.5;align-self:flex-end;margin-left:auto}.tweet-standalone .reply-btn:not(:disabled){background:#0f1419;opacity:1}.tweet-standalone .reply-btn:disabled{opacity:.5;cursor:not-allowed}.demo-cursor{position:absolute;width:20px;height:20px;pointer-events:none;z-index:999999;opacity:0;transition:opacity .3s ease;transform:translate(-2px,-2px)}.demo-cursor:not(.pointer){filter:none}.demo-cursor.active{opacity:1!important}.demo-cursor svg{width:100%;height:100%;display:block}.demo-cursor #demo-cursor-default path{fill:#fff!important;stroke:#111!important;stroke-width:.5!important;stroke-linejoin:round!important}.demo-cursor.animating{transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),opacity .2s ease}.demo-cursor.clicking{transform:translate(-2px,-2px) scale(.85);transition:transform .1s ease}.demo-cursor.entering{opacity:1!important}.tab-separator:before{content:"|";color:#d0d0d0;margin:0 6px 0 2px;font-size:1.2em;font-weight:400;display:flex;align-items:center;line-height:1;height:100%;vertical-align:middle;position:static}body[data-scroll-lock] .browser-mockup{box-shadow:0 8px 32px #2b60ff59,0 1.5px 4px #0000000a,0 0 0 4px #2b60ff4d}html[style*="overflow: hidden"]{position:relative!important;height:100%!important}html{scroll-behavior:smooth;overflow-x:hidden}body{transition:none;overflow-y:hidden!important}.macbook-os-mockup{width:min(100%,1152px);max-width:1152px;aspect-ratio:17 / 10;margin:0 auto;border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 40px 100px -20px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;display:flex;flex-direction:column;background-color:#111;background-size:cover;background-position:center;background-repeat:no-repeat;text-align:left;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;opacity:0;transform:translateY(40px) scale(.98);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.macbook-os-mockup.hero-entrance-active{opacity:1;transform:translateY(0) scale(1)}.macbook-os-mockup img{user-drag:none;-webkit-user-drag:none;pointer-events:none}.browser-mockup{pointer-events:auto}.browser-mockup *{user-select:none;-webkit-user-select:none}#vybly-popup,.mac-vybly-panel,.mac-vybly-panel *{user-select:text!important;-webkit-user-select:text!important;pointer-events:auto!important}.macbook-menu-bar{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 16px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.2px;border-bottom:1px solid rgba(255,255,255,.05);z-index:100}.menu-left{display:flex;align-items:center;gap:6px}.menu-right{display:flex;align-items:center;gap:16px}.apple-icon{font-size:16px;margin-right:-4px}.menu-item{cursor:default;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.menu-item.fw-bold{font-weight:700}.nav-icon{font-size:16px;font-weight:300}.macbook-wallpaper-area{flex:1;position:relative}.macbook-dock-wrapper{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding-bottom:8px;z-index:100}.macbook-dock{display:flex;align-items:center;gap:4px;padding:3px 5px;background:#ffffff0d;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:14px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff0d}.dock-app{width:28px;height:28px;border-radius:8px;cursor:default;position:relative;display:flex;align-items:center;justify-content:center}.dock-app img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.dock-app[data-tooltip=Messages] img{padding:1.5px;transform:scale(.96)}.dock-app[data-tooltip=Chrome]:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#fffc;border-radius:50%;border:none;opacity:1;visibility:visible}.dock-divider{width:1px;height:20px;background:#fff3;margin:0 4px;border-radius:1px}.how-it-works{position:relative;z-index:1}.browser-showcase{position:relative;z-index:2}.navbar{z-index:10000!important}body[style*="position: fixed"] .how-it-works{position:relative!important}.demo-cursor.entering{animation:cursorEntry .5s ease-out;animation-fill-mode:forwards}@keyframes cursorEntry{0%{opacity:0;transform:translate(-2px,-2px) scale(.7)}to{opacity:1;transform:translate(-2px,-2px) scale(1)}}.tweet-card.demo-highlight{background-color:#1da1f205;transition:background-color .3s ease}.scrollable-content.demo-scrolling{scroll-behavior:smooth}body[style*="position: fixed"] .browser-content{overflow-y:hidden!important}.extension-pill{display:flex;align-items:center;gap:10px;padding:3px;background:#fff;border-radius:20px;min-width:48px;min-height:20px;box-sizing:border-box;transition:box-shadow .2s,border .2s}.extension-pill.popup-active{border:1px solid #e1e1e1;background:#fff}#browser-content{position:relative;overflow-y:hidden!important;overflow-x:hidden!important}@media (pointer: coarse){.btn-primary,.btn-secondary,.btn-chrome{min-height:44px}.tab,.tweet-action-btn,.follow-card-btn{min-height:44px;min-width:44px}}@media (max-width: 375px){.container{padding:0 12px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.btn-chrome,.btn-signup-hero{font-size:14px;padding:12px 20px;min-height:44px}.nav-brand{font-size:1.25rem}.nav-logo-icon{width:24px;height:24px}.footer-links{gap:16px;flex-direction:column}.footer-right{flex-direction:column;gap:12px}}@media (max-width: 768px){.container{padding:0 16px}.navbar{padding:.75rem 0}.navbar .container{justify-content:space-between;align-items:center;position:relative}.nav-brand{font-size:1.5rem;margin-left:0;position:absolute;left:50%;transform:translate(-50%);z-index:1}.nav-links{margin-right:0}.mobile-menu-toggle{order:-1;flex-shrink:0;position:relative;z-index:2}.navbar .container:after{content:"";width:44px;height:44px;flex-shrink:0}.nav-links{gap:.75rem}.nav-links a:not(.btn-primary){display:none}.btn-primary{padding:14px 28px;font-size:16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-chrome-nav{padding:12px 20px;font-size:15px;gap:8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-chrome-nav img{width:18px;height:18px}.auth-buttons .user-menu+.btn-primary{display:none}.hero{min-height:100vh;padding:120px 0 60px;display:flex;align-items:center;justify-content:center}.hero-content.centered{width:100%;padding:0 16px}.hero-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;line-height:1.6;padding:0 10px}.hero-tagline{font-size:.9rem;margin-bottom:2rem}.btn-chrome{padding:14px 24px;font-size:15px;gap:8px;width:100%;max-width:300px}.btn-chrome img{width:20px;height:20px}.hero-buttons{flex-direction:column;width:100%;max-width:300px;gap:12px}.btn-signup-hero{width:100%;justify-content:center;padding:14px 24px;font-size:15px}.tab-separator:before{display:none}.tabs-row{height:36px}.browser-tabs{left:60px;width:calc(100% - 100px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.browser-tabs::-webkit-scrollbar{display:none}.tab{min-width:80px;max-width:120px;font-size:.75rem;padding:0 8px;height:28px;flex-shrink:0}.tab.active{height:29px}.tab-favicon{width:12px;height:12px}.plus-btn{display:none}.browser-dots span{width:10px;height:10px;margin-right:4px}.navigation-row{height:30px;padding:0 8px}.browser-url{font-size:.875rem;height:22px;padding:0 8px}.browser-nav-btns{display:none}.browser-url-actions{gap:6px;margin-left:10px}.extension-icon{width:14px;height:14px}.puzzle-icon,.profile-icon,.menu-btn{font-size:16px!important;width:16px;height:16px}.browser-content{height:300px;font-size:.875rem}.x-ui{height:300px}.sidebar{display:none}.main-feed{max-width:100%;border-right:none}.right-sidebar{display:none}.tweet-card{padding:10px 12px;gap:10px}.tweet-avatar{width:32px;height:32px}.tweet-text{font-size:14px}.tweet-meta{font-size:13px}.tweet-actions{font-size:11px}.demo-cursor{display:none!important}.steps-container{padding:0 16px}.steps{flex-direction:column;gap:3rem;align-items:center}.steps:before{display:none}.step{max-width:100%;padding:0}.step-number{width:56px;height:56px;font-size:1.2rem;margin:0 auto 1.25rem}.step h3{font-size:1.2rem;margin-bottom:.75rem}.step p{font-size:.95rem;max-width:280px;margin:0 auto}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-icon{width:72px;height:72px;font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.875rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:2rem 1.5rem}.price{font-size:2.5rem;margin-bottom:1.5rem}.how-it-works,.features,.pricing,.final-cta{padding:60px 0}.section-title{font-size:1.75rem;margin-bottom:.75rem}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.final-cta h2{font-size:1.75rem}.final-cta p{font-size:1rem;padding:0 16px}}@media (max-width: 375px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.browser-mockup{margin:0 8px}.browser-content,.x-ui{height:250px}.tab{min-width:70px;font-size:.7rem}.btn-chrome{font-size:14px;padding:12px 20px}.feature-card,.pricing-card{padding:1.5rem 1rem}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 24px}.hero-title{font-size:3rem}.browser-showcase{padding:0 40px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:2rem}.step h3{font-size:1rem}.step p{font-size:.875rem}}@media (max-width: 768px) and (orientation: landscape){.hero{min-height:auto;padding:80px 0 40px}.browser-content,.x-ui{height:200px}}@supports (-webkit-touch-callout: none){.main-feed-header{position:-webkit-sticky}}@media (max-width: 768px){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important}.mobile-menu-toggle{background:#0000000a;border:1px solid rgba(0,0,0,.1)}.mobile-menu-toggle .hamburger-line{background-color:var(--text-main)!important;opacity:1!important;visibility:visible!important}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:12px 8px;z-index:1002;position:relative;width:44px;height:44px;border-radius:6px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:#0000000f}@media (max-width: 768px){.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px}}.hamburger-line{width:24px;height:2px;background-color:var(--text-main);border-radius:1px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center;box-shadow:none}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-toggle:hover .hamburger-line{background-color:var(--primary-light)}.mobile-menu-toggle.active:hover .hamburger-line{background-color:var(--text-main)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu{position:fixed;top:0;left:-100%;width:80%;max-width:320px;height:100vh;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1001;transition:left .3s cubic-bezier(.25,.46,.45,.94);box-shadow:5px 0 20px #00000014}.mobile-menu.active{left:0}.mobile-menu-content{padding:80px 30px 30px;display:flex;flex-direction:column;gap:none}.mobile-menu-item{color:var(--text-main);text-decoration:none;font-size:18px;font-weight:500;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden}.mobile-menu-item:hover,.mobile-menu-item:active{color:var(--primary-light);padding-left:12px}.mobile-menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary);transform:scaleY(0);transition:transform .3s ease}.mobile-menu-item:hover:before,.mobile-menu-item:active:before{transform:scaleY(1)}.btn-primary-mobile{background:var(--primary);color:#fff!important;padding:15px 30px!important;border-radius:24px;border:none;text-align:center;margin-top:30px;font-weight:600;box-shadow:0 4px 16px #2b60ff40;border-bottom:none!important;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary-mobile:hover,.btn-primary-mobile:active{background:var(--primary-dark);transform:scale(1.02);padding-left:30px!important}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-backdrop.active{opacity:1;visibility:visible}body.menu-open{overflow:hidden;overscroll-behavior-y:none}.demo-error-display{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-error-display h3{font-size:20px;font-weight:600}.demo-error-display p{font-size:14px;line-height:1.5}.demo-error-display button{transition:all .3s ease}.demo-error-display button:hover{background:#1948e5!important;transform:translateY(-1px);box-shadow:0 4px 12px #2b60ff40}.demo-loading{position:relative}.demo-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2b60ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.no-js .browser-mockup{cursor:default;position:relative}.no-js .browser-mockup:after{content:"Enable JavaScript for interactive demo";position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500}.static-demo-fallback{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-demo-support .browser-showcase{opacity:.8;filter:grayscale(.5)}.error-notification{position:fixed;bottom:20px;right:20px;background:#ff4757;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #ff47574d;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.error-notification-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.error-notification-close:hover{background:#fff3}.degraded-mode-indicator{position:fixed;bottom:20px;left:20px;background:#ff9800e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;z-index:1000;display:none}.degraded-mode .degraded-mode-indicator{display:block}.demo-skeleton{background:#f0f0f0;border-radius:8px;position:relative;overflow:hidden}.demo-skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}.retry-demo-btn{background:#2b60ff;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.retry-demo-btn:hover{background:#1948e5;transform:translateY(-1px);box-shadow:0 4px 12px #2b60ff40}.retry-demo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-js .hero-title{animation:none!important}.no-js .feature-card{transition:none!important}.no-js .btn-chrome{animation:none!important}@media print{.demo-error-display,.error-notification,.noscript-banner,.degraded-mode-indicator{display:none!important}}.hero.hero-compact{min-height:60vh;padding:100px 0 40px}.hero .hero-content-welcome{max-width:900px;margin:0 auto;text-align:center}.welcome-steps .step p{margin-bottom:16px}.welcome-steps .step .btn-chrome,.welcome-steps .step .btn-secondary{margin-top:16px}.welcome-steps .step .btn-secondary{display:inline-flex}.welcome-steps .step:hover .step-number{transform:none;box-shadow:0 8px 24px #2b60ff4d,0 4px 12px #2b60ff33,inset 0 1px 2px #ffffff4d}.welcome-steps .step:hover .step-number:before{opacity:0}.welcome-plan{text-align:center;padding:80px 20px}.welcome-plan .features-grid{max-width:700px;margin:0 auto;grid-template-columns:1fr}.welcome-plan .feature-card:hover{transform:none;border-color:#ffffff1a;box-shadow:0 4px 24px #0003,0 0 0 .5px #ffffff0d inset;background:#ffffff0d}.auth-buttons{display:flex;gap:12px;align-items:center}.btn-secondary-small{background:transparent;color:var(--text-main);padding:8px 20px;border-radius:20px;border:1px solid rgba(0,0,0,.15);cursor:pointer;font-weight:500;transition:all .3s ease;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}.btn-secondary-small:hover{background:#0000000a;border-color:#00000040}.btn-chrome-nav{padding:8px 20px;font-size:16px;display:inline-flex;align-items:center;gap:8px;line-height:1.2}.btn-chrome-nav img{width:20px;height:20px;transition:transform .3s ease}.btn-chrome-nav:hover img{transform:scale(1.1)}.nav-user-section{position:relative;display:flex;align-items:center}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:6px 14px 6px 6px;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.user-menu-trigger .user-email{font-weight:400;font-size:16px}.user-menu-trigger:hover{background:#00000008;border-color:#00000026}.user-avatar{width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.user-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-large{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-email{font-size:14px;font-weight:500;color:var(--text-main)}.user-plan{font-size:12px;color:var(--text-muted)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000a;min-width:260px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;overflow:hidden;z-index:1000}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-info{display:flex;align-items:center;gap:12px}.dropdown-divider{height:1px;background:#0000000f;margin:0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-main);text-decoration:none;transition:all .15s ease;font-size:14px;font-weight:500;border:none;background:none;width:100%;cursor:pointer}.dropdown-item:hover{background:#0000000a}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#ef44440f}.dropdown-icon{font-size:16px;flex-shrink:0;line-height:1}.mobile-auth-section{border-top:1px solid rgba(0,0,0,.08);padding-top:20px;margin-top:20px}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:8px}.mobile-signout{color:#ef4444!important}.nav-link-dashboard{color:var(--text-main);font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link-dashboard:hover{color:var(--primary)}.nav-link-dashboard.active{color:var(--primary);font-weight:600}.notifications-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{background:#000000e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000004d;transform:translate(120%);transition:all .3s ease;border-left:4px solid var(--primary)}.notification.show{transform:translate(0)}.notification-success{border-left-color:#4ade80}.notification-error{border-left-color:#ff4757}.notification-info{border-left-color:var(--primary)}.notification-content{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text-light);font-size:14px}.notification-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:0;line-height:1}@keyframes stroke{to{stroke-dashoffset:0}}#dashboard-container{min-height:100vh;background:var(--bg-color);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,255,255,.8),transparent),radial-gradient(ellipse 60% 50% at 50% 120%,rgba(99,102,241,.05),transparent);color:var(--text-main)}.dashboard{min-height:100vh;display:flex;flex-direction:column}.plan-badge-container{position:absolute;top:-04px;left:50%;transform:translate(-50%);z-index:2}.badge-plan{padding:6px 20px;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:1}.badge-plan-free{color:var(--text-main);background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000f}.badge-plan-pro{color:#fff;background:#10b981;border:none;box-shadow:0 2px 8px #10b98159}.dashboard-content{flex:1;max-width:1200px;margin:0 auto;padding:100px 32px 80px;width:100%}.dashboard-hero{text-align:center;margin-bottom:0}.dashboard-hero h1{font-size:2.5rem;font-weight:600;margin-bottom:12px;color:var(--text-main);letter-spacing:-.02em}.dashboard-subtitle{color:var(--text-muted);font-size:1.125rem;font-weight:400}.dashboard-grid{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;position:relative}.dashboard-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#121316e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:400px;background:#ffffffb3;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 24px #0000000a,0 1px 2px #00000005;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;grid-column:1 / -1;grid-row:1 / -1}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner .spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#2b60ff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-muted);font-size:.95rem;font-weight:500;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#ffffffbf;padding:2rem;border-radius:20px;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000000d,0 1px 2px #00000008;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-main);letter-spacing:-.01em}.card-next-steps{grid-column:1 / -1}.whoami-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.95rem;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.whoami-row:last-child{border-bottom:none}.whoami-label{color:var(--text-muted)}.whoami-value{color:var(--text-main);text-align:right;font-weight:500}.plan-cta{margin-top:20px}.plan-pro-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.account-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.account-title{font-size:1.125rem;font-weight:600;margin-bottom:4px;color:var(--text-light)}.account-email{font-weight:600;color:var(--primary-light)}.account-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400}.card-twitter .twitter-label{font-size:.95rem;color:var(--text-muted);margin-bottom:16px;font-weight:500}.twitter-connected-handle{color:var(--primary-light);font-weight:600}.twitter-current{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9;margin-bottom:12px}.twitter-current-value{color:var(--text-light);font-weight:500}.twitter-form{margin-top:16px}.twitter-form label{font-size:.85rem;color:var(--text-main);display:block;margin-bottom:8px;font-weight:500}.twitter-input-row{display:flex;position:relative;margin-bottom:8px}.twitter-at{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:500}.twitter-input-row input{flex:1;background:#ffffffe6;border-radius:8px;border:1px solid rgba(0,0,0,.1);padding:12px 14px 12px 32px;color:var(--text-main);font-size:1rem;outline:none;transition:border-color .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 2px #00000005}.twitter-input-row input::placeholder{color:var(--text-muted);opacity:.5}.twitter-input-row input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2b60ff33}.twitter-input-row .btn-primary{padding:12px 24px;font-size:14px;white-space:nowrap}.twitter-helper{margin-top:8px;font-size:.8rem;line-height:1.5}.twitter-helper-muted{color:var(--text-muted)}.twitter-helper-success{color:#10b981;font-weight:500}.twitter-helper-error{color:#ef4444;font-weight:500}.twitter-later-link{margin-top:12px;background:none;border:none;color:var(--text-muted);font-size:.85rem;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s ease}.twitter-later-link:hover{color:var(--text-main)}.twitter-connected-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05);margin-bottom:0}.twitter-connected-text{font-size:14px;color:var(--text-muted);flex:1}.twitter-form-edit{margin-top:16px}.card-next-steps p{font-size:14px;color:#fffc;line-height:1.6;margin-bottom:16px}.next-step-actions{margin-top:16px}.next-step-hint{margin-top:12px;font-size:13px;color:#fff9;line-height:1.5}.step-desc{font-size:1rem;color:var(--text-muted)!important;margin-bottom:16px;margin-top:4px;line-height:1.6}.next-step-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.next-step-actions .btn-primary{align-self:flex-start}.step-alert{font-size:.875rem;color:var(--text-muted)!important;line-height:1.5;margin:0}.dashboard-error{max-width:480px;margin:80px auto;text-align:center}.dashboard-error h1{font-size:2rem;margin-bottom:8px;color:var(--text-main)}.dashboard-error p{font-size:14px;color:var(--text-muted);margin-bottom:16px}@media (max-width: 900px){.dashboard-content{padding:90px 20px 60px}.dashboard-hero h1{font-size:2rem}.dashboard-subtitle{font-size:1rem}.dashboard-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}.card{padding:1.5rem;margin-bottom:1.5rem}.card h2{font-size:1.125rem;margin-bottom:1rem}.dashboard-hero{padding:2rem 0}.dashboard-hero h1{font-size:1.75rem;line-height:1.3}.dashboard-subtitle{font-size:1rem;line-height:1.6}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-user{font-size:13px;gap:8px}.dashboard-user .btn-secondary{padding:12px 20px;font-size:14px;min-height:44px}.whoami-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.whoami-value{text-align:left;word-break:break-word}.twitter-connected-row{flex-direction:column;align-items:flex-start;gap:12px}.twitter-input-row{flex-wrap:wrap}.twitter-input-row .btn-primary{width:100%;margin-top:12px;min-height:44px}.plan-cta .btn-primary{width:100%;min-height:44px}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.auth-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-modal{background:#fff;color:#1f2937;padding:32px 40px;border-radius:16px;font-weight:500;z-index:10000;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;max-width:400px;animation:authModalSlideIn .3s ease-out;border:1px solid #e5e7eb}.auth-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #10b9814d}.auth-modal-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.auth-modal-icon.error{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.auth-modal-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.auth-modal-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.auth-modal-icon svg{width:32px;height:32px}.auth-modal-icon.success svg path{stroke:#fff;stroke-width:3}.auth-modal-icon.error svg path{stroke:#fff;stroke-width:2}.auth-modal-content{margin-bottom:16px}.auth-modal-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.auth-modal-description{margin:0;font-size:16px;color:#6b7280;line-height:1.5}.auth-modal-progress{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-top:24px}.auth-modal-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;animation:authModalProgress 2s ease-out}.auth-modal-button{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;transition:background-color .2s;font-family:inherit}.auth-modal-button:hover{background:#b91c1c}.auth-modal-button.primary{background:#10b981}.auth-modal-button.primary:hover{background:#059669}.auth-modal-button.secondary{background:#6b7280}.auth-modal-button.secondary:hover{background:#4b5563}.auth-modal-button.warning{background:#f59e0b}.auth-modal-button.warning:hover{background:#d97706}.auth-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.auth-modal-actions .auth-modal-button{margin-top:0;flex:1;max-width:120px}@keyframes authModalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authModalSlideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes authModalProgress{0%{width:0%}to{width:100%}}@media (max-width: 480px){.auth-modal{padding:24px 20px;max-width:320px;margin:0 16px}.auth-modal-icon{width:56px;height:56px}.auth-modal-icon svg{width:28px;height:28px}.auth-modal-title{font-size:18px}.auth-modal-description{font-size:14px}}@media (max-width: 1024px){.container{padding:0 24px}.nav-brand{margin-left:0}.nav-links{margin-right:0;gap:1.5rem}.hero-title{font-size:3rem}.hero-content.centered{max-width:700px;padding:0 24px}.steps{gap:1.5rem}.step{max-width:220px}.browser-showcase{max-width:100%}}@media (max-width: 768px){.container,.navbar .container{padding:0 16px}.nav-brand{margin-left:0}.nav-logo-icon{width:28px;height:28px}.nav-logo-text{font-size:1.5rem}.nav-links{display:none}.hero{min-height:auto;padding:120px 0 80px}.hero-content.centered{max-width:100%;padding:0 16px}.hero-title{font-size:2rem;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.6;margin-bottom:.75rem}.hero-tagline{font-size:.875rem;margin-bottom:2rem}.hero-cta{gap:.75rem}.hero-buttons{flex-direction:column;width:100%;gap:12px}.btn-chrome,.btn-signup-hero,.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:14px 24px;font-size:15px}.cta-subtext{font-size:.8rem;padding-bottom:0}.scroll-hint{bottom:10px!important;font-size:.8rem!important;padding:8px 14px!important}.section-title{font-size:1.75rem;margin-bottom:.75rem}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.feature-icon{width:48px;height:48px;font-size:24px}.feature-title{font-size:1.1rem}.feature-description{font-size:.9rem}.pricing-cards{flex-direction:column;gap:20px;align-items:center}.pricing-card{max-width:100%;width:100%}.pricing-card h3{font-size:1.25rem}.pricing-card .price{font-size:2rem}.testimonials-container{flex-direction:column;gap:20px}.testimonial-card{max-width:100%}.faq-container{max-width:100%;padding:0 16px}.faq-item{padding:16px}.faq-question{font-size:1rem}.faq-answer{font-size:.9rem}.footer{padding:40px 0 24px}.footer-content{flex-direction:column;gap:32px;text-align:center}.footer-links{flex-direction:row;flex-wrap:wrap;gap:16px}.footer-column{text-align:center}.cta-section{padding:60px 16px}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}}@media (max-width: 480px){.hero{padding:120px 0 80px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.section-title{font-size:1.5rem}.btn-chrome,.btn-signup-hero{padding:12px 20px;font-size:14px}.step-number{width:48px;height:48px;font-size:1rem}.browser-content{height:220px}}@media (max-width: 768px){.desktop-nav{display:none!important}}.mobile-auth-section{display:flex;flex-direction:column}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:0 4px}.user-avatar-small{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);object-fit:cover}.mobile-user-info>div{display:flex;flex-direction:column;overflow:hidden}.user-email{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:13px;color:var(--text-muted)}.mobile-menu-item.mobile-signout{color:#ef4444;margin-top:auto}.mobile-menu-item.mobile-signout:hover,.mobile-menu-item.mobile-signout:active{color:#dc2626;background:#ef44440d}.vybly-reply-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.vybly-reply-button:hover{transform:translateY(-1px)}.vybly-reply-button-icon{width:16px;height:16px;margin-right:6px;object-fit:contain}@media (max-width: 480px){.vybly-reply-button span{display:none}.vybly-reply-button{padding:0;width:32px;margin-left:8px}.vybly-reply-button-icon{margin-right:0}}.mac-panel-hidden{display:none!important}.mac-panel-generating{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center;position:relative;z-index:1}.mac-gen-sparkle{font-size:24px;animation:macSparkleSpin 2s linear infinite}@keyframes macSparkleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes macGleamTextMove{0%{background-position:200% 0}to{background-position:-200% 0}}.mac-gen-text{font-size:14px;font-weight:500;text-align:center;margin:0;padding:16px 0;background:linear-gradient(90deg,#00000014 25%,#5b9eff,#3b5bff 75%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:macGleamTextMove 1.2s linear infinite}.mac-gen-bar-track{width:100%;max-width:200px;height:4px;background:#f3f4f6;border-radius:9999px;overflow:hidden}.mac-gen-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:9999px;transition:width .1s linear}.mac-inserted-badge{padding:8px 0 4px;font-size:12px;color:#00ba7c;font-weight:500;animation:macFadeIn .3s ease-out}@keyframes macFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mac-demo-cursor{position:absolute;z-index:100;pointer-events:none;transition:left .5s cubic-bezier(.25,.46,.45,.94),top .5s cubic-bezier(.25,.46,.45,.94);animation:macCursorAppear .3s ease-out}.mac-demo-cursor.mac-cursor-click{transform:scale(.85)}@keyframes macCursorAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.mac-browser-tabs{display:none}.mac-x-content{min-height:340px;max-height:420px}.mac-vybly-panel{width:320px;padding:0}.mac-regen-btn{display:none}}.macbook-demo-section{padding:100px 0 80px;position:relative;overflow:hidden}.macbook-demo-section .section-subtitle{color:#fff9;font-size:18px;margin-top:12px}.macbook-frame{max-width:960px;margin:48px auto 0;position:relative}.macbook-bezel{background:#2a2a2e;border-radius:16px 16px 0 0;padding:10px 0;display:flex;justify-content:center;position:relative}.macbook-camera{width:8px;height:8px;border-radius:50%;background:#3a3a3e;border:1px solid #4a4a4e}.macbook-screen{background:#000;border-left:3px solid #2a2a2e;border-right:3px solid #2a2a2e;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.macbook-bottom{background:linear-gradient(180deg,#3a3a3e,#2a2a2e);border-radius:0 0 16px 16px;padding:6px 0 10px;display:flex;justify-content:center}.macbook-notch{width:120px;height:4px;border-radius:4px;background:#4a4a4e}.mac-browser-chrome{background:#1e1e22;display:flex;align-items:center;padding:8px 12px;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.mac-browser-dots{display:flex;gap:6px;flex-shrink:0}.mac-dot{width:10px;height:10px;border-radius:50%}.mac-dot-red{background:#ff5f57}.mac-dot-yellow{background:#febc2e}.mac-dot-green{background:#28c840}.mac-browser-tabs{flex-shrink:0}.mac-browser-tab{display:flex;align-items:center;gap:6px;background:#ffffff14;padding:5px 14px;border-radius:6px;color:#fffc;font-size:12px;font-weight:500}.mac-browser-url{flex:1}.mac-url-bar{background:#ffffff0f;border-radius:6px;padding:5px 12px;display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:12px}.mac-x-content{display:flex;background:#000;height:460px;overflow:hidden;position:relative}.mac-x-sidebar{width:52px;border-right:1px solid #2f3336;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0}.mac-x-logo-sidebar{opacity:.9}.mac-sidebar-items{display:flex;flex-direction:column;gap:16px}.mac-sidebar-item{opacity:.6;cursor:pointer;transition:opacity .2s}.mac-sidebar-item:hover{opacity:1}.mac-x-feed{flex:1;border-right:1px solid #2f3336;overflow:visible;position:relative;min-width:0}.mac-x-thread-header{display:flex;align-items:center;gap:20px;padding:8px 16px;border-bottom:1px solid #2f3336;font-size:15px;font-weight:700;color:#fff}.mac-tweet{padding:12px 16px;position:relative}.mac-tweet-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.mac-tweet-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.mac-tweet-user{flex:1;min-width:0}.mac-tweet-name-row{display:flex;align-items:center;gap:4px}.mac-tweet-name{color:#fff;font-weight:700;font-size:15px}.mac-tweet-tick{width:16px;height:16px}.mac-tweet-handle{color:#71767b;font-size:15px}.mac-tweet-more{margin-left:auto;opacity:.5;flex-shrink:0}.mac-tweet-text{color:#fff;font-size:15px;line-height:1.35;margin-bottom:8px}.mac-tweet-meta{color:#71767b;font-size:13px;padding-bottom:8px;border-bottom:1px solid #2f3336}.mac-tweet-meta strong{color:#fff}.mac-tweet-actions{display:flex;justify-content:space-around;padding:6px 0;border-bottom:1px solid #2f3336}.mac-tweet-action{display:flex;align-items:center;gap:4px;color:#71767b;font-size:13px;cursor:pointer;transition:color .2s}.mac-tweet-action:hover{color:#1d9bf0}.mac-tweet-sort-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2f3336}.mac-sort-label{color:#71767b;font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer}.mac-view-quotes{color:#1d9bf0;font-size:13px;display:flex;align-items:center;gap:2px;cursor:pointer}.mac-existing-reply{padding:10px 0;border-bottom:1px solid #2f3336}.mac-existing-reply-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.mac-existing-reply-text{color:#ffffffe6;font-size:15px;line-height:1.35;padding-left:48px;margin-bottom:6px}.mac-existing-reply-actions{display:flex;gap:28px;padding-left:48px}.mac-existing-reply-actions .mac-tweet-action{font-size:13px}.mac-reply-compose{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid #2f3336;gap:6px}.mac-reply-replying{color:#71767b;font-size:13px;padding-left:48px}.mac-reply-mention{color:#1d9bf0}.mac-reply-row{display:flex;align-items:center;gap:8px}.mac-reply-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.mac-reply-input{flex:1;color:#71767b;font-size:15px}.mac-reply-toolbar{display:flex;align-items:center;justify-content:space-between;padding-left:40px}.mac-reply-media-icons{display:flex;align-items:center;gap:8px}.mac-reply-media-icons svg{opacity:.7;cursor:pointer;transition:opacity .2s}.mac-reply-media-icons svg:hover{opacity:1}.mac-reply-right{display:flex;align-items:center;gap:8px}.mac-reply-btn{background:#1d9bf080;color:#ffffff80;border:none;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;cursor:default}.mac-vybly-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:380px;max-width:400px;max-height:600px;background:linear-gradient(180deg,#dfe9f866,#e8f0fe59 15%,#f0f4ff4d 35%,#fff3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(0,0,0,.08);padding:0;box-shadow:0 8px 32px #2b60ff26;animation:macPanelFloat .5s cubic-bezier(.23,1,.32,1);overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.mac-vybly-panel:before{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse 60% 50% at 30% 10%,rgba(59,91,255,.04),transparent 60%),radial-gradient(ellipse 50% 50% at 80% 30%,rgba(255,180,120,.04),transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(124,58,237,.03),transparent 55%);pointer-events:none;z-index:0}@keyframes macPanelFloat{0%{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.mac-vybly-panel-header{padding:10px 14px 4px;width:100%;box-sizing:border-box;position:relative;z-index:1}.mac-panel-topbar{display:flex;flex-direction:column;gap:12px;padding:12px;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000008;width:100%;box-sizing:border-box}.mac-panel-header-row{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.mac-panel-header-row.mac-panel-actions-inner{justify-content:space-between}.mac-vybly-brand{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:0}.mac-panel-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0;border-radius:50%}.mac-panel-title{font-size:16px;font-weight:700;margin:0;color:#1a1a2e;letter-spacing:-.2px}.mac-vybly-pro{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#3b5bff1a;color:#3b5bff;border:1px solid #3b5bff;flex-shrink:0;line-height:1;margin-left:6px}.mac-vybly-close{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#1e1e3c8c;flex-shrink:0;font-size:14px}.mac-vybly-close:hover{background:#0000000f;color:#1a1a2e}.mac-panel-actions-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:0;border-bottom:1px solid rgba(0,0,0,.08);box-sizing:border-box;position:relative;z-index:1}.mac-agent-badge,.mac-regen-btn{height:28px;font-size:12px;font-weight:500;font-family:Inter,system-ui,-apple-system,sans-serif;border-radius:14px;border:1px solid rgba(0,0,0,.08);background-color:transparent;color:#1a1a2e;cursor:pointer;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease,background-color .2s ease;display:flex;align-items:center;gap:4px;padding:0 12px;white-space:nowrap}.mac-agent-badge{padding:0 8px 0 12px}.mac-agent-chevron{flex-shrink:0;opacity:.55;transition:transform .2s ease,opacity .2s ease}.mac-agent-badge:hover,.mac-regen-btn:hover{border-color:#3b5bff;color:#3b5bff}.mac-agent-badge:hover .mac-agent-chevron{opacity:.8}.mac-regen-btn:active{background:#3b5bff0f}.mac-regen-btn svg{width:14px;height:14px;flex-shrink:0}.mac-panel-divider{height:1px;background:#0000000f;margin:4px 14px}.mac-vybly-suggestions{display:flex;flex-direction:column;gap:4px;padding:6px 8px 12px 14px;max-height:320px;overflow-y:auto;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.mac-vybly-suggestions::-webkit-scrollbar{width:6px}.mac-vybly-suggestions::-webkit-scrollbar-track{background:transparent}.mac-vybly-suggestions::-webkit-scrollbar-thumb{background:#00000014;border-radius:6px}.mac-vybly-suggestions::-webkit-scrollbar-thumb:hover{background:#00000026}.mac-vybly-suggestion{padding:12px 16px;margin:4px 0;border-radius:12px;background:#00000008;border:1px solid rgba(0,0,0,.08);color:#0f1419;font-size:15px;line-height:1.5;cursor:pointer;transition:all .2s ease;word-wrap:break-word;text-align:left;justify-content:flex-start;align-items:flex-start}.mac-vybly-suggestion:hover{background:#1d9bf01a;border-color:#1d9bf04d;transform:translate(4px)}.mac-vybly-suggestion:active{transform:translate(4px) scale(.98)}.mac-vybly-suggestion.active{background:#1d9bf01f;border-color:#1d9bf066;box-shadow:0 2px 8px #1d9bf014}.mac-copied-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:8px 14px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:10px;color:#1e40af;font-size:13px;font-weight:600;animation:macCopiedFadeIn .3s ease}.mac-copied-check{color:#22c55e;flex-shrink:0}@keyframes macCopiedFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mac-x-right-sidebar{width:290px;padding:12px 16px;flex-shrink:0;overflow:hidden}.mac-x-search{display:flex;align-items:center;gap:10px;background:#202327;border-radius:20px;padding:8px 14px;color:#71767b;font-size:13px;margin-bottom:12px}.mac-x-trending{background:#16181c;border-radius:16px;padding:12px}.mac-trending-title{color:#fff;font-size:20px;font-weight:800;margin-bottom:10px}.mac-trending-item{display:flex;flex-direction:column;gap:1px;padding:8px 0;border-top:1px solid #2f3336}.mac-trending-category{color:#71767b;font-size:13px}.mac-trending-topic{color:#fff;font-size:15px;font-weight:700}.mac-trending-posts{color:#71767b;font-size:13px}.macbook-frame:before{content:"";position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(59,91,255,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}@media (max-width: 1024px){.mac-x-right-sidebar{display:none}.macbook-frame{max-width:720px}}@media (max-width: 768px){.macbook-demo-section{padding:60px 0 40px}.mac-x-sidebar{display:none}.mac-x-content{min-height:380px;max-height:380px}.macbook-frame{max-width:100%;margin:32px 0 0}.macbook-bezel{border-radius:10px 10px 0 0}.macbook-bottom{border-radius:0 0 10px 10px}.mac-tweet-text{font-size:16px}.mac-vybly-suggestion{font-size:13px;padding:10px 14px}}.new-hero{padding-top:140px;padding-bottom:80px;text-align:center;position:relative;overflow:visible;z-index:1}.new-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#e8edf4,#edeef3);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.05) 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.05) 94%,transparent 100%);z-index:-1;pointer-events:none}.hero-title.glow-text{font-size:5rem;font-weight:800;line-height:1.1;color:var(--text-main);text-shadow:none;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-weight:300}.hero-subtitle em{color:var(--text-main);font-style:italic;font-weight:500}.btn-cyan-glow{background:var(--primary);color:#fff;padding:16px 32px;border-radius:50px;border:none;font-weight:600;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 4px 20px #3b5bff40;transition:all .3s ease}.btn-cyan-glow:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3b5bff59;background:var(--primary-dark)}.btn-icon{width:24px;height:24px}.hero-title,.hero-subtitle,.hero-cta{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.hero-cta{transform:translateY(30px) scale(.95)}.hero-title.visible,.hero-subtitle.visible,.hero-cta.visible{opacity:1;transform:translateY(0) scale(1)}.hero-visual-container{margin-top:60px;position:relative;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.hero-tweet-svg{max-width:100%}.hero-visual-container{margin-top:30px}.sparkle,.bokeh{display:none}}.iso-scene{width:100%;height:500px;display:flex;justify-content:center;align-items:center;perspective:1500px;position:relative;z-index:10}.iso-wrapper{position:relative;transform-style:preserve-3d;transform:rotateX(55deg) rotate(-40deg);transition:transform .5s ease;animation:isoFloat 6s ease-in-out infinite}@keyframes isoFloat{0%,to{transform:rotateX(55deg) rotate(-40deg) translateZ(0)}50%{transform:rotateX(55deg) rotate(-40deg) translateZ(20px)}}.iso-card{width:480px;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:24px;box-shadow:-20px 20px 40px #3b5bff26,inset 0 0 0 1px #ffffff80;position:relative;transform-style:preserve-3d}.iso-card:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#fffc,#fff3);transform:translateZ(-10px);filter:blur(2px);opacity:.5}.iso-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;transform:translateZ(5px)}.iso-avatar{width:44px;height:44px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.iso-avatar img{width:24px;height:24px}.iso-user-info{text-align:left}.iso-name{font-weight:700;font-size:1.1rem;color:var(--text-main);display:flex;align-items:center;gap:4px}.iso-verified{color:#1d9bf0;font-size:.9rem}.iso-handle{font-size:.9rem;color:var(--text-muted)}.iso-card-body{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;transform:translateZ(2px)}.iso-line{height:12px;background:#1e1e3c1a;border-radius:6px}.iso-line.w-100{width:100%}.iso-line.w-90{width:90%}.iso-line.w-70{width:70%}.iso-meta{font-size:.9rem;color:var(--text-muted);text-align:left;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05);transform:translateZ(2px)}.iso-actions{display:flex;justify-content:space-between;padding:0 10px;transform:translateZ(5px)}.iso-action{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem}.iso-icon{font-size:1.1rem;opacity:.7}.iso-genie{position:absolute;top:-20px;right:60px;width:140px;transform:translateZ(80px) rotateX(-55deg) rotate(40deg);filter:drop-shadow(0 20px 20px rgba(59,91,255,.3));animation:genieFloatIso 4s ease-in-out infinite;pointer-events:none}@keyframes genieFloatIso{0%,to{transform:translateZ(80px) rotateX(-55deg) rotate(40deg) translateY(0)}50%{transform:translateZ(80px) rotateX(-55deg) rotate(40deg) translateY(-15px)}}.iso-reply{position:absolute;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:-10px 10px 20px #3b5bff1a,inset 0 0 0 1px #ffffff80;transform-style:preserve-3d;white-space:nowrap;text-align:left}.iso-reply-avatar{width:28px;height:28px;background:linear-gradient(135deg,#3b5bff,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.iso-reply-avatar img{width:100%;height:100%;object-fit:contain}.iso-reply-text{font-weight:500;color:var(--text-main);font-size:.95rem}.iso-reply-1{top:50px;right:-160px;transform:translateZ(40px)}.iso-reply-2{top:120px;right:-100px;transform:translateZ(60px)}.iso-reply-3{top:190px;right:-40px;transform:translateZ(80px)}@media (max-width: 768px){.iso-scene{transform:scale(.6);height:350px}}.vybly-genie-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:4px}.vybly-genie-icon:hover{transform:scale(1.1)}.vx-genie{width:18px;height:18px;display:block;transition:opacity .2s ease}.vybly-genie-icon:hover .vx-genie{opacity:.8}html,body{overflow-x:clip}body{overflow-y:auto!important}.macbook-wallpaper-area{overflow:hidden}.hero.new-hero{--hero-browser-width: 990px;--hero-browser-scale: .75;--hero-browser-top: 46.8%;--hero-visual-max-width: 100%;padding-inline:0}.browser-mockup{--browser-scale: var(--hero-browser-scale);width:var(--hero-browser-width);top:var(--hero-browser-top);transform:translate(-50%,-50%) scale(var(--browser-scale))}.browser-mockup.browser-entrance-active{transform:translate(-50%,-50%) scale(var(--browser-scale)) translateY(0)}.hero.new-hero>.container{width:100%;max-width:100%}.hero-content.centered{width:min(100%,1240px);margin-inline:auto}.hero-title.glow-text{font-size:clamp(3rem,7vw,4.5rem)}.hero-subtitle{width:min(100%,640px);margin-inline:auto;font-size:clamp(1rem,1.5vw,1.25rem)}.btn-cyan-glow{min-height:56px}.hero-visual-container{width:min(100%,var(--hero-visual-max-width));margin-top:clamp(32px,5vw,60px);margin-inline:auto}.features-bento-section,.how-to-section,.testimonials-section,.faq-section-clean,.final-cta-section{scroll-margin-top:96px}.section-header-center,.faq-heading,.cta-content-centered{max-width:860px;margin-inline:auto}.final-cta-section{padding:96px 0 72px}.cta-content-centered{text-align:center}.cta-content-centered h2{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.1;letter-spacing:-.03em;color:var(--text-main)}.cta-button-container{position:relative;display:flex;justify-content:center;margin-top:28px}.btn-cyan-glow.large{padding-inline:34px}.glow-spot{position:absolute;inset:auto 50% -20px;width:min(360px,60vw);height:70px;transform:translate(-50%);background:radial-gradient(circle,#3b5bff33,#3b5bff00 72%);pointer-events:none;filter:blur(18px)}.site-footer{position:relative;padding:40px 0 56px;border-top:1px solid rgba(0,0,0,.06)}.site-footer .container{position:relative}.footer-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(120px,1fr));gap:24px;align-items:start}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:.95rem;font-weight:600;color:var(--text-main)}.footer-col a,.copyright{font-size:.92rem;line-height:1.6;color:var(--text-muted);text-decoration:none}.footer-col a:hover{color:var(--text-main)}.footer-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:4px;font-size:1.15rem;font-weight:700;color:var(--text-main)}.footer-logo img{width:30px;height:30px;object-fit:contain}.footer-bottom-glow{position:absolute;left:50%;bottom:-12px;width:min(420px,70vw);height:56px;transform:translate(-50%);background:radial-gradient(circle,#3b5bff24,#3b5bff00 72%);pointer-events:none;filter:blur(22px)}@media (max-width: 1200px){.container{padding-inline:24px}.hero.new-hero{--hero-browser-width: 945px;--hero-browser-scale: .72;--hero-browser-top: 47.2%}.footer-grid{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(110px,1fr))}}@media (max-width: 1024px){.navbar .container{gap:1.5rem;justify-content:space-between}.navbar.is-solid .container{max-width:calc(100vw + -0px);padding:12px 24px}.navbar.is-pill .container{width:min(calc(100% - 24px),1100px);padding:11px 20px}.hero.new-hero{--hero-browser-width: 930px;--hero-browser-scale: .68;--hero-browser-top: 47.3%;padding-top:124px;padding-bottom:56px}.hero-title.glow-text{font-size:clamp(2.8rem,8vw,4.2rem)}.browser-url{max-width:none;font-size:.95rem}.browser-url-actions{gap:8px;margin-left:12px}.tab{min-width:92px;max-width:160px;padding-inline:10px;font-size:.8rem}.x-ui .right-sidebar{display:none}.x-ui .main-feed{width:100%}.steps-grid,.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.brand-col{grid-column:1 / -1}}@media (max-width: 768px){.container,.navbar .container{padding-inline:16px}.navbar{padding-block:10px}.navbar .container{padding-inline:16px}.navbar.is-solid .container{width:calc(100% + -0px);max-width:calc(100vw + -0px);padding:10px 16px}.navbar.is-pill .container{width:min(calc(100% - 20px),1100px);padding:10px 16px;border-radius:24px}.nav-logo-text{font-size:1.55rem}.hero.new-hero{--hero-browser-width: 540px;--hero-browser-scale: .72;--hero-browser-top: 48.2%;--hero-visual-max-width: 420px;padding-top:104px;padding-bottom:42px}.hero-content.centered{padding-inline:0}.hero-title.glow-text{font-size:clamp(2.3rem,10vw,3.3rem);line-height:1.05;margin-bottom:1rem}.hero-subtitle{font-size:1rem;line-height:1.65;margin-bottom:1.5rem}.hero-cta{width:100%;justify-content:center}.hero-cta a{width:100%;display:flex;justify-content:center}.btn-cyan-glow,.btn-cyan-glow.large{width:min(100%,360px);justify-content:center;padding:15px 24px;font-size:1rem}.hero-visual-container{margin-top:28px}.macbook-wallpaper-area{overflow:visible}.macbook-os-mockup{width:100%;max-width:none;aspect-ratio:16 / 12.2;border-radius:10px}.macbook-menu-bar{height:24px;padding-inline:10px;font-size:10px}.browser-mockup{max-width:none;margin:0}.browser-bar-bg{height:68px}.tabs-row{height:34px!important}.browser-dots{left:10px}.browser-dots span{width:10px;height:10px;margin-right:4px}.browser-tabs{left:52px;width:calc(100% - 60px);height:30px}.tab{min-width:0;max-width:none;flex:1 1 0;height:28px;font-size:.72rem;padding-inline:8px;gap:4px}.tab .close-btn,.tab-favicon,.plus-btn,.tab.tab-separator:nth-of-type(n+3){display:none}.navigation-row{height:32px;padding-inline:8px;gap:8px}.browser-nav-btns{display:none}.browser-url{height:22px;padding-inline:10px;font-size:.8rem}.browser-url-actions{margin-left:0;gap:6px}.browser-url-actions .divider,.browser-url-actions .profile-icon,.browser-url-actions .menu-btn{display:none}.extension-pill{min-width:0;padding:2px}.extension-icon-bg{width:20px;height:20px}.browser-content,.browser-content.demo-mode .x-ui,.x-ui{height:clamp(300px,78vw,390px)}.x-ui .sidebar,.x-ui .right-sidebar{display:none}.x-ui .main-feed{width:100%;min-width:0;padding-bottom:68px}.main-feed-header{padding-inline:10px}.main-feed-tab{font-size:.78rem;padding:11px 0}.tweet-card{padding:10px;gap:8px}.tweet-avatar{width:34px;height:34px}.tweet-text{font-size:.82rem;line-height:1.35}.tweet-actions{gap:8px;flex-wrap:nowrap}.tweet-actions .text-sm{font-size:.68rem}.tweet-image{border-radius:14px}.macbook-dock-wrapper{padding-bottom:7px}.macbook-dock{gap:2px;padding:2px 3px;transform:scale(.82);transform-origin:bottom center}.dock-app{width:22px;height:22px}.demo-cursor{display:none!important}.mac-vybly-panel{width:100%;max-height:min(54vh,400px)}.mac-vybly-suggestions{max-height:210px}.features-bento-section,.how-to-section,.testimonials-section,.faq-section-clean,.final-cta-section{padding-top:60px;padding-bottom:60px}.section-header-center{margin-bottom:28px}.section-title,.faq-heading{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.1}.bento-grid,.steps-grid,.testimonials-grid,.footer-grid{grid-template-columns:1fr}.bento-grid,.steps-grid,.testimonials-grid{gap:16px}.bento-card,.step-card,.testimonial-card{border-radius:20px}.card-content,.step-card,.testimonial-card{padding:22px}.step-visual{height:170px}.faq-heading{margin-bottom:28px}.faq-question{gap:14px;padding:18px 0}.faq-question h4{font-size:.97rem}.faq-answer p,.faq-answer li{font-size:.9rem;line-height:1.65}.final-cta-section{padding-bottom:52px}.cta-button-container{margin-top:22px}.site-footer{padding-top:24px;padding-bottom:44px}.footer-grid{gap:20px}}@media (max-width: 560px){.hero.new-hero{--hero-browser-width: 500px;--hero-browser-scale: .66;--hero-browser-top: 48.8%}.hero-title.glow-text{font-size:clamp(2rem,12vw,2.7rem)}.btn-cyan-glow,.btn-cyan-glow.large{width:100%;border-radius:18px}.browser-content,.browser-content.demo-mode .x-ui,.x-ui{height:clamp(275px,84vw,350px)}.tab{font-size:.66rem;padding-inline:6px}.browser-url{padding-inline:8px}.url-lock,.url-star,.url-protocol{display:none}.card-content,.step-card,.testimonial-card{padding:18px}.bst-actions,.tweet-actions{justify-content:space-between}.cta-content-centered h2{font-size:clamp(1.75rem,10vw,2.4rem)}}