:root{color:#00003c;font-synthesis:none;text-rendering:optimizelegibility;--safra-blue:#00003c;--safra-blue-hover:#090956;--safra-gold:#c9aa5d;--text-muted:#00003cc7;--border:#d9d9df;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#fff;min-height:100vh}button,input{font:inherit}.login-page,.experience-page,.session-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #c9aa5d47;flex:none;justify-content:center;align-items:center;height:106px;padding:0 28px;display:flex}.site-header--with-action{grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr);display:grid}.header-spacer{min-width:0}.brand-lockup{justify-content:center;align-items:center;gap:25px;display:flex}.safra-logo-crop{width:164px;height:48px;position:relative;overflow:hidden}.safra-logo{width:177px;max-width:none;height:177px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-divider{background:#d8d8dd;width:1px;height:38px}.xd4-logo{width:142px;height:auto;max-height:34px;display:block}.logout-button{color:var(--safra-blue);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;justify-self:end;align-items:center;gap:8px;padding:9px 7px;font-size:.91rem;font-weight:600;display:inline-flex}.logout-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.logout-button:hover{border-bottom-color:var(--safra-gold)}.logout-button:focus-visible{outline:2px solid var(--safra-blue);outline-offset:3px}.logout-button:disabled{cursor:wait;opacity:.62}.login-main{flex:1;justify-content:center;align-items:center;padding:54px 24px 76px;display:flex}.login-content{width:min(100%,450px);transform:translateY(-12px)}.login-heading{text-align:center;margin-bottom:33px}.login-heading h1{color:var(--safra-blue);letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,2.55rem);font-weight:500;line-height:1.14}.login-heading p{color:var(--text-muted);margin:15px 0 0;font-size:1.04rem;font-weight:400;line-height:1.55}.login-card{border:1px solid var(--border);background:#fff;border-radius:4px;flex-direction:column;gap:25px;padding:36px;display:flex;position:relative;box-shadow:0 12px 34px #00003c0e}.login-card:before{content:"";background:var(--safra-gold);width:46px;height:2px;position:absolute;top:-1px;left:35px}.field-group{flex-direction:column;gap:9px;display:flex}.field-group label{color:var(--safra-blue);font-size:.94rem;font-weight:600;line-height:1.3}.field-group input{color:#17172c;background:#fff;border:1px solid #cfcfd6;border-radius:3px;outline:none;width:100%;height:56px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.field-group input::placeholder{color:#777781;opacity:1}.field-group input:hover{border-color:#aaaab5}.field-group input:focus{border-color:var(--safra-blue);box-shadow:0 0 0 3px #00003c1a}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{color:#555568;cursor:pointer;background:0 0;border:0;border-radius:2px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.password-toggle:hover{color:var(--safra-blue)}.password-toggle:disabled{cursor:default;opacity:.55}.form-error{color:var(--safra-blue);border-left:2px solid var(--safra-gold);margin:-7px 0 -5px;padding-left:13px;font-size:.9rem;line-height:1.45}.password-toggle:focus-visible{outline:2px solid var(--safra-blue);outline-offset:-4px}.submit-button{color:#fff;background:var(--safra-blue);border:1px solid var(--safra-blue);cursor:pointer;border-radius:3px;width:100%;min-height:54px;margin-top:4px;padding:14px 24px;font-weight:700;transition:background-color .16s,border-color .16s,transform .12s}.submit-button:hover{background:var(--safra-blue-hover);border-color:var(--safra-blue-hover)}.submit-button:active{transform:translateY(1px)}.submit-button:focus-visible{outline-offset:3px;outline:3px solid #c9aa5d8c}.submit-button:disabled,.voice-start-button:disabled{cursor:wait;opacity:.72;transform:none}.experience-main{flex:1;justify-content:center;align-items:center;padding:56px 24px 76px;display:flex}.voice-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,620px);display:flex;transform:translateY(-10px)}.voice-heading h1{color:var(--safra-blue);letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,4vw,2.8rem);font-weight:500;line-height:1.14}.voice-heading p{max-width:570px;color:var(--text-muted);margin:17px auto 0;font-size:1.06rem;line-height:1.58}.microphone-mark{width:112px;height:112px;color:var(--safra-blue);border:1px solid var(--safra-gold);background:#fff;border-radius:50%;place-items:center;margin:42px 0 34px;display:grid;position:relative}.microphone-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:47px;height:47px}.microphone-mark--active{border-color:var(--safra-gold)}.microphone-mark--active:before{content:"";border:1px solid #c9aa5d6b;border-radius:50%;animation:2.2s ease-out infinite listening-pulse;position:absolute;inset:-8px}@keyframes listening-pulse{0%{opacity:.65;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.12)}}.voice-actions{flex-direction:column;align-items:center;width:min(100%,370px);min-height:99px;display:flex}.voice-start-button,.secondary-button{cursor:pointer;border-radius:3px;width:100%;min-height:54px;padding:14px 24px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s}.voice-start-button{color:#fff;background:var(--safra-blue);border:1px solid var(--safra-blue)}.voice-start-button:hover:not(:disabled){background:var(--safra-blue-hover);border-color:var(--safra-blue-hover)}.secondary-button{color:var(--safra-blue);background:#fff;border:1px solid #00003c73}.secondary-button:hover{border-color:var(--safra-blue);background:#00003c09}.voice-start-button:focus-visible,.secondary-button:focus-visible{outline-offset:3px;outline:3px solid #c9aa5d8c}.microphone-note{color:var(--text-muted);margin:15px 0 0;font-size:.9rem;line-height:1.45}.voice-status{color:var(--safra-blue);margin:-4px 0 18px;font-size:1rem;font-weight:600}.microphone-error{color:var(--safra-blue);margin:-8px 0 22px}.microphone-error p{margin:0 0 6px;font-weight:600}.microphone-error span{color:var(--text-muted);font-size:.9rem;line-height:1.45;display:block}.session-main{flex:1;place-items:center;padding:24px;display:grid}.session-main p{color:var(--text-muted);font-size:.95rem}@media (prefers-reduced-motion:reduce){.microphone-mark--active:before{animation:none}}@media (width<=560px){.site-header{height:88px;padding-inline:18px}.brand-lockup{gap:16px}.site-header--with-action{grid-template-columns:32px auto 32px;padding-inline:12px}.logout-button{justify-content:center;width:32px;height:38px;padding:0}.logout-button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.safra-logo-crop{width:132px;height:42px}.safra-logo{width:143px;height:143px}.brand-divider{height:31px}.xd4-logo{width:111px;max-height:28px}.login-main{align-items:center;padding:32px 20px}.login-content{transform:none}.login-heading{margin-bottom:28px}.login-heading h1{font-size:2rem}.login-heading p{margin-top:12px;font-size:.98rem}.login-card{gap:22px;padding:28px 22px}.login-card:before{left:22px}.experience-main{align-items:flex-start;padding:54px 20px 48px}.voice-content{transform:none}.voice-heading h1{font-size:2.05rem}.voice-heading p{margin-top:13px;font-size:.98rem}.microphone-mark{width:102px;height:102px;margin:36px 0 31px}.microphone-mark svg{width:43px;height:43px}}@media (width<=370px){.brand-lockup{gap:11px}.safra-logo-crop{width:119px}.safra-logo{width:128px;height:128px}.xd4-logo{width:96px}.site-header--with-action{grid-template-columns:25px auto 25px;padding-inline:8px}.site-header--with-action .brand-lockup{gap:9px}.logout-button{width:25px}.logout-button svg{width:17px;height:17px}.login-main,.experience-main{padding-inline:16px}}@media (width<=560px) and (orientation:portrait){.experience-main{align-items:center;padding-block:32px}.site-header--with-action .logout-button{display:none}}.voice-content{width:min(100%,820px);transform:none}.experience-main{align-items:flex-start;padding-top:38px}.voice-link:focus-visible{outline:2px solid var(--safra-blue);outline-offset:3px}.voice-link{color:var(--safra-blue);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:10px;font-size:12px;text-decoration:underline}.voice-link:disabled{opacity:.5;cursor:default}.microphone-mark{width:90px;height:90px;margin:22px 0 26px}.voice-actions{width:min(100%,530px)}.voice-settings{align-items:center;gap:12px;margin:0 0 20px;font-size:13px;display:flex}.voice-settings select{font:inherit;border:1px solid var(--border);color:var(--safra-blue);background:#fff;border-radius:3px;padding:8px}.voice-settings time{font-variant-numeric:tabular-nums;font-size:12px}.voice-button-row{gap:10px;width:100%;display:flex}.voice-button-row button{padding:12px;font-size:13px}.microphone-health{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;font-size:11px;display:flex}.microphone-health meter{width:60px;height:10px}.voice-transcript{text-align:left;border-top:1px solid var(--border);width:100%;margin-top:28px;padding-top:16px}.voice-transcript h2{font:500 20px Georgia,serif}.transcript-columns{grid-template-columns:1fr 1fr;gap:26px;max-height:240px;display:grid;overflow:auto}.transcript-columns h3{color:#927326;font-size:12px}.transcript-columns p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.knowledge-details{text-align:left;width:100%;color:var(--text-muted);margin-top:20px;font-size:12px;line-height:1.6}.knowledge-details summary{cursor:pointer}.voice-disclosure{max-width:660px;color:var(--text-muted);margin:24px 0 0;font-size:11px;line-height:1.6}.secondary-button:disabled{opacity:.5;cursor:default}@media (width<=600px){.experience-main{padding-top:28px}.transcript-columns{grid-template-columns:1fr}.voice-button-row{flex-direction:column}}