.eleven-home .announcement,.eleven-home .hero-quicklinks { display: none; }
.eleven-home .hero { padding-top: 76px; }
.eleven-home .hero-story { display: block; max-width: 940px; margin: 0 auto 42px; text-align: center; }
.eleven-home .hero h1 { font-size: clamp(44px,5.3vw,74px); letter-spacing: -.066em; font-weight: 500; line-height: 1.04; }
.eleven-home .hero-promise { font-size: 17px; max-width: 640px; margin: 24px auto; line-height: 1.6; color: var(--muted); }
.eleven-home .hero-copy { display: none; }
.eleven-home .model-attribution { display: flex; margin: 22px auto 0; justify-content: center; }
.eleven-home .hero-demo { max-width: 950px; border-radius: 28px; padding: 0; background: var(--bg); position: relative; border-color: var(--line); box-shadow: 0 18px 80px #6b647c10; transition: box-shadow .5s,border-color .5s; }
.eleven-home .hero-demo::before { content: ''; position: absolute; inset: -7px; border-radius: 33px; background: linear-gradient(135deg,#c2bbdd55,#e8b6b144,#f6c98966); z-index: -1; transition: background .5s; }
.eleven-home .hero-demo[data-mood="sunset"]::before { background: linear-gradient(135deg,#a8c0c8aa,#f7d19377,#c7684477); }
.eleven-home .hero-demo[data-mood="forest"]::before { background: linear-gradient(135deg,#b5d2d6aa,#92a36e66,#467e5666); }
.eleven-home .hero-demo[data-mood="ocean"]::before { background: linear-gradient(135deg,#b2c3dbaa,#b6c9b577,#899cc677); }
.eleven-home .demo-view-tabs { padding: 7px; gap: 5px; border-bottom: 1px solid var(--line); border-radius: 27px 27px 0 0; background: var(--soft); }
.eleven-home .demo-view-tabs button { justify-content: center; border-radius: 20px; font-size: 13px; min-height: 46px; padding: 10px 12px; }
.eleven-home .demo-view-tabs button[aria-selected="true"] { background: var(--bg); box-shadow: 0 1px 7px #0000000d; }
.eleven-home .demo-view-tabs button::after { display: none; }
#manager-builder { padding: 28px 32px; }
.builder-heading { text-align: center; }
.builder-heading h3 { margin: 9px 0; font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
.builder-heading p { color: var(--muted); font-size: 12px; margin: 0; }
.voice-carousel { display: grid; grid-template-columns: 35px 1fr 35px; align-items: center; max-width: 630px; margin: 28px auto 0; gap: 8px; }
#voice-orbs { display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: center; gap: 28px; }
.voice-option { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.voice-option:not(.is-selected) { opacity: .55; }
.voice-orb { width: 100%; aspect-ratio: 1; border: none; border-radius: 50%; cursor: pointer; position: relative; overflow: hidden; background: radial-gradient(ellipse at 55% 32%,#ffffffaa,transparent 28%),radial-gradient(ellipse at 30% 15%,var(--orb-a),transparent 52%),radial-gradient(ellipse at 75% 65%,var(--orb-b),transparent 56%),linear-gradient(145deg,var(--orb-a),var(--orb-b) 60%,var(--orb-c)); box-shadow: inset 5px 10px 20px #ffffff2a,inset -8px -14px 26px #00000022; }
.voice-orb::before,.gradient-card::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; opacity: .48; pointer-events: none; }
.voice-orb span { position: relative; display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; color: #161714; background: #fff; border-radius: 100%; box-shadow: 0 2px 8px #0001; font-size: 14px; }
.voice-orb[data-playing="true"] span { animation: voice-sample-pulse 1.3s infinite; }
.voice-choice { font: inherit; font-size: 14px; background: none; border: 0; cursor: pointer; color: var(--ink); }
.voice-choice[aria-pressed="true"]::after { content: ' ✓'; font-size: 11px; }
.voice-nav { color: var(--muted); background: none; border: 0; font-size: 27px; cursor: pointer; width: 35px; height: 48px; }
.voice-preview-status { text-align: center; color: var(--muted); font-size: 11px; min-height: 17px; margin: 18px 0; }
.all-voices { max-width: 630px; margin: 0 auto 24px; border-block: 1px solid var(--line); }
.all-voices summary,.manager-approval-rules summary,.advanced-business summary { cursor: pointer; font-size: 12px; padding: 12px 0; }
.all-voices summary span,.manager-approval-rules summary span { float: right; color: var(--muted); }
#all-voice-options { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
#all-voice-options button,.goal-shortcuts button { font: inherit; font-size: 11px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 100px; color: var(--ink); background: var(--bg); cursor: pointer; }
#all-voice-options button[aria-pressed="true"] { color: var(--bg); background: var(--ink); border-color: var(--ink); }
#manager-config-form { max-width: 700px; margin: 0 auto; }
#manager-config-form label { display: block; font-size: 12px; color: var(--ink); }
#manager-config-form label > span { color: var(--muted); }
#manager-config-form input:not([type="radio"]),#manager-config-form textarea { width: 100%; color: var(--ink); background: var(--soft); border: 1px solid var(--line); border-radius: 12px; font: inherit; font-size: 13px; padding: 13px 14px; margin: 8px 0 14px; }
.manager-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.goal-shortcuts { display: flex; gap: 6px; flex-wrap: wrap; margin: -3px 0 20px; }
.manager-autonomy { border: 0; margin: 0; padding: 0; }
.manager-autonomy legend { font-size: 12px; padding: 0; margin-bottom: 9px; }
.manager-autonomy > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.manager-autonomy label { border: 1px solid var(--line); border-radius: 12px; padding: 12px; display: flex !important; align-items: start; gap: 9px; cursor: pointer; }
.manager-autonomy label:has(:checked) { background: var(--soft); border-color: #a1ad90; }
.manager-autonomy input { accent-color: #5d7359; margin: 2px 0; }
.manager-autonomy label > span { color: var(--ink) !important; font-size: 12px; }
.manager-autonomy small { color: var(--muted); font-size: 10px; display: block; margin-top: 5px; }
.manager-approval-rules { margin-top: 9px; }
.manager-approval-rules p { font-size: 11px; color: var(--muted); margin: -5px 0 16px; }
.builder-bottom { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-top: 12px; }
.builder-bottom p { font-size: 11px; line-height: 1.6; margin: 0; }
.builder-bottom p span { color: var(--muted); }
#manager-save-status { font-size: 12px; margin: 12px 0 0; color: var(--muted); }
.advanced-business { padding: 0 32px 20px; border-top: 1px solid var(--line); }
.advanced-business .experience-start { padding: 14px 0; }
.advanced-business .experience-controls { padding: 12px 0; }
.conversation-person strong { display: block; }
#change-manager { font: inherit; font-size: 10px; background: none; border: 0; color: var(--muted); text-decoration: underline; padding: 3px 0; cursor: pointer; }
.eleven-home .prompt-selectors > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.eleven-home .prompt-selectors button { border-radius: 12px; text-align: center; font-size: 12px; padding: 15px 8px; display: flex; flex-direction: column; align-items: center; gap: 9px; background: var(--soft); }
.prompt-selectors button svg { width: 23px; height: 23px; }
.eleven-home .crm-chatkit-panel { padding: 20px; }
.gradient-highlights { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin: 60px auto 80px; }
.gradient-card { position: relative; overflow: hidden; min-height: 320px; padding: 30px; border-radius: 28px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #fff; }
.gradient-card strong { position: relative; z-index: 1; font-weight: 400; font-size: 34px; letter-spacing: -.04em; line-height: 1.14; }
.gradient-card p { position: relative; z-index: 1; font-size: 12px; margin: 18px 0 0; line-height: 1.6; }
.gradient-lavender { background: radial-gradient(ellipse at 25% 5%,#b1b4d4,transparent 70%),radial-gradient(ellipse at 55% 90%,#ffad65,transparent 52%),linear-gradient(140deg,#aa95ad,#c58f98 58%,#ee824d); }
.gradient-sunset { background: radial-gradient(ellipse at 80% 0%,#819fa8,transparent 70%),radial-gradient(ellipse at 0% 45%,#ffc776,transparent 60%),linear-gradient(175deg,#bbc2b8,#ca7150 66%,#341c2a); }
.gradient-forest { background: radial-gradient(ellipse at 20% 0%,#b8d1d8,transparent 60%),radial-gradient(ellipse at 50% 35%,#a9bd91,transparent 50%),linear-gradient(175deg,#8fb2b9,#48622e 55%,#123b22); }
.geometry-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 60px; }
.geometry-card { border: 1px solid var(--line); background: var(--soft); border-radius: 28px; padding: 28px; }
.geometry-card svg { display: block; width: 100%; height: 220px; color: var(--ink); }
.geometry-card h3 { font-size: 22px; font-weight: 500; letter-spacing: -.03em; margin: 20px 0 10px; }
.geometry-card p { font-size: 14px; line-height: 1.6; color: var(--muted); }
.phone-demo-form input { width: 100%; }
.phone-demo-form .request-note { font-size: 11px; }
.phone-demo-form .call-availability { font-size: 12px; color: var(--muted); margin: 4px 0 16px; }
@keyframes voice-sample-pulse { 50% { box-shadow: 0 0 0 8px #ffffff28; } }
@media(max-width:720px) { .eleven-home .hero { padding-top: 42px; } .eleven-home .hero-story { margin-bottom: 26px; } .eleven-home .hero-promise { font-size: 15px; margin-top: 19px; } #manager-builder { padding: 24px 18px; } .builder-heading h3 { font-size: 23px; } .voice-carousel { gap: 2px; grid-template-columns: 28px 1fr 28px; } #voice-orbs { gap: 16px; } .voice-orb span { width: 32px; height: 32px; font-size: 12px; } .voice-choice { font-size: 12px; } .manager-fields { grid-template-columns: 1fr; gap: 0; } .manager-autonomy > div { gap: 5px; } .manager-autonomy label { padding: 10px 7px; gap: 5px; } .manager-autonomy label > span { font-size: 10px; } .manager-autonomy small { font-size: 9px; } .builder-bottom { align-items: end; gap: 10px; } .builder-bottom .button { padding: 12px 17px; font-size: 12px; } .builder-bottom p { font-size: 9px; } .advanced-business { padding-inline: 18px; } .eleven-home .demo-view-tabs button { font-size: 11px; padding: 10px 7px; } .eleven-home .crm-chatkit-panel { padding: 14px; } .eleven-home .prompt-selectors > div { grid-template-columns: repeat(2,1fr); } .gradient-highlights,.geometry-cards { grid-template-columns: 1fr; } .gradient-highlights { gap: 12px; margin-block: 40px; } .gradient-card { min-height: 240px; } .geometry-card svg { height: 190px; } }
@media(prefers-reduced-motion:reduce) { .voice-orb[data-playing="true"] span { animation: none; } .eleven-home .hero-demo,.eleven-home .hero-demo::before { transition: none; } }

.demo-usage-notice{margin:16px 22px 22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.demo-usage-notice[hidden]{display:none}.demo-usage-notice h3{font-size:20px;margin:0 0 8px}.demo-usage-notice p{font-size:14px;line-height:1.6;margin:0 0 8px;color:var(--muted)}.demo-usage-notice small{display:block;margin:8px 0 12px;color:var(--muted)}.demo-usage-notice button{border:0;border-radius:999px;padding:12px 20px;background:var(--ink);color:var(--bg);font:inherit;cursor:pointer}#demo-security-check{padding:8px 22px;scroll-margin-top:90px}