@layer components{.study__top{padding-block:30px}.study__cover{border-radius:var(--radius-card);width:100%;height:auto;display:block}.study__header{padding-block:var(--space-block) var(--space-section);text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.study__title{font-family:var(--font-sans);font-size:var(--step-hero);text-wrap:balance;margin:0;font-weight:600;line-height:1.05}.study__meta{font-family:var(--font-sans);font-size:var(--step-meta);letter-spacing:1.1px;text-transform:uppercase;color:var(--fg-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.study__dot{border-radius:var(--radius-pill);background-color:var(--fg-bullet);width:5px;height:5px}.study__body{grid-template-columns:[full-start] minmax(0, 1fr) [text-start] min(var(--measure), 100%) [text-end] minmax(0, 1fr) [full-end];padding-bottom:var(--space-section);font-family:var(--font-sans);font-size:var(--step-body);color:var(--fg-body);text-wrap:pretty;line-height:1.75;display:grid}.study__body>*{grid-column:text}.study__body>:is(h2,.d-figure,.d-carousel,.d-tabs,.d-stat-grid,.d-pain-points,.d-numbered){grid-column:full}.study__body>*+*{margin-top:var(--space-gutter)}.study__body h3{margin-top:var(--space-block);font-family:var(--font-sans);font-size:var(--step-lead);color:var(--fg);text-align:center;text-wrap:balance;flex-direction:column;grid-column:full;align-items:center;gap:10px;margin-bottom:4px;font-weight:600;display:flex}.study__body h3:after{content:"";background-color:var(--accent);opacity:.85;border-radius:2px;width:34px;height:2px}.study__body h4{margin-top:var(--space-block);font-family:var(--font-sans);font-size:var(--step-body);letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);text-align:center;grid-column:text;margin-bottom:0;font-weight:600}.study__body p{margin-inline:auto}.study__body h2{margin-block:var(--space-section) var(--space-block);letter-spacing:-.01em;font-family:var(--font-sans);font-size:var(--step-section);color:var(--fg);text-align:center;white-space:nowrap;align-items:center;gap:24px;font-weight:600;display:flex}.study__body h2:before,.study__body h2:after{content:"";background-color:var(--rule);height:1px;transform:scaleX(var(--rule-scale,1));flex:auto}.study__body h2:before{transform-origin:100%}.study__body h2:after{transform-origin:0}.study__body img{border-radius:var(--radius-card);width:auto;max-width:100%;height:auto;max-height:78vh;margin-inline:auto;display:block}.d{margin-block:30px}.d-note,.d-persona,.d-takeaway{border-radius:var(--radius-card);background-color:var(--surface-card);box-shadow:var(--shadow-card);padding:clamp(1.5rem,1.1rem + 1.7vw,2.5rem)}.d-figure{border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;background-color:#fff;padding:clamp(1rem,.8rem + .9vw,1.75rem)}.d-figure>p:last-child:not(:has(img)){font-size:var(--step-meta);color:#74747a;margin-top:14px;font-style:italic}.d-figure em{color:#74747a;font-style:italic}.d-stat-grid>ul{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:start;gap:20px;margin:0;padding:0;list-style:none;display:grid}.d-stat-grid>ul>li{border-radius:var(--radius-inner);background-color:var(--surface-card);padding:30px}.d-stat-grid strong{color:var(--fg);margin-bottom:8px;font-weight:600;display:block}.d-pain-points>ul{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:start;gap:20px;margin:0;padding:0;list-style:none;display:grid}.d-pain-points>ul>li{border-radius:var(--radius-card);background-color:var(--surface-card);box-shadow:var(--shadow-card);padding:30px}.d-persona{border-left:3px solid var(--accent)}.d-persona:before{content:attr(data-name);font-size:var(--step-lead);color:var(--fg);margin-bottom:4px;font-weight:600;display:block}.d-persona img{object-fit:cover;border-radius:var(--radius-pill);width:140px;height:140px;margin:0 0 20px}.d-persona strong{color:var(--fg)}.d-persona ul{margin:8px 0 0;padding-left:20px}.d-persona li{margin-top:6px}.d-persona[data-role]:after{content:attr(data-role);letter-spacing:1.1px;color:var(--fg-muted);margin-top:12px;font-size:14px;display:block}.d-takeaway>p:first-child strong,.d-note>p:first-child strong{font-size:var(--step-meta);letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:600;display:block}.d-quote{border-left:3px solid var(--accent);color:var(--fg);padding-left:30px;font-size:20px;line-height:1.6}.d-numbered{counter-reset:step}.d-numbered>ul{max-width:var(--measure);margin:0;margin-inline:auto;padding:0;list-style:none}.d-numbered>ul>li{counter-increment:step;border-radius:var(--radius-inner);background-color:var(--surface-card);margin-top:16px;padding:20px 24px 20px 76px;line-height:1.7;position:relative}.d-numbered>ul>li:before{content:counter(step);border-radius:var(--radius-pill);background-color:var(--accent);color:#fff;place-items:center;width:35px;height:35px;font-size:14px;font-weight:600;display:grid;position:absolute;top:20px;left:24px}.d-numbered strong,.d-pain-points strong{color:var(--fg);font-weight:600}.d-figure{background-color:#fff}.d-figure img{border-radius:var(--radius-inner)}:where([data-theme=dark]) .study__body :is(p,.d-carousel,.d-tab) img,:where([data-theme=dark]) .carousel__slide img{background-color:#fff;padding:12px}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .study__body :is(p,.d-carousel,.d-tab) img,:where(:root:not([data-theme=light])) .carousel__slide img{background-color:#fff;padding:12px}}.js .d-tabs>.d-tab:not([data-active]){display:none}.d-tabs{text-align:center;margin-block:40px}.d-tab{text-align:initial}.tabs__list{border-radius:var(--radius-track);background-color:var(--surface-track);box-shadow:var(--shadow-track);gap:4px;margin-bottom:24px;padding:6px;display:inline-flex;position:relative}.tabs__tab{z-index:1;border-radius:var(--radius-pill-inner);font-family:var(--font-sans);color:color-mix(in srgb, var(--fg) 65%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 20px;font-size:15px;font-weight:600;position:relative}.tabs__tab[aria-selected=true]{color:var(--fg)}.tabs__thumb{z-index:0;border-radius:var(--radius-pill-inner);background-color:var(--surface-solid);box-shadow:var(--shadow-pill);position:absolute;top:6px;bottom:6px;left:0}.d-tab:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--radius-inner)}.d-carousel{margin-block:40px}.carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-bottom:4px;scroll-padding-inline:0;display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;align-items:center;margin:0;display:flex}.carousel__slide img{border-radius:var(--radius-card);width:auto;max-height:70vh}.carousel__slide figcaption{letter-spacing:.4px;color:var(--fg-muted);text-align:center;margin-top:12px;font-size:14px}.carousel__controls{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.carousel__btn{border-radius:var(--radius-pill);background-color:var(--surface-track);width:44px;height:44px;color:var(--fg-body);cursor:pointer;border:0;place-items:center;display:grid}.carousel__btn:disabled{opacity:.35;cursor:default}.carousel__btn--next svg{transform:rotate(180deg)}.carousel__dots{gap:8px;display:flex}.carousel__dot{border-radius:var(--radius-pill);background-color:var(--fg-bullet);cursor:pointer;border:0;width:8px;height:8px;padding:0;transition:width .25s,background-color .25s}.carousel__dot[data-active]{background-color:var(--accent);width:24px}.carousel__count{font-variant-numeric:tabular-nums;letter-spacing:1.1px;color:var(--fg-muted);font-size:14px}@media (prefers-reduced-motion:reduce){.carousel__dot,.tabs__thumb{transition:none}}.study__nav{z-index:20;margin-bottom:var(--space-block);background-color:color-mix(in srgb, var(--surface-page) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);padding-block:12px;position:sticky;top:0}.study__nav ol{scrollbar-width:none;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.study__nav ol::-webkit-scrollbar{display:none}.study__nav a{border-radius:var(--radius-pill);font-size:var(--step-meta);letter-spacing:.3px;white-space:nowrap;color:var(--fg-muted);padding:8px 14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:block}.study__nav a:hover,.study__nav a[aria-current=true]{background-color:var(--surface-card);color:var(--fg)}.study__body h2{scroll-margin-top:80px}@media (prefers-reduced-motion:reduce){.study__nav a{transition:none}}}