.aoyea-component-solution-detail{padding:0;min-height:0;background:#121212;color:#fff;overflow:hidden}.aoyea-component-solution-detail,.aoyea-component-solution-detail *{box-sizing:border-box}.aoyea-solution-detail-hero{position:relative;height:795px;overflow:hidden;background:#121212}.aoyea-solution-detail-hero-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.aoyea-solution-detail-hero-copy{position:relative;z-index:1;display:flex;width:min(992px,calc(100% - 48px));height:100%;margin:auto;padding-top:212px;align-items:center;flex-direction:column;text-align:center}.aoyea-solution-detail-hero h1{max-width:1000px;margin:0;color:#fff;font:700 clamp(34px,3.35vw,48px)/1.125 var(--aoyea-font-display)}.aoyea-solution-detail-hero h1 em,.aoyea-solution-detail-feature h3 em{color:var(--aoyea-color-brand);font-style:normal}.aoyea-solution-detail-hero p{max-width:756px;margin:32px 0;color:#fff;font:300 12px/16px var(--aoyea-font-copy)}.aoyea-solution-detail-hero a{display:inline-flex;height:38px;padding:0 36px;align-items:center;border-radius:13px;background:#fff;color:#111;font:500 14px/20px var(--aoyea-font-ui);text-decoration:none;transition:background 220ms ease,transform 220ms ease}.aoyea-solution-detail-hero a:hover,.aoyea-solution-detail-hero a:focus-visible{background:var(--aoyea-color-brand);transform:translateY(-2px)}.aoyea-solution-detail-section{width:min(1196px,calc(100% - 48px));margin:auto;padding:100px 0}.aoyea-solution-detail-marker{position:relative;margin:0 auto 64px;text-align:center}.aoyea-solution-detail-marker b{position:absolute;z-index:0;top:-38px;left:50%;color: rgba(255, 255, 255, 0.03);font:400 72px/1 "BBH Bartle",sans-serif;text-transform:uppercase;transform:translateX(-50%)}.aoyea-solution-detail-marker span{position:relative;z-index:1;display:inline-flex;height:45px;padding:11px 20px;align-items:center;border:1.5px solid #262626;font:400 18px/22px var(--aoyea-font-ui)}.aoyea-solution-detail-marker i{display:none}.aoyea-solution-detail-marker span::before,.aoyea-solution-detail-marker span::after{position:absolute;top:-3px;width:13px;height:7px;background:var(--aoyea-color-brand);box-shadow:0 44px var(--aoyea-color-brand);content:""}.aoyea-solution-detail-marker span::before{left:-6px}.aoyea-solution-detail-marker span::after{right:-6px}.aoyea-solution-detail-marker h2{position:relative;z-index:1;max-width:900px;margin:18px auto 0;font:700 clamp(34px,3.35vw,48px)/1.125 var(--aoyea-font-display)}.aoyea-solution-detail-lead{max-width:672px;margin:-32px auto 0;text-align:center;font:400 14px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-challenge{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:608px;padding-top:100px}.aoyea-solution-detail-challenge .aoyea-solution-detail-marker{text-align:left;margin:0}.aoyea-solution-detail-challenge .aoyea-solution-detail-marker h2{text-align:left;max-width:766px}.aoyea-solution-detail-challenge .aoyea-solution-detail-marker b{left:0;transform:none}.aoyea-solution-detail-challenge-copy>p{max-width:476px;margin:24px 0;font:400 14px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-challenge-copy ul{position:relative;z-index:2;display:grid;gap:6px;width:701px;margin:112px 0 0;padding:24px 28px;border:1px solid #ff6d2f;border-radius:12px;background:#fff;color:#020307;list-style:none;font:400 14px/22px var(--aoyea-font-ui)}.aoyea-solution-detail-challenge-copy li::before{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;background:var(--aoyea-color-brand);content:"✓";color:#fff;font-size:10px;line-height:14px;text-align:center}.aoyea-solution-detail-challenge-visual{position:relative;min-height:472px}.aoyea-solution-detail-orbit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.aoyea-solution-detail-challenge-pic{position:absolute;right:0;bottom:0;width:100%;height:auto;max-height:408px;object-fit:contain}.aoyea-solution-detail-feature-list{display:grid;gap:200px;margin-top:100px}.aoyea-solution-detail-feature{display:grid;grid-template-columns:445px 455px;gap:144px;align-items:center;min-height:263px}.aoyea-solution-detail-feature.is-reverse{grid-template-columns:455px 445px}.aoyea-solution-detail-feature.is-reverse .aoyea-solution-detail-feature-copy{grid-column:2;grid-row:1}.aoyea-solution-detail-feature.is-reverse .aoyea-solution-detail-feature-media{grid-column:1;grid-row:1}.aoyea-solution-detail-feature-media{height:263px;border-radius:12px;background:#212121;overflow:hidden}.aoyea-solution-detail-feature-media img{width:100%;height:100%;object-fit:contain}.aoyea-solution-detail-feature-copy{display:flex;flex-direction:column;gap:36px}.aoyea-solution-detail-tag{width:max-content;padding:8px 12px;border-radius:10px;background:#fff;color:#111;font:500 14px/20px var(--aoyea-font-ui);text-transform:capitalize}.aoyea-solution-detail-feature h3{margin:0;color:#fff;font:700 36px/48px var(--aoyea-font-display)}.aoyea-solution-detail-feature p{margin:0;color:#fff;font:400 14px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-benefits{width:100%}.aoyea-solution-detail-benefits--dark{background:#272727}.aoyea-solution-detail-benefits--dark .aoyea-solution-detail-section{padding-top:102px;padding-bottom:146px}.aoyea-solution-detail-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:88px}.aoyea-solution-detail-benefit-grid article{position:relative;min-height:365px;padding:187px 22px 24px;overflow:hidden;border-radius:12px;background:#fff;color:#111}.aoyea-solution-detail-benefit-grid article img{position:absolute;top:0;left:0;width:100%;height:180px;object-fit:contain}.aoyea-solution-detail-benefit-grid h3{margin:0 0 8px;font:600 20px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-benefit-grid p{margin:0;font:400 14px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-projects{padding-top:100px}.aoyea-solution-detail-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px;margin-top:100px}.aoyea-solution-detail-project img{display:block;width:100%;height:260px;object-fit:cover;border-radius:12px}.aoyea-solution-detail-project h3{margin:13px 0 0;font:400 16px/30px var(--aoyea-font-ui)}.aoyea-solution-detail-project p{margin:0;color:#fff;font:300 12px/18px var(--aoyea-font-copy)}.aoyea-solution-detail-faq{padding-top:100px;padding-bottom:110px}.aoyea-solution-detail-faq-list{display:grid;gap:8px}.aoyea-solution-detail-faq details{padding:0 28px;border-radius:7px;background:#242424}.aoyea-solution-detail-faq details[open]{background:#fff;color:#111}.aoyea-solution-detail-faq summary{display:grid;grid-template-columns:64px 1fr 24px;gap:24px;align-items:center;min-height:72px;cursor:pointer;list-style:none;font:400 14px/20px var(--aoyea-font-copy)}.aoyea-solution-detail-faq summary::-webkit-details-marker{display:none}.aoyea-solution-detail-faq summary b{font:400 18px/45px var(--aoyea-font-ui)}.aoyea-solution-detail-faq summary i{text-align:center;font-style:normal}.aoyea-solution-detail-faq details[open] summary i{color:var(--aoyea-color-brand);transform:rotate(180deg)}.aoyea-solution-detail-faq details p{max-width:860px;margin:0 0 20px 88px;font:400 14px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-two-challenge{max-width:1060px}.aoyea-solution-detail-two-challenge .aoyea-solution-detail-marker{text-align:left;margin-bottom:50px}.aoyea-solution-detail-two-challenge .aoyea-solution-detail-marker h2{text-align:left}.aoyea-solution-detail-challenge-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.aoyea-solution-detail-challenge-cards article{position:relative;min-height:418px;padding:250px 22px 24px;overflow:hidden;border-radius:12px;background:#212121}.aoyea-solution-detail-challenge-cards article img{position:absolute;top:0;left:0;width:100%;height:240px;object-fit:contain}.aoyea-solution-detail-challenge-cards h3{margin:0 0 12px;font:400 24px/36px var(--aoyea-font-ui)}.aoyea-solution-detail-challenge-cards p{margin:0;font:300 12px/16px var(--aoyea-font-copy)}.aoyea-solution-detail-benefits--light{position:relative;background:#f5f6f6;color:#111}.aoyea-solution-detail-benefits--light::before{position:absolute;inset:306px 0 0;background:var(--aoyea-benefit-background) center/cover no-repeat;content:""}.aoyea-solution-detail-benefits--light .aoyea-solution-detail-section{position:relative;z-index:1;min-height:944px;padding-top:64px}.aoyea-solution-detail-benefits--light .aoyea-solution-detail-marker b{color:#e9e9e9}.aoyea-solution-detail-benefits--light .aoyea-solution-detail-marker span{border-color:#e0e0e0;color:#111}.aoyea-solution-detail-benefit-cards{display:grid;gap:138px;margin-top:88px}.aoyea-solution-detail-benefit-cards article{display:flex;width:390px;min-height:209px;align-items:flex-start;gap:20px;padding:20px;border:1px solid #d2d2d2;border-radius:12px;background:#ebebeb;color:#111}.aoyea-solution-detail-benefit-cards article:nth-child(2){margin-left:48px}.aoyea-solution-detail-benefit-cards article:nth-child(3){margin-left:auto}.aoyea-solution-detail-benefit-cards article img{width:90px;height:90px;border-radius:8px;object-fit:cover}.aoyea-solution-detail-benefit-cards h3{margin:20px 0 12px;font:600 20px/24px var(--aoyea-font-copy)}.aoyea-solution-detail-benefit-cards p{position:absolute;width:350px;margin:102px 0 0;font:400 14px/24px var(--aoyea-font-copy)}
@media(max-width:767px){.aoyea-component-solution-detail{padding-top:0}.aoyea-solution-detail-hero{height:600px}.aoyea-solution-detail-hero-copy{width:calc(100% - 32px);padding-top:145px}.aoyea-solution-detail-hero h1{font-size:30px}.aoyea-solution-detail-hero p{margin:22px 0;font-size:11px}.aoyea-solution-detail-hero-pic{object-fit:cover}.aoyea-solution-detail-section{width:calc(100% - 36px);padding:70px 0}.aoyea-solution-detail-marker{margin-bottom:42px}.aoyea-solution-detail-marker b{font-size:50px;top:-24px}.aoyea-solution-detail-marker h2{font-size:30px}.aoyea-solution-detail-challenge{display:block;min-height:0}.aoyea-solution-detail-challenge-copy ul{width:100%;margin-top:30px;padding:16px;font-size:11px}.aoyea-solution-detail-challenge-visual{min-height:280px;margin-top:35px}.aoyea-solution-detail-feature-list{gap:70px;margin-top:55px}.aoyea-solution-detail-feature,.aoyea-solution-detail-feature.is-reverse{display:flex;flex-direction:column;gap:26px;align-items:stretch}.aoyea-solution-detail-feature.is-reverse .aoyea-solution-detail-feature-copy,.aoyea-solution-detail-feature.is-reverse .aoyea-solution-detail-feature-media{order:initial}.aoyea-solution-detail-feature-media{height:220px}.aoyea-solution-detail-feature h3{font-size:28px;line-height:36px}.aoyea-solution-detail-benefit-grid,.aoyea-solution-detail-challenge-cards{grid-template-columns:1fr;gap:16px;margin-top:52px}.aoyea-solution-detail-benefit-grid article{min-height:300px}.aoyea-solution-detail-project-grid{grid-template-columns:1fr 1fr;gap:30px 12px;margin-top:55px}.aoyea-solution-detail-project img{height:130px}.aoyea-solution-detail-project h3{font-size:13px;line-height:18px}.aoyea-solution-detail-project p{font-size:10px}.aoyea-solution-detail-faq summary{grid-template-columns:42px 1fr 18px;gap:8px;font-size:12px}.aoyea-solution-detail-faq details{padding:0 12px}.aoyea-solution-detail-faq details p{margin-left:50px;font-size:12px}.aoyea-solution-detail-benefits--light::before{inset:260px 0 0}.aoyea-solution-detail-benefits--light .aoyea-solution-detail-section{min-height:760px;padding-top:55px}.aoyea-solution-detail-benefit-cards{gap:20px;margin-top:45px}.aoyea-solution-detail-benefit-cards article,.aoyea-solution-detail-benefit-cards article:nth-child(2),.aoyea-solution-detail-benefit-cards article:nth-child(3){width:100%;margin-left:0}.aoyea-solution-detail-benefit-cards p{position:static;width:auto;margin:12px 0 0}.aoyea-solution-detail-benefit-cards article{min-height:150px}.aoyea-solution-detail-benefit-cards h3{margin:0 0 8px;font-size:16px}.aoyea-solution-detail-two-challenge .aoyea-solution-detail-marker{text-align:center}.aoyea-solution-detail-two-challenge .aoyea-solution-detail-marker h2{text-align:center}}
@media(prefers-reduced-motion:reduce){.aoyea-solution-detail-hero a{transition:none}}

/* Interactive detail cards and Figma-sized FAQ typography. */
.aoyea-component-solution-detail .aoyea-solution-detail-project{position:relative;min-width:0;border-radius:14px;outline:0;transition:transform 350ms cubic-bezier(.2,.75,.25,1),box-shadow 350ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible{outline:2px solid var(--aoyea-color-brand);outline-offset:4px}
.aoyea-component-solution-detail .aoyea-solution-detail-project img{transition:filter 300ms ease,transform 520ms cubic-bezier(.2,.75,.2,1)}
.aoyea-component-solution-detail .aoyea-solution-detail-project:hover,.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible{transform:translateY(-6px);box-shadow:0 18px 38px rgb(0 0 0 / 34%)}
.aoyea-component-solution-detail .aoyea-solution-detail-project:hover img,.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible img{filter:saturate(1.08) contrast(1.03);transform:scale(1.025)}
.aoyea-component-solution-detail .aoyea-solution-detail-project:hover h3,.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible h3{color:var(--aoyea-color-brand);transition:color 280ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-hero-copy > a{color:#111 !important;-webkit-text-fill-color:#111}
.aoyea-component-solution-detail .aoyea-solution-detail-hero-copy > a:hover,.aoyea-component-solution-detail .aoyea-solution-detail-hero-copy > a:focus-visible{color:#fff !important;-webkit-text-fill-color:#fff}
.aoyea-component-solution-detail .aoyea-solution-detail-faq-list{gap:24px}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details{border:1px solid #171717;border-radius:12px;background:#212121;transition:background-color 280ms ease,color 280ms ease,box-shadow 280ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details[open]{background:#fff;color:#111;box-shadow:0 10px 24px rgb(0 0 0 / 15%)}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details{overflow:hidden;transition:background-color 280ms ease,color 280ms ease,box-shadow 280ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details p{max-height:0;overflow:hidden;opacity:0;transition:max-height 320ms cubic-bezier(.2,.75,.25,1),opacity 220ms ease,margin 320ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details[open] p{max-height:180px;opacity:1}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details.is-closing p{max-height:0;opacity:0;margin-bottom:0}
.aoyea-component-solution-detail .aoyea-solution-detail-faq summary{grid-template-columns:64px minmax(0,1fr) 24px;gap:40px;min-height:72px;font:400 24px/32px var(--aoyea-font-ui);letter-spacing:-.48px;transition:color 240ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq summary b{font:500 36px/45px var(--aoyea-font-ui);letter-spacing:-.72px}
.aoyea-component-solution-detail .aoyea-solution-detail-faq summary i{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;justify-self:end;color:#fff;font-size:0;line-height:1;font-style:normal;transform:none;transition:color 240ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq summary i::before{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg);transition:transform 280ms ease}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details[open] summary i{border-radius:50%;background:var(--aoyea-color-brand);color:#fff}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details[open] summary i::before{transform:translateY(2px) rotate(225deg)}
.aoyea-component-solution-detail .aoyea-solution-detail-faq details p{max-width:860px;margin:0 0 28px 104px;font:400 16px/24px var(--aoyea-font-copy)}
@media(max-width:767px){.aoyea-component-solution-detail .aoyea-solution-detail-faq-list{gap:12px}.aoyea-component-solution-detail .aoyea-solution-detail-faq summary{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;min-height:72px;font-size:17px;line-height:23px;letter-spacing:-.25px}.aoyea-component-solution-detail .aoyea-solution-detail-faq summary b{font-size:22px;line-height:30px}.aoyea-component-solution-detail .aoyea-solution-detail-faq summary i{width:36px;height:36px}.aoyea-component-solution-detail .aoyea-solution-detail-faq summary i::before{width:9px;height:9px}.aoyea-component-solution-detail .aoyea-solution-detail-faq details p{margin-left:50px;margin-bottom:20px;font-size:13px;line-height:21px}}
@media(prefers-reduced-motion:reduce){.aoyea-component-solution-detail .aoyea-solution-detail-project,.aoyea-component-solution-detail .aoyea-solution-detail-project img,.aoyea-component-solution-detail .aoyea-solution-detail-project h3,.aoyea-component-solution-detail .aoyea-solution-detail-faq details,.aoyea-component-solution-detail .aoyea-solution-detail-faq summary,.aoyea-component-solution-detail .aoyea-solution-detail-faq summary i{transition:none}.aoyea-component-solution-detail .aoyea-solution-detail-project:hover,.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible,.aoyea-component-solution-detail .aoyea-solution-detail-project:hover img,.aoyea-component-solution-detail .aoyea-solution-detail-project:focus-visible img{transform:none}}
@media(max-width:767px){.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefits--dark > .aoyea-solution-detail-section{margin-left:18px;margin-right:18px}}

/* API Challenge follows Figma node 143:16628: layered title, orbit and list. */
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge{position:relative;display:block;height:608px;min-height:608px;margin-top:100px;margin-bottom:140px;padding-top:0}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy{position:static;width:auto}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker{position:absolute;top:0;left:0;width:139px;height:51px;margin:0;text-align:left}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker b{display:none}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker span{margin-left:6px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker span{width:127px;justify-content:center;padding-left:0;padding-right:0}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker h2{position:absolute;top:63px;left:1px;width:766px;max-width:none;margin:0;font-size:36px;line-height:48px;text-align:left}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy>p{position:absolute;top:186px;left:1px;width:476px;max-width:none;margin:0}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy ul{position:absolute;top:371px;left:0;width:100%;height:237px;margin:0;padding:28px 32px;border-radius:12px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy li{height:36px;display:flex;align-items:center;gap:10px;white-space:nowrap}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy li::before{width:26px;height:26px;flex:0 0 26px;margin:0;background:url("assets/challenge-warning.svg") center/contain no-repeat;content:"";border-radius:0}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;pointer-events:none}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-orbit{inset:auto;top:107px;left:649px;width:559px;height:476px;object-fit:contain}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-pic{inset:auto;top:200px;left:624px;width:612px;height:408px;max-height:none;object-fit:contain; z-index: 9999;}
@media(max-width:767px){.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge{height:auto;min-height:0;margin-top:70px;margin-bottom:70px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker,.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker h2,.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy>p,.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy ul,.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-visual{position:relative;top:auto;left:auto}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker{width:100%;height:auto}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge .aoyea-solution-detail-marker h2{width:100%;margin-top:42px;font-size:30px;line-height:36px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy>p{width:auto;margin-top:26px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy ul{width:100%;height:auto;margin-top:30px;padding:18px 16px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-copy li{height:auto;min-height:36px;white-space:normal;font-size:12px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-visual{height:320px;margin-top:28px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-orbit{top:0;left:0;width:100%;height:260px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-challenge-pic{top:85px;left:18%;width:82%;height:auto}}

/* API 解决方案：Figma 143:16672 的标题、标签和交错图文。 */
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution{width:min(1044px,calc(100% - 48px))}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker{width:min(740px,100%);margin-bottom:22px;padding-top:3px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker span{width:149px;justify-content:center;white-space:nowrap}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker b{top:26px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker h2{left:50%;width:max-content;max-width:none;margin-top:27px;font-size:clamp(34px,3.334vw,48px);line-height:1.125;transform:translateX(-50%)}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-lead{margin:0 auto}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-list{margin-top:200px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-copy{gap:0;min-width:0}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-tag{display:inline-flex;align-items:center;gap:13px;height:40px;padding:4px 10px 4px 4px;letter-spacing:-.42px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-tag-icon{display:inline-flex;flex:0 0 32px;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#31c500,#3ddf08)}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-tag-icon img{display:block;width:20px;height:20px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature h3{margin-top:36px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature p{margin-top:16px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-media{overflow:visible;background:transparent}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-media img{display:block;height:auto}
/* Match each Figma title group instead of positioning all markers against a 1196px section. */
.aoyea-component-solution-detail .aoyea-solution-detail-benefits .aoyea-solution-detail-marker{width:758px}
.aoyea-component-solution-detail .aoyea-solution-detail-projects .aoyea-solution-detail-marker{width:649px}
.aoyea-component-solution-detail .aoyea-solution-detail-faq .aoyea-solution-detail-marker{width:752px}
@media(min-width:1092px){
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature:first-child h3,
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature:first-child p{width:455px}
}
@media(min-width:768px) and (max-width:1091px){
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature,
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature.is-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-media{height:auto;aspect-ratio:455/263}
}
@media(max-width:767px){
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution{width:calc(100% - 36px)}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker h2{left:auto;width:auto;max-width:100%;font-size:30px;line-height:36px;transform:none}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker h2 br{display:none}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-solution .aoyea-solution-detail-marker b{font-size:clamp(28px,8vw,50px)}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-list{margin-top:70px}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature h3{margin-top:28px}
  .aoyea-component-solution-detail.is-api .aoyea-solution-detail-feature-media{height:auto;aspect-ratio:455/281}
}

/* Benefits card geometry mirrors Figma 143:16756 / 143:16767–16818. */
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefits--dark > .aoyea-solution-detail-section{width:min(1288px,calc(100% - 152px));margin-left:auto;margin-right:auto}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefits--dark .aoyea-solution-detail-marker{width:758px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid{width:1280px;max-width:100%;grid-template-columns:repeat(4,304px);column-gap:0;justify-content:space-between;margin-top:101px;margin-left:4px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article{width:304px;height:365px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article img{top:auto;left:auto;width:auto;height:auto;object-fit:contain}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article:nth-child(1) img{top:-28px;left:-40px;width:195px;height:194px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article:nth-child(2) img{top:-22px;left:-34px;width:197px;height:188px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article:nth-child(3) img{top:-44px;left:-30px;width:203px;height:244px}
.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article:nth-child(4) img{top:-9px;left:-34px;width:173px;height:180px}
@media(max-width:767px){.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefits--dark > .aoyea-solution-detail-section{width:calc(100% - 36px)}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefits--dark .aoyea-solution-detail-marker{width:100%}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid{width:auto;grid-template-columns:1fr;gap:16px;margin-top:52px;margin-left:0}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article{width:100%;height:auto;min-height:300px}.aoyea-component-solution-detail.is-api .aoyea-solution-detail-benefit-grid article img{top:0;left:0;width:100%;height:180px}}

@media(max-width:767px){
  .aoyea-component-solution-detail .aoyea-solution-detail-benefits .aoyea-solution-detail-marker,
  .aoyea-component-solution-detail .aoyea-solution-detail-projects .aoyea-solution-detail-marker,
  .aoyea-component-solution-detail .aoyea-solution-detail-faq .aoyea-solution-detail-marker{width:100%}
}