@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";
#landing-page{--paper:#f4f2ed;--paper-raised:#fff;--ink:#14231f;--ink-soft:#4b5a55;--muted:#8a8880;--coral:#ff6a5c;--coral-tint:#ffede9;--teal:#50e3c2;--teal-deep:#2b6f5c;--teal-tint:#e6fbf6;--border:#14231f1a;--radius:20px;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}#landing-page *{box-sizing:border-box}#landing-page h1,#landing-page h2,#landing-page h3{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-weight:800;line-height:1.08}#landing-page .mono{letter-spacing:.02em;font-family:IBM Plex Mono,monospace}#landing-page .wrap{max-width:1120px;margin:0 auto;padding:0 24px}#landing-page a{color:inherit;text-decoration:none}#landing-page img,#landing-page svg{max-width:100%;display:block}#landing-page header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid var(--border);background:#f4f2ede0;position:sticky;top:0}#landing-page .nav{justify-content:space-between;align-items:center;padding:18px 24px;display:flex}#landing-page .logo{align-items:center;gap:10px;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;display:flex}#landing-page .logo .mark{background:var(--ink);border-radius:8px;flex:none;width:30px;height:30px;position:relative}#landing-page .logo .mark:after{content:"";background:var(--coral);border-radius:5px;width:19px;height:8px;margin:15px auto 0;display:block;position:relative}#landing-page .logo .coral{color:var(--coral)}#landing-page nav .links{gap:32px;font-size:15px;font-weight:500;display:flex}#landing-page nav .links a{color:var(--ink-soft);transition:color .15s}#landing-page nav .links a:hover{color:var(--ink)}#landing-page .btn{white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}#landing-page .btn-primary{background:var(--ink);color:var(--paper)}#landing-page .btn-primary:hover{opacity:.92;transform:translateY(-1px)}#landing-page .btn-ghost{border:1.5px solid var(--border);color:var(--ink)}#landing-page .btn-ghost:hover{border-color:var(--ink)}#landing-page .nav-cta{display:none}@media (min-width:760px){#landing-page .nav-cta{display:inline-flex}}#landing-page .hero{padding:72px 0 40px}#landing-page .hero-grid{grid-template-columns:1fr;align-items:center;gap:56px;display:grid}@media (min-width:900px){#landing-page .hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}}#landing-page .eyebrow{color:var(--teal);background:var(--coral-tint);border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:13px;display:inline-flex}#landing-page .eyebrow:before{content:"●";font-size:8px}#landing-page h1{font-size:clamp(34px,5.4vw,58px)}#landing-page h1 .strike{color:var(--muted);position:relative}#landing-page h1 .strike:after{content:"";background:var(--coral);height:3px;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-2deg)}#landing-page .hero p.sub{color:var(--ink-soft);max-width:480px;margin:22px 0 32px;font-size:18px}#landing-page .hero-ctas{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}#landing-page .hero-note{color:var(--muted);font-size:13px}#landing-page .hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6a5c14 0%,#2b6f5c0a 40%,#f4f2ed00 70%);width:800px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}#landing-page .phone-stage{justify-content:center;display:flex}#landing-page .phone{background:var(--ink);border-radius:40px;width:100%;max-width:360px;padding:12px;box-shadow:0 30px 60px -20px #14231f59}#landing-page .phone-screen{background:var(--paper-raised);border-radius:30px;flex-direction:column;height:700px;max-height:75vh;display:flex;position:relative;overflow:hidden}#landing-page .phone-topbar{justify-content:center;padding:10px 0 4px;display:flex}#landing-page .phone-notch{background:#14231f26;border-radius:100px;width:60px;height:6px}#landing-page .phone-content{flex:1;padding:14px 16px 0;overflow:hidden}#landing-page .profile-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}#landing-page .avatar{background:var(--coral-tint);width:46px;height:46px;color:var(--coral);border-radius:50%;justify-content:center;align-items:center;font-family:Bricolage Grotesque,sans-serif;font-weight:700;display:flex}#landing-page .profile-name{font-size:15px;font-weight:700}#landing-page .profile-handle{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}#landing-page .block{background:var(--paper);border:.5px solid var(--border);border-radius:14px;margin-bottom:10px;padding:12px 14px}#landing-page .block-title{font-size:13px;font-weight:600}#landing-page .block-sub{color:var(--muted);margin-top:2px;font-size:12px}#landing-page .chatbar{background:var(--paper-raised);border-top:1px solid var(--border);border-radius:22px 22px 0 0;flex-direction:column;height:31%;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}#landing-page .chatbar-handle{background:var(--border);border-radius:100px;width:36px;height:4px;margin:0 auto 10px}#landing-page .bubble{opacity:0;border-radius:14px;max-width:82%;margin-bottom:7px;padding:9px 13px;font-size:12.5px;animation:.4s forwards rise;transform:translateY(6px)}#landing-page .bubble.visitor{background:var(--coral-tint);color:var(--ink);border-bottom-right-radius:4px;align-self:flex-end}#landing-page .bubble.agent{background:var(--ink);color:var(--paper);border-bottom-left-radius:4px;align-self:flex-start}@keyframes rise{to{opacity:1;transform:translateY(0)}}#landing-page .type-row{background:var(--paper);border:.5px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-top:auto;padding:9px 12px;display:flex}#landing-page .type-dots{gap:3px;display:flex}#landing-page .type-dots span{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite blink}#landing-page .type-dots span:nth-child(2){animation-delay:.15s}#landing-page .type-dots span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}#landing-page .type-placeholder{color:var(--muted);font-size:12px}#landing-page section{padding:88px 0}#landing-page .section-head{max-width:600px;margin-bottom:48px}#landing-page .section-head h2{margin-bottom:14px;font-size:clamp(26px,3.6vw,38px)}#landing-page .section-head p{color:var(--ink-soft);font-size:17px}#landing-page .steps-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:48px;display:flex}#landing-page .steps-head .section-head{margin-bottom:0}#landing-page .agents-intro{flex-shrink:0;gap:28px;display:flex}#landing-page .agent-chip{text-align:center;flex-direction:column;align-items:center;gap:6px;width:104px;display:flex}#landing-page .agent-avatar{border:2px solid var(--paper-raised);border-radius:50%;width:72px;height:72px;overflow:hidden;box-shadow:0 4px 14px #14231f24}#landing-page .agent-name{color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700}#landing-page .agent-role{color:var(--ink-soft);font-size:11.5px;line-height:1.3}@media (max-width:759px){#landing-page .steps-head{flex-direction:column}#landing-page .agents-intro{align-self:flex-start}}#landing-page .statement{border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:60px 0}#landing-page .statement p{max-width:820px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(22px,3.4vw,34px);font-weight:500;line-height:1.35}#landing-page .statement .coral{color:var(--coral)}#landing-page .steps{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:760px){#landing-page .steps{grid-template-columns:repeat(3,1fr)}}#landing-page .step{background:var(--paper-raised);border:.5px solid var(--border);border-radius:var(--radius);padding:28px 24px}#landing-page .step-num{color:var(--coral);margin-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:13px}#landing-page .step h3{margin-bottom:8px;font-size:19px;font-weight:700}#landing-page .step p{color:var(--ink-soft);font-size:14.5px}#landing-page .features{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){#landing-page .features{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){#landing-page .features{grid-template-columns:repeat(3,1fr)}}#landing-page .feature{border:.5px solid var(--border);border-radius:var(--radius);background:var(--paper-raised);padding:26px}#landing-page .feature-icon{background:var(--coral-tint);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;display:flex}#landing-page .feature-icon span{background:var(--coral);border-radius:50%;width:14px;height:14px}#landing-page .feature h3{margin-bottom:8px;font-size:16.5px;font-weight:700}#landing-page .feature p{color:var(--ink-soft);font-size:14px}#landing-page .audience{background:var(--ink);color:var(--paper);border-radius:28px;padding:52px 32px}#landing-page .audience .section-head p{color:#f4f2edb3}#landing-page .audience .section-head h2{color:var(--paper)}#landing-page .chip-row{flex-wrap:wrap;gap:10px;display:flex}#landing-page .chip{color:#f4f2edd9;border:1px solid #f4f2ed33;border-radius:100px;padding:9px 16px;font-family:IBM Plex Mono,monospace;font-size:13px}#landing-page .cta-final{text-align:center;padding:100px 0 80px}#landing-page .cta-final h2{max-width:640px;margin:0 auto 18px;font-size:clamp(28px,4.4vw,46px)}#landing-page .cta-final p{color:var(--ink-soft);margin-bottom:32px;font-size:17px}#landing-page .cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}#landing-page footer{border-top:.5px solid var(--border);padding:40px 0}#landing-page .footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}#landing-page .footer-bar{background:var(--paper-raised);border:.5px solid var(--border);border-radius:100px;justify-content:space-between;align-items:center;height:34px;margin-top:28px;padding:0 6px 0 18px;display:flex}#landing-page .footer-bar span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:13px}#landing-page .footer-bar .dot-btn{background:var(--coral);border-radius:50%;width:26px;height:26px}#landing-page .foot-links{color:var(--ink-soft);flex-wrap:wrap;gap:22px;font-size:14px;display:flex}#landing-page .hero-tabs-container{z-index:10;padding-top:40px;position:relative}#landing-page .hero-tabs-nav{background:#14231f0a;border:1px solid #ffffff80;border-radius:100px;align-items:center;gap:4px;margin:0 auto 50px;padding:6px;display:inline-flex;position:relative;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #00000005}#landing-page .hero-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:10px;padding:8px 24px 8px 10px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}#landing-page .hero-tab:hover:not(.active){color:var(--ink);background:#fff6}#landing-page .hero-tab.active{color:var(--ink);background:var(--paper-raised);border-color:#14231f14;box-shadow:0 4px 12px #0000000d,0 1px 3px #00000005}#landing-page .hero-tab .orb-icon{background:var(--paper);border:1px solid #14231f14;border-radius:50%;flex-shrink:0;width:32px;height:32px;padding:2px;transition:transform .3s}#landing-page .hero-tab.active .orb-icon{border-color:#14231f26;transform:scale(1.05)}#landing-page .beiwe-demo-box{justify-content:center;display:flex;position:relative}#landing-page .beiwe-demo-inner{-webkit-backdrop-filter:blur(24px);z-index:2;background:#ffffffb3;border:1px solid #14231f0f;border-radius:32px;width:100%;max-width:440px;padding:48px 36px;position:relative;box-shadow:0 30px 60px -12px #14231f1f,inset 0 1px #fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (prefers-reduced-motion:reduce){#landing-page *{transition:none!important;animation:none!important}}