/* CAS Site Polish: sharp text, image clarity, mobile presentation */
:root{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;--cas-blue:#72deea;--cas-pink:#ed84d7;--cas-glow:rgba(255,212,102,.28)}
body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.flow-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(8,8,8,.94),rgba(8,8,8,.68));border-bottom:1px solid rgba(255,255,255,.07)}
.flow-brand{color:var(--gold-light);text-shadow:0 0 1rem rgba(255,212,102,.12)}
.flow-card,.flow-chat,.flow-output,.flow-step{position:relative;overflow:hidden}
.flow-card h1,.flow-output h2,.flow-output h3,.flow-chat h3{text-wrap:balance}
.preview-frame{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(18rem,48vw,34rem);background:linear-gradient(135deg,rgba(255,212,102,.08),transparent 26%),radial-gradient(circle at 75% 18%,rgba(114,222,234,.12),transparent 18rem),rgba(0,0,0,.32)}
.preview-frame:after{content:"CAS Preview • Sharp Text";position:absolute;left:.8rem;bottom:.8rem;z-index:2;padding:.42rem .62rem;border:1px solid rgba(255,212,102,.42);border-radius:999px;color:#fff8df;background:rgba(8,8,12,.78);font-size:.62rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.8)}
.preview-frame img,.cas-image,.cas-card-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:.9rem;image-rendering:auto}
.preview-frame img{max-height:min(72vh,680px);object-fit:contain}
.cas-crisp-label,.cas-image-label,.cas-resolution-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .62rem;border:1px solid rgba(255,212,102,.42);border-radius:999px;color:#fff8df;background:rgba(8,8,12,.82);font-size:.66rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.cas-resolution-badge{color:#160e00;background:linear-gradient(135deg,var(--gold-light),var(--gold));border:0}
.flow-chat textarea:focus,.flow-chat input:focus,.flow-chat select:focus{outline:none;border-color:rgba(255,212,102,.62);box-shadow:0 0 0 3px rgba(255,212,102,.11)}
.button{min-height:2.75rem;-webkit-tap-highlight-color:transparent}
@media(max-width:640px){.flow-shell{width:min(100% - 1rem,1180px)}.flow-card,.flow-chat,.flow-output,.flow-step{padding:1rem;border-radius:.95rem}.flow-card h1{font-size:clamp(2.25rem,13vw,4.1rem)}.preview-frame{min-height:22rem}.preview-frame:after{max-width:calc(100% - 1.6rem);white-space:normal;line-height:1.25}}