/* 2.10: access, integrations and the private device preview. */
.google-signin{display:flex;width:100%;justify-content:center;gap:12px;margin-top:20px;height:46px;min-height:46px;border:1px solid #747775;border-radius:10px;background:#fff;color:#1f1f1f;font-size:14px;font-family:Arial,sans-serif;font-weight:500;letter-spacing:.15px;box-shadow:none}
.google-signin:hover{background:#f8faff;filter:none}.google-signin:focus-visible{outline:3px solid #a8c7fa;outline-offset:3px}.google-mark{width:20px!important;height:20px!important;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:.66rem}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.google-link-page>.customer-auth-panel{width:min(490px,100%);margin:65px auto;padding:36px}.google-link-mark{height:46px;width:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;margin-bottom:24px;background:#fff}.google-link-page h1{font-size:1.9rem;line-height:1.2;margin:14px 0}.google-link-page .auth-panel-description{overflow-wrap:anywhere}.google-link-page .form{gap:18px}.google-link-page #google-link-cancel{display:flex;justify-content:center;width:100%;font-size:.75rem;margin:14px 0}.google-link-page .auth-payment-note{margin-top:20px}
.integration-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.85fr);align-items:start;gap:25px}.workspace .gateway-credentials{padding:30px;border-radius:20px}.integration-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:27px}.integration-card-heading h2{font-size:1.08rem;margin:0 0 5px;letter-spacing:-.025em}.integration-card-heading p{font-size:.72rem;color:var(--muted);margin:0;line-height:1.6}.integration-card-heading .badge{font-size:.59rem;margin-left:auto;white-space:nowrap}.integration-card-heading .section-symbol{width:42px;height:42px;border-radius:12px}.gateway-credentials .form{gap:19px}.gateway-credentials label{font-size:.76rem;font-weight:600}.gateway-credentials input,.gateway-credentials select{min-height:46px;background:var(--bg);font-size:.78rem;border-radius:10px;width:100%;min-width:0}.gateway-credentials .gateway-toggle{padding:16px;gap:20px}.gateway-toggle small{font-size:.67rem}.gateway-credentials .gateway-toggle input{width:19px;height:19px;min-height:19px;background:transparent}.gateway-credentials input::placeholder{color:var(--muted);opacity:.7;font-size:.73rem}.gateway-credentials .credential-note{margin:-12px 0 0;color:var(--muted);font-size:.66rem;line-height:1.7}.gateway-credentials button.primary{min-height:48px;border-radius:10px;font-size:.81rem}.gateway-credentials .notice{margin:0;font-size:.73rem}.gateway-credentials svg{width:19px;height:19px;flex-shrink:0}.integration-callback{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.integration-callback>label{font-size:.75rem}.integration-callback>p{font-size:.69rem;color:var(--muted);line-height:1.7;margin:8px 0 12px}.integration-callback input{font-size:.67rem;background:var(--panel)}.integration-callback .copy-field{gap:7px}.integration-callback small{display:block;color:var(--muted);font-size:.64rem;line-height:1.7;margin-top:10px}.integration-private{display:flex;gap:7px;align-items:start;color:var(--muted);font-size:.66rem;line-height:1.8;margin:21px 0 0}.integration-private svg{width:16px;height:16px;margin-top:3px}.integration-story{background:#192c48;color:#fff;padding:32px;border:1px solid #2b4263;border-radius:20px}.integration-story .customer-eyebrow{color:#a8c9ff;font-size:.59rem}.integration-story h2{font-size:2.1rem;line-height:1.15;letter-spacing:-.05em;margin:19px 0 17px}.integration-story>p{font-size:.8rem;line-height:1.9;color:#c1cfe2;margin:0}.integration-path{display:grid;gap:17px;margin:26px 0}.integration-path>span{display:flex;align-items:center;gap:10px;font-size:.76rem;line-height:1.65;color:#e0e8f5}.integration-path svg{width:17px;height:17px;flex-shrink:0;color:#9dbeff}.integration-story button{background:#30496c;color:#fff;border-color:#52698b;border-radius:10px;width:100%;font-size:.74rem}.integration-story button svg{width:16px;height:16px;margin-left:auto}.integration-help{padding:24px 8px}.integration-help h3{display:flex;align-items:center;gap:8px;font-size:.85rem;margin:0 0 12px}.integration-help svg{width:17px;height:17px;flex-shrink:0;color:var(--accent)}.integration-help p,.integration-help ol{font-size:.73rem;line-height:1.9;color:var(--muted)}.integration-help ol{padding-left:20px}.integration-help li{margin-bottom:11px}.integration-help a{display:inline-flex;align-items:center;gap:7px;font-size:.71rem;margin-top:8px}.google-admin-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);flex-shrink:0}
.customer-prejoin{max-width:1200px;width:calc(100% - 80px);padding:0;margin:0 auto}.prejoin-header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:99px;border-bottom:1px solid var(--line)}.prejoin-header>.brand{font-size:1.05rem}.prejoin-header>div{display:flex;align-items:center;gap:22px}.prejoin-header a:not(.brand){display:inline-flex;align-items:center;gap:9px;font-size:.78rem;color:var(--muted)}.customer-prejoin svg{width:20px;height:20px;flex-shrink:0}.prejoin-header a>svg{width:16px;height:16px}.prejoin-heading{padding-top:34px;margin-bottom:27px}.prejoin-heading h2{font-size:2.2rem;letter-spacing:-.055em;margin:10px 0 6px;line-height:1.2}.prejoin-heading>p{font-size:.86rem;color:var(--muted);margin:0}.customer-prejoin .prejoin-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:0;margin-bottom:38px}.customer-prejoin .prejoin-grid>.prejoin-studio{background:transparent;border:0;box-shadow:none;padding:0;min-width:0}.customer-prejoin .preview{position:relative;width:100%;height:auto;min-height:340px;aspect-ratio:16/10;background:radial-gradient(ellipse at 60% 120%,#314870 0,transparent 55%),#16243a;overflow:hidden;border-radius:19px;border:1px solid #334560;color:#fff;box-shadow:0 12px 30px #15243a12}.customer-prejoin .preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.preview-topline{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3}.preview-topline>span{display:flex;align-items:center;gap:7px;font-size:.64rem;color:#c3d2e7}.preview-topline svg{width:15px;height:15px}.preview-private-tag{border:1px solid #ffffff21;background:#16243a88;border-radius:20px;padding:5px 9px;backdrop-filter:blur(8px)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;padding:55px 20px;z-index:0}.customer-prejoin .preview .avatar{width:72px;height:72px;border-radius:22px;background:#314766;color:#c4d8ff;border:1px solid #55749c7a;display:grid;place-items:center;box-shadow:0 0 0 10px #ffffff03}.customer-prejoin .preview .avatar svg{width:28px;height:28px}.preview-placeholder h3{font-size:1.12rem;letter-spacing:-.025em;margin:22px 0 8px;font-weight:600}.preview-placeholder p{font-size:.74rem;line-height:1.8;color:#aebfd5;text-align:center;margin:0}.preview.is-testing .preview-placeholder{visibility:hidden}.preview-state{display:flex;justify-content:space-between;align-items:center;gap:13px;position:absolute;bottom:16px;left:18px;right:18px;z-index:3}.customer-prejoin .preview-label{position:static;display:block;font-size:.62rem;padding:7px 10px;border-radius:8px;color:#d7e3f4;background:#111e30c9;backdrop-filter:blur(6px)}.preview-state>div{display:flex;gap:8px}.preview-state>div>svg{background:#34435b;border-radius:8px;padding:7px;width:31px;height:31px}.preview.is-testing .preview-state>div{display:none}.customer-prejoin .device-test-panel{padding:22px 23px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-top:16px}.device-test-heading{display:flex;align-items:center;gap:12px}.device-test-heading h3{margin:0 0 4px;font-size:.88rem;letter-spacing:-.025em}.device-test-heading p{color:var(--muted);font-size:.69rem;margin:0}.device-test-heading .section-symbol{width:34px;height:34px;border-radius:10px}.device-test-heading .section-symbol svg{width:17px;height:17px}.customer-prejoin .device-controls{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 17px}.device-controls button{min-height:41px;font-size:.72rem;border-radius:9px;padding:9px 14px}.device-controls button svg{width:16px;height:16px}.device-controls button:disabled{cursor:default}.microphone-meter{display:flex;align-items:center;gap:20px}.microphone-meter>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.63rem;white-space:nowrap}.microphone-meter svg{width:14px;height:14px}.customer-prejoin .microphone-meter .meter{appearance:none;width:100%;min-width:30px;height:6px;border:0;border-radius:10px;overflow:hidden;background:var(--surface);accent-color:#319a82;margin:0}.meter::-webkit-progress-bar{background:var(--surface);border-radius:10px}.meter::-webkit-progress-value{background:#319a82;border-radius:10px}.meter::-moz-progress-bar{background:#319a82;border-radius:10px}.preview-message{font-size:.66rem;color:var(--muted);line-height:1.7;margin:13px 0 0}.prejoin-assurance{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.67rem;color:var(--muted);margin:18px 0 0}.prejoin-assurance svg{width:15px;height:15px;color:var(--accent)}.customer-prejoin .prejoin-grid>.prejoin-entry{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:19px;box-shadow:0 12px 30px #15243a06;min-width:0}.prejoin-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:color-mix(in srgb,#2f997a 8%,var(--panel));color:#288366;border:1px solid color-mix(in srgb,#2f997a 16%,var(--line));border-radius:20px;font-size:.63rem;font-weight:600}.prejoin-status i{width:6px;height:6px;background:currentColor;border-radius:50%}.prejoin-status.is-closed{color:var(--muted);background:var(--surface);border-color:var(--line)}.prejoin-entry h1{font-size:clamp(1.6rem,2.4vw,2.25rem);letter-spacing:-.045em;line-height:1.15;overflow-wrap:anywhere;margin:21px 0 18px}.prejoin-facts{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.prejoin-facts>span{display:flex;align-items:center;gap:6px;font-size:.64rem;color:var(--muted);padding:6px 9px;border-radius:6px;background:var(--bg)}.prejoin-facts svg{width:14px;height:14px}.prejoin-entry .form{gap:20px}.prejoin-entry label{font-size:.76rem;font-weight:600}.prejoin-entry input,.prejoin-entry select{min-height:47px;border-radius:10px;background:var(--bg);font-size:.8rem;min-width:0;width:100%}.prejoin-entry input::placeholder{font-size:.77rem;opacity:.7}.prejoin-entry-note{display:flex;align-items:start;gap:8px;padding:14px;background:var(--bg);border-radius:10px}.prejoin-entry-note>svg{width:17px;height:17px;margin-top:3px;color:var(--accent)}.prejoin-entry-note p{font-size:.73rem;color:var(--muted);line-height:1.8;margin:0}.prejoin-entry button.primary{min-height:49px;border-radius:10px;justify-content:space-between;padding:12px 17px;font-size:.8rem}.prejoin-entry button.primary svg{width:17px;height:17px}.prejoin-entry-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.64rem;color:var(--muted);margin:-5px 0 0}.prejoin-entry-footnote svg{width:13px;height:13px}.prejoin-audio-tip{display:flex;align-items:start;gap:8px;font-size:.68rem;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.prejoin-audio-tip svg{width:16px;height:16px;margin-top:3px}.prejoin-footer{padding:22px 0 26px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted);text-align:center}
.customer-home .hero-editorial{position:relative}.customer-home .hero-editorial::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:230px;height:180px;right:20px;top:-50px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 11%,transparent) 1px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(140deg,transparent,#000,transparent)}.customer-home .feature-grid article{transition:transform .18s,border-color .18s}.customer-home .feature-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.customer-home .customer-pricing{background:color-mix(in srgb,var(--accent) 2%,var(--bg));border-block:1px solid var(--line);margin-top:70px;padding-block:65px}.customer-home .customer-faq{border-top:0}.customer-auth-panel{box-shadow:0 20px 60px #122b4610}.customer-auth .auth-story h1{letter-spacing:-.055em}
@media(max-width:1100px){.integration-layout{grid-template-columns:minmax(0,1fr)}.integration-aside{display:grid;grid-template-columns:1fr 1fr;gap:22px}.integration-help{padding:20px 5px}.customer-prejoin{width:calc(100% - 52px)}.customer-prejoin .prejoin-grid{gap:23px;grid-template-columns:1.1fr 1fr}.customer-prejoin .prejoin-grid>.prejoin-entry{padding:24px}.customer-prejoin .preview{min-height:320px;aspect-ratio:auto}.preview-topline{left:14px;right:14px}.preview-room-tag{font-size:.58rem!important}.preview-private-tag{font-size:.56rem!important}.customer-prejoin .device-test-panel{padding:20px}.microphone-meter{gap:12px}}
@media(max-width:800px){.customer-prejoin .prejoin-grid{grid-template-columns:1fr;max-width:600px;margin-inline:auto;gap:24px}.customer-prejoin{width:calc(100% - 40px)}.customer-prejoin .preview{aspect-ratio:16/10;min-height:300px}.prejoin-heading{max-width:600px;margin-inline:auto;padding-top:28px}.prejoin-header{min-height:83px}.prejoin-header>div{gap:12px}.prejoin-header a:not(.brand){font-size:.71rem}.prejoin-header .brand{font-size:.97rem}.integration-layout{gap:20px}.integration-story{padding:28px}.integration-story h2{font-size:1.85rem}.integration-path>span{font-size:.71rem}.integration-aside{grid-template-columns:1fr}.integration-help{padding:12px 5px 24px}.customer-home .customer-pricing{margin-top:50px;padding-block:48px}}
@media(max-width:560px){.workspace .gateway-credentials{padding:22px;border-radius:16px}.integration-card-heading{gap:10px;flex-wrap:wrap}.integration-card-heading h2{font-size:1rem}.integration-card-heading .badge{display:none}.integration-card-heading p{font-size:.67rem}.gateway-credentials .gateway-toggle{gap:12px;padding:14px}.gateway-toggle strong{font-size:.74rem}.gateway-toggle small{font-size:.64rem}.integration-callback{padding:14px}.integration-callback input{font-size:.6rem}.integration-story{border-radius:16px;padding:26px}.integration-private{font-size:.64rem}.google-link-page>.customer-auth-panel{padding:27px 22px;margin:35px auto}.customer-prejoin{width:calc(100% - 30px)}.prejoin-header .mark{width:36px;height:36px;border-radius:11px}.prejoin-header a:not(.brand){font-size:.65rem;gap:5px}.prejoin-header>div{gap:9px}.prejoin-header .icon-btn{width:35px;min-height:35px;height:35px}.prejoin-heading h2{font-size:1.95rem}.prejoin-heading>p{font-size:.78rem;line-height:1.7;max-width:300px}.prejoin-heading{margin-bottom:20px}.customer-prejoin .preview{min-height:285px;border-radius:15px}.preview-topline{left:12px;right:12px;gap:7px;top:14px}.preview-room-tag{font-size:.53rem!important;gap:5px!important}.preview-topline svg{height:12px;width:12px}.preview-private-tag{font-size:.51rem!important;padding:5px 7px}.customer-prejoin .preview .avatar{width:57px;height:57px;border-radius:17px}.customer-prejoin .preview .avatar svg{height:23px;width:23px}.preview-placeholder{padding:55px 20px}.preview-placeholder h3{font-size:1rem;margin-top:18px}.preview-placeholder p{font-size:.69rem}.preview-state{left:12px;right:12px;bottom:13px;gap:6px}.customer-prejoin .preview-label{font-size:.55rem;padding:6px 8px}.preview-state>div{gap:5px}.preview-state>div>svg{width:26px;height:26px;padding:6px}.customer-prejoin .device-test-panel{padding:20px 17px}.device-test-heading{gap:9px}.device-test-heading h3{font-size:.82rem}.device-test-heading p{font-size:.62rem}.device-controls button{font-size:.65rem;padding:9px 11px;gap:6px}.device-controls button svg{width:14px;height:14px}.microphone-meter>span{font-size:.59rem}.preview-message{font-size:.63rem}.prejoin-assurance{font-size:.6rem;gap:5px}.customer-prejoin .prejoin-grid>.prejoin-entry{padding:25px 22px;border-radius:16px}.prejoin-entry h1{font-size:1.85rem}.prejoin-facts{gap:7px}.prejoin-facts>span{font-size:.6rem}.prejoin-entry .form{gap:18px}.prejoin-entry-note p{font-size:.7rem}.prejoin-footer{font-size:.62rem;padding-top:20px}.google-signin{margin-top:20px}.customer-auth-panel .auth-inline-error{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.customer-home .feature-grid article{transition:none}.customer-home .feature-grid article:hover{transform:none}}