/* Ryan's redesign: the content kinds. Blog posts (d-post, d-pmeta, d-aisum, d-toc, d-pauthor, d-paside, d-rel),
   the blog index and categories (d-blog, d-bcat, d-bsearch, d-bfeat, d-bcard, d-bfaq), the case-study index
   (d-cindex, d-crow) and the case studies (d-cs-*). Mobile first: each `w >= N` of the design is a min-width query at N. */

/* ---- shared: the dark wash and zoom icon over a screenshot on hover */
.d-zoom{position:relative}
.d-zoom-shade{position:absolute;inset:0;background:rgba(0,0,0,.15);border-radius:18px;clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transition:clip-path .7s ease;pointer-events:none}
.d-zoom-ic{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.d-zoom:hover .d-zoom-shade,.d-zoom:focus-visible .d-zoom-shade,.d-crow:hover .d-zoom-shade{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}
.d-zoom:hover .d-zoom-ic,.d-zoom:focus-visible .d-zoom-ic,.d-crow:hover .d-zoom-ic{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ================================================================ blog post */
.d-post{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;max-width:1240px;margin:0 auto;padding:56px 28px 40px;background:#F3F6FC;align-items:start}
@media(min-width:1000px){.d-post{grid-template-columns:minmax(0,1fr) 340px}}
.d-post-main{min-width:0}
.d-pmeta{display:flex;gap:10px;align-items:center;font-size:16px;color:#484848}
.d-pmeta i{width:1px;height:16px;flex:none;background:#BEBECA}
.d-ppic{margin-top:18px;border-radius:22px;overflow:hidden;background:#161441}
.d-ppic img{display:block;width:100%;max-height:520px;object-fit:cover}

.d-aisum{position:relative;overflow:hidden;margin-top:18px;background:#161441;color:#fff;border-radius:18px;padding:20px 22px 22px}
.d-aisum::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 100% 0%,rgba(66,104,193,.55),transparent 70%);pointer-events:none}
.d-aisum-h{position:relative;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EEB315}
.d-aisum-row{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.d-aisum-go{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:16px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}
.d-aisum-go:hover,.d-aisum-go:focus-visible{background:rgba(255,255,255,.16);border-color:#EEA715;color:#fff}

.d-toc{margin-top:18px;background:#fff;border-radius:18px;border:1px solid #E1E5EB;overflow:hidden}
.d-toc>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;cursor:pointer;list-style:none;font-size:28px;font-weight:700;line-height:normal;color:#EEA715}
.d-toc>summary::-webkit-details-marker{display:none}
.d-toc-ic{width:30px;height:30px;flex:none;border-radius:8px;background:#EEA715;color:#161441;display:grid;place-items:center;font-size:13px;transition:transform .25s}
.d-toc[open] .d-toc-ic{transform:rotate(180deg)}
.d-toc ol{margin:0;padding:0 24px 22px 48px;display:flex;flex-direction:column;gap:10px;font-size:17px;color:#161441}
.d-toc li{padding-left:4px}
.d-toc a{color:#161441;font-weight:600;text-decoration:underline;text-decoration-color:rgba(238,167,21,.55);text-underline-offset:4px}
.d-toc a:hover,.d-toc a:focus-visible{color:#EEA715}

.d-pauthor{margin-top:28px;background:#fff;border-radius:22px;border:1px solid #E1E5EB;padding:28px 30px}
.d-pauthor-who{display:flex;align-items:center;gap:14px}
.d-pauthor-ic{width:64px;height:64px;flex:none;border-radius:50%;background:#fff;border:2px solid #EEA715;display:grid;place-items:center;box-shadow:0 8px 20px -12px rgba(22,20,65,.5)}
.d-pauthor-ic img{display:block;width:42px;height:42px;object-fit:contain}
.d-pauthor-who b{display:block;font-size:19px;color:#161441}
.d-pauthor-who a{font-size:15px;color:#484848}
.d-pauthor>p{font-size:17px;line-height:1.55;margin-top:16px}
.d-pauthor-go{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.d-pauthor-talk{background:#EEA715;color:#161441;font-weight:700;font-size:16px;padding:12px 26px;border-radius:999px}
.d-pauthor-talk:hover,.d-pauthor-talk:focus-visible{background:#EEB315;color:#161441}
.d-pauthor-pref{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #161441;color:#161441;font-weight:700;font-size:16px;padding:11px 20px;border-radius:10px}

.d-paside{position:static;top:100px;display:flex;flex-direction:column;gap:22px}
@media(min-width:1000px){.d-paside{position:sticky}}
.d-pcard{position:relative;background:#fff;border-radius:22px;border:1px solid #E1E5EB;padding:28px}
.d-pcard--meet{overflow:hidden}
.d-pcard-k{font-size:17px;font-weight:600;color:#EEA715}
.d-pcard-big{font-size:30px;font-weight:700;color:#EEA715;line-height:1.1;margin-top:4px}
.d-pcard--meet>p{font-size:16px;line-height:1.55;margin-top:14px}
.d-pcard-mark{position:absolute;right:-30px;bottom:-40px;width:150px;height:auto;pointer-events:none}
.d-pmeet-go{display:inline-flex;margin-top:18px;border:1.5px solid #161441;color:#161441;font-weight:700;font-size:16px;padding:8px 24px;border-radius:999px;transition:background .25s,color .25s}
.d-pmeet-go>span{display:inline-flex;align-items:center;gap:14px}
.d-pmeet-go .d-abtn-dot{width:32px;height:32px;margin-right:-10px;overflow:hidden;background:#EEA715;color:#161441}
.d-pmeet-go .d-abtn-dot svg{width:16px;height:16px}
.d-pmeet-go:hover,.d-pmeet-go:focus-visible{background:#161441;color:#fff}
.d-pmeet-go:hover svg,.d-pmeet-go:focus-visible svg{transform:translate(2px,-2px) scale(1.08)}
.d-pcard-h{font-size:28px;font-weight:700;color:#EEA715}
.d-pcats{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-size:17px;font-weight:600}
.d-pcats a{color:#161441}
.d-pcats a:hover,.d-pcats a:focus-visible{color:#EEA715}
.d-pcard:not(.d-pcard--meet)>p{font-size:16px;margin-top:10px}
.d-pnews-f{display:block;width:100%;margin-top:10px;font-size:16px;padding:12px 2px;border:none;border-bottom:1.5px solid #161441;border-radius:0;background:transparent;color:#161441}
.d-pnews-f--first{margin-top:16px}
.d-pnews-f:focus{border-bottom-color:#EEA715}
.d-pnews-go{margin-top:20px;background:#EEA715;color:#161441;border:none;cursor:pointer;font-weight:700;font-size:16px;line-height:normal;padding:12px 28px;border-radius:999px}
.d-pnews-go:hover,.d-pnews-go:focus-visible{background:#EEB315}

.d-rel{padding:40px 0 88px;background:#fff}
.d-rel-in{max-width:1240px;margin:40px auto 0;padding:0 var(--gut)}
.d-rel-h{font-size:clamp(34px,4.2vw,56px);font-weight:700;color:#161441;text-align:center}
.d-rel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:28px}
@media(min-width:640px){.d-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.d-rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.d-rel-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E1E5EB;border-radius:20px;overflow:hidden;color:#484848;transition:transform .2s,box-shadow .2s}
.d-rel-card:hover,.d-rel-card:focus-visible{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(22,20,65,.45);color:#484848}
.d-rel-pic{aspect-ratio:16/10;overflow:hidden;background:#161441}
.d-rel-pic img{display:block;width:100%;height:100%;object-fit:cover}
.d-rel-t{padding:22px 24px 24px}
.d-rel-t :is(h3:where(:not(.aim-h3,.aim-h4,.aim-h5,.aim-h6)),:is(h2,h3,h4,h5,div):where(.aim-h3)){font-size:21px;line-height:1.25;font-weight:700;color:#161441}
.d-rel-t span{display:block;font-size:16px;font-weight:700;color:#161441;margin-top:12px}
.d-rel-t i{font-style:normal;color:#EEA715}

/* ================================================================ blog index, categories */
.d-blog{padding:64px 0 100px;background:#F3F6FC}
.d-blog-in{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.d-blog-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.d-bcats{display:flex;flex-wrap:wrap;gap:6px;background:#fff;border:1px solid #E1E5EB;border-radius:999px;padding:6px}
.d-bcat{font-size:16px;font-weight:700;padding:10px 18px;border-radius:999px;color:#161441}
.d-bcat:hover,.d-bcat:focus-visible{color:#EEA715}
.d-bcat--on,.d-bcat--on:hover,.d-bcat--on:focus-visible{background:#161441;color:#fff}
.d-bsearch-f{font-size:17px;padding:13px 20px;border:1.5px solid #E1E5EB;border-radius:999px;background:#fff;color:#161441;min-width:260px;max-width:100%;-webkit-appearance:none;appearance:none}
.d-bsearch-f:focus{border-color:#EEA715}
.d-bmeta{display:flex;gap:10px;align-items:center;font-size:15px}
.d-bmeta i{width:1px;height:14px;flex:none;background:#BEBECA}
.d-bmore{align-self:flex-start;margin-top:20px;border:1.5px solid #161441;color:#161441;font-weight:600;font-size:16px;padding:10px 24px;border-radius:999px}
.d-bfeat{display:grid;grid-template-columns:minmax(0,1fr);margin-top:36px;background:#fff;border-radius:26px;overflow:hidden;color:#484848;box-shadow:0 30px 60px -44px rgba(22,20,65,.5);transition:transform .2s}
@media(min-width:900px){.d-bfeat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.d-bfeat:hover,.d-bfeat:focus-visible{transform:translateY(-3px);color:#484848}
.d-bfeat-pic{min-height:320px;background:#161441}
.d-bfeat-pic img{display:block;width:100%;height:100%;object-fit:cover}
.d-bfeat-t{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.d-bfeat-tag{background:#EEA715;color:#161441;font-weight:700;padding:3px 12px;border-radius:999px}
.d-bfeat :is(h2:where(:not(.aim-h3,.aim-h4,.aim-h5,.aim-h6)),:is(h2,h3,h4,h5,div):where(.aim-h2)){font-size:clamp(28px,3.2vw,42px);line-height:1.08;font-weight:700;color:#161441;margin-top:16px;text-wrap:balance}
.d-bfeat p{font-size:18px;line-height:1.55;margin-top:14px}
.d-bfeat .d-bmore{margin-top:22px;font-weight:700;padding:11px 26px}
.d-bfeat[hidden],.d-bcard[hidden],.d-bempty[hidden]{display:none}
.d-bgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}
@media(min-width:640px){.d-bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.d-bcard{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;color:#484848;transition:transform .2s,box-shadow .2s}
.d-bcard:hover,.d-bcard:focus-visible{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(22,20,65,.45);color:#484848}
.d-bcard-pic{aspect-ratio:2/1;overflow:hidden;background:#161441}
.d-bcard-pic img{display:block;width:100%;height:100%;object-fit:cover}
.d-bcard-t{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.d-bcard :is(h3:where(:not(.aim-h3,.aim-h4,.aim-h5,.aim-h6)),:is(h2,h3,h4,h5,div):where(.aim-h3)){font-size:23px;line-height:1.15;font-weight:700;color:#161441;margin-top:12px}
.d-bcard p{font-size:16.5px;line-height:1.5;margin-top:12px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.d-bempty{margin-top:28px;font-size:18px;background:#fff;border:1px dashed #BEBECA;border-radius:16px;padding:28px}

.d-bfaqs{padding:64px 0;background:#fff}
@media(min-width:700px){.d-bfaqs{padding:100px 0}}
.d-bfaqs-in{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.d-bfaqs-head{text-align:center}
.d-bfaqs-head .d-eyebrow{font-size:20px;margin:0}
.d-bfaqs-head .d-h2{font-size:clamp(38px,4.6vw,60px);line-height:1.02;letter-spacing:0;margin-top:8px}
.d-bfaq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 28px;margin-top:44px;align-items:start}
@media(min-width:1000px){.d-bfaq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.d-bfaq{background:#F3F6FC;border-radius:14px;overflow:hidden;border:1.5px solid #F3F6FC}
.d-bfaq[open]{border-color:#EEA715}
.d-bfaq>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;list-style:none;font-weight:600;font-size:18px;line-height:normal;color:#161441}
.d-bfaq>summary::-webkit-details-marker{display:none}
.d-bfaq-ic{width:28px;height:28px;border-radius:50%;background:#EEA715;color:#161441;display:grid;place-items:center;font-size:15px;font-weight:900;flex:none;transition:transform .25s}
.d-bfaq[open] .d-bfaq-ic{transform:rotate(90deg)}
.d-bfaq>p{padding:0 22px 20px;font-size:17px;line-height:1.6;color:#484848;white-space:pre-line}
.d-bfaqs-go{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:40px}
.d-bfaqs-more,.d-bfaqs-talk{font-weight:700;font-size:17px;padding:14px 30px;border-radius:999px}
.d-bfaqs-more{background:#161441;color:#fff}
.d-bfaqs-more:hover,.d-bfaqs-more:focus-visible{background:#EEA715;color:#161441}
.d-bfaqs-talk{background:#fff;color:#161441;border:1.5px solid #161441}
.d-bfaqs-talk:hover,.d-bfaqs-talk:focus-visible{border-color:#EEA715;color:#161441}

/* ================================================================ case-study index */
.d-cindex{background:#fff;padding:80px 0 100px}
.d-cindex-in{max-width:1440px;margin:0 auto;padding:0 28px;display:flex;flex-direction:column}
.d-crow{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding:20px 0 40px;border-bottom:1px solid #161441}
@media(min-width:768px){.d-crow{padding-bottom:60px}}
@media(min-width:900px){.d-crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.d-crow-text{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.d-crow-tags{display:flex;flex-wrap:wrap;gap:10px}
.d-crow-tags span{background:#161441;color:#fff;padding:12px 30px;border-radius:100px;font-size:16px;line-height:1.2}
.d-crow-h{font-size:38px;line-height:1.05;font-weight:700;color:#161441;margin-top:10px;transition:color .3s}
@media(min-width:768px){.d-crow-h{font-size:48px}}
@media(min-width:1025px){.d-crow-h{font-size:60px}}
@media(min-width:1201px){.d-crow-h{font-size:78px}}
.d-crow:hover .d-crow-h,.d-crow:focus-within .d-crow-h{color:#EEA715}
.d-crow-text p{max-width:500px;font-size:18px;line-height:1.6;color:#484848;text-wrap:pretty}
.d-crow-more{border:1px solid #161441;color:#161441;padding:12px 30px;font-size:17px;border-radius:999px;transition:background .25s,color .25s,border-color .25s}
.d-crow-more:hover,.d-crow-more:focus-visible{background:#EEA715;border-color:#EEA715;color:#fff}
.d-crow-pic{display:block;height:500px;border-radius:18px;overflow:hidden}
.d-crow-pic>img:first-child{display:block;width:100%;margin:auto}

/* ================================================================ case study */
.d-cs-big{font-size:34px;line-height:1.05;font-weight:700;color:#161441}
@media(min-width:1025px){.d-cs-big{font-size:44px}}
@media(min-width:1201px){.d-cs-big{font-size:68px}}
.d-cs-btn{display:inline-flex;align-items:center;justify-content:center;background:#EEA715;color:#fff;border:1px solid #EEA715;font-size:17px;font-weight:600;padding:12px 30px;border-radius:999px;transition:background .25s,border-color .25s}
.d-cs-btn:hover,.d-cs-btn:focus-visible{background:#161441;border-color:#fff;color:#fff}
.d-cs-web{background:#fff;overflow:hidden;padding:40px 0 10px}
.d-cs-web-in{display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-end}
.d-cs-web-l{width:100%;padding:0 5%;flex:none;display:flex;flex-direction:column;align-items:flex-start}
.d-cs-web-l .d-cs-big{max-width:390px}
.d-cs-web-l p{font-size:18px;line-height:1.6;color:#484848;margin-top:25px;max-width:390px;padding-right:20px;text-wrap:pretty}
.d-cs-live{margin-top:30px}
.d-cs-web-r{width:100%;min-width:0;flex:none;padding:0 0 0 5%}
.d-cs-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 90px 2px 2px}
.d-cs-track::-webkit-scrollbar{display:none}
.d-cs-slide{flex:none;display:block;width:min(360px,72vw);aspect-ratio:1080/1350;border-radius:18px;overflow:hidden;scroll-snap-align:start;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.d-cs-slide>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
.d-cs-dots{display:flex;margin-top:16px;margin-left:-15px}
.d-cs-dot{width:44px;height:44px;border:none;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.d-cs-dot span{width:13px;height:13px;border-radius:50%;background:#F7D58F}
.d-cs-dot[aria-current] span{background:#EEA715}
@media(min-width:1025px){
  .d-cs-web{padding:80px 0 35px}
  .d-cs-web-in{flex-direction:row;gap:0}
  .d-cs-web-l{width:38%;padding:0 40px 0 5%}
  .d-cs-web-r{width:62%;padding:0}
  .d-cs-slide{width:min(440px,30vw)}
}

.d-cs-body{background:#fff;padding:40px 0 12px}
.d-cs-center{width:90%;max-width:1440px;margin:0 auto;padding-bottom:40px;text-align:center}
.d-cs-split{width:90%;max-width:1440px;margin:0 auto;padding-bottom:40px;display:flex;flex-direction:column;gap:30px}
.d-cs-split--rev{flex-direction:column-reverse}
.d-cs-col{flex:1 1 auto;min-width:0;top:170px}   /* full width below 1025px: the design shrinks a screenshot column to nothing there */
@media(min-width:1025px){
  .d-cs-body{padding:80px 0 0}
  .d-cs-split,.d-cs-split--rev{flex-direction:row;gap:10%;padding-bottom:80px}
  .d-cs-col{flex:0 0 var(--basis);align-self:flex-start}
  .d-cs-col--img{position:sticky}
}
.d-cs-h2{font-size:32px;line-height:1.08;font-weight:700;color:#161441;margin:48px 0 22px;text-wrap:balance}
@media(min-width:1025px){.d-cs-h2{font-size:44px}}
@media(min-width:1201px){.d-cs-h2{font-size:58px}}
.d-cs-kick{background:#F3F6FC;box-shadow:none;font-size:16px;white-space:nowrap;margin:48px 0 16px}
.d-cs-h3{font-size:23px;line-height:1.2;font-weight:700;color:#161441;margin:30px 0 12px;text-wrap:balance}
@media(min-width:1025px){.d-cs-h3{font-size:28px}}
.d-cs-q{font-size:21px;line-height:1.3;font-weight:700;color:#161441;margin:14px 0 10px;padding-top:18px;border-top:1px solid #E1E5EB}
.d-cs-p{font-size:18px;line-height:1.65;color:#484848;margin:0 0 16px;text-wrap:pretty}
.d-cs-p b,.d-cs-li b{color:#161441}
.d-cs-li{display:flex;gap:14px;margin:0 0 16px;font-size:18px;line-height:1.65;color:#484848}
.d-cs-li>span:last-child{min-width:0}
.d-cs-n{flex:none;width:30px;height:30px;border-radius:50%;background:#161441;color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center;margin-top:1px;line-height:1}
.d-cs-shot{position:relative;border-radius:18px;overflow:hidden;margin-bottom:20px;box-shadow:0 30px 60px -36px rgba(22,20,65,.45)}
.d-cs-shot--tall{height:520px}
@media(min-width:1025px){.d-cs-shot--tall{height:720px}}
.d-cs-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:object-position 18s cubic-bezier(.22,.61,.36,1)}
.d-cs-shot img:hover{object-position:50% 100%;transition:object-position 12s cubic-bezier(.22,.61,.36,1)}
.d-cs-contact{margin:14px 0 16px;background:#F3F6FC;border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;gap:16px}
.d-cs-contact-h{font-size:22px;font-weight:900;color:#161441}
.d-cs-contact-p{font-size:16px;line-height:1.5;color:#484848;margin-top:4px;text-wrap:pretty}
.d-cs-contact-links{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #E1E5EB}
.d-cs-contact-links a{display:flex;align-items:center;gap:14px;color:#161441;font-size:17px;font-weight:600}
.d-cs-contact-links a:hover,.d-cs-contact-links a:focus-visible{color:#EEA715}
.d-cs-contact-links a>span{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #E1E5EB;display:grid;place-items:center;flex:none}
.d-cs-first{margin-top:0}
.d-cs-center .d-cs-h2{font-size:34px;line-height:1.05;max-width:1100px;margin:0 auto 26px}
@media(min-width:1025px){.d-cs-center .d-cs-h2{font-size:44px}}
@media(min-width:1201px){.d-cs-center .d-cs-h2{font-size:68px}}
.d-cs-center .d-cs-p{font-size:19px;max-width:1000px;margin:0 auto 18px}

.d-cs-rv{position:relative;overflow:hidden;background:#161441;color:#fff;margin:20px 0 80px;padding:clamp(56px,7vw,100px) 5%}
.d-cs-rv::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 380px at 100% 0%,rgba(66,104,193,.5),transparent 70%),radial-gradient(480px 300px at 0% 100%,rgba(238,167,21,.14),transparent 70%);pointer-events:none}
.d-cs-rv-in{position:relative;max-width:1296px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:36px 72px;align-items:center}
.d-cs-rv-l{display:flex;flex-direction:column;gap:18px;min-width:0}
.d-cs-rv-chip{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap}
.d-cs-rv-chip img{width:18px;height:18px}
.d-cs-rv-h{font-size:32px;line-height:1.05;font-weight:700;color:#fff;text-wrap:balance}
.d-cs-rv-score{display:flex;align-items:baseline;gap:12px}
.d-cs-rv-score b{font-size:48px;font-weight:900;line-height:1}
.d-cs-rv-score .d-stars{font-size:24px;letter-spacing:3px}
.d-cs-rv-l .d-uline{align-self:flex-start;font-size:17px}
.d-cs-rv-q{margin:0;position:relative;min-width:0;padding-left:clamp(0px,3vw,40px)}
.d-cs-rv-mark{font-size:140px;line-height:.7;font-weight:900;color:#EEA715;height:60px}
.d-cs-rv-q blockquote{margin:0;font-size:20px;line-height:1.35;font-weight:600;color:#fff;white-space:pre-line;text-wrap:pretty}
.d-cs-rv-q figcaption{display:flex;align-items:center;gap:16px;margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);line-height:1.35}
.d-cs-rv-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #EEA715}
.d-cs-rv-name{font-size:19px;font-weight:700;color:#fff}
.d-cs-rv-sub{font-size:16px;color:#D9DAE6}
@media(min-width:768px){.d-cs-rv-q blockquote{font-size:28px}}
@media(min-width:1025px){
  .d-cs-rv-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .d-cs-rv-h{font-size:44px}
  .d-cs-rv-q{border-left:1px solid rgba(255,255,255,.14)}
}
@media(min-width:1201px){.d-cs-rv-h{font-size:58px}}

.d-cs-wc{background:#fff;padding:0 0 40px}
@media(min-width:1025px){.d-cs-wc{padding-bottom:80px}}
.d-cs-wc-h{text-align:center}
.d-cs-wc-band{overflow:hidden;padding:40px 0 50px}
.d-cs-wc-track{display:flex;width:max-content;animation:reelX 60s linear infinite}
.d-cs-wc-track:hover,.d-cs-wc-track:focus-within{animation-play-state:paused}
.d-cs-wc-track>div{display:flex}
.d-cs-wc-card{flex:0 0 auto;display:block;width:196px;height:372px;margin-right:30px;border-radius:18px;overflow:hidden;box-shadow:0 12px 24px -12px rgba(50,50,93,.2),0 6px 14px -8px rgba(10,37,64,.16)}
.d-cs-wc-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
@media(min-width:768px){.d-cs-wc-card{width:240px;height:456px}}
@media(min-width:1025px){.d-cs-wc-card{width:282px;height:536px}}
.d-cs-wc-go{display:flex;justify-content:center}

/* ---- focus: a summary inside a rounded box that clips draws its ring inside */
.d-toc>summary:focus-visible,.d-bfaq>summary:focus-visible{outline-offset:-4px}