/* Letra: one identity, from the brand masthead to the working brief. */
.letra-section{--blue:#2450e8;--yellow:#fff252;background:var(--blue);color:#fff;padding-block:82px}
.letra-masthead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:54px}
.letra-identity .letra-wordmark{display:block;color:#fff;font-family:var(--display);font-size:clamp(150px,18vw,244px);font-style:italic;font-weight:800;letter-spacing:-.075em;line-height:.9;margin:0 0 24px -.035em}
.letra-wordmark>span{color:var(--yellow)}
.letra-identity>p{font-size:14px;line-height:1.5;color:#e3eaff;margin:0}
.letra-masthead .letra-copy h2{font-family:var(--display);font-size:clamp(40px,4.2vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.055em;margin:0}
.letra-masthead .letra-description{font-size:16px;line-height:1.6;color:#e3eaff;max-width:42ch;margin:22px 0 0!important}
.letra-workbench{padding:0;border:1px solid #fff;border-radius:9px;background:#fff;color:#131417;box-shadow:0 9px 0 #153cb0;max-width:none;width:100%;overflow:hidden}
.letra-workbench .letra-demo__header{min-height:78px;padding:16px 28px;border-bottom:1px solid #dfe2e7}
.letra-workspace-brand{display:flex;align-items:center;gap:24px}
.letra-workspace-brand>span:last-child{font-size:12px;font-weight:500;letter-spacing:0;color:#535b68;padding-left:24px;border-left:1px solid #d5d9e0}
.letra-mini-brand{font-family:var(--display);font-size:30px;font-style:italic;font-weight:800;letter-spacing:-.065em;line-height:1}
.letra-mini-brand>span{color:#2450e8}
.letra-workbench__body{display:grid;grid-template-columns:minmax(230px,.37fr) minmax(0,1fr)}
.letra-brief{display:flex;flex-direction:column;padding:30px 22px;background:#f4f5f8;border-right:1px solid #dfe2e7}
.letra-brief__heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 22px}
.letra-brief__heading h3{font-size:19px;font-weight:700;letter-spacing:-.5px}
.letra-brief__heading>span{font-family:var(--mono);font-size:11px;color:#656d7a}
.letra-workbench .letra-prompts{display:grid;gap:10px;margin:0}
.letra-workbench .letra-prompts button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#535b68;text-align:left;line-height:1.5;padding:17px 34px 18px 17px;font-size:11px;cursor:pointer}
.letra-workbench .letra-prompts button strong{font-size:15px;letter-spacing:-.2px;color:#131417;font-weight:650}
.letra-workbench .letra-prompts button .letra-finding-type{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}
.letra-workbench .letra-prompts button[aria-pressed="true"]{background:#fff;border-color:#c6cee1;box-shadow:0 2px 5px #13141708}
.letra-workbench .letra-prompts button[aria-pressed="true"] .letra-finding-type{color:#2450e8}
.letra-workbench .letra-prompts button:hover{border-color:#8499d1}
.letra-finding-arrow{position:absolute;right:16px;top:16px;font-size:18px;color:#2450e8;opacity:0}
[aria-pressed="true"]>.letra-finding-arrow{opacity:1}
.letra-brief__foot{font-size:11px;line-height:1.7;color:#656d7a;margin-top:auto!important;padding:35px 10px 0}
.letra-finding{padding:31px 38px 34px;min-width:0}
.letra-finding__eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.025em;color:#545e70;margin-bottom:20px}
.letra-finding__eyebrow .letra-thinking{margin:0;height:auto}
.letra-workbench .letra-answer{min-height:0;padding:0}
.letra-workbench .letra-answer h3{font-size:clamp(28px,2.7vw,38px);line-height:1.08;max-width:22ch;margin:0 0 15px;letter-spacing:-.04em;text-wrap:initial}
.letra-workbench .letra-answer p{font-size:14px;line-height:1.6;max-width:64ch}
.letra-records{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}
.letra-record{min-width:0;border:1px solid #dfe2e7;border-radius:4px;padding:18px}
.letra-record__id{font-family:var(--mono);font-size:9px;letter-spacing:.02em;color:#626b7a}
.letra-record h4{font-size:16px;font-weight:650;letter-spacing:-.25px;margin:9px 0 5px;line-height:1.4}
.letra-workbench .letra-record p{font-size:12px;line-height:1.5;margin:0}
.letra-record__status{display:block;font-size:10px;font-weight:500;color:#6a4a15;border-top:1px solid #e5e8ed;margin-top:15px;padding-top:12px;line-height:1.5}
.letra-workbench .letra-action{padding:0;margin-top:24px;border-top:1px solid #dfe2e7}
.letra-workbench .letra-action summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:53px;padding:13px 0 0;color:#2450e8;font-size:13px;font-weight:650;list-style:none}
.letra-action summary::-webkit-details-marker{display:none}
.letra-action summary>span:last-child{font-size:24px;font-weight:400;line-height:1;transition:transform .2s}
.letra-action[open] summary>span:last-child{transform:rotate(45deg)}
.letra-draft{margin-top:18px;padding:21px;background:#f3f5fb;border:1px solid #dce2f0;border-radius:4px}
.letra-draft__recipient,.letra-draft__state{display:block;font-size:10px;line-height:1.5;color:#535e73}
.letra-workbench .letra-draft p{margin:14px 0 17px;font-size:13px;color:#303a4c}
.letra-draft__state{color:#2450e8}
.letra-signoff{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:42px}
.letra-signoff>p{font-size:26px;line-height:1.45;color:#e3eaff;letter-spacing:-.25px}
.letra-signoff strong{font-weight:600;color:#fff}
.letra-signoff .home-link{min-height:50px;padding:12px 23px;border-radius:999px;background:var(--yellow);color:#131417;flex-shrink:0}
.letra-section a:focus-visible{outline-color:#fff}
.letra-workbench :focus-visible{outline:3px solid #2450e8;outline-offset:3px}
.letra-product-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff55;padding-top:35px}
.letra-product-story h3{font-size:27px;line-height:1.2;letter-spacing:-.5px;color:#fff;margin:0 0 15px}
.letra-product-story p{font-size:16px;line-height:1.65;color:#e3eaff;max-width:47ch;margin:0}
.letra-product-links{display:flex;align-items:center;gap:28px;margin-top:34px;flex-wrap:wrap}
.letra-product-links a{font-size:14px;font-weight:600;color:#fff;min-height:48px;display:inline-flex;align-items:center;gap:22px}
.letra-product-links a:first-child{padding:12px 22px;border-radius:999px;background:#fff252;color:#131417}
@media(max-width:1050px){
 .letra-masthead{gap:38px}.letra-finding{padding:28px}.letra-brief{padding-inline:14px}
 .letra-workbench__body{grid-template-columns:230px minmax(0,1fr)}.letra-record{padding:15px}
}
@media(max-width:800px){
 .letra-masthead{gap:35px;grid-template-columns:1fr;align-items:start;margin-bottom:36px}
 .letra-identity .letra-wordmark{font-size:170px;margin-bottom:20px}.letra-masthead .letra-copy h2{font-size:47px}
 .letra-masthead .letra-description{max-width:49ch}
 .letra-workbench__body{grid-template-columns:1fr}.letra-brief{padding:24px;border-right:0;border-bottom:1px solid #dfe2e7}
 .letra-brief__heading{padding:0 0 17px}.letra-workbench .letra-prompts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .letra-brief__foot{display:none}.letra-workbench .letra-prompts button{padding-left:14px}
 .letra-signoff>p{font-size:22px}.letra-product-story{gap:35px}
}
@media(max-width:600px){
 .letra-section{padding-block:58px}.letra-identity .letra-wordmark{font-size:150px}
 .letra-identity>p{font-size:12px}.letra-masthead .letra-copy h2{font-size:42px}
 .letra-masthead .letra-description{font-size:15px;margin-top:20px!important}
 .letra-workbench .letra-demo__header{padding:16px 18px;min-height:72px}.letra-workspace-brand{gap:14px}
 .letra-workspace-brand>span:last-child{display:none}.letra-workbench .demo-tools>small{font-size:10px}
 .letra-brief{padding:22px 16px}.letra-brief__heading h3{font-size:18px}
 .letra-workbench .letra-prompts{gap:8px}.letra-workbench .letra-prompts button{padding:13px 10px;font-size:10px;gap:6px}
 .letra-workbench .letra-prompts button strong{font-size:13px;line-height:1.35}.letra-finding-arrow{display:none}
 .letra-workbench .letra-prompts button .letra-finding-type{font-size:8px}.letra-finding{padding:26px 20px 24px}
 .letra-finding__eyebrow{font-size:9px;margin-bottom:17px}.letra-workbench .letra-answer h3{font-size:29px}
 .letra-workbench .letra-answer p{font-size:13px}.letra-records{grid-template-columns:1fr;gap:10px;margin-top:22px}
 .letra-record{padding:16px}.letra-record h4{margin-top:7px}.letra-workbench .letra-record p{font-size:12px}
 .letra-record__status{margin-top:12px;padding-top:10px}.letra-workbench .letra-action summary{font-size:12px}
 .letra-draft{padding:17px}.letra-signoff{align-items:flex-start;flex-direction:column;gap:25px;margin-top:32px}
 .letra-signoff>p{font-size:22px}.letra-signoff .home-link{font-size:13px}
 .letra-product-story{grid-template-columns:1fr;gap:32px}.letra-product-story h3{font-size:25px}.letra-product-story p{font-size:15px}
}
@media(max-width:360px){.letra-identity .letra-wordmark{font-size:132px}.letra-masthead .letra-copy h2{font-size:38px}.letra-finding{padding-inline:17px}.letra-workbench .letra-prompts button{font-size:9px}.letra-workbench .letra-answer h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.letra-section *{transition:none!important}}
@media(forced-colors:active){.letra-workbench .letra-prompts button[aria-pressed="true"]{border:2px solid Highlight}.letra-wordmark,.letra-wordmark>span{color:CanvasText}}