.product-demo{width:min(1200px,calc(100% - 72px));margin:0 auto;padding:28px 0 56px;color:#202332}
.demo-intro{max-width:780px;margin-bottom:28px}.demo-eyebrow,.screen-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#555da9}.demo-intro h1{font:500 clamp(32px,3.5vw,44px)/1.08 Outfit,Arial,sans-serif;letter-spacing:-.035em;margin:16px 0}.demo-intro>p:last-child{max-width:650px;font-size:16px;line-height:1.7;color:#575965}
.demo-switch{display:flex;gap:6px;margin-bottom:18px;width:fit-content;padding:5px;background:#eeeff7;border-radius:30px}.demo-switch button{border:0;background:transparent;border-radius:25px;min-height:44px;padding:10px 22px;font-size:13px;font-weight:700;color:#535766;cursor:pointer}.demo-switch [aria-pressed=true]{background:#fff;color:#252945;box-shadow:0 2px 8px #1c244016}
.mail-window,.gap-window{border:1px solid #d8dce5;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #1722440a;background:#fff}.mail-toolbar{display:flex;align-items:center;gap:18px;background:#0f548c;color:#fff;padding:14px 20px;font-size:12px}.mail-toolbar strong{font-size:17px}.mail-icon{font-size:23px}.toolbar-label{margin-left:auto;opacity:.85;font-size:11px}.mail-layout{display:grid;grid-template-columns:140px 250px minmax(0,1fr)}.mail-folders{padding:24px 12px;background:#f4f6f8;display:flex;flex-direction:column;gap:24px;font-size:12px;color:#56616e}.mail-folders strong{color:#0f548c}.mail-folders span span,.mail-folders b{float:right}.mail-list{border-right:1px solid #dde2e9;background:#fafbfc}.mail-list>p{margin:0;padding:20px 16px;border-bottom:1px solid #dde2e9;font-size:13px;font-weight:700}.mail-list>p span{display:block;font-size:10px;color:#6a707d;font-weight:400;margin-top:5px}.mail-list button{width:100%;text-align:left;padding:18px 16px;background:#fff;border:0;border-bottom:1px solid #dde2e9;border-left:3px solid transparent;cursor:pointer;display:grid;gap:8px;color:#313746;font-size:11px;line-height:1.5}.mail-list button[aria-pressed=true]{background:#eaf3fc;border-left-color:#0f6cbd}.mail-list button:hover{background:#f0f5fa}.mail-list button strong{font-size:12px}.sender{font-weight:700;font-size:12px}.sender small{float:right;color:#66717f;font-size:10px;font-weight:400}.mail-list em{font-size:10px;font-style:normal;color:#555da9}.mail-detail{padding:24px;min-height:560px;font-size:13px;line-height:1.7}.mail-detail h2{font:500 23px/1.2 Outfit,sans-serif;margin:0 0 22px}.incoming{display:flex;gap:12px}.incoming p{margin:6px 0 20px}.avatar{background:#e6eaf0;border-radius:50%;width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;font-size:12px}.draft{border:1px solid #d9dced;border-radius:8px;padding:16px 20px;background:#fafaff}.draft-label{font-size:11px;font-weight:800;color:#555da9;display:flex;gap:8px;align-items:center}.draft-dot{width:7px;height:7px;background:#8088dd;border-radius:50%}.draft ul{padding-left:20px}.draft p{margin:12px 0 0}.draft mark{background:#fff0c0;color:#5d470d;padding:2px 4px}.staff-note{padding:16px 0 0;color:#5b616d;font-size:11px}.staff-note strong{color:#313746}.staff-note p{margin:5px 0 0}.staff-note .demo-primary{margin-top:12px}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:18px;font-size:12px;line-height:1.7;color:#575965}.demo-caption p{max-width:720px;margin:0}.demo-caption strong{color:#252945}.demo-next{border:0;background:transparent;padding:12px 0;color:#555da9;white-space:nowrap;font-weight:700;font-size:12px;cursor:pointer}.demo-disclaimer{font-size:11px;color:#666b78;line-height:1.7;margin:24px 0 36px;max-width:780px}.demo-conversion{border-top:1px solid #ddddea;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-conversion h2{font:500 30px Outfit,sans-serif;margin:0}.demo-conversion p{font-size:13px;color:#575965}
.gap-toolbar{display:flex;align-items:center;gap:24px;padding:18px 26px;background:#f7f7fd;border-bottom:1px solid #ddddea;font-size:12px}.gap-toolbar img{width:90px;height:auto}.gap-toolbar strong{margin-left:auto}.gap-progress{display:flex;list-style:none;gap:24px;padding:22px 28px;margin:0;border-bottom:1px solid #e9eaf0;font-size:12px;color:#727584;counter-reset:steps}.gap-progress li{display:flex;gap:8px;align-items:center}.gap-progress li::before{counter-increment:steps;content:counter(steps);border:1px solid #ddddea;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.gap-progress [aria-current]{color:#414986;font-weight:800}.gap-progress [aria-current]::before{background:#555da9;color:#fff;border-color:#555da9}.gap-detail{padding:40px;min-height:380px;font-size:14px;line-height:1.8}.gap-detail h2{font:500 30px/1.2 Outfit,sans-serif;letter-spacing:-.02em;margin:12px 0 18px}.gap-detail h2:focus{outline:none}.gap-detail p{max-width:640px}.gap-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.demo-primary{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;border:0;border-radius:7px;min-height:44px;padding:12px 18px;background:#555da9;color:#fff;font-weight:700;font-size:12px;cursor:pointer;text-align:center;text-decoration:none}.demo-primary:hover{background:#414986}.demo-primary:disabled{background:#d9dce7;color:#656979;cursor:default}.demo-primary span{font-size:10px;font-weight:400}.mini-calendar{border:1px solid #dddfea;border-radius:10px;overflow:hidden;font-size:12px}.calendar-head{padding:16px;background:#f6f7fb;font-weight:800}.mini-calendar>div:not(.calendar-head){display:flex;gap:16px;padding:20px 16px;border-top:1px solid #e4e6ef}.mini-calendar time{color:#697183}.mini-calendar .free-slot{background:#eff6f1;border-left:4px solid #4f8763;color:#326243}.candidate-list{padding:0;border:0;margin:24px 0}.candidate-list legend{font-size:11px;color:#656979;margin-bottom:10px}.candidate-list label{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #dddfea;border-radius:8px;margin-bottom:10px;cursor:pointer;max-width:600px}.candidate-list input{accent-color:#555da9;width:20px;height:20px;flex-shrink:0}.candidate-list small{display:block;color:#656979;font-size:12px}.screen-footnote{font-size:11px;color:#656979}.offer-mail{padding:24px;border:1px solid #dddfea;border-radius:10px;box-shadow:0 8px 20px #17224408}.offer-mail h3{font:500 24px/1.2 Outfit,sans-serif}.selection-note{font-size:12px;color:#656979}.move-summary{display:flex;align-items:center;gap:30px;padding:24px;background:#f7f7fd;border-radius:10px;width:fit-content;margin-bottom:24px}.move-summary div{display:grid;gap:6px}.move-summary span,.move-summary small{font-size:12px;color:#656979}.gap-success{max-width:650px;margin:auto;text-align:center}.success-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eaf4ed;color:#326243;font-size:23px;margin:0 auto}.gap-success .demo-primary{margin-top:10px}
@media(max-width:1050px){.mail-folders{display:none}.mail-layout{grid-template-columns:235px minmax(0,1fr)}.toolbar-label{display:none}}
@media(max-width:700px){.product-demo{width:calc(100% - 32px);padding-top:28px}.demo-intro h1{font-size:36px}.demo-intro>p:last-child{font-size:14px}.demo-switch{width:100%}.demo-switch button{flex:1;padding:10px 8px;font-size:11px}.mail-toolbar{padding:10px 14px;gap:12px}.mail-toolbar>span:not(.mail-icon){font-size:10px}.mail-layout{display:block}.mail-list{display:flex;border:0;overflow-x:auto}.mail-list>p{display:none}.mail-list button{flex:1;min-width:0;padding:12px 9px;border-left:0;border-bottom:3px solid transparent;font-size:10px}.mail-list button[aria-pressed=true]{border-bottom-color:#0f6cbd}.mail-list button>span:not(.sender),.mail-list button>strong,.sender small{display:none}.mail-list button strong{font-size:10px}.sender{font-size:10px}.mail-detail{padding:18px 16px;min-height:0;font-size:12px}.mail-detail h2{font-size:22px}.draft{padding:14px}.demo-caption{display:block}.demo-next{margin-top:10px}.demo-conversion{align-items:flex-start;flex-direction:column}.demo-conversion .header-demo{margin:0}.gap-toolbar{padding:14px;gap:12px;flex-wrap:wrap;font-size:10px}.gap-toolbar img{width:70px}.gap-progress{padding:16px 10px;gap:10px;justify-content:space-between;font-size:9px}.gap-progress li{gap:4px}.gap-progress li::before{width:18px;height:18px;font-size:9px}.gap-detail{padding:24px 18px;min-height:0;font-size:13px}.gap-detail h2{font-size:28px}.gap-two{grid-template-columns:1fr;gap:24px}.move-summary{gap:12px;padding:16px;width:100%;flex-wrap:wrap}.move-summary strong{font-size:13px}.offer-mail{padding:18px}.candidate-list label{padding:14px}.candidate-list small{font-size:11px}}

.mail-detail h2,.gap-detail h2{scroll-margin-top:140px}.mail-detail h2:focus{outline:none}