/* Selected Three Chapters. Scope contains every layout and motion rule. */
#why.why-chapters{--paper:#f5f6f9;--muted:#707380;--ink:#272733;--orange:#ff450a;padding-block:var(--home-section-space,64px);scroll-margin-top:108px}
#why.why-chapters .why-heading{display:grid;grid-template-columns:var(--home-heading-rail,230px) minmax(0,1fr);column-gap:var(--home-column-gap,40px);row-gap:16px;align-items:start;margin:0 0 var(--home-heading-gap,36px)}
#why.why-chapters .why-heading>.eyebrow{margin:0;padding-top:7px}
#why.why-chapters .why-heading h2{font:500 var(--desk-section-title-size,56px)/1.08 Raleway,Arial,sans-serif;letter-spacing:-.045em;margin:0}
#why.why-chapters .why-heading .brand-word{font:inherit;font-weight:700;letter-spacing:-.035em;color:#ff450a}
#why.why-chapters .chapter-label{display:block;color:var(--muted);font:650 12px/1.6 Raleway,Arial,sans-serif;text-transform:uppercase}
#why.why-chapters .text-action{display:inline-flex;align-items:center;align-self:flex-start;gap:16px;min-height:44px;border:0;font:650 13px/1.45 Raleway,Arial,sans-serif;color:var(--ink);text-align:left}
#why.why-chapters .text-action:after{content:none;display:none}
#why.why-chapters .text-action .brand-clasp{color:var(--orange)}
#why.why-chapters .proof-art img{display:block;max-width:100%}
#why.why-chapters .modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#why.why-chapters .mode{min-width:0;border-right:1px solid #dfe1e8}
#why.why-chapters .mode:last-child{border:0}
#why.why-chapters .mode h4{font-weight:650;line-height:1.3;letter-spacing:-.015em;margin:0 0 9px}
#why.why-chapters .mode p{color:var(--muted);margin:0}
#why.why-chapters .proof-chapter+.proof-chapter{margin-top:30px}
#why.why-chapters .proof-chapter>.chapter-label{margin:0 0 14px;letter-spacing:.075em}
#why.why-chapters .proof-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#why.why-chapters .proof-card{--study-size:108px;display:grid;grid-template-columns:var(--study-size) minmax(0,1fr);gap:22px;padding:26px;background:var(--paper);border:1px solid transparent;border-radius:26px 26px 6px 26px;align-items:start;min-width:0;transition:border-color .25s,box-shadow .25s}
#why.why-chapters .proof-card:focus-within{border-color:#ff450a45}
#why.why-chapters .proof-art{position:relative;isolation:isolate;width:var(--study-size);aspect-ratio:1;overflow:hidden;border-radius:19px 19px 5px 19px;background:#e8ebf2;box-shadow:inset 0 0 0 1px #27273305}
#why.why-chapters .proof-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;height:100%}
#why.why-chapters .proof-copy h3{font-size:25px;line-height:1.22;margin:0 0 16px;letter-spacing:-.025em;font-weight:600;text-wrap:pretty}
#why.why-chapters .proof-copy>p{font-size:15px;line-height:1.65;margin:0 0 12px;color:var(--muted)}
#why.why-chapters .proof-copy>.text-action{margin-top:auto;padding-top:6px;line-height:1.45;min-height:44px}
#why.why-chapters .proof-wide .proof-copy>p{max-width:850px}
#why.why-chapters .proof-wide .modes{width:100%;margin:18px 0 22px;gap:28px}
#why.why-chapters .proof-wide .mode{padding-right:24px}
#why.why-chapters .proof-wide .mode:last-child{padding:0}
#why.why-chapters .proof-wide .mode p{font-size:14px;line-height:1.65}
#why.why-chapters .proof-wide .mode h4{font-size:17px}
#why.why-chapters .mini-technology{background:radial-gradient(ellipse at 30% 15%,#fff,#e3e7ef 85%)}
#why.why-chapters .mini-server-bank{position:absolute;inset:26% 16% 15%;display:flex;gap:8%;transform:perspective(450px) rotateY(-13deg) rotateX(4deg);filter:drop-shadow(5px 9px 7px #27273327)}
#why.why-chapters .mini-rack{flex:1;min-width:0;border:1px solid #545762;border-radius:5px;background:linear-gradient(135deg,#494c57,#272833);padding:9% 7%;display:flex;flex-direction:column;gap:10%}
#why.why-chapters .mini-rack:last-child{transform:translateY(-8%)}
#why.why-chapters .mini-rack>span{display:flex;align-items:center;gap:4px;flex:1;border:1px solid #626574;background:#353742;border-radius:2px;padding:0 3px}
#why.why-chapters .mini-rack i{width:3px;height:3px;background:var(--orange);border-radius:50%;box-shadow:0 0 4px #ff450a66;flex-shrink:0}
#why.why-chapters .mini-rack b{height:1px;background:#8b8f9b;flex:1}
#why.why-chapters .mini-tech-plus{position:absolute;right:12%;top:11%;width:15%;aspect-ratio:1}
#why.why-chapters .mini-tech-plus img{width:100%;height:100%}
#why.why-chapters .mini-data{background:radial-gradient(circle at center,#fff 0%,#edf0f6 75%)}
#why.why-chapters .mini-data-orbit{position:absolute;inset:16%;border:1px solid #cbd0dd;border-radius:50%;transform:rotate(-15deg)}
#why.why-chapters .mini-data-orbit:after,#why.why-chapters .mini-data-orbit:before{content:'';position:absolute;left:10%;right:10%;top:50%;height:1px;background:#d4d8e2;transform:rotate(60deg)}
#why.why-chapters .mini-data-orbit:after{transform:rotate(-60deg)}
#why.why-chapters .mini-data-orbit i{position:absolute;width:10%;aspect-ratio:1;background:#fff;border:1px solid #bfc5d3;border-radius:3px;z-index:1;transform:translate(-50%,-50%)}
#why.why-chapters .mini-data-orbit i:nth-child(1){left:50%;top:0;background:var(--orange);border-color:var(--orange)}
#why.why-chapters .mini-data-orbit i:nth-child(2){left:94%;top:25%}
#why.why-chapters .mini-data-orbit i:nth-child(3){left:94%;top:75%}
#why.why-chapters .mini-data-orbit i:nth-child(4){left:50%;top:100%;background:var(--ink);border-color:var(--ink)}
#why.why-chapters .mini-data-orbit i:nth-child(5){left:6%;top:75%}
#why.why-chapters .mini-data-orbit i:nth-child(6){left:6%;top:25%}
#why.why-chapters .mini-synthesis{position:absolute;inset:28%;border-radius:12px;background:#fff;box-shadow:0 5px 16px #27273315;display:grid;place-items:center;z-index:2}
#why.why-chapters .mini-synthesis img{width:71%;height:71%;transition:transform .8s cubic-bezier(.2,.8,.25,1)}
#why.why-chapters .mini-inventory{background:linear-gradient(140deg,#eff1f6,#e1e5ee)}
#why.why-chapters .mini-publisher{position:absolute;inset:16% 11% 13%;background:white;border:1px solid #cdd2df;border-radius:6px;transform:perspective(400px) rotateY(-9deg);box-shadow:3px 7px 12px #27273312;overflow:hidden}
#why.why-chapters .mini-browser{height:18%;border-bottom:1px solid #e0e2e9;padding-left:9%;display:flex;align-items:center;gap:3px}
#why.why-chapters .mini-browser i{width:2px;height:2px;background:#b7bdcb;border-radius:50%}
#why.why-chapters .mini-article-lines{position:absolute;left:10%;top:34%;width:25%}
#why.why-chapters .mini-article-lines i{display:block;height:2px;background:#c8cdd9;margin-bottom:5px;border-radius:1px}
#why.why-chapters .mini-article-lines i:first-child{height:4px;background:#808899;margin-bottom:8px}
#why.why-chapters .mini-article-lines i:last-child{width:65%}
#why.why-chapters .mini-ad{position:absolute;inset:28% 9% 11% 44%;background:var(--orange);border-radius:4px 4px 1px 4px;padding:11% 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .55s cubic-bezier(.2,.8,.25,1)}
#why.why-chapters .mini-ad img{width:100%;height:auto}
#why.why-chapters .mini-ad span{display:block;width:85%;height:2px;background:#ffffff77}
#why.why-chapters .mini-ad span:last-child{width:60%}
#why.why-chapters .mini-measurement{background:var(--ink);color:#fff}
#why.why-chapters .mini-atr{position:absolute;inset:21% 0 auto;text-align:center;font-weight:500;font-size:calc(var(--study-size)*.33);letter-spacing:-.055em;line-height:1.2}
#why.why-chapters .mini-session{position:absolute;left:16%;right:16%;bottom:23%;display:flex;gap:3px}
#why.why-chapters .mini-session i{height:4px;background:#5a5d6d;flex:1;border-radius:1px}
#why.why-chapters .mini-session i.on{background:var(--orange)}
#why.why-chapters .mini-playhead{position:absolute;top:25%;bottom:18%;width:1px;left:17%;background:linear-gradient(transparent,#ff976f,transparent);opacity:0}
#why.why-chapters .mini-collaboration{background:linear-gradient(135deg,#edf0f6,#e2e6ef)}
#why.why-chapters .mini-team-link{position:absolute;left:13%;right:13%;top:50%;height:1px;background:#c6cbd8}
#why.why-chapters .mini-team-link:after{content:'';position:absolute;inset:0;background:var(--orange);transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.8,.25,1)}
#why.why-chapters .mini-person{position:absolute;left:9%;top:36%;width:25%;aspect-ratio:1;border-radius:50%;background:#f9faff;border:1px solid #d6dce7}
#why.why-chapters .mini-person:before{content:'';position:absolute;left:38%;top:22%;width:25%;aspect-ratio:1;border-radius:50%;background:#8e96a9}
#why.why-chapters .mini-person i{position:absolute;left:25%;bottom:20%;width:50%;height:27%;border-radius:8px 8px 3px 3px;background:#8e96a9}
#why.why-chapters .mini-team{left:auto;right:9%}
#why.why-chapters .mini-team:before,#why.why-chapters .mini-team i{background:var(--orange)}
#why.why-chapters .mini-team-hub{position:absolute;inset:33%;background:white;border:1px solid #d6dce7;border-radius:10px;display:grid;place-items:center;box-shadow:0 5px 12px #2727330c}
#why.why-chapters .mini-team-hub img{width:47%;height:47%;transition:transform .7s cubic-bezier(.2,.8,.25,1)}
@keyframes gdwhy-led{0%,100%{opacity:1}40%{opacity:.25}70%{opacity:1;box-shadow:0 0 7px #ff450acc}}
@keyframes gdwhy-atr{0%{left:17%;opacity:0}15%{opacity:.9}85%{opacity:.9}100%{left:83%;opacity:0}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
#why.why-chapters .proof-card:hover{border-color:#dfe2eb;box-shadow:0 12px 26px -25px #27273366}
#why.why-chapters .proof-card:hover .mini-rack i{animation:gdwhy-led 1.3s ease-out 1}
#why.why-chapters .proof-card:hover .mini-rack:nth-child(2) i{animation-delay:.15s}
#why.why-chapters .proof-card:hover .mini-synthesis img{transform:rotate(90deg)}
#why.why-chapters .proof-card:hover .mini-ad{transform:translateY(-3px)}
#why.why-chapters .proof-card:hover .mini-playhead{animation:gdwhy-atr 1.6s ease-in-out 1}
#why.why-chapters .proof-card:hover .mini-team-link:after{transform:scaleX(1)}
#why.why-chapters .proof-card:hover .mini-team-hub img{transform:rotate(90deg)}
}
@media(prefers-reduced-motion:no-preference){
#why.why-chapters .proof-card:focus-within .mini-synthesis img,#why.why-chapters .proof-card:focus-within .mini-team-hub img{transform:rotate(90deg)}
#why.why-chapters .proof-card:focus-within .mini-ad{transform:translateY(-3px)}
#why.why-chapters .proof-card:focus-within .mini-team-link:after{transform:scaleX(1)}
#why.why-chapters .proof-card:focus-within .mini-rack i{animation:gdwhy-led 1.3s ease-out 1}
#why.why-chapters .proof-card:focus-within .mini-playhead{animation:gdwhy-atr 1.6s ease-in-out 1}
#why.why-chapters .proof-card.is-seen .mini-rack i{animation:gdwhy-led 1.3s ease-out 1}
#why.why-chapters .proof-card.is-seen .mini-playhead{animation:gdwhy-atr 1.6s ease-in-out 1}
}
@media(max-width:1100px){
#why.why-chapters .proof-card{--study-size:90px;padding:24px;gap:18px}
#why.why-chapters .proof-copy h3{font-size:24px}
#why.why-chapters .proof-pair{gap:20px}
}
@media(max-width:900px){
#why.why-chapters .proof-pair{grid-template-columns:1fr}
#why.why-chapters .proof-card{--study-size:96px;gap:24px}
#why.why-chapters .proof-copy>p{max-width:660px}
#why.why-chapters .proof-copy>.text-action{margin-top:0}
#why.why-chapters .proof-wide .modes{gap:22px}
#why.why-chapters .proof-wide .mode{padding-right:18px}
}
@media(max-width:600px){
#why.why-chapters .proof-chapter+.proof-chapter{margin-top:28px}
#why.why-chapters .proof-chapter>.chapter-label{font-size:11px;margin-bottom:12px}
#why.why-chapters .proof-pair{gap:16px}
#why.why-chapters .proof-card{--study-size:68px;padding:22px;gap:16px;border-radius:23px 23px 5px 23px}
#why.why-chapters .proof-art{border-radius:14px 14px 4px 14px;grid-column:1;grid-row:1}
#why.why-chapters .proof-copy{display:contents}
#why.why-chapters .proof-copy h3{font-size:23px;grid-column:2;grid-row:1;align-self:center;margin:0;line-height:1.2}
#why.why-chapters .proof-copy>p,#why.why-chapters .proof-copy>.text-action,#why.why-chapters .proof-copy>.modes{grid-column:1/-1}
#why.why-chapters .proof-copy>p{margin:0;font-size:15px;line-height:1.65}
#why.why-chapters .proof-copy>.text-action{margin:0;justify-self:start;padding:0}
#why.why-chapters .proof-wide .modes{margin:4px 0;gap:18px}
#why.why-chapters .proof-wide .mode{padding:0 0 17px}
#why.why-chapters .proof-wide .mode:last-child{padding:0}
#why.why-chapters .proof-wide .mode h4{font-size:17px}
#why.why-chapters .proof-wide .mode p{font-size:14px}
#why.why-chapters .mini-rack>span{padding-inline:2px;gap:2px}
#why.why-chapters .mini-rack i{width:2px;height:2px}
#why.why-chapters .mini-rack b{display:none}
#why.why-chapters .mini-ad{gap:3px}
#why.why-chapters .mini-ad span{height:1px}
#why.why-chapters .mini-browser{gap:2px}
#why.why-chapters .mini-article-lines i{height:1px;margin-bottom:3px}
#why.why-chapters .mini-article-lines i:first-child{height:3px;margin-bottom:5px}
#why.why-chapters .mini-session{gap:2px}
#why.why-chapters .mini-session i{height:3px}
#why.why-chapters .mini-person{border:0}
#why.why-chapters .mini-person:before{width:29%;left:36%}
#why.why-chapters .mini-team-hub{border-radius:7px}
}
@media(max-width:360px){
#why.why-chapters .proof-card{--study-size:50px;padding:18px;column-gap:12px}
#why.why-chapters .proof-copy h3{font-size:22px}
#why.why-chapters .proof-copy>.text-action{font-size:12px}
}
@media(max-width:760px){#why.why-chapters .why-heading{display:block}#why.why-chapters .why-heading>.eyebrow{padding:0;margin:0 0 16px}}
@media(max-width:600px){#why.why-chapters .modes{grid-template-columns:1fr}#why.why-chapters .mode{border-right:0;border-bottom:1px solid #dfe1e8}#why.why-chapters .mode:last-child{border:0}}
@media(prefers-reduced-motion:reduce){#why.why-chapters *,#why.why-chapters *:before,#why.why-chapters *:after{animation:none!important;transition:none!important}}

