.sh77-page{color:#20133f}.sh77-page section{padding-block:clamp(4.75rem,8vw,7.5rem)}
.sh77-hero{overflow:hidden;background:radial-gradient(circle at 84% 17%,rgba(29,202,199,.17),transparent 24%),linear-gradient(138deg,#f4f7ff,#fff 53%,#f7f2ff)}
.sh77-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(28rem,1.08fr);gap:clamp(2.5rem,6vw,6.5rem);align-items:center}.sh77-hero-grid>*{min-width:0;max-width:100%}
.sh77-hero h1{max-width:13ch;margin:1.35rem 0 1.5rem;font-size:clamp(3rem,5.7vw,5.75rem);line-height:.95;letter-spacing:-.058em}.sh77-lede{max-width:43rem;color:#50586d;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.6}
.sh77-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:2rem}.sh77-text-link{font-weight:850;color:#321962;text-underline-offset:.25em}
.sh77-choice-map{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:4.7rem 1.25rem 1.25rem;border:1px solid #cbd6e8;border-radius:2rem;background:linear-gradient(145deg,#251451,#3b2671 57%,#0b6570);box-shadow:0 2rem 5rem rgba(31,20,63,.2)}.sh77-choice-map>*{min-width:0;max-width:100%}.sh77-choice-label{position:absolute;top:1.45rem;left:1.45rem;color:#88eeeb;font-size:.68rem;font-weight:900;letter-spacing:.14em}.sh77-choice-map a{display:grid;gap:.45rem;min-height:7.4rem;padding:1.25rem;border:1px solid rgba(255,255,255,.23);border-radius:1rem;background:rgba(255,255,255,.09);color:#fff;text-decoration:none}.sh77-choice-map a:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.sh77-choice-map small{color:#8ffff8;font-size:.66rem;font-weight:900;letter-spacing:.1em}.sh77-choice-map strong{align-self:end;font-size:1.12rem;line-height:1.25}
.sh77-section-head{display:grid;grid-template-columns:minmax(11rem,.32fr) minmax(0,1fr);gap:1.25rem 2rem;align-items:start;margin-bottom:3rem}.sh77-section-head>*{min-width:0;max-width:100%}.sh77-section-head h2{margin:0;font-size:clamp(2.45rem,4.8vw,4.4rem);line-height:.98;letter-spacing:-.05em}.sh77-section-head>p:last-child{grid-column:2;max-width:47rem;margin:0;color:#596174;font-size:1.08rem;line-height:1.65}
.sh77-directory{background:#f3f6fb}.d1-solution-directory{display:grid;gap:1.3rem}.d1-solution-group{display:grid;grid-template-columns:minmax(14rem,.31fr) minmax(0,1fr);gap:1.3rem;padding:1.3rem;border:1px solid #d4dceb;border-radius:1.55rem;background:#fff;box-shadow:0 1.1rem 3.2rem rgba(37,20,81,.06)}.d1-solution-group>*{min-width:0;max-width:100%}.d1-solution-group-head{padding:1.35rem}.d1-solution-group-head>span,.d1-solution-links>a>span{color:#365cff;font-size:.67rem;font-weight:900;letter-spacing:.12em}.d1-solution-group-head h3{margin:.85rem 0;font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.08}.d1-solution-group-head p{color:#596174;line-height:1.6}.d1-solution-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.d1-solution-links>*{min-width:0;max-width:100%}.d1-solution-links>a{display:flex;flex-direction:column;min-height:16.5rem;padding:1.4rem;border:1px solid #d9e0ec;border-radius:1rem;color:#20133f;text-decoration:none}.d1-solution-links>a:hover{border-color:#5871ed;box-shadow:0 .8rem 2rem rgba(43,54,137,.1)}.d1-solution-links strong{margin:.8rem 0;font-size:1.32rem;line-height:1.18}.d1-solution-links p{color:#596174;line-height:1.55}.d1-solution-links b{margin-top:auto;padding-top:1rem;color:#321962;font-size:.82rem}.d1-solution-group:nth-child(3) .d1-solution-links{grid-template-columns:repeat(2,minmax(0,1fr))}.d1-solution-group:nth-child(4) .d1-solution-links{grid-template-columns:minmax(0,1fr)}.d1-solution-group:nth-child(4) .d1-solution-links>a{min-height:0}
.sh77-framework{background:#211044;color:#fff}.sh77-framework-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.sh77-framework-grid>*{min-width:0;max-width:100%}.sh77-framework h2{max-width:12ch;margin:1rem 0 1.4rem;color:#fff;font-size:clamp(2.7rem,4.7vw,4.6rem);line-height:.98;letter-spacing:-.052em}.sh77-framework p{max-width:40rem;color:#d8d9e8;font-size:1.05rem;line-height:1.65}.sh77-framework a{display:inline-block;margin-top:1rem;color:#8ffff8;font-weight:850;text-underline-offset:.28em}.sh77-framework-track{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;align-items:center}.sh77-framework-track>*{min-width:0;max-width:100%}.sh77-framework-track div{display:grid;align-content:center;min-height:10rem;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.08);text-align:center}.sh77-framework-track span{color:#8ffff8;font-size:.7rem;font-weight:900;letter-spacing:.12em}.sh77-framework-track strong{margin-top:.6rem;line-height:1.25}.sh77-framework-track i{color:#53d9d7;font-size:1.3rem;font-style:normal}
.sh77-start{background:#fff}.sh77-start-grid{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}.sh77-start-grid>*{min-width:0;max-width:100%}.sh77-start h2{max-width:11ch;margin:1rem 0 1.2rem;font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:.98;letter-spacing:-.05em}.sh77-start p{color:#596174;font-size:1.05rem;line-height:1.65}.sh77-start dl{margin:0;border-top:1px solid #d8dfeb}.sh77-start dl div{display:grid;grid-template-columns:minmax(10rem,.75fr) minmax(0,1.25fr);gap:1.5rem;padding:1.45rem 0;border-bottom:1px solid #d8dfeb}.sh77-start dl div>*{min-width:0;max-width:100%}.sh77-start dt{font-weight:850;line-height:1.4}.sh77-start dd{margin:0;color:#596174;line-height:1.6}.sh77-start dd a{color:#321962;font-weight:800;text-underline-offset:.22em}
.sh77-faq{background:#f5f7fb}.sh77-faq-list{border-top:1px solid #d4dceb}.sh77-faq details{border-bottom:1px solid #d4dceb}.sh77-faq summary{display:flex;justify-content:space-between;gap:1.5rem;padding:1.5rem .25rem;cursor:pointer;list-style:none;font-size:1.18rem;font-weight:850}.sh77-faq summary span{color:#365cff}.sh77-faq details p{max-width:58rem;margin:0;padding:0 .25rem 1.55rem;color:#596174;line-height:1.65}
.sh77-page :focus-visible{outline:3px solid #16bfc7;outline-offset:4px}.sh77-choice-map a,.d1-solution-links>a{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(max-width:980px){.sh77-hero-grid,.sh77-framework-grid,.sh77-start-grid{grid-template-columns:1fr}.d1-solution-group{grid-template-columns:1fr}.d1-solution-links{grid-template-columns:repeat(3,minmax(0,1fr))}.sh77-framework h2,.sh77-start h2{max-width:15ch}}
@media(max-width:760px){.sh77-section-head{grid-template-columns:1fr}.sh77-section-head>p:last-child{grid-column:auto}.d1-solution-links,.d1-solution-group:nth-child(3) .d1-solution-links{grid-template-columns:1fr}.d1-solution-links>a{min-height:0}.sh77-framework-track{grid-template-columns:1fr}.sh77-framework-track i{transform:rotate(90deg);text-align:center}.sh77-start dl div{grid-template-columns:1fr;gap:.55rem}}
@media(max-width:560px){.sh77-page section{padding-block:4rem}.sh77-hero h1{font-size:clamp(2.75rem,13.5vw,4rem)}.sh77-choice-map{grid-template-columns:1fr;padding:4.4rem 1rem 1rem}.sh77-choice-map a{min-height:6.2rem}.d1-solution-group{padding:.7rem;border-radius:1.2rem}.d1-solution-group-head{padding:1rem}.d1-solution-links>a{padding:1.15rem}.sh77-actions .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.sh77-choice-map a,.d1-solution-links>a{transition:none}.sh77-choice-map a:hover{transform:none}}
@media(forced-colors:active){.sh77-choice-map,.sh77-framework{background:Canvas;color:CanvasText}.sh77-choice-map a,.sh77-framework-track div{border:2px solid CanvasText;background:Canvas;color:LinkText}.sh77-choice-map small,.sh77-choice-label,.sh77-framework-track span,.sh77-framework a{color:LinkText}.sh77-framework h2,.sh77-framework p{color:CanvasText}.d1-solution-links>a{border:2px solid LinkText}}
