.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:center;gap:64px;padding:40px 24px 88px;display:grid}.hero__copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.crumbs{color:var(--sy-ink-mute);gap:8px;display:flex}.crumbs a{color:var(--sy-ink-mute)}.crumbs__here{color:var(--sy-ink)}.hero__eyebrow{align-items:center;gap:10px;display:flex}.hero__h1{letter-spacing:-1.6px;color:var(--sy-ink);font-size:clamp(40px,4.4vw,60px);line-height:1.03}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__media{height:520px;position:relative}.hero__media img{object-fit:cover;border-radius:16px;width:100%;height:100%}@media (width<=760px){.hero__media{height:clamp(260px,60vw,420px)}}.caps{padding:88px 24px 96px}.tags{flex-wrap:wrap;gap:6px;display:flex}.cap-grid{border-top:1px solid var(--sy-hairline);border-left:1px solid var(--sy-hairline);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.cap{border-right:1px solid var(--sy-hairline);border-bottom:1px solid var(--sy-hairline);transition:background-color var(--sy-base) var(--sy-ease);flex-direction:column;gap:14px;padding:32px;display:flex}.cap:hover{background:var(--sy-amber-tint)}.cap .heading-md{color:var(--sy-ink)}.platforms{padding:0 24px 96px}.platforms__inner{border-top:1px solid var(--sy-hairline);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:32px 64px;padding-top:56px;display:grid}.platforms__h{letter-spacing:-.5px;color:var(--sy-ink);text-wrap:balance;font-size:clamp(26px,2.4vw,32px);line-height:1.2}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--sy-hairline);height:96px;transition:border-color var(--sy-base) var(--sy-ease);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:20px 24px;display:flex}.tile:hover{border-color:var(--sy-amber)}.tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:40px}.approach{background:var(--sy-dark);position:relative;overflow:hidden}.approach__ds{pointer-events:none;width:520px;height:100%;position:absolute;top:0;left:max(50% + 260px,760px)}.approach__ds i{clip-path:polygon(200px 0,290px 0,90px 100%,0 100%);width:300px;height:100%;position:absolute;top:0}.approach__ds i:first-child{background:var(--sy-amber);left:0}.approach__ds i:last-child{background:#404040;left:180px}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.step{background:var(--sy-dark-raised);border:1px solid var(--sy-on-dark-line-3);border-radius:12px;flex-direction:column;gap:14px;padding:28px 24px 32px;display:flex}.step__n{letter-spacing:-1px;color:var(--sy-amber);font-size:36px;line-height:1}.step__title{letter-spacing:-.2px;color:#fff;font-size:19px}.step__text{color:#ffffffb3;font-size:14px;line-height:1.55}.problems{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.problem{border:1px solid var(--sy-hairline);background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:28px;display:flex}.problem__q{letter-spacing:-.2px;color:var(--sy-ink);font-size:19px;line-height:1.3}.problem__a{color:var(--sy-ink-2);line-height:1.55}.rows{border-top:1px solid var(--sy-hairline);grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:0 64px;display:grid}.row{border-bottom:1px solid var(--sy-hairline);grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}.why{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.why__item{background:var(--sy-amber-tint);border-radius:12px;flex-direction:column;gap:10px;padding:24px;display:flex}.faq{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:40px 72px;display:grid}.faq__list{border-top:1px solid var(--sy-hairline);flex-direction:column;display:flex}.faq__item{border-bottom:1px solid var(--sy-hairline)}.faq__q{letter-spacing:-.2px;color:var(--sy-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:19px;line-height:1.3;list-style:none;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__mark{flex:none;width:20px;height:20px;position:relative}.faq__mark:before,.faq__mark:after{content:"";background:var(--sy-ink);transition:transform var(--sy-base) var(--sy-ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq__mark:before{width:14px;height:1px}.faq__mark:after{width:1px;height:14px}.faq__item[open] .faq__mark:after{transform:translate(-50%,-50%)rotate(90deg)}.faq__a{color:var(--sy-ink-2);padding:0 44px 22px 0;font-size:16px;line-height:1.65}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px 24px;display:grid}.others{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.other{border:1px solid var(--sy-hairline);height:100%;transition:border-color var(--sy-base) var(--sy-ease);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:28px;text-decoration:none;display:flex}.other:hover{border-color:var(--sy-amber);text-decoration:none}.other__name{color:var(--sy-ink)}
.tag{border-radius:var(--sy-radius-pill);white-space:nowrap;align-items:center;padding:5px 10px;font-size:12px;font-weight:400;line-height:1.15;display:inline-flex}.tag--light{background:var(--sy-amber-tag-bg);color:var(--sy-amber-tag-ink)}.tag--dark{background:var(--sy-on-dark-tag-bg);color:var(--sy-amber-soft)}.tag--upper{letter-spacing:.4px;text-transform:uppercase;padding:4px 8px;font-size:10px}
.pcard{color:inherit;flex-direction:column;gap:16px;text-decoration:none;display:flex}.pcard:hover{color:inherit;text-decoration:none}.pcard__row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pcard__copy{flex-direction:column;gap:4px;display:flex}.pcard__client{color:var(--sy-ink)}.pcard__cta{color:var(--sy-link);flex:none}.pcard:hover .pcard__cta{text-underline-offset:2px;text-decoration:underline}
.thumb{background:var(--sy-thumb-bg);width:100%;position:relative;overflow:hidden}.thumb--fill{height:100%;position:absolute;inset:0}.thumb--dark{background:var(--sy-dark-raised)}.thumb__bg{object-fit:cover;filter:blur(28px)saturate(1.1);opacity:.55;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.25)}.thumb--dark .thumb__bg{opacity:.4}.thumb__img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.thumb__img--cover{object-fit:cover}

.ds-mark{flex:none;gap:3px;display:inline-flex}.ds-mark i{width:calc(var(--h) * .44);height:var(--h);background:var(--sy-amber);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%);display:block}.ds-mark i+i{background:var(--sy-graphite)}.ds{pointer-events:none;position:absolute}.ds i{background:var(--sy-amber);display:block;position:absolute;top:0}.ds__b{background:var(--sy-graphite)!important}.ds--dark{background:#404040!important}.ds--corner{width:240px;height:180px}.ds--corner .ds__a{clip-path:polygon(100px 0,150px 0,50px 100%,0 100%);width:150px;height:180px;left:0}.ds--corner .ds__b{clip-path:polygon(100px 0,150px 0,50px 100%,0 100%);width:150px;height:180px;left:88px}.ds--band{width:620px;height:100%;top:0;left:max(50% + 200px,720px)}.ds--band .ds__a{clip-path:polygon(250px 0,360px 0,110px 100%,0 100%);width:380px;height:100%;left:0}.ds--band .ds__b{clip-path:polygon(250px 0,360px 0,110px 100%,0 100%);width:380px;height:100%;left:240px}.ds--card{width:200px;height:100%;top:0;right:-30px}.ds--card .ds__a{clip-path:polygon(80px 0,116px 0,36px 100%,0 100%);width:120px;height:100%;left:0}.ds--card .ds__b{clip-path:polygon(80px 0,116px 0,36px 100%,0 100%);width:120px;height:100%;left:70px}
.cta{padding:var(--sy-space-10) var(--sy-gutter);position:relative;overflow:hidden}.cta--dark{background:var(--sy-dark)}.cta--light{background:var(--sy-amber-tint)}.cta__inner{flex-direction:column;gap:28px;max-width:680px;margin-left:max(0px,50% - 600px);display:flex;position:relative}.cta--dark h2{color:var(--sy-on-dark)}.cta--light h2{color:var(--sy-ink)}.cta--dark .lead{color:#ffffffbd}.cta--light .lead{color:var(--sy-ink-2)}.cta__actions{flex-wrap:wrap;gap:12px;display:flex}
