/* Original, inline opening topic panels and three real article previews.
   Scoped to the two replaced sections. Existing branding and accepted surfaces stay intact. */
.ce-approach{display:grid;grid-template-columns:.95fr 1.1fr;gap:clamp(38px,6vw,90px);align-items:center;padding-block:83px 70px}
.home-products .ce-approach h2{font-size:clamp(39px,3.7vw,54px);line-height:1.15;letter-spacing:-.05em;color:#28232e}
.home-products .ce-approach h2>span{display:block;color:#6d2bb1}
.ce-approach-copy>p{font-size:17px;line-height:1.85;color:#75667f;max-width:520px;margin-top:28px}
.ce-signature{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:.17em;color:#8d749e;margin-top:34px}
.ce-signature>span{width:45px;height:2px;background:#9159bd}
.ce-switcher{min-width:0;display:grid;gap:13px}
.ce-topic{position:relative;min-width:0;border:1px solid #ded4e6;border-radius:12px;background:#fcfbfd;overflow:hidden;transition:background .35s,border-color .35s,box-shadow .4s var(--fp-ease)}
.ce-topic::before{content:'';position:absolute;top:24px;bottom:24px;left:0;width:3px;background:#8c46bf;transform:scaleY(0);transform-origin:top;transition:transform .4s var(--fp-ease)}
.ce-topic.is-active{background:#eee6f5;border-color:#d2bce2;box-shadow:0 12px 27px #40274f08}
.ce-topic.is-active::before{transform:scaleY(1)}
.ce-topic>h3{margin:0}
.ce-trigger{width:100%;display:flex;align-items:center;gap:17px;border:0;background:none;padding:18px 26px;text-align:left;min-height:73px;color:#3b2949!important}
.ce-topic.is-active .ce-trigger{padding-bottom:7px;min-height:0}
.ce-topic-icon{width:35px;height:35px;display:grid;place-items:center;color:#8150a2;flex:0 0 auto}
.ce-topic-icon>.icon{width:28px;height:28px;stroke-width:1.5}
.ce-topic-title{flex:1;min-width:0;font-size:18px;line-height:1.4;letter-spacing:-.025em;font-weight:500}
.ce-toggle{width:27px;height:27px;display:grid;place-items:center;color:#9568b0;flex:0 0 auto;border:1px solid #dbc9e7;border-radius:50%;transition:background .3s,transform .45s var(--fp-ease)}
.ce-toggle>.icon{width:16px;height:16px}
.ce-trigger[aria-expanded=true] .ce-toggle{transform:rotate(180deg);background:#e3d3ef}
.ce-trigger:hover .ce-topic-title{color:#6d2bb1}
.ce-trigger:focus-visible{outline-offset:-6px;border-radius:12px}
.ce-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .48s var(--fp-ease),opacity .35s}
.ce-topic.is-active .ce-panel{grid-template-rows:1fr;opacity:1}
.ce-panel-clip{min-height:0;overflow:hidden}
.ce-panel-body{position:relative;isolation:isolate;padding:0 35px 24px 78px}
.ce-panel-body>p{position:relative;z-index:1;font-size:15px;line-height:1.7;color:#786286;max-width:465px;margin:0}
.ce-panel-art{position:absolute;right:10px;bottom:-26px;width:132px;height:132px;color:#9665b8;opacity:.085;z-index:0;pointer-events:none;transform:translateX(18px) rotate(-8deg);transition:transform .6s var(--fp-ease)}
.ce-panel-art>.icon{width:100%;height:100%;stroke-width:1}
.ce-topic.is-active .ce-panel-art{transform:translateX(0) rotate(-8deg)}
.ce-blog{padding-block:40px 78px}
.ce-blog .ci-heading{margin-bottom:34px}
.ce-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ce-post{min-width:0;display:flex;flex-direction:column;background:#fbfafd;border:1px solid #e0d5e7;border-radius:15px;overflow:hidden;transition:border-color .35s,box-shadow .4s var(--fp-ease)}
.ce-post:hover,.ce-post:focus-within{border-color:#b498c8;box-shadow:0 15px 30px #3c205409}
.ce-post-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#211a29;overflow:hidden}
.home-products .ce-post-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--fp-ease)}
.ce-post:hover .ce-post-cover>img,.ce-post:focus-within .ce-post-cover>img{transform:scale(1.035)}
.ce-cover-arrow{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff5c;background:#24172fd4;color:#fff;transition:background .3s,transform .4s var(--fp-ease)}
.ce-cover-arrow>.icon{width:19px;height:19px}
.ce-post:hover .ce-cover-arrow{background:#6d2bb1;transform:rotate(6deg)}
.ce-post-cover:focus-visible{outline-offset:-7px}
.ce-post-body{padding:25px 26px 26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.home-products .ce-post-category{font-size:12px;line-height:1.5;letter-spacing:.035em;font-weight:500;color:#8952ad;margin-bottom:13px}
.home-products .ce-post h3{font-size:25px;line-height:1.32;letter-spacing:-.035em;color:#32233c}
.home-products .ce-post-excerpt{font-size:16px;line-height:1.8;color:#796582;margin-top:17px;margin-bottom:24px}
.ce-post-read{display:flex;align-items:center;justify-content:space-between;gap:18px;align-self:stretch;margin-top:auto;padding:16px 0 0;border:0;border-top:1px solid #e4d7ec;background:none;color:#763799!important;font-size:14px;text-align:left}
.ce-post-read>.icon{width:20px;height:20px;transition:transform .35s var(--fp-ease)}
.ce-post-read:hover>.icon{transform:translate(3px,-3px)}
@media(max-width:1279px){.ce-approach{gap:45px}.ce-trigger{padding:18px 22px;gap:12px}.ce-topic-title{font-size:18px}.ce-panel-body{padding-left:69px;padding-right:27px}.ce-blog-grid{gap:21px}.ce-post-body{padding:23px}.home-products .ce-post h3{font-size:23px}}
@media(max-width:1023px){.ce-approach{grid-template-columns:1fr;gap:33px;padding-block:58px 49px}.ce-approach-copy{max-width:700px}.home-products .ce-approach h2{font-size:48px}.ce-approach-copy>p{max-width:630px}.ce-signature{margin-top:25px}.ce-blog{padding-block:35px 59px}.ce-blog-grid{gap:18px}.ce-post-body{padding:19px}.home-products .ce-post h3{font-size:21px}.home-products .ce-post-excerpt{font-size:16px}.ce-post-read{font-size:13px}.ce-cover-arrow{width:31px;height:31px;right:11px;bottom:11px}}
@media(max-width:767px){.ce-approach{padding-block:45px 40px;gap:29px}.home-products .ce-approach h2{font-size:clamp(33px,8.6vw,45px)}.ce-approach-copy>p{font-size:16px;margin-top:24px}.ce-signature{font-size:10px;gap:12px;margin-top:23px}.ce-switcher{gap:12px}.ce-trigger{min-height:64px;padding:17px;gap:11px}.ce-topic-icon{width:28px;height:28px}.ce-topic-icon>.icon{width:24px;height:24px}.ce-topic-title{font-size:16px;line-height:1.4}.ce-toggle{width:24px;height:24px}.ce-toggle>.icon{width:15px;height:15px}.ce-panel-body{padding:0 22px 22px 56px}.ce-panel-body>p{font-size:15px;line-height:1.7}.ce-panel-art{width:112px;height:112px;bottom:-21px;right:0}.ce-blog{padding-block:29px 49px}.ce-blog .ci-heading{margin-bottom:28px}.ce-blog-grid{grid-template-columns:1fr;gap:25px}.ce-post-cover{aspect-ratio:16/9}.ce-post-body{padding:25px}.home-products .ce-post h3{font-size:26px}.home-products .ce-post-excerpt{font-size:16px;margin-top:16px;margin-bottom:24px}.ce-post-read{font-size:14px}.ce-cover-arrow{width:35px;height:35px;right:15px;bottom:15px}}
@media(max-width:374px){.ce-trigger{padding-inline:15px;gap:10px}.ce-topic-title{font-size:16px}.ce-topic-icon{width:25px}.ce-panel-body{padding-left:50px;padding-right:18px}.ce-post-body{padding:23px}.home-products .ce-post h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ce-topic,.ce-topic::before,.ce-toggle,.ce-panel,.ce-panel-art,.ce-post,.ce-post-cover>img,.ce-cover-arrow,.ce-post-read>.icon{transition:none}.ce-post:hover .ce-post-cover>img,.ce-post:focus-within .ce-post-cover>img,.ce-post-read:hover>.icon{transform:none}}
