/* ElynosAI AI Specialist Studio – interactive, responsive and comprehensible. */
.ai-specialists .studio-hero-preview{position:relative;background:linear-gradient(145deg,#102f50e8,#072338f5);border:1px solid #a4e8ea80;box-shadow:0 25px 85px #0008,inset 0 0 60px #3bd6d01f;border-radius:25px;min-height:410px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}
.ai-specialists .studio-hero-preview:before{content:'';position:absolute;inset:10% 15%;z-index:-1;background:radial-gradient(circle,#23ead74d,transparent 70%);filter:blur(24px)}
.ai-specialists .studio-preview-top,.ai-specialists .studio-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a4dbe1;letter-spacing:.09em;text-transform:uppercase}
.ai-specialists .studio-preview-top{border-bottom:1px solid #bce7ef29;padding-bottom:18px}.ai-specialists .studio-led,.ai-specialists .studio-preview-bottom i{display:inline-block;background:#70f0d8;box-shadow:0 0 15px #70f0d8;width:8px;height:8px;border-radius:50%;margin-right:8px}
.ai-specialists .studio-preview-core{display:grid;grid-template-columns:1fr 1.17fr 1fr;align-items:center;gap:10px;padding:42px 0}
.ai-specialists .studio-preview-node{padding:16px;background:#ffffff12;border:1px solid #91e2e558;border-radius:12px;min-height:105px;display:grid;align-content:center;gap:5px}
.ai-specialists .studio-preview-node small{font-size:9px;color:#80eade}.ai-specialists .studio-preview-node strong{font-size:13px;color:white;line-height:1.4}.ai-specialists .studio-preview-node span{font-size:10px;color:#b4d9df}
.ai-specialists .studio-preview-center{padding:25px 10px;border:1px solid #c5faf8bd;border-radius:22px;background:#14b9b627;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 0 35px #09c5c54a}
.ai-specialists .studio-preview-center img{max-width:62px}.ai-specialists .studio-preview-center strong{font-size:12px;letter-spacing:.1em}.ai-specialists .studio-preview-center span{font-size:10px;color:#b1e3e5}
.ai-specialists .studio-builder-section{background:linear-gradient(180deg,#e9f6f8,#f5fafb);padding:clamp(75px,9vw,125px) 0}
.ai-specialists .studio-builder-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:25px;margin-bottom:37px}
.ai-specialists .studio-builder-heading>div{max-width:720px}
.ai-specialists .studio-builder-heading h2{font-size:clamp(2.7rem,4.6vw,5.2rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0 20px}
.ai-specialists .studio-builder-heading p:not(.eyebrow){color:#476a7b}
.ai-specialists .studio-step-mark{font-size:11px;font-weight:800;letter-spacing:.1em;color:#21536b;display:flex;gap:10px;align-items:center}.ai-specialists .studio-step-mark span{font-weight:900;color:#008d84}.ai-specialists .studio-step-mark .studio-arrow{font-weight:400;color:#7e9aa4}
.ai-specialists .studio-builder-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:22px}
.ai-specialists .studio-builder-controls{background:white;border:1px solid #c8e1e6;border-radius:22px;padding:clamp(22px,3.4vw,43px);box-shadow:0 12px 40px #104d6520}
.ai-specialists .studio-control-group{border:0;border-bottom:1px solid #dae7ec;margin:0 0 30px;padding:0 0 28px}
.ai-specialists .studio-control-group legend{font-size:18px;line-height:1.4;font-weight:800;color:#123d58;padding:0;margin-bottom:15px}
.ai-specialists .studio-number{display:inline-grid;place-items:center;background:#e0f8f4;color:#00796e;border-radius:10px;padding:5px;font-size:12px;min-width:34px;height:32px;margin-right:10px}
.ai-specialists .studio-control-group>label{font-size:13px;font-weight:700;color:#385b70;display:block;margin:0 0 10px}
.ai-specialists #studio-business,.ai-specialists #studio-integrations{width:100%;border:1px solid #a3cbd3;border-radius:11px;padding:14px;font:inherit;background:#fafeff;color:#13354b;resize:vertical}
.ai-specialists #studio-business{min-height:130px}.ai-specialists #studio-integrations{min-height:47px}
.ai-specialists .studio-hint{font-size:12px;color:#577787;margin-top:9px}
.ai-specialists .studio-control-group>p{font-size:13px;color:#587585;margin-bottom:15px}
.ai-specialists .studio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ai-specialists .studio-options label,.ai-specialists .studio-review-options label{display:flex;gap:11px;align-items:start;padding:14px;min-height:86px;cursor:pointer;border:1px solid #c5dce4;border-radius:13px;background:#f8fcfc}
.ai-specialists .studio-options label:has(input:checked),.ai-specialists .studio-review-options label:has(input:checked){border-color:#008c83;background:#e3f7f4;box-shadow:0 0 0 1px #008c83}
.ai-specialists .studio-options input,.ai-specialists .studio-review-options input,.ai-specialists .studio-chip-options input{accent-color:#007f78;margin-top:4px;width:18px;height:18px;flex:0 0 18px}
.ai-specialists .studio-options strong,.ai-specialists .studio-review-options strong{display:block;font-size:13px;color:#153d54}
.ai-specialists .studio-options small,.ai-specialists .studio-review-options small{display:block;font-size:11px;line-height:1.6;color:#527487;margin-top:4px}
.ai-specialists .studio-chip-options{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.ai-specialists .studio-chip-options label{display:flex;gap:7px;align-items:center;border:1px solid #bfd7df;background:#f9fcfd;padding:9px 12px;border-radius:100px;cursor:pointer;font-size:12px;font-weight:700}
.ai-specialists .studio-chip-options label:has(input:checked){background:#e2f6f2;border-color:#008d83}
.ai-specialists .studio-chip-options input{width:16px;height:16px;margin:0}
.ai-specialists .studio-review-options{display:grid;gap:9px}.ai-specialists .studio-review-options label{min-height:65px}
.ai-specialists .studio-control-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ai-specialists .studio-control-actions .studio-hint{flex:1 0 100%}
.ai-specialists .studio-output{position:sticky;top:92px;border-radius:24px;border:1px solid #76c7d3;background:radial-gradient(ellipse at 50% 18%,#154b64,#0a243c 78%);color:#f5ffff;padding:clamp(20px,2.7vw,34px);box-shadow:0 23px 58px #0c36523f}
.ai-specialists .studio-output-header{display:flex;align-items:start;justify-content:space-between;gap:15px}.ai-specialists .studio-output-header h3{font-size:24px;color:white;margin:8px 0}
.ai-specialists .studio-output-header .eyebrow{color:#76e3da}
.ai-specialists .studio-concept-tag{font-size:10px;letter-spacing:.04em;color:#b8f1e6;border:1px solid #83ddcf8f;border-radius:100px;padding:7px 10px;text-align:center}
.ai-specialists .studio-diagram{position:relative;display:grid;gap:17px;justify-items:center;text-align:center;padding:30px 0 25px}
.ai-specialists .studio-diagram:before{content:'';position:absolute;top:15%;bottom:13%;width:1px;background:linear-gradient(#55dcd4,transparent,#55dcd4);opacity:.65}
.ai-specialists .studio-diagram-node{position:relative;z-index:1;border:1px solid #8ed7d985;border-radius:12px;padding:12px 22px;min-width:72%;background:#123f5b}
.ai-specialists .studio-diagram-node span{display:block;font-size:9px;color:#8feadd;letter-spacing:.14em;margin-bottom:5px}
.ai-specialists .studio-diagram-node strong{font-size:12px;color:white}
.ai-specialists .studio-diagram-main{z-index:2;position:relative;display:grid;justify-items:center;gap:8px;min-width:62%;padding:20px;border:1px solid #abf6e7;border-radius:20px;background:#13bca431;box-shadow:0 0 43px #39d9d44d}
.ai-specialists .studio-diagram-main img{width:55px}.ai-specialists .studio-diagram-main strong{font-size:13px;letter-spacing:.1em}
.ai-specialists .studio-diagram-main small{font-size:11px;color:#bde9ed}
.ai-specialists .studio-brief-preview{border-top:1px solid #a4e1e04d;padding:10px 0}
.ai-specialists .studio-brief-preview h4{font-size:12px;margin:17px 0 9px;color:#92e9dd;text-transform:uppercase;letter-spacing:.1em}
.ai-specialists .studio-tags{display:flex;flex-wrap:wrap;gap:7px}.ai-specialists .studio-tags span{display:inline-flex;border:1px solid #acdce155;background:#ffffff0c;padding:6px 10px;border-radius:100px;font-size:11px;color:#e1f8fb}
.ai-specialists #studio-priority-preview{font-size:12px;line-height:1.7;color:#e1f4f6;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-specialists .studio-output-note{border:1px solid #6accce55;background:#ffffff0a;border-radius:12px;padding:14px;font-size:12px;line-height:1.7;color:#d0e8ed;margin:10px 0 22px}
.ai-specialists .studio-output-note strong{color:#9ef2e5}
.ai-specialists .studio-output>#studio-forward{width:100%}
@media(max-width:1100px){.ai-specialists .studio-builder-grid{grid-template-columns:1fr}.ai-specialists .studio-output{position:static}.ai-specialists .studio-hero-preview{min-height:320px}}
@media(max-width:650px){.ai-specialists .studio-options{grid-template-columns:1fr}.ai-specialists .studio-hero-preview{min-height:300px;padding:17px}.ai-specialists .studio-preview-core{gap:6px}.ai-specialists .studio-preview-node{padding:9px;min-height:90px}.ai-specialists .studio-preview-node strong{font-size:10px}.ai-specialists .studio-preview-node span{font-size:9px}.ai-specialists .studio-preview-center{padding:15px 6px}.ai-specialists .studio-preview-center img{width:40px}.ai-specialists .studio-preview-center strong{font-size:9px}.ai-specialists .studio-preview-bottom{font-size:8px}.ai-specialists .studio-builder-controls,.ai-specialists .studio-output{padding:20px}}
@media(prefers-reduced-motion:reduce){.ai-specialists .studio-builder-section *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}