@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{color-scheme:light;--bg: #f7f5f1;--surface: #ffffff;--surface-warm: #fff8f5;--surface-cool: #f2f7f4;--text: #202024;--muted: #67636d;--line: #e6dfd8;--accent: #ef4c58;--accent-deep: #c93446;--ink: #25222a;--sage: #3d7a65;--gold: #8a6428;--shadow: 0 14px 32px rgba(36, 28, 24, .08);font-family:Noto Sans SC,Manrope,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,#fffaf7,#f7f5f1 34%,#f3f4ef)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(239,76,88,.24);outline-offset:3px}button,input{font:inherit}#root{min-height:100vh}.page{min-height:100vh;padding:24px 0 72px;overflow-x:clip}.container{width:min(1040px,calc(100% - 32px));margin:0 auto}.hero,.section{margin-top:28px}.hero{display:grid;min-height:620px;align-items:center;padding:34px 0 22px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-logo{display:block;width:104px;height:104px;margin-bottom:14px;object-fit:contain}.hero-kicker{margin:0 0 12px;color:var(--accent-deep);font-size:.82rem;font-weight:900}.hero h1{display:grid;gap:12px;max-width:860px;margin:0;line-height:1.04}.hero h1 span{font-family:Manrope,Noto Sans SC,sans-serif;color:var(--accent);font-size:5.1rem;font-weight:900;letter-spacing:0}.hero h1 strong{color:var(--ink);font-size:3rem;font-weight:900;letter-spacing:0}.hero-description{max-width:700px;margin:22px auto 0;color:#494550;font-size:1.2rem;line-height:1.85}.hero-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:26px;color:#39343d}.hero-flow span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;font-size:.92rem;font-weight:800}.hero-flow svg{width:18px;height:18px;color:var(--sage)}.hero-note{margin:16px 0 0;color:#736d77;font-size:.92rem;line-height:1.65}.download-actions{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:12px;width:min(590px,100%);margin:30px auto 0}.download-card{display:grid;gap:8px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;padding:12px 18px;border:1px solid rgba(239,76,88,.2);border-radius:8px;background:var(--accent);box-shadow:0 12px 22px #cf334833;color:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.download-button-main{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:0}.download-button-toggle{position:relative;justify-content:center}.download-button-primary{min-height:68px}.download-button-secondary{min-height:68px;border-color:#cf334838;background:#fff;box-shadow:0 10px 22px #271f1c12;color:var(--accent-deep)}.download-button-secondary .download-icon{color:var(--accent-deep)}.download-button:hover{transform:translateY(-1px);background:var(--accent-deep);box-shadow:0 16px 24px #cf33483d,0 0 0 4px #ef4c5814}.download-button:active,.intent-action:active{transform:translateY(0)}.download-button-secondary:hover{background:#fff7f7;box-shadow:0 14px 24px #271f1c1a,0 0 0 4px #ef4c5814}.download-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;flex:0 0 auto}.download-icon svg,.download-caret svg{width:100%;height:100%}.download-button strong{font-size:.96rem;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}.download-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0}.download-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 7px;border-radius:8px;background:#fff3;color:#fff;font-size:.72rem;font-weight:900}.download-caret{display:inline-flex;position:absolute;top:calc(50% - 10px);right:16px;width:20px;height:20px;transition:transform .18s ease}.download-button-toggle[aria-expanded=true] .download-caret{transform:rotate(180deg)}.download-menu{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 18px 38px #271f1c24}.download-menu-floating{position:fixed;z-index:1000}.download-option{display:grid;gap:4px;padding:14px;text-align:left;transition:background .18s ease}.download-option+.download-option{border-top:1px solid var(--line)}.download-option:hover{background:#ef4c580d}.download-option strong{color:#1f1d22;font-size:.92rem;font-weight:900}.download-option span{color:#7a7480;font-size:.8rem;line-height:1.5}.section{padding:44px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;box-shadow:var(--shadow)}.section-title{display:grid;gap:10px;max-width:760px;margin-bottom:24px}.section-title.center{justify-items:center;margin-right:auto;margin-left:auto;text-align:center}.section-kicker{display:inline-block;color:var(--accent-deep);font-size:.8rem;font-weight:900;letter-spacing:0}.section-title h2,.final-cta h2{margin:0;color:var(--ink);font-size:2rem;font-weight:900;letter-spacing:0;line-height:1.25}.section-title p,.final-cta p{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}.product-section{background:var(--surface)}.intent-section{background:linear-gradient(180deg,#ffffffe6,#fff8f5e6)}.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.intent-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;min-height:360px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.intent-card-primary{border-color:#ef4c583d;background:linear-gradient(180deg,#fff1f2c2,#fff 52%)}.intent-card-secondary{background:var(--surface-cool)}.intent-card-stable{background:#fffaf0}.intent-card-header{display:grid;gap:10px}.intent-label{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border:1px solid rgba(239,76,88,.2);border-radius:8px;background:#fff;color:var(--accent-deep);font-size:.78rem;font-weight:900}.intent-card h3{margin:0;color:var(--ink);font-size:1.3rem;font-weight:900;letter-spacing:0;line-height:1.35}.intent-card p{margin:0;color:#5f5a64;font-size:.94rem;line-height:1.75}.intent-card ul{display:grid;align-content:start;gap:10px;margin:0;padding:0;list-style:none}.intent-card li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;color:#4f4a54;font-size:.9rem;font-weight:700;line-height:1.55}.intent-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:#edf7f2;color:var(--sage)}.intent-check svg{width:16px;height:16px}.intent-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 14px;border:1px solid rgba(207,51,72,.2);border-radius:8px;background:#fff;color:var(--accent-deep);font-size:.92rem;font-weight:900;line-height:1.3;text-align:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.intent-action svg{width:20px;height:20px;flex:0 0 auto}.intent-action:hover{transform:translateY(-1px);box-shadow:0 10px 20px #271f1c14}.intent-action-primary{background:var(--accent);color:#fff}.intent-action-primary:hover{background:var(--accent-deep)}.intent-action-secondary:hover{background:#f6fffa}.intent-action-stable:hover{background:#fff6e4}.product-preview-frame{overflow:hidden;border:1px solid #ded8d2;border-radius:8px;background:#fff}.product-preview-image{display:block;width:100%;height:auto}.scene-grid,.difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scene-card,.difference-card{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.scene-card:nth-child(2){background:var(--surface-cool)}.scene-card:nth-child(3){background:#fffaf0}.scene-card h3,.difference-card h3,.barrier-item h3{margin:0;color:var(--ink);font-size:1.25rem;font-weight:900;letter-spacing:0;line-height:1.35}.scene-card p,.difference-card p,.barrier-item p{margin:12px 0 0;color:#5f5a64;font-size:.94rem;line-height:1.75}.barrier-list{display:grid;gap:12px}.barrier-item{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.barrier-item span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#fff1f2;color:var(--accent-deep);font-family:Manrope,Noto Sans SC,sans-serif;font-size:1rem;font-weight:900}.difference-section{background:var(--surface-warm)}.difference-card{background:#fff}.difference-card:nth-child(1){border-top:4px solid var(--accent)}.difference-card:nth-child(2){border-top:4px solid var(--sage)}.difference-card:nth-child(3){border-top:4px solid var(--gold)}.expectation-section{background:#fbfbf8}.expectation-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.expectation-list li{position:relative;padding:16px 18px 16px 42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#514c56;line-height:1.7}.expectation-list li:before{content:"";position:absolute;top:24px;left:20px;width:8px;height:8px;border-radius:50%;background:var(--sage)}.final-cta{display:grid;justify-items:center;gap:16px;padding:48px 34px;text-align:center;background:#27232c}.final-cta h2{max-width:720px;color:#fff}.final-cta p{max-width:680px;color:#e5dde2}.final-download{width:min(300px,100%);margin-top:10px}.browser-manager-welcome-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#fffaf7f5,#f4f8f5f5),radial-gradient(circle at 50% 18%,rgba(61,122,101,.14),transparent 32%)}.browser-manager-welcome-shell{display:grid;justify-items:center;width:calc(100vw - 48px);max-width:560px;padding:42px 34px;border:1px solid rgba(61,122,101,.16);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 36px #241c1814;text-align:center}.browser-manager-welcome-logo{width:68px;height:68px;object-fit:contain}.browser-manager-welcome-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-top:22px;border-radius:50%;background:#edf7f2;color:#2f6f5a;box-shadow:0 0 0 8px #3d7a6514}.browser-manager-welcome-mark svg{width:30px;height:30px}.browser-manager-welcome-kicker{margin:24px 0 0;color:var(--accent-deep);font-size:.82rem;font-weight:900}.browser-manager-welcome-shell h1{max-width:460px;margin:10px 0 0;color:var(--ink);font-size:2.2rem;font-weight:900;letter-spacing:0;line-height:1.18}.browser-manager-welcome-description{max-width:420px;margin:16px 0 0;color:#4e4854;font-size:1rem;line-height:1.7}.browser-manager-welcome-status{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;max-width:100%;min-height:42px;margin-top:26px;padding:0 16px;border:1px solid rgba(61,122,101,.2);border-radius:8px;background:#f5fbf7;color:#2f6f5a;font-size:.92rem;font-weight:900;overflow-wrap:anywhere}.browser-manager-welcome-status span:last-child{min-width:0}.browser-manager-welcome-status-dot{width:9px;height:9px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 5px #3d7a651f;flex:0 0 auto}.browser-manager-welcome-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;padding:0 22px;border:1px solid rgba(239,76,88,.2);border-radius:8px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:900;line-height:1.2;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.browser-manager-welcome-action:hover,.browser-manager-welcome-action:focus-visible{background:var(--accent-deep);box-shadow:0 0 0 4px #ef4c5814;transform:translateY(-1px)}.browser-manager-welcome-action:focus-visible{outline:3px solid rgba(239,76,88,.22);outline-offset:3px}.browser-connect-page{min-height:100vh;display:grid;align-items:center;padding:24px 0;background:radial-gradient(circle at 16% 12%,rgba(61,122,101,.1),transparent 28%),linear-gradient(135deg,#fffaf7,#f5f7f1 48%,#eef5f0)}.browser-connect-shell{display:grid;gap:12px;width:min(960px,calc(100% - 32px));margin:0 auto}.browser-connect-hero,.browser-connect-safety,.browser-connect-step{border:1px solid var(--line);border-radius:8px;background:#ffffffd6;box-shadow:var(--shadow)}.browser-connect-hero{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding:24px}.browser-connect-logo{width:78px;height:78px;object-fit:contain}.browser-connect-heading{display:grid;gap:10px}.browser-connect-kicker{color:var(--accent-deep);font-size:.82rem;font-weight:900}.browser-connect-heading h1,.browser-connect-safety h2,.browser-connect-step h2{margin:0;color:var(--ink);font-weight:900;letter-spacing:0}.browser-connect-heading h1{font-size:2.1rem;line-height:1.15}.browser-connect-heading p{max-width:720px;margin:0;color:#4e4854;font-size:1rem;line-height:1.7}.browser-connect-signal{position:relative;overflow:hidden;display:grid;grid-column:1 / -1;grid-template-columns:16px 1fr;gap:16px;align-items:center;padding:18px 22px;border:1px solid rgba(61,122,101,.24);border-radius:8px;background:#fff;box-shadow:0 18px 34px #2854441a,0 0 0 4px #3d7a650f}.browser-connect-signal-dot{width:16px;height:16px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 6px #3d7a6524}.browser-connect-signal span{display:block;color:#827a84;font-size:.76rem;font-weight:900}.browser-connect-signal strong{display:block;margin-top:6px;color:#2f6f5a;font-size:1.65rem;font-weight:900;line-height:1.2;white-space:nowrap}.browser-connect-signal p{margin:8px 0 0;color:#5f5a64;font-size:.9rem;line-height:1.5}.browser-connect-paw{position:absolute;right:22px;bottom:14px;width:48px;height:42px;opacity:.14;transform:rotate(-10deg);animation:browserConnectPawFloat 4.2s ease-in-out infinite}.browser-connect-paw span{position:absolute;display:block;border-radius:50%;background:var(--sage)}.browser-connect-paw span:nth-child(1){right:17px;bottom:4px;width:24px;height:20px}.browser-connect-paw span:nth-child(2){top:6px;left:5px;width:12px;height:15px}.browser-connect-paw span:nth-child(3){top:0;left:20px;width:13px;height:16px}.browser-connect-paw span:nth-child(4){top:5px;right:7px;width:12px;height:15px}.browser-connect-paw span:nth-child(5){top:20px;right:0;width:10px;height:12px}@keyframes browserConnectPawFloat{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-4px) rotate(-6deg)}}.browser-connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}.browser-connect-step{position:relative;display:grid;align-content:start;gap:8px;min-height:120px;padding:16px}.browser-connect-step:not(:last-child):after{content:"";position:absolute;top:42px;right:-22px;z-index:1;width:30px;height:2px;background:var(--line)}.browser-connect-step-index{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:#eef7f2;color:var(--sage);font-family:Manrope,Noto Sans SC,sans-serif;font-weight:900}.browser-connect-step:nth-child(2) .browser-connect-step-index{background:#fff8ed;color:var(--gold)}.browser-connect-step:nth-child(3) .browser-connect-step-index{background:#fff1f2;color:var(--accent-deep)}.browser-connect-step h2{font-size:1rem;line-height:1.35}.browser-connect-step p{margin:0;color:#5f5a64;font-size:.86rem;line-height:1.55}.browser-connect-safety{display:grid;gap:10px;padding:18px 22px;background:#fff}.browser-connect-safety-title{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.browser-connect-shield{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:#3d7a651f;color:var(--sage)}.browser-connect-shield svg{width:23px;height:23px}.browser-connect-safety h2{margin-top:4px;color:var(--ink);font-size:1.1rem;line-height:1.35}.browser-connect-safety ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.browser-connect-safety li{position:relative;padding-left:20px;color:#5f5a64;font-size:.88rem;line-height:1.45}.browser-connect-safety li:before{content:"";position:absolute;top:9px;left:2px;width:7px;height:7px;border-radius:50%;background:var(--sage)}.browser-connect-fallback{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:4px;color:#6c6670;font-size:.86rem;line-height:1.4}.browser-connect-fallback a{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(61,122,101,.2);border-radius:8px;background:#f3faf5;color:#2f6f5a;font-weight:900;white-space:nowrap}.browser-connect-fallback a:hover{background:#eaf6ee}@media(max-width:860px){.hero{min-height:580px}.hero h1 span{font-size:4.2rem}.hero h1 strong{font-size:2.35rem}.section{padding:34px}.scene-grid,.difference-grid,.intent-grid{grid-template-columns:1fr}.scene-card,.difference-card,.intent-card{min-height:auto}.browser-connect-signal{width:100%;text-align:left}}@media(max-width:640px){.page{padding:16px 0 52px}.container{width:min(100% - 22px,1040px)}.hero,.section{margin-top:18px}.hero{min-height:0;padding:18px 0 10px}.hero-logo{width:84px;height:84px;margin-bottom:12px}.hero-kicker{margin-bottom:10px;font-size:.78rem}.hero h1{gap:10px}.hero h1 span{font-size:3rem}.hero h1 strong{font-size:1.72rem;line-height:1.22}.hero-description{margin-top:18px;font-size:1rem;line-height:1.75}.hero-flow{gap:8px;margin-top:20px}.hero-flow span{min-height:34px;padding:0 10px;font-size:.84rem}.hero-flow svg{width:14px;height:14px}.download-actions{grid-template-columns:1fr;gap:10px;margin-top:22px}.download-button{min-height:58px;padding:12px 14px}.download-button-primary,.download-button-secondary{min-height:60px}.download-button-main{gap:10px}.section{padding:24px 18px}.section-title{margin-bottom:18px}.section-title h2,.final-cta h2{font-size:1.55rem;line-height:1.32}.section-title p,.final-cta p{font-size:.95rem}.scene-card,.difference-card,.barrier-item,.intent-card{padding:18px}.intent-card{gap:14px}.intent-card h3{font-size:1.15rem}.barrier-item{grid-template-columns:1fr;gap:12px}.barrier-item span{width:42px;height:42px}.final-cta{padding:34px 18px}.browser-manager-welcome-page{padding:16px}.browser-manager-welcome-shell{width:calc(100vw - 32px);padding:32px 22px}.browser-manager-welcome-logo{width:58px;height:58px}.browser-manager-welcome-mark{width:48px;height:48px;margin-top:18px}.browser-manager-welcome-shell h1{font-size:1.65rem}.browser-manager-welcome-description{font-size:.94rem}.browser-manager-welcome-status{align-items:flex-start;min-height:0;padding:12px 14px;font-size:.86rem;line-height:1.45}.browser-manager-welcome-status-dot{margin-top:6px}.browser-connect-page{padding:12px 0}.browser-connect-shell{width:min(100% - 22px,960px);gap:10px}.browser-connect-hero{padding:18px}.browser-connect-logo{width:64px;height:64px}.browser-connect-heading h1{font-size:1.55rem}.browser-connect-heading p{font-size:.9rem;line-height:1.55}.browser-connect-step,.browser-connect-safety{padding:14px 16px}.browser-connect-signal{gap:12px;padding:16px}.browser-connect-signal strong{font-size:1.02rem}.browser-connect-paw{right:14px;bottom:14px;width:42px;height:38px;opacity:.12}.browser-connect-safety-title{grid-template-columns:1fr;gap:12px}.browser-connect-safety h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){.browser-connect-paw{animation:none}}@media(max-width:380px){.hero h1 span{font-size:2.55rem}.hero h1 strong{font-size:1.5rem}.download-copy{gap:6px}.download-button strong{font-size:.9rem}.browser-manager-welcome-shell{padding:26px 18px}.browser-manager-welcome-shell h1{font-size:1.42rem}.browser-manager-welcome-description{font-size:.88rem}.browser-connect-signal strong{font-size:.82rem}.browser-connect-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.browser-connect-signal,.browser-connect-steps{grid-template-columns:1fr}.browser-connect-step{min-height:auto}.browser-connect-step:not(:last-child):after{inset:auto auto -12px 34px;width:2px;height:12px}.browser-connect-signal span,.browser-connect-signal p,.browser-connect-step p,.browser-connect-safety li{font-size:.78rem}}
