.ai-experience{display:grid;grid-template-columns:.85fr 1.6fr;padding:0;margin-top:45px;margin-bottom:60px;border:1px solid #cce2e5;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#c6e8e7 0,transparent 52%),linear-gradient(125deg,#f1fafb,#fdfdf8);box-shadow:0 24px 70px #2153610b;color:#164756}
.ai-experience-intro{padding:48px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #cde3e4;background:linear-gradient(145deg,#e6f5f7a8,#d5efed70)}
.ai-experience-intro :is(h1,h2){font-family:Manrope,sans-serif;font-size:clamp(32px,3.2vw,49px);line-height:1.16;letter-spacing:-.055em;margin:28px 0 22px;color:#164756}
.ai-experience-intro>p{font-size:16px;line-height:1.8;color:#4e707b;margin:0;max-width:350px}.ai-experience-intro .eyebrow{font-size:11px;letter-spacing:.17em;color:#117f91}
.ai-experience-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-scene{padding:35px 30px;background:#ffffff28}.ai-scene:nth-child(odd){border-right:1px solid #d3e5e5}.ai-scene:nth-child(-n+2){border-bottom:1px solid #d3e5e5}.ai-scene:nth-child(2){background:#f7f5e84d}.ai-scene:nth-child(3){background:#e6efef4d}
.ai-scene-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.ai-scene-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e2f2f3;color:#117f91;border:1px solid #cce4e7}.ai-scene:nth-child(2) .ai-scene-icon{background:#f4eedf;color:#9c7742;border-color:#e9dec6}.ai-scene-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ai-scene .feature-index{font-size:10px;color:#72929b;letter-spacing:.15em}
.ai-scene h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.04em;line-height:1.35;margin:23px 0 13px;color:#164756}.ai-scene p{font-size:14px;line-height:1.85;color:#526e79;margin:0}
.ai-orbit{position:relative;min-height:145px;margin:auto -10px 0;display:grid;place-items:center;isolation:isolate}.ai-orbit span{position:absolute;width:130px;height:130px;border:1px solid #80bdc14a;border-radius:50%;transform:rotate(-22deg) scaleX(1.45)}.ai-orbit span:nth-child(2){width:95px;height:95px;border-color:#80bdc175}.ai-orbit span:nth-child(3){width:60px;height:60px;background:#ffffff38}.ai-orbit svg{width:190px;fill:none;stroke:#168b9b;stroke-width:2;stroke-linecap:round;opacity:.65}
@media(max-width:1000px){.ai-experience{grid-template-columns:1fr}.ai-experience-intro{padding:32px;border-right:0;border-bottom:1px solid #cde3e4}.ai-experience-intro :is(h1,h2){max-width:620px;margin:20px 0 15px}.ai-experience-intro>p{max-width:600px}.ai-orbit{display:none}}
@media(max-width:600px){.ai-experience{margin-top:20px;margin-bottom:35px;border-radius:25px}.ai-experience-scenes{grid-template-columns:1fr}.ai-experience-intro{padding:28px 24px}.ai-experience-intro :is(h1,h2){font-size:34px}.ai-scene{padding:27px 24px}.ai-scene:nth-child(odd){border-right:0}.ai-scene:not(:last-child){border-bottom:1px solid #d3e5e5}.ai-scene h3{font-size:23px;margin-top:18px}}

/* A single compact product panel: introduction above four readable features. */
.ai-experience .ai-intro-copy{display:flex;flex-direction:column;gap:12px;align-self:center}.ai-experience .ai-intro-copy>p{font-size:14px;line-height:1.6;margin:0;max-width:490px;color:#4e707b}
.studio-edition .ai-experience{grid-template-columns:minmax(0,1fr);gap:0;padding:24px;background:radial-gradient(ellipse at 90% 0,#d7eeed,transparent 65%),linear-gradient(130deg,#f0f9fa,#f9fbf7);border-radius:28px;box-shadow:0 12px 36px #21536108}
.ai-experience .ai-experience-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:32px;row-gap:10px;padding:4px 8px 24px;border:0;background:none;overflow:visible;align-content:center}
.ai-experience .ai-experience-intro .eyebrow{grid-column:1;font-size:10px;letter-spacing:.15em;margin:0}
.ai-experience .ai-experience-intro :is(h1,h2){grid-column:1;font-size:clamp(27px,2.6vw,36px);line-height:1.17;letter-spacing:-.045em;margin:0;max-width:600px}
.ai-experience .ai-experience-intro>p{grid-column:1;max-width:490px;font-size:14px;line-height:1.6;margin:0}
.ai-experience .app-preview{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;max-width:365px;padding:0;margin:0;transform:none}
.ai-experience .app-preview img{border-radius:12px;border:1px solid #b9d8dd;box-shadow:0 8px 22px #245e7018}
.ai-experience .ai-experience-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.ai-experience .ai-scene{padding:18px;background:#ffffffbf;border:1px solid #d5e6e7;border-radius:17px;min-width:0}
.ai-experience .ai-scene::before{content:'';display:block;width:26px;height:3px;border-radius:3px;background:#198da0;margin-bottom:12px}
.ai-experience .ai-scene:nth-child(2)::before{background:#b8965c}.ai-experience .ai-scene:nth-child(3)::before{background:#709d91}.ai-experience .ai-scene:nth-child(4)::before{background:#6796b1}
.ai-experience .ai-scene h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px}
.ai-experience .ai-scene p{font-size:13px;line-height:1.65;margin:0;color:#496774}
@media(max-width:1100px){.ai-experience .ai-experience-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-experience .ai-scene{padding:17px 19px}}
@media(max-width:600px){.studio-edition .ai-experience{padding:16px;border-radius:23px}.ai-experience .ai-experience-intro{grid-template-columns:1fr;gap:10px;padding:3px 3px 18px}.ai-experience .ai-experience-intro :is(h1,h2){font-size:29px}.ai-experience .ai-experience-intro>p{font-size:13px}.ai-experience .app-preview{grid-column:1;grid-row:auto;justify-self:start;max-width:365px;margin-top:5px}.ai-experience .ai-experience-scenes{grid-template-columns:1fr;gap:8px}.ai-experience .ai-scene{padding:15px 16px}.ai-experience .ai-scene::before{margin-bottom:9px;width:21px}.ai-experience .ai-scene h3{font-size:17px;margin-bottom:7px}.ai-experience .ai-scene p{font-size:13px;line-height:1.6}}
