/* STRATA: bounded scrolling, quiet message tools and the existing site identity. */
.public-page .ui91-hero[data-hero-page=strata] .ui91-hero-copy>p{max-inline-size:34rem;text-wrap:pretty}
.strata-chat-page{--strata-radius:22px;--strata-inner-radius:14px;--strata-frame-space:8px;max-width:1320px;margin-inline:auto;padding:clamp(28px,4vw,60px) clamp(16px,4vw,48px)}
.strata-chat-page *{box-sizing:border-box;min-width:0}
.strata-chat-page [hidden]{display:none!important}
.strata-chat-page>section{scroll-margin-top:calc(var(--ui983-header,88px) + 20px);margin-block:0 56px}
.strata-intro{margin-bottom:28px}
.strata-chat-page h2{font-size:clamp(25px,2.5vw,38px);line-height:1.6;margin:10px 0 16px}
.strata-chat-page .eyebrow{font-size:12px;color:var(--accent);letter-spacing:.08em}
.strata-workbench{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;align-items:stretch}
.strata-chat-page .ui91-icon{width:20px;height:20px;flex:none}
.strata-chat-page :is(button,a,summary,input,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.strata-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Inset content leaves an uninterrupted perimeter for the light. Only the transcript/input scroll. */
.strata-console{--strata-speed:12s;--strata-glow:.34;--strata-neon:#39ffe6;--strata-violet:#b454ff;position:relative;display:flex;flex-direction:column;contain:size;min-block-size:480px;isolation:isolate;width:100%;padding:var(--strata-frame-space);border:0;border-radius:var(--strata-radius);background:var(--panel);box-shadow:0 0 16px #39ffe620,0 0 28px #b454ff24,0 10px 24px #02041f18;transition:box-shadow .5s}
.strata-console-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border:0;border-radius:var(--strata-inner-radius);background:transparent}
.strata-agent{display:flex;align-items:center;gap:10px}.strata-agent strong{font-size:15px}
.strata-status{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.7}.strata-status[data-ready=true]{color:var(--accent)}
.strata-agent-icon,.strata-layer-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);flex:none}
.strata-console-head form{margin:0}.strata-console-head button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:12px;background:transparent;border:0;color:var(--text);white-space:nowrap}
.strata-transcript{flex:1 1 0;min-height:0;height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto;padding:22px;display:flex;flex-direction:column;gap:20px}
/* Auto margins center the empty welcome without changing message alignment or scrolling. */
.strata-chat-welcome{flex-shrink:0;display:grid;justify-items:center;gap:16px;text-align:center;inline-size:100%;max-inline-size:440px;margin:auto;padding:16px 0}
.public-page .strata-chat-welcome .strata-welcome-mascot{position:relative;display:block;inline-size:clamp(140px,15vw,176px);block-size:clamp(120px,13vw,152px);padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;filter:none;transform:none;cursor:pointer;touch-action:manipulation}
.public-page .strata-chat-welcome .strata-welcome-mascot:hover{background:transparent;box-shadow:none;filter:none;transform:none}
.strata-chat-welcome .strata-welcome-avatar{position:absolute;left:0;top:0;display:block;inline-size:84%;block-size:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;background:transparent;transform-origin:50% 70%}
.strata-chat-welcome .strata-wave-hand{position:absolute;right:-2%;bottom:7%;display:block;inline-size:36%;block-size:auto;aspect-ratio:1;object-fit:contain;border:0;background:transparent;transform-origin:50% 85%;opacity:0;transform:translateY(8px) scale(.88) rotate(-8deg)}
.strata-welcome-mascot.is-waving .strata-wave-hand{animation:strata-palm-wave 1.7s ease-in-out both}
.strata-welcome-mascot.is-waving .strata-welcome-avatar{animation:strata-happy-nod 1.7s ease-in-out both}
@keyframes strata-palm-wave{0%{opacity:0;transform:translateY(12px) scale(.75) rotate(-20deg)}15%{opacity:1;transform:translateY(0) scale(1) rotate(-16deg)}30%,60%{transform:rotate(17deg)}45%,75%{transform:rotate(-17deg)}80%{opacity:1;transform:rotate(-8deg)}100%{opacity:0;transform:translateY(8px) scale(.88) rotate(-8deg)}}
@keyframes strata-happy-nod{0%,100%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-3px) rotate(-3deg)}65%{transform:translateY(-1px) rotate(2deg)}}
.strata-chat-welcome p{max-inline-size:100%;color:var(--muted);font-size:clamp(14px,1.25vw,16px);line-height:1.9;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.strata-chat-welcome p>strong,.strata-chat-welcome p>span{display:block}
.strata-chat-welcome p>strong{font-weight:600;color:var(--text)}
.strata-message{flex-shrink:0;max-width:100%;align-self:stretch;padding:8px 0;font-size:16px;overflow-wrap:anywhere;scroll-margin-top:calc(var(--ui983-header,88px) + 20px)}
.strata-message[data-role=user]{max-width:90%;align-self:auto;width:fit-content;margin-left:0;margin-right:auto;padding:12px 16px;border:1px solid var(--line);border-radius:var(--strata-inner-radius);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.strata-message[data-role=status]{color:var(--muted)}
.strata-message>strong{display:block;color:var(--accent);font-size:11px;margin-bottom:6px}
.strata-message p strong{display:inline;font:inherit;font-weight:700;font-synthesis:none;color:var(--accent)}
.strata-message p{margin:0;line-height:1.9;white-space:pre-wrap}

/* Plus, text, and send share one row and retain their positions as the text grows. */
.strata-composer{flex:none;padding:6px 22px 18px;margin:0;border-radius:0 0 var(--strata-inner-radius) var(--strata-inner-radius);background:transparent}
/* A 64px single-line capsule matches both round controls; longer drafts keep soft 32px corners. */
.strata-compose-box{border:0;border-radius:32px;padding:8px;background:var(--bg);box-shadow:0 3px 18px color-mix(in srgb,var(--accent) 10%,transparent),0 0 24px #b454ff0d;transition:box-shadow .3s,background-color .3s}
.strata-compose-box:focus-within{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 24%,transparent),0 0 40px #b454ff26}
.strata-compose-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;align-items:end}
.strata-compose-row textarea{display:block;width:100%;min-height:48px;max-height:160px;overflow-y:auto;overscroll-behavior:contain;margin:0;border:0;border-radius:0;background:transparent;color:var(--text);padding:9px 4px;font:inherit;font-size:16px;font-weight:400;line-height:1.6;resize:none;outline:none;field-sizing:content}
.strata-compose-row textarea:focus-visible{outline:none}
.strata-transcript::-webkit-scrollbar-button,.strata-compose-row textarea::-webkit-scrollbar-button{display:none}
.strata-transcript,.strata-compose-row textarea{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 32%,var(--line)) transparent}
.strata-attach,.strata-compose-row [data-chat-send]{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;margin:0 0 2px;border:0;border-radius:50%;flex:none;cursor:pointer;transition:background-color .2s,box-shadow .25s,transform .2s}
.strata-attach{background:transparent;color:var(--muted)}
.strata-attach:hover,.strata-attach:focus-within{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.strata-attach:focus-within{outline:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--panel));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}
.strata-compose-row :is(input,[data-chat-send]):focus-visible{outline:none}
.strata-compose-row [data-chat-send]:focus-visible{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 60%,transparent);filter:brightness(1.1)}
.strata-attach input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.strata-compose-row [data-chat-send]{background:var(--accent);color:var(--ink);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 18%,transparent)}
.strata-compose-row [data-chat-send] .ui91-icon{transform:rotate(-90deg);width:21px;height:21px;transition:transform .2s}
.strata-compose-row [data-chat-send]:hover{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}
.strata-compose-row [data-chat-send]:hover .ui91-icon{transform:translateY(-2px) rotate(-90deg)}
.strata-compose-row [data-chat-send]:active{transform:scale(.93)}
.strata-chat-page button:disabled{opacity:.55;cursor:wait}
.strata-consent{display:flex;align-items:start;gap:7px;font-size:11px;line-height:1.8;color:var(--muted);margin:10px 4px 0}
.strata-consent input{flex:none;width:15px;height:15px;margin-top:3px}.strata-consent a{text-decoration:underline;text-underline-offset:3px}
.strata-composer>p.strata-notice{max-width:none;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-size:12px;line-height:1.7;margin:0 0 10px;text-align:start}
.strata-upload-list:empty{display:none}
.strata-upload-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:5px 5px 10px}
.strata-upload-item{display:flex;align-items:center;gap:7px;border:0;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-radius:18px;padding:5px;max-width:100%;font-size:12px}
.strata-upload-item img{width:38px;height:38px;object-fit:cover;border-radius:8px}.strata-upload-item>span{overflow-wrap:anywhere}
.strata-upload-item button{background:none;border:0;border-radius:50%;color:var(--muted);min-width:36px;min-height:36px;padding:4px;font-size:20px}
.strata-sent-files{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.strata-sent-files a{display:block;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:12px;color:var(--accent);overflow-wrap:anywhere}
.strata-message-actions{display:flex;align-items:center;gap:3px;margin-top:10px}
.public-page .strata-console .strata-message-actions button,.public-page .strata-console .strata-console-head .strata-new-assessment{background:transparent;background-image:none;border:0;box-shadow:none;filter:none;transform:none;animation:none;color:var(--muted);transition:background-color .18s,color .18s}
.public-page .strata-console .strata-message-actions button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:8px;border-radius:10px}
.strata-message-actions .ui91-icon{width:18px;height:18px;transition:transform .18s,fill .18s}
.public-page .strata-console .strata-message-actions button[aria-busy=true] .ui91-icon{opacity:.5;transform:scale(.88)}
.public-page .strata-console .strata-message-actions button[aria-pressed=true] .ui91-icon{fill:color-mix(in srgb,var(--accent) 24%,transparent);transform:scale(1.08)}
.public-page .strata-console .strata-message-actions button[data-done=true] .ui91-icon{animation:strata-action-confirm .25s ease-out}
@keyframes strata-action-confirm{from{transform:scale(.65);opacity:.4}to{transform:scale(1);opacity:1}}
.public-page .strata-console .strata-message-actions button:hover,.public-page .strata-console .strata-console-head .strata-new-assessment:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);box-shadow:none;filter:none;transform:none}
.public-page .strata-console .strata-console-head .strata-new-assessment{border-radius:10px;padding:8px 10px}
.public-page .strata-console .strata-message-actions button:is([aria-pressed=true],[data-done=true]){color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.strata-clipboard{position:fixed;inset:0 auto auto 0;width:1px;height:1px;opacity:0}
.strata-report-download{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;min-height:46px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:14px;text-decoration:none}.strata-file-type{margin-inline-start:auto;font-size:10px;letter-spacing:.08em}

/* Blur the light first, then cover its center on a separate surface. No mask clips the halo. */
@property --strata-orbit{syntax:"<angle>";initial-value:0deg;inherits:false}
.strata-console::before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:-2;background:conic-gradient(from var(--strata-orbit),transparent 0deg,var(--strata-neon) 45deg,var(--strata-violet) 100deg,transparent 150deg,transparent 180deg,var(--strata-neon) 225deg,var(--strata-violet) 280deg,transparent 330deg,transparent 360deg);filter:blur(14px);opacity:var(--strata-glow);animation:strata-orbit var(--strata-speed) linear infinite;transition:opacity .45s,filter .45s,inset .45s}
.strata-console::after{content:"";position:absolute;inset:0;border:0;border-radius:inherit;pointer-events:none;z-index:-1;background:var(--panel)}
html[dir=rtl] .strata-console::before{animation-direction:reverse}
html[data-theme=light] .strata-console{--strata-glow:.24;box-shadow:0 0 16px #39ffe61b,0 0 28px #b454ff1f}
/* Receiving: cyan/blue. Processing: STRATA turquoise/violet. Boundaries: warm risk tones. */
html .strata-console[data-state=sending]{--strata-neon:#00c6ff;--strata-violet:#99f5f8;--strata-glow:.9;--strata-speed:4s;box-shadow:0 0 28px #00c6ff66,0 0 48px #99f5f854}
html .strata-console[data-state=thinking]{--strata-neon:#39ffe6;--strata-violet:#b454ff;--strata-glow:1;--strata-speed:3.6s;box-shadow:0 0 38px #39ffe678,0 0 68px #b454ff78;animation:strata-thinking-light 2.4s ease-in-out infinite}
html .strata-console:is([data-state=sending],[data-state=thinking])::before{inset:-6px;filter:blur(22px)}
.strata-console[data-state=sending] [data-chat-send]{opacity:1;background:var(--accent);box-shadow:0 0 20px #00c6ff59}
.strata-console:is([data-state=sending],[data-state=thinking]) .strata-compose-box{box-shadow:0 0 24px color-mix(in srgb,var(--strata-neon) 28%,transparent),0 0 40px color-mix(in srgb,var(--strata-violet) 20%,transparent)}
html .strata-console[data-state=complete]{--strata-glow:.55;--strata-neon:#39ffe6;--strata-violet:#99f5f8;box-shadow:0 0 24px #39ffe645,0 0 38px #99f5f828}
html .strata-console:is([data-state=out_of_scope],[data-state=abusive],[data-state=risk]){--strata-neon:#c96371;--strata-violet:#d99855;--strata-glow:.85;--strata-speed:9s;box-shadow:0 0 28px #c9637166,0 0 48px #d998553b}
html .strata-console:is([data-state=abusive],[data-state=risk]){--strata-violet:#c96371;--strata-glow:1}
html .strata-console:is([data-state=out_of_scope],[data-state=abusive],[data-state=risk])::before{filter:blur(20px);inset:-4px}
html .strata-console:is([data-state=error],[data-state=waiting]){--strata-neon:#d99855;--strata-violet:#d99855;--strata-glow:.35;box-shadow:0 0 18px #d998552b}
.strata-console[data-state=error] .strata-compose-box{box-shadow:0 0 22px #d9985540}
@keyframes strata-orbit{to{--strata-orbit:360deg}}
@keyframes strata-thinking-light{50%{box-shadow:0 0 44px #39ffe691,0 0 78px #b454ff8c,0 0 90px #884dff30}}

/* Quick starts share the application stage with the compact hero and conversation. */
.strata-starters{padding:24px;border:1px solid var(--line);border-radius:var(--strata-radius);background:var(--panel)}
.strata-starters>header{margin-bottom:22px}.strata-starters>header>p{color:var(--muted);line-height:1.9;margin:0;font-size:14px}
.strata-starters h2{font-size:24px;margin-top:0}.strata-starter-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.strata-layer{display:block;color:var(--text);border:1px solid var(--line);border-radius:var(--strata-inner-radius);padding:16px;background:var(--panel);text-decoration:none;transition:border-color .18s,background-color .18s,transform .18s}
.strata-layer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.strata-layer-head>.ui91-icon{width:16px;height:16px;color:var(--accent)}
.strata-layer h3{font-size:17px;line-height:1.6;margin:10px 0 5px}.strata-layer p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}
.strata-prompt:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));transform:translateY(-3px)}
html[dir=rtl] .strata-prompt .strata-layer-head>.ui91-icon{transform:scaleX(-1)}
.strata-about>header{margin-bottom:24px}.strata-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.strata-about-grid>article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}
.strata-about h3{font-size:20px;line-height:1.7;margin:16px 0 8px}.strata-about p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 16px}
.strata-about details{border-top:1px solid var(--line);padding-top:12px}.strata-about summary{display:flex;justify-content:space-between;cursor:pointer;color:var(--accent);font-size:14px;list-style:none;min-height:40px;align-items:center}.strata-about summary::-webkit-details-marker{display:none}.strata-about details[open] summary span{transform:rotate(45deg)}.strata-about details p{margin:12px 0 0}
@media(max-width:1000px){.strata-workbench{grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:16px}.strata-starters{padding:18px;}.strata-about-grid{gap:12px}.strata-about-grid>article{padding:18px}}
@media(max-width:767px){.strata-transcript:has(>.strata-chat-welcome:not([hidden])){min-block-size:280px}.strata-starters{padding-block-end:18px}.strata-workbench{grid-template-columns:1fr}.strata-chat-page{--strata-radius:20px;--strata-frame-space:6px}.strata-console{order:-1;contain:none;min-block-size:0}.strata-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strata-chat-page>section{margin-bottom:36px}.strata-console-head{padding:12px;flex-wrap:wrap;border-radius:var(--strata-inner-radius)}.strata-composer{padding:4px 12px 14px;border-radius:0 0 var(--strata-inner-radius) var(--strata-inner-radius)}.strata-transcript{flex:none;height:auto;max-height:clamp(300px,52dvh,480px);padding:16px;gap:18px}.strata-message{font-size:15px}.strata-message[data-role=user]{max-width:96%}.strata-about-grid{grid-template-columns:1fr}.strata-layer{padding:16px}.strata-layer h3{font-size:17px}.strata-upload-item button{min-width:44px;min-height:44px}.public-page .strata-console .strata-message-actions button{width:44px;height:44px}}
@media(max-width:420px){.strata-starter-grid{grid-template-columns:1fr}.strata-compose-row{gap:4px}.strata-agent{gap:8px}.strata-agent strong{font-size:14px}.strata-console-head button{padding:6px}}
@media(prefers-reduced-motion:reduce){.strata-chat-page *,.strata-console::before,.strata-console::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.public-page .strata-console :is(button,a):focus-visible{outline:none;background-color:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 38%,transparent)}
.public-page .strata-console [data-chat-send]:focus-visible{background:var(--accent);color:var(--ink);box-shadow:0 0 26px color-mix(in srgb,var(--accent) 60%,transparent)}

.public-page .strata-console .strata-console-head .strata-new-assessment:focus-visible{outline:none;box-shadow:none;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--text)}

@media(prefers-reduced-motion:reduce){.strata-chat-welcome .strata-wave-hand{opacity:1;transform:rotate(-8deg)}}

/* Each message follows its own text, including Arabic typed in an English session. */
.strata-message{direction:inherit;text-align:start}
.strata-message[dir=rtl]{direction:rtl}
.strata-message[dir=ltr]{direction:ltr}
.strata-message[data-role=user][dir=rtl]{margin-left:auto;margin-right:0}
.strata-message[data-role=user][dir=ltr]{margin-left:0;margin-right:auto}
/* The composer follows the page language, including its empty placeholder. */
.strata-composer textarea[dir=rtl]{direction:rtl;text-align:right;unicode-bidi:normal}
.strata-composer textarea[dir=ltr]{direction:ltr;text-align:left;unicode-bidi:normal}
.strata-composer textarea::placeholder{text-align:inherit}

/* The original full hero remains. The workbench overlaps only its lower image area. */
.public-page .strata-chat-page{padding-block-start:clamp(14px,2vw,28px);padding-block-end:36px}
.strata-generator{position:relative;border:0;border-radius:32px;padding:clamp(14px,2vw,24px);background:color-mix(in srgb,var(--panel) 45%,transparent)}
.strata-workbench{grid-template-columns:minmax(230px,.9fr) minmax(0,2fr);gap:clamp(16px,2vw,26px)}
.strata-starters{border:0;background:transparent;padding:0}
.strata-starters>header{margin-bottom:16px}.strata-starters h2{font-size:21px;margin:0 0 8px;line-height:1.5}.strata-starters>header>p{font-size:13px;line-height:1.8}
.strata-starter-grid{gap:10px}.strata-layer{border:0;padding:13px 15px;background:color-mix(in srgb,var(--panel) 84%,var(--bg));border-radius:18px}
.strata-layer h3{font-size:15px;margin:8px 0 3px}.strata-layer p{font-size:12px;line-height:1.7}
.strata-layer-icon{inline-size:32px;block-size:32px;border-radius:11px}
.strata-console{min-block-size:clamp(560px,72dvh,760px)}
.strata-console-head{padding:14px 18px}.strata-transcript{padding:18px}.strata-composer{padding:6px 18px 14px}
.strata-compose-tools{display:flex;justify-content:flex-end;padding:0 3px 4px}
.public-page .strata-console .strata-compose-expand{display:grid;place-items:center;inline-size:36px;block-size:36px;min-height:36px;padding:8px;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--muted);transition:background-color .2s,color .2s;filter:none;transform:none}
.strata-compose-expand svg{inline-size:19px;block-size:19px}
.public-page .strata-console .strata-compose-expand:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:none;filter:none;transform:none}
.strata-composer.is-writing-expanded textarea{max-height:none}
.strata-chat-page>section{margin-block-end:36px}
@media(max-width:900px){.strata-workbench{grid-template-columns:minmax(205px,.85fr) minmax(0,1.65fr)}.strata-generator{padding:16px}.strata-console-head{padding:12px}.strata-composer{padding-inline:12px}}
@media(max-width:767px){.strata-chat-page{padding-inline:12px}.strata-generator{padding:12px;border-radius:26px}.strata-workbench{grid-template-columns:minmax(0,1fr);gap:20px}.strata-console{min-block-size:0;order:0}.strata-starters{padding:0;order:1}.strata-starters>header{margin-bottom:12px}.strata-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.strata-layer{padding:12px}.strata-layer h3{font-size:14px}.strata-layer p{font-size:12px}.strata-compose-expand{touch-action:manipulation}.public-page .strata-console .strata-compose-expand{inline-size:44px;block-size:44px}.strata-transcript{max-height:clamp(280px,46dvh,430px)}}
@media(max-width:380px){.strata-starter-grid{grid-template-columns:1fr}}

.public-page .ui91-hero-wide[data-hero-page=strata]{--strata-overlap:clamp(72px,7vw,104px);padding-block-end:calc(clamp(64px,8vw,128px) + var(--strata-overlap))}
.public-page .ui91-hero-wide[data-hero-page=strata]~.strata-chat-page{position:relative;z-index:2;margin-block-start:calc(-1 * clamp(72px,7vw,104px));padding-block-start:0;overflow:visible}
.public-page .strata-generator{background:transparent;padding-block-start:0}
.strata-starters>header{padding:18px;border-radius:20px;background:var(--panel)}
.strata-starters>header>.strata-starters-intro{margin:0 0 6px;color:var(--muted);font-size:14px}
.strata-starters>header>h2{margin:0;font-size:21px;line-height:1.5}
@media(max-width:767px){.public-page .ui91-hero-wide[data-hero-page=strata]{--strata-overlap:36px;padding-block-end:96px}.public-page .ui91-hero-wide[data-hero-page=strata]~.strata-chat-page{margin-block-start:-36px}.strata-starters>header{padding:14px}}

/* Align the full starter stack to the console, including its bottom control.
   The separate suggestions row cannot change the height of either column. */
.strata-starters{display:flex;flex-direction:column;gap:12px;align-self:stretch;margin:0;padding:0}
.strata-starters>header{margin:0}
.strata-starter-grid{flex:1 0 auto;grid-auto-rows:minmax(min-content,1fr)}
.strata-more-starters{grid-column:1/-1;order:2;align-self:start;margin:0;border:0;padding:0;background:transparent}
.public-page .strata-chat-page .strata-more-toggle{display:flex;align-items:center;justify-content:center;gap:10px;inline-size:100%;max-inline-size:100%;min-height:48px;flex:none;padding:10px 18px;margin:0;list-style:none;cursor:pointer;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);backdrop-filter:blur(14px);color:var(--accent);font:inherit;font-size:14px;font-weight:500}
.strata-more-symbol{font-size:24px;line-height:1;transition:transform .18s ease}
.strata-more-toggle[aria-expanded=true] .strata-more-symbol{transform:rotate(45deg)}
.strata-extra-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block-start:0;max-block-size:none;overflow:visible}
.strata-extra-prompt{--strata-suggestion-tone:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 18px;border:0;border-radius:20px;background:color-mix(in srgb,var(--strata-suggestion-tone) 13%,var(--panel));color:var(--text);text-decoration:none;font-size:14px;line-height:1.8;text-align:start;overflow-wrap:anywhere;transition:background-color .18s ease,box-shadow .18s ease}
.strata-extra-prompt:nth-child(even){--strata-suggestion-tone:#b454ff}
.strata-extra-prompt svg{inline-size:18px;block-size:18px;flex:none}
.public-page .strata-chat-page .strata-more-toggle:hover{background:color-mix(in srgb,var(--accent) 19%,transparent)}
.strata-extra-prompt:hover{background:color-mix(in srgb,var(--strata-suggestion-tone) 21%,var(--panel))}
.public-page .strata-chat-page .strata-more-toggle:focus-visible,.strata-extra-prompt:focus-visible{outline:0;box-shadow:0 0 12px 3px color-mix(in srgb,var(--accent) 35%,transparent)}
@media(max-width:900px){.strata-extra-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.strata-extra-prompts{grid-template-columns:minmax(0,1fr);gap:10px}.strata-extra-prompt{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.strata-more-symbol,.strata-extra-prompt{transition:none}}
@media(forced-colors:active){.public-page .strata-chat-page .strata-more-toggle:focus-visible,.strata-extra-prompt:focus-visible{outline:2px solid Highlight;outline-offset:3px}}