/* Screenshot-directed EXIA refinement. Only how, context and clarity are affected. */
.ceos-product #how{padding:64px 0 76px;background:#fff}
.ceos-product #how .flow-shell{position:relative;isolation:isolate;overflow:hidden;padding:64px 58px 52px;background:radial-gradient(ellipse at 95% 0,#4140a0,transparent 52%),linear-gradient(120deg,#14234e,#233c9c);border-radius:52px 132px 62px 105px;box-shadow:0 30px 70px #24347618;color:white}
.ceos-product #how .flow-shell:before{content:'';position:absolute;width:500px;height:500px;right:-220px;top:-350px;border:45px solid #efa0c7;transform:rotate(-20deg);border-radius:44% 56% 70% 30%;opacity:.24;z-index:-1}
.ceos-product #how .section-heading{align-items:center;gap:44px;margin-bottom:34px}
.ceos-product #how .kicker{font-size:14px;color:#f6b3d4;letter-spacing:.1em;margin-bottom:20px}
.ceos-product #how h2{font-size:clamp(38px,4.1vw,60px);line-height:1.1;font-weight:550;max-width:650px;color:white}
.ceos-product #how .section-heading>.section-text{font-size:21px;line-height:1.65;color:#e1e7ff;max-width:300px;flex:0 1 300px}
.ceos-product #how .steps{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}
.ceos-product #how .flow-wave{position:absolute;left:0;top:35px;width:100%;height:110px;color:#efa0c7;opacity:.4;pointer-events:none}
.ceos-product #how .step{padding:20px 14px 10px;min-width:0;border:0;background:none;position:relative}
.ceos-product #how .step-number{position:absolute;left:auto;right:15px;top:15px;font-size:40px;font-weight:500;line-height:1;color:#ef9fc7;margin:0;letter-spacing:-.05em}
.ceos-product #how .step-icon{position:relative;left:auto;top:auto;display:flex;width:68px;height:68px;margin:0 0 28px;border-radius:50%;background:#fff3f9;color:#a52463;box-shadow:0 12px 25px #060e3426}
.ceos-product #how .step-icon svg{width:29px;height:29px}
.ceos-product #how .step h3{font-size:29px;line-height:1.16;letter-spacing:-.045em;color:#fff;padding:0;margin:0}
.ceos-product #how .step p{font-size:19px;line-height:1.65;color:#e1e7ff;max-width:310px;margin-top:16px}
.ceos-product #context{position:relative;isolation:isolate;padding:88px 0 94px;background:linear-gradient(120deg,#fff7fb,#f5f5ff 80%);border-radius:100px 24px 110px 24px;overflow:hidden}
.ceos-product #context:before{content:'';position:absolute;left:-160px;bottom:-230px;width:660px;height:660px;background:#ef93be24;border-radius:42% 58% 70% 30%;transform:rotate(25deg);z-index:-1}
.ceos-product #context .context-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:68px;align-items:center}
.ceos-product #context .kicker{font-size:14px;color:#a52463;letter-spacing:.1em}
.ceos-product #context h2{font-size:clamp(38px,4.1vw,59px);line-height:1.13;font-weight:550;color:#172653;max-width:660px}
.ceos-product #context h2 br{display:none}
.ceos-product #context .section-text{font-size:20px;line-height:1.8;color:#4e5875;margin-top:24px}
.ceos-product #context .context-note{font-size:16px;line-height:1.7;color:#5b5473;border:0;padding:18px 0 0;margin-top:22px}
.ceos-product #context .context-visual{min-height:445px;width:100%;max-width:540px;margin:auto;transform:none;background:radial-gradient(ellipse,#ecb7d562 0,#dce4ff70 42%,transparent 70%)}
.ceos-product #context .context-core{width:205px;height:205px;padding:20px;background:white;border-radius:48% 52% 42% 58% / 57% 40% 60% 43%;box-shadow:0 25px 60px #263bfa20,0 0 0 16px #ffffff5c;transform:rotate(-5deg);z-index:3}
.ceos-product #context .context-core img{width:100%;height:100%;object-fit:contain;border-radius:40%;transform:rotate(5deg)}
.ceos-product #context .context-ring{top:50%;left:50%;border:0;background:none;pointer-events:none}
.ceos-product #context .ring-a{width:320px;height:320px;border:2px solid #c3cafa;border-radius:43% 57% 61% 39% / 55% 44% 56% 45%;transform:translate(-50%,-50%) rotate(18deg)}
.ceos-product #context .ring-b{width:400px;height:380px;border:2px solid #efb0d0;border-radius:55% 45% 43% 57% / 42% 58% 42% 58%;transform:translate(-50%,-50%) rotate(-16deg)}
.ceos-product #context .context-node{font-size:16px;font-weight:600;line-height:1.35;color:#243566;padding:16px 20px;gap:12px;border:0;border-radius:999px;background:#fff;box-shadow:0 14px 35px #263bfa12;max-width:82%}
.ceos-product #context .context-node svg{width:23px;height:23px;color:#263bfa}
.ceos-product #context .node-one{top:28px;left:3px;transform:rotate(-7deg)}
.ceos-product #context .node-two{top:174px;right:-5px;transform:rotate(5deg);background:#172653;color:white}
.ceos-product #context .node-two svg{color:#f3b0d0}
.ceos-product #context .node-three{bottom:22px;left:15px;transform:rotate(-3deg);background:#f5bbd9;color:#4b1c3c}
.ceos-product #context .context-small-dot{width:14px;height:14px;background:#d94791;box-shadow:0 0 0 11px #f5cce24d;bottom:78px;right:42px}
.ceos-product #clarity{isolation:isolate;overflow:hidden;position:relative;text-align:left;margin:68px 24px 72px;padding:82px 0 100px;background:radial-gradient(ellipse at 100% 10%,#304ab2 0,transparent 55%),linear-gradient(120deg,#111d43,#1b2e70);border-radius:115px 34px 115px 34px;box-shadow:0 30px 65px #20316c14}
.ceos-product #clarity:before,.ceos-product #clarity:after{display:none}
.ceos-product #clarity .benefit-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.65fr);gap:44px;align-items:center;z-index:2}
.ceos-product #clarity .benefit-copy{min-width:0}
.ceos-product #clarity h2{font-size:clamp(40px,4.7vw,68px);font-weight:500;line-height:1.14;letter-spacing:-.055em;max-width:900px;margin:0;color:white}
.ceos-product #clarity h2 span{color:#f4afd2;display:block;margin-top:17px}
.ceos-product #clarity p{font-size:21px;line-height:1.7;color:#e2e7ff;margin-top:26px}
.ceos-product #clarity .pill{font-size:18px;padding:20px 28px;min-height:62px;margin-top:31px;white-space:normal;text-align:center;background:#fff;color:#253bde;border-color:#fff;box-shadow:0 10px 35px #030b3029}
.ceos-product #clarity .pill:focus-visible{outline:3px solid #f4afd2;outline-offset:6px}
.ceos-product #clarity .benefit-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.ceos-product #clarity .benefit-mark{position:relative;display:flex;width:215px;height:215px;background:white;padding:22px;border:0;border-radius:45% 55% 55% 45% / 60% 45% 55% 40%;box-shadow:0 25px 55px #050e4b44;margin:0;transform:rotate(7deg);z-index:2}
.ceos-product #clarity .benefit-mark img{width:100%;height:100%;object-fit:contain;border-radius:40%;transform:rotate(-7deg)}
.ceos-product #clarity .benefit-ribbon{position:absolute;pointer-events:none;border-radius:50%;width:285px;height:300px;transform:rotate(-26deg)}
.ceos-product #clarity .ribbon-one{border:25px solid #ef93be;box-shadow:0 22px 40px #00000017;top:5px;left:0}
.ceos-product #clarity .ribbon-two{border:2px solid #7084f2;width:330px;height:250px;transform:rotate(40deg);right:-20px;bottom:7px}
.ceos-product #clarity .benefit-wave{position:absolute;left:0;bottom:-1px;width:100%;height:68px;color:#ef93be;opacity:.85;pointer-events:none;z-index:1}
@media(max-width:1000px){
 .ceos-product #how .flow-shell{padding:48px 35px;border-radius:45px 95px 45px 75px}
 .ceos-product #how .section-heading{display:block}
 .ceos-product #how .section-heading>.section-text{max-width:630px;margin-top:24px;font-size:20px}
 .ceos-product #how .steps{gap:14px}
 .ceos-product #how .step{padding-inline:5px}
 .ceos-product #how .step h3{font-size:25px}
 .ceos-product #how .step p{font-size:18px}
 .ceos-product #context .context-grid{grid-template-columns:1fr;gap:38px}
 .ceos-product #context .context-grid>div:last-child{grid-row:1}
 .ceos-product #context .context-visual{max-width:500px}
 .ceos-product #clarity .benefit-layout{grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:20px}
 .ceos-product #clarity .benefit-mark{width:175px;height:175px}
 .ceos-product #clarity .benefit-ribbon{width:230px;height:250px;left:-10px;top:40px}
 .ceos-product #clarity .ribbon-two{width:250px;height:220px;right:-10px;left:auto}
}
@media(max-width:680px){
 .ceos-product #how{padding:38px 0 48px}
 .ceos-product #how .flow-shell{width:calc(100% - 28px);padding:40px 26px 28px;border-radius:35px 80px 35px 65px}
 .ceos-product #how .kicker,.ceos-product #context .kicker{font-size:12px}
 .ceos-product #how h2,.ceos-product #context h2{font-size:clamp(33px,8.6vw,38px);line-height:1.14;letter-spacing:-.05em}
 .ceos-product #how .section-heading>.section-text{font-size:18px;line-height:1.7;margin-top:22px}
 .ceos-product #how .steps{grid-template-columns:1fr;gap:4px;margin-top:20px}
 .ceos-product #how .flow-wave{display:none}
 .ceos-product #how .step{padding:22px 0 24px 76px;min-height:0}
 .ceos-product #how .step-icon{position:absolute;left:0;top:22px;width:54px;height:54px;margin:0}
 .ceos-product #how .step-icon svg{width:25px;height:25px}
 .ceos-product #how .step-number{position:static;font-size:20px;line-height:1;margin-bottom:12px;display:block}
 .ceos-product #how .step h3{font-size:25px;line-height:1.17}
 .ceos-product #how .step p{font-size:17px;line-height:1.7;margin-top:13px;max-width:none}
 .ceos-product #context{padding:58px 0 55px;border-radius:60px 18px 65px 18px}
 .ceos-product #context .section-text{font-size:18px;line-height:1.8;margin-top:23px}
 .ceos-product #context .context-note{font-size:15px;line-height:1.7;margin-top:16px;padding-top:9px}
 .ceos-product #context .context-grid{gap:26px}
 .ceos-product #context .context-visual{min-height:375px;max-width:400px;margin:0 auto;overflow:visible}
 .ceos-product #context .context-core{width:150px;height:150px;padding:13px;box-shadow:0 22px 50px #263bfa20,0 0 0 11px #ffffff68}
 .ceos-product #context .ring-a{width:245px;height:265px}
 .ceos-product #context .ring-b{width:305px;height:325px;max-width:100%}
 .ceos-product #context .context-node{font-size:14px;padding:13px 16px;gap:10px;max-width:85%}
 .ceos-product #context .context-node svg{width:20px;height:20px}
 .ceos-product #context .node-one{top:15px;left:0}
 .ceos-product #context .node-two{top:147px;right:0}
 .ceos-product #context .node-three{bottom:15px;left:0}
 .ceos-product #context .context-small-dot{bottom:70px;right:30px}
 .ceos-product #clarity{margin:42px 12px 45px;padding:42px 0 74px;border-radius:65px 25px 65px 25px}
 .ceos-product #clarity .benefit-layout{width:calc(100% - 48px);grid-template-columns:1fr;gap:28px}
 .ceos-product #clarity .benefit-art{grid-row:1;min-height:200px;max-width:250px;width:100%;margin:auto}
 .ceos-product #clarity .benefit-mark{width:145px;height:145px;padding:14px}
 .ceos-product #clarity .benefit-ribbon{width:190px;height:190px;top:0;left:15px;border-width:17px}
 .ceos-product #clarity .ribbon-two{width:220px;height:170px;left:auto;right:0;top:20px;border-width:2px}
 .ceos-product #clarity h2{font-size:clamp(33px,8.6vw,39px);line-height:1.15;letter-spacing:-.05em}
 .ceos-product #clarity h2 span{margin-top:18px}
 .ceos-product #clarity p{font-size:18px;line-height:1.7;margin-top:22px}
 .ceos-product #clarity .pill{font-size:17px;min-height:60px;padding:18px 23px;gap:18px;margin-top:26px;max-width:100%}
 .ceos-product #clarity .benefit-wave{height:43px}
}