.one-inbox-container{width:100%;max-width:1180px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:80px}@media(min-width:768px){.one-inbox-container{padding:60px 40px}.one-inbox-header{max-width:50%}}.one-inbox-header{display:flex;align-items:center;gap:0;width:100%}.one-inbox-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:#fff9;color:#000;border-radius:999px;border:1px solid #e5e7eb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);font-size:12px;font-weight:600;font-family:var(--font-family-medium);letter-spacing:.5px;text-transform:uppercase;width:fit-content;white-space:nowrap}.one-inbox-header-line{flex:1;height:1px;background:#e5e7eb}.one-inbox-body{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;width:100%}@media(min-width:768px){.one-inbox-body{grid-template-columns:1fr 1fr;gap:60px}.one-inbox-visual{order:1}.one-inbox-text-content{order:2}}.one-inbox-visual{display:flex;flex-direction:column;gap:24px}.one-inbox-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:46px;border:none;padding:130px 40px;box-shadow:0 24px 70px #0f172a2e;position:relative;display:flex;align-items:center;justify-content:flex-start;height:320px;overflow:hidden}.one-inbox-row-group{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:relative;transform:translate(-4px,-28px)}.one-inbox-message-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:70px}.one-inbox-message-bubble-wrapper{position:relative;display:inline-block}.one-inbox-message-bubble-wrapper--entering{animation:one-inbox-message-enter .35s ease-out forwards}.one-inbox-message-bubble-wrapper--leaving{animation:one-inbox-message-leave .25s ease-in forwards}.one-inbox-message-bubble{max-width:260px;padding:10px 14px 8px;background:#dadada;border-radius:18px 18px 18px 6px;box-shadow:0 4px 10px #0f172a1f;display:flex;flex-direction:column;gap:4px;opacity:.75}.one-inbox-message-text{margin:0;font-size:15px;line-height:1.35;color:#111827;font-family:var(--font-family-regular)}.one-inbox-message-time{align-self:flex-end;font-size:11px;line-height:1;color:#3c3c4399;font-family:var(--font-family-regular)}.one-inbox-message-avatar{width:24px;height:24px;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 4px 10px #0f172a2e;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.9}.one-inbox-message-avatar--overlay{position:absolute;left:4px;bottom:-28px}.one-inbox-message-avatar img{width:100%;height:100%;object-fit:cover}@keyframes one-inbox-message-enter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes one-inbox-message-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@media(min-width:768px){.one-inbox-row-group{transform:translate(24px,-44px)}}.one-inbox-top-row{display:flex;align-items:center;gap:8px}.one-inbox-keyboard-row{position:absolute;top:calc(100% + 12px);left:0;right:-30px}.one-inbox-keyboard-row img{display:block;width:100%;height:auto;opacity:.6}@media(min-width:768px){.one-inbox-card{padding:150px 40px;height:380px}}.one-inbox-plus-button{width:40px;height:40px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}.one-inbox-plus-button img{width:100%;height:100%;object-fit:contain}@media(min-width:768px){.one-inbox-plus-button{width:40px;height:40px}}.one-inbox-input-wrapper{flex:0 1 auto;position:relative;z-index:1;min-width:280px;max-width:200px}.one-inbox-input{width:100%;height:40px;padding:0 10px 0 8px;background:#fff;border:1px solid rgba(218,218,218,.75);border-radius:10px;font-size:16px;font-family:var(--font-family-regular);color:#000;outline:none;pointer-events:none;cursor:default}.one-inbox-input::placeholder{color:#0000004d}.one-inbox-send-icon-container{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:160px;height:160px;display:flex;align-items:center;justify-content:center;pointer-events:none;--logo-size: 42px;--logo-radius: 63px}.one-inbox-circle-svg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}@media(min-width:768px){.one-inbox-send-icon-container,.one-inbox-circle-svg{width:200px;height:200px}}.one-inbox-platform-icons-circle{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.one-inbox-platform-icon{position:absolute;top:50%;left:50%;width:var(--logo-size);height:var(--logo-size);transform-origin:center center;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--logo-radius))) rotate(calc(-1 * var(--angle)));animation:floatIconRadial 4s ease-in-out infinite;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:transform .3s ease;z-index:5}.one-inbox-platform-icon:hover{animation-play-state:paused;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle)))}.one-inbox-platform-icon-inner{width:100%;height:100%;transform-origin:center center;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.one-inbox-platform-icon:hover .one-inbox-platform-icon-inner{transform:scale(1.3)}@keyframes floatIconRadial{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--logo-radius))) rotate(calc(-1 * var(--angle)))}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--logo-radius) - 5px)) rotate(calc(-1 * var(--angle)))}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--logo-radius))) rotate(calc(-1 * var(--angle)))}}.one-inbox-platform-icon:nth-child(1){animation-duration:4s;animation-delay:0s}.one-inbox-platform-icon:nth-child(2){animation-duration:5s;animation-delay:.5s}.one-inbox-platform-icon:nth-child(3){animation-duration:4.5s;animation-delay:1s}.one-inbox-platform-icon:nth-child(4){animation-duration:3.5s;animation-delay:.2s}.one-inbox-platform-icon:nth-child(5){animation-duration:4.2s;animation-delay:.8s}.one-inbox-platform-icon img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.one-inbox-send-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .4s ease-in-out}.one-inbox-send-icon img{width:18px;height:18px}.one-inbox-send-icon--fading{opacity:0}.one-inbox-selected-platform{width:30px;height:30px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:.75}.one-inbox-selected-platform img{width:100%;height:100%;object-fit:cover}.one-inbox-wand-button{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:90px;z-index:10}.one-inbox-wand-button img{width:30px;height:30px}.one-inbox-text-content{display:flex;flex-direction:column;gap:24px}.one-inbox-heading{font-size:clamp(32px,5vw,48px);font-weight:700;font-family:var(--font-family-bold);color:var(--color-indigo-darker);line-height:1.2;margin:0;letter-spacing:-.5px}.one-inbox-text{font-size:16px;font-weight:400;font-family:var(--font-family-regular);color:#6b7280;line-height:1.6;margin:0}@media(min-width:768px){.one-inbox-text{font-size:18px}}@media(max-width:767px){.one-inbox-container{padding:32px 20px;gap:32px;margin-top:32px}.one-inbox-body{gap:40px}.one-inbox-text-content{order:1}.one-inbox-visual{order:2}.one-inbox-card{padding:60px 32px;flex-wrap:nowrap}.one-inbox-plus-button{width:40px;height:40px}.one-inbox-input-wrapper{min-width:170px}.one-inbox-send-icon-container{right:-60px;--logo-size: 36px;--logo-radius: 48px}.one-inbox-input{height:40px}.one-inbox-wand-button{width:40px;height:40px}.one-inbox-wand-button img{width:26px;height:26px}}