/* Colour, space and a quiet centre. Shared by the focused demo and existing QA. */
.alfred-radial{position:relative;display:block;aspect-ratio:1;background:#F6F4EF;overflow:hidden;border-radius:50%;isolation:isolate}
.alfred-radial>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.alfred-radial>img{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;filter:none!important;padding:0!important;opacity:1}
.alfred-radial-ready>img{opacity:0}
.alfred-inline-art{width:100%;height:100%;min-width:0;flex:none}
.alfred-avatar{background:#F6F4EF;border-color:rgb(198,197,193)}.alfred-avatar .alfred-inline-art{border-radius:50%}
.proof-portrait.alfred-proof{background:#F6F4EF}.proof-portrait.alfred-proof>.alfred-inline-art{width:100%;height:100%}
.alfred-month-portrait>.alfred-inline-art{width:215px;height:215px;margin-right:14px}
.founders .people .alfred-team-card>.alfred-inline-art{width:200px;height:200px;margin:0 auto 26px}
.alfred-team-card .team-linkedin{min-height:44px;cursor:pointer}
.alfred-about-portrait>.alfred-inline-art{width:100%;height:100%;border-radius:0}
.alfred-compact{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;margin:25px 0 32px;padding:24px;border:1px solid var(--line,rgb(218,216,212));border-radius:20px;background:var(--white,#F6F4EF)}
.alfred-compact .alfred-radial{width:180px}.alfred-compact h3{font-size:23px;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}.alfred-compact .alfred-voice-note{margin:12px 0 0}.alfred-compact .alfred-status{margin:0 0 14px}
.alfred-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.alfred-controls button,.alfred-motion{font:inherit;cursor:pointer;min-height:46px;border:1px solid rgb(198,196,193);border-radius:999px;padding:11px 21px;background:transparent;color:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}
.alfred-controls .alfred-play{background:#D9FF57;color:#0B0B0D;border-color:#D9FF57}.alfred-controls button:hover:not(:disabled){background:#F6F4EF;color:#0B0B0D}.alfred-controls .alfred-play:hover:not(:disabled){background:#D9FF57;border-color:#D9FF57}.alfred-controls button:disabled{opacity:.48;cursor:default}.alfred-controls button[hidden]{display:none}.alfred-controls button:focus-visible,.alfred-motion:focus-visible,.alfred-voice-select select:focus-visible{outline:3px solid #D9FF57;outline-offset:4px}
.alfred-voice-note{font-size:13px!important;line-height:1.6!important;color:var(--muted,rgb(93,93,92));max-width:440px}.alfred-status{font-size:14px;line-height:1.5;color:var(--ink,rgb(51,50,51))}.alfred-voice-select{display:block;font-size:13px;line-height:1.5;margin-top:18px}.alfred-voice-select[hidden]{display:none}.alfred-voice-select select{display:block;font:inherit;background:transparent;color:inherit;border:1px solid rgb(190,189,186);padding:10px;margin-top:6px;max-width:100%;border-radius:7px}
.alfred-full-link{display:inline-block;margin-top:14px;font-size:14px;text-underline-offset:4px}
.alfred-demo-page{margin:0;background:#F6F4EF;color:rgb(40,40,41);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.alfred-demo-page *{box-sizing:border-box}.alfred-demo-page a{color:inherit}.alfred-demo-page button{font-family:inherit}
.alfred-demo-top{padding:26px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgb(213,211,207)}.alfred-demo-top img{width:96px;height:auto;display:block}.alfred-demo-top a:last-child{font-size:14px;text-decoration:none;border-bottom:1px solid rgb(165,164,161);padding:8px 0}.alfred-demo-mark{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgb(92,91,91)}
.alfred-demo-shell{max-width:1500px;margin:0 auto;padding:58px 4.5vw 28px}.alfred-demo-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.17em;line-height:1.6;text-transform:uppercase;margin:0 0 22px}.alfred-demo-kicker:before{content:'';width:7px;height:7px;border:1px solid #D9FF57;border-radius:50%}
.alfred-demo-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:5.5vw;align-items:center;min-height:610px}
.alfred-stage{position:relative;min-width:0}.alfred-stage .alfred-radial{width:100%;background:#F6F4EF;border:1px solid rgb(220,218,214);border-radius:50%;box-shadow:0 24px 80px -60px rgb(71,70,70)}.alfred-stage-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:90%;margin:19px auto 0;font-size:12px;color:rgb(105,104,104)}.alfred-motion{padding:8px 12px;min-height:44px;font-size:12px;font-weight:500;border:0;text-decoration:underline;text-underline-offset:4px}
.alfred-demo-copy{padding-bottom:20px}.alfred-demo-copy h1{font-weight:500;font-size:clamp(60px,6.8vw,104px);line-height:.98;letter-spacing:-.075em;margin:0 0 26px}.alfred-demo-copy h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:rgb(111,110,109)}.alfred-demo-deck{font-size:19px;line-height:1.55;max-width:370px;margin:0 0 32px;color:rgb(86,85,85)}.alfred-demo-copy .alfred-status{padding-top:18px;margin:0 0 13px;border-top:1px solid rgb(204,202,199)}.alfred-demo-copy .alfred-controls{margin-top:22px}.alfred-demo-copy .alfred-play{padding:15px 25px;min-height:53px}.alfred-demo-copy .alfred-voice-note{color:rgb(95,94,94);margin-top:18px}
.alfred-transcript{max-width:900px;margin:50px 0 0 auto;border-top:1px solid rgb(202,201,197);padding:23px 0 20px}.alfred-transcript summary{font-size:14px;cursor:pointer;min-height:44px;display:flex;justify-content:space-between;align-items:center;font-weight:600;list-style:none}.alfred-transcript summary::-webkit-details-marker{display:none}.alfred-transcript summary:after{content:'+';font-size:24px;font-weight:400}.alfred-transcript[open] summary:after{content:'−'}.alfred-transcript p{font-size:17px;line-height:1.75;max-width:740px;color:rgb(86,85,85)}
.alfred-demo-footer{display:flex;justify-content:space-between;gap:30px;padding:26px 4.5vw 36px;color:rgb(94,93,93);font-size:12px;line-height:1.7;border-top:1px solid rgb(213,211,207)}.alfred-demo-footer p{margin:0;max-width:610px}.alfred-demo-footer span{letter-spacing:.09em;white-space:nowrap}
@media(max-width:1080px){.alfred-demo-layout{gap:4vw;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);min-height:520px}.alfred-demo-copy h1{font-size:74px}.founders .people .alfred-team-card>.alfred-inline-art{width:170px;height:170px}.alfred-month-portrait>.alfred-inline-art{width:180px;height:180px}}
@media(max-width:760px){.alfred-demo-top{padding:18px 22px}.alfred-demo-top img{width:77px}.alfred-demo-mark{display:none}.alfred-demo-shell{padding:26px 22px 10px}.alfred-demo-layout{display:flex;flex-direction:column;gap:24px}.alfred-stage{width:100%;max-width:450px}.alfred-demo-copy{width:100%;padding-bottom:0}.alfred-demo-kicker{font-size:11px;margin-bottom:15px}.alfred-demo-copy h1{font-size:58px;line-height:1;max-width:100%;margin:0 0 18px}.alfred-demo-copy h1 br{display:none}.alfred-demo-copy h1 span{padding-left:.12em}.alfred-demo-deck{font-size:17px;margin-bottom:23px;max-width:450px}.alfred-stage-caption{margin-top:6px;max-width:100%}.alfred-demo-copy .alfred-status{padding-top:15px}.alfred-demo-copy .alfred-controls{margin-top:15px}.alfred-transcript{margin-top:30px}.alfred-demo-footer{padding:24px 22px;flex-direction:column;gap:14px}.alfred-compact{grid-template-columns:105px minmax(0,1fr);gap:16px;padding:17px}.alfred-compact .alfred-radial{width:105px}.alfred-compact h3{font-size:21px}.alfred-compact .alfred-controls{gap:8px}.alfred-compact .alfred-controls button{padding:9px 15px}.alfred-compact .alfred-voice-note{grid-column:1/-1;font-size:12px!important}.founders .people .alfred-team-card>.alfred-inline-art{width:120px;height:120px;margin:0}.alfred-month-portrait>.alfred-inline-art{width:175px;height:175px;margin-right:16px}}
@media(max-width:380px){.alfred-demo-copy h1{font-size:50px}.alfred-compact{grid-template-columns:1fr}.alfred-compact .alfred-radial{width:150px;margin:0 auto}.founders .people .alfred-team-card>.alfred-inline-art{width:94px;height:94px}}
@media(prefers-reduced-motion:reduce){.alfred-controls button{transition:none}}

/* Touch and keyboard are equivalent ways to explore Alfred's form. */
.alfred-radial[role=button]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.alfred-radial[role=button]:focus-visible{outline:3px solid #D9FF57;outline-offset:6px}
@media(hover:none){.alfred-stage-caption{font-size:12px;line-height:1.5}}

.alfred-audio-help{font-size:13px;line-height:1.6;color:rgb(94,93,93);max-width:900px;margin:0 0 28px auto}
.alfred-inline-transcript{margin-top:14px;font-size:14px;line-height:1.6}.alfred-inline-transcript summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.alfred-inline-transcript p{font-size:14px!important;line-height:1.65!important}

.alfred-voice-options-note{font-size:12px!important;line-height:1.6!important;color:var(--muted,rgb(94,93,93));max-width:440px;margin:10px 0 0}.alfred-voice-select select{width:100%;max-width:320px}
/* SKIN signal study: ink, bone and lime only. All neutral RGB values are blends of ink and bone. */
.alfred-radial{background:#0B0B0D}
.alfred-avatar{background:#0B0B0D;border-color:rgb(68,67,68)}
.alfred-demo-page{--ink:#F6F4EF;--muted:rgb(175,174,171);background:#0B0B0D;color:var(--ink);background-image:radial-gradient(ellipse at 28% 45%,#0B0B0D 0,transparent 46%)}
.alfred-demo-top{border-color:rgb(43,43,44)}.alfred-demo-top img{filter:invert(1)}.alfred-demo-top a:last-child{border-color:rgb(88,87,87)}.alfred-demo-mark{color:rgb(173,171,168)}
.alfred-demo-shell{padding-top:42px}.alfred-demo-kicker{color:rgb(192,190,187);letter-spacing:.16em}.alfred-demo-kicker:before{border-color:#D9FF57}.alfred-demo-kicker>span{margin-left:auto;color:rgb(147,146,144);font-size:11px;letter-spacing:.12em}
.alfred-stage .alfred-radial{border-color:rgb(38,38,39);background:#0B0B0D;box-shadow:0 0 95px -55px rgb(113,112,111)}
.alfred-stage-caption{color:rgb(157,156,154)}.alfred-demo-copy h1{color:#F6F4EF;font-size:clamp(60px,6.7vw,100px)}.alfred-demo-copy h1 span{color:rgb(196,195,191)}
.alfred-demo-deck{color:rgb(213,211,207);font-size:22px;line-height:1.5;margin-bottom:25px}.alfred-demo-deck small{display:block;color:rgb(162,161,158);font-size:14px;line-height:1.6;margin-top:15px;max-width:330px}
.alfred-demo-copy .alfred-status{color:rgb(213,211,207);border-color:rgb(53,53,54)}.alfred-demo-copy .alfred-voice-note{color:rgb(172,170,167)}
.alfred-demo-page .alfred-controls button{border-color:rgb(86,85,85)}.alfred-demo-page .alfred-controls .alfred-play{background:#D9FF57;border-color:#D9FF57;color:#0B0B0D}.alfred-demo-page .alfred-controls .alfred-play:hover:not(:disabled){background:#D9FF57;border-color:#D9FF57}.alfred-demo-page .alfred-controls button:hover:not(:disabled):not(.alfred-play){background:rgb(39,39,40);color:#F6F4EF}
.alfred-demo-page .alfred-voice-select select{background:#0B0B0D;border-color:rgb(84,83,83);color:rgb(226,224,220)}.alfred-demo-page .alfred-voice-select option{color:#F6F4EF;background:#0B0B0D}.alfred-demo-page .alfred-voice-select option:disabled{color:rgb(146,145,143)}.alfred-demo-page .alfred-voice-options-note{color:rgb(156,155,152)}
.alfred-transcript{border-color:rgb(55,55,55)}.alfred-transcript p{color:rgb(187,186,182)}.alfred-audio-help{color:rgb(156,155,152)}.alfred-demo-footer{color:rgb(147,146,144);border-color:rgb(50,49,50)}
.alfred-radial[role=button]:focus-visible{outline-color:#D9FF57}
@media(max-width:760px){.alfred-demo-shell{padding-top:24px}.alfred-demo-top{padding:17px 22px}.alfred-demo-layout{gap:18px}.alfred-stage{width:min(82vw,440px)}.alfred-demo-copy h1{font-size:clamp(40px,10.3vw,56px);margin-bottom:16px}.alfred-demo-deck{font-size:19px;line-height:1.4;margin-bottom:20px}.alfred-demo-deck br{display:none}.alfred-demo-deck small{font-size:13px;margin-top:9px;max-width:100%}.alfred-stage-caption{max-width:100%;font-size:11px}.alfred-demo-kicker{font-size:10px;gap:7px;letter-spacing:.12em}.alfred-demo-kicker>span{font-size:10px;letter-spacing:.06em}.alfred-demo-copy .alfred-controls .alfred-play{min-height:49px;padding:12px 22px}}
/* Canonical square artwork in every portrait. Keep it separate from span-based AI badges. */
.proof-portrait.alfred-proof{display:grid;place-items:center;background:#0B0B0D}
.proof-portrait.alfred-proof>.alfred-inline-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;padding:0;border-radius:50%;background:#0B0B0D}
.page-team .alfred-about-portrait{display:grid;place-items:center;min-height:0;aspect-ratio:1;background:#0B0B0D}
.page-team .alfred-about-portrait>.alfred-inline-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;padding:0;border-radius:50%;background:#0B0B0D}
.alfred-local-greeting{font-size:17px;line-height:1.5;margin:0 0 12px;color:#F6F4EF;opacity:.75}
/* A sculptural presence, without a technical display frame. */
.alfred-demo-page{background:#0B0B0D}
.alfred-stage .alfred-radial{border:0;border-radius:0;box-shadow:none;background:#0B0B0D}

.proof-portrait.alfred-proof{border-color:rgba(246,244,239,.22)}

.alfred-human-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #D9FF57;border-radius:999px;background:#D9FF57;color:#0B0B0D!important;font:600 14px/1.4 Inter,Arial,sans-serif;text-decoration:none}
.alfred-human-action:hover{filter:brightness(.94)}.alfred-human-action:focus-visible{outline:3px solid #F6F4EF;outline-offset:4px}
.alfred-controls .alfred-play,.alfred-demo-page .alfred-controls .alfred-play{background:transparent;border-color:currentColor;color:inherit}
.alfred-controls .alfred-play:hover:not(:disabled),.alfred-demo-page .alfred-controls .alfred-play:hover:not(:disabled){background:rgba(246,244,239,.10);border-color:currentColor;color:inherit}
.alfred-human-note{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 12px;max-width:620px}

.alfred-radial,.alfred-avatar,.proof-portrait.alfred-proof{background:transparent}.alfred-radial>canvas{background:transparent}.alfred-radial{overflow:visible}

@media(hover:hover) and (pointer:fine){html .alfred-controls button:not(:disabled):hover{background:#d9ff57;color:#0b0b0d;border-color:#d9ff57}html .alfred-controls .alfred-play:not(:disabled):hover{background:#0b0b0d;color:#f6f4ef;border-color:#0b0b0d}html[data-theme=night] .alfred-controls .alfred-play:not(:disabled):hover{background:#f6f4ef;color:#0b0b0d;border-color:#f6f4ef}}