.study-page[data-case-study=diffuse]{--diffuse-violet:#c5afff;--diffuse-coral:#ffa689}.study-page[data-case-study=diffuse] .study-intro{gap:48px;margin-top:50px;padding-bottom:60px}.study-page[data-case-study=diffuse] .study-header h1{max-width:16ch;font-size:clamp(40px,4.3vw,62px)}.study-page[data-case-study=diffuse] .study-hero-art{box-shadow:none;background:0 0;padding:0}.study-page[data-case-study=diffuse] .study-content{margin-top:72px}.diffuse-hero{padding:25px 0 8px}.diffuse-hero-brand{align-items:center;gap:12px;padding:0 16px 20px;display:flex}.diffuse-hero-brand strong{letter-spacing:-.055em;font-size:27px;font-weight:650}.diffuse-hero-brand>span:last-child{letter-spacing:.08em;color:var(--diffuse-violet);margin-left:auto;font-size:11px}.diffuse-hero-mark{width:29px;height:31px;position:relative}.diffuse-hero-mark i{background:#ff9276;border-radius:4px;width:21px;height:27px;position:absolute;transform:rotate(-10deg)}.diffuse-hero-mark i+i{border:2px solid var(--bg);background:#bca0ff;top:5px;left:9px;transform:rotate(7deg)}.diffuse-hero-screen{border:1px solid #7c69a399;border-radius:15px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 70px #0005}.diffuse-hero-screen img{width:100%;height:auto;display:block}.diffuse-hero-receipt{z-index:1;background:#182139;border:1px solid #705f9780;border-radius:15px;align-items:center;gap:14px;width:94%;margin:-10px 0 0 auto;padding:20px;display:flex;position:relative;transform:rotate(2deg);box-shadow:0 15px 35px #0003}.diffuse-hero-pin{background:var(--diffuse-violet);color:#251b3e;border-radius:12px 12px 12px 3px;flex:0 0 38px;place-items:center;height:38px;font-size:14px;font-weight:600;display:grid}.diffuse-hero-receipt>div{flex:1}.diffuse-hero-receipt>div>span{color:var(--diffuse-violet);letter-spacing:.06em;margin-bottom:6px;font-size:10px;display:block}.diffuse-hero-receipt strong{letter-spacing:-.03em;font-size:17px;font-weight:500}.diffuse-hero-flow{color:var(--ink-muted);justify-content:center;align-items:center;gap:15px;padding:30px 0 0;font-size:13px;display:flex}.diffuse-hero-flow span{align-items:center;gap:7px;display:flex}.diffuse-hero-flow i{background:var(--diffuse-coral);border-radius:50%;width:4px;height:4px}.diffuse-editorial{width:100%}.diffuse-editorial :is(h2,h3,p,figure,blockquote,ol){margin:0}.diffuse-editorial h2{counter-increment:none;letter-spacing:-.05em;text-wrap:balance;border:0;padding:0;font-size:clamp(34px,4vw,53px);font-weight:500;line-height:1.08}.diffuse-editorial h2:before{content:none;display:none}.diffuse-editorial h2 em{color:var(--diffuse-violet);font-style:normal}.diffuse-editorial p{color:var(--ink-muted);font-size:16px;line-height:1.8}.diffuse-editorial p+p{margin-top:18px}.diffuse-editorial .diffuse-kicker{color:var(--diffuse-violet);letter-spacing:.095em;margin-bottom:21px;font-size:12px;font-weight:500;line-height:1.5}.diffuse-editorial a{text-underline-offset:4px}.diffuse-editorial :is(a,input,button,summary,video,pre):focus-visible{outline:3px solid var(--diffuse-violet);outline-offset:5px}.diffuse-editorial figcaption{color:var(--ink-subtle);margin-top:13px;font-size:13px;line-height:1.6}.diffuse-origin{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(35px,6vw,90px);display:grid}.diffuse-origin h2{font-size:clamp(37px,4.7vw,61px)}.diffuse-origin h2 em{color:var(--diffuse-coral)}.diffuse-origin-copy{padding-top:38px}.diffuse-editorial .diffuse-origin-resolution{color:var(--ink);letter-spacing:-.015em;border-left:2px solid var(--diffuse-coral);margin-top:25px;padding-left:21px;font-size:19px;line-height:1.65}.diffuse-workflow{border-block:1px solid var(--line);grid-template-columns:1fr auto 1fr auto 1fr;gap:27px;margin:48px 0 54px;padding:30px 0;display:grid}.diffuse-workflow>div>span{color:var(--diffuse-coral);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:12px;display:block}.diffuse-workflow strong{letter-spacing:-.02em;font-size:18px;font-weight:500}.diffuse-workflow p{margin-top:6px;font-size:14px}.diffuse-workflow>i{color:var(--ink-subtle);align-self:center;font-style:normal}.diffuse-film{width:100%;margin:0!important}.diffuse-film-heading{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-muted);border-radius:15px 15px 0 0;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:17px 20px;font-size:12px;display:flex}.diffuse-film-heading>span:first-child{color:var(--diffuse-violet);letter-spacing:.06em;font-weight:500}.diffuse-film video{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line-strong);background:#211a35;border-top:0;border-radius:0 0 15px 15px;width:100%;display:block}.diffuse-film figcaption{max-width:105ch}.diffuse-chapter-nav{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 20px;margin:56px 0 6px;padding:22px 0;display:flex}.diffuse-chapter-nav>span{color:var(--ink-subtle);letter-spacing:.08em;flex-basis:100%;margin-bottom:2px;font-size:11px}.diffuse-chapter-nav a{color:var(--ink);padding:5px 0;font-size:14px;transition:color .2s}.diffuse-chapter-nav a:hover{color:var(--diffuse-violet)}.diffuse-feature{padding-top:85px;scroll-margin-top:130px}.diffuse-feature-intro{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,84px);margin-bottom:34px;display:grid}.diffuse-feature-copy>p:not(.diffuse-kicker){max-width:55ch}.diffuse-feature-copy>h2+p{margin-top:27px}.diffuse-feature-intro>.diffuse-feature-copy{padding-top:35px}.diffuse-viewport-sizes{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr) 1.1fr;align-items:center;gap:18px;margin:0 0 30px;padding:26px 0;display:grid}.diffuse-viewport-sizes>div{align-items:baseline;gap:9px;display:flex}.diffuse-viewport-sizes strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500}.diffuse-viewport-sizes span{color:var(--ink-muted);font-size:12px}.diffuse-viewport-sizes p{color:var(--ink-subtle);font-size:12px;line-height:1.5}.diffuse-viewport-evidence{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.diffuse-viewport-evidence .diffuse-figure img{object-fit:cover;object-position:top;width:100%;height:100%}.diffuse-figure{min-width:0}.diffuse-figure-label{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:11px;font-size:12px;line-height:1.5;display:flex}.diffuse-figure-label>span:first-child{background:var(--diffuse-violet);border-radius:50%;width:5px;height:5px}.diffuse-figure-frame{background:#f6f2fc;border:1px solid #8b78a75e;border-radius:13px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 28px #0002}.diffuse-figure-frame img{width:100%;height:auto;display:block}.diffuse-figure-expand{color:#fff;opacity:0;background:#211a35ed;border:1px solid #c5afff80;border-radius:8px;place-items:center;width:31px;height:31px;font-size:16px;transition:opacity .2s;display:grid;position:absolute;bottom:10px;right:10px}.diffuse-figure-frame:hover .diffuse-figure-expand,.diffuse-figure-frame:focus-visible .diffuse-figure-expand{opacity:1}.diffuse-feature--split{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:clamp(35px,6vw,80px);display:grid}.diffuse-feature--split .diffuse-figure-frame{aspect-ratio:1.15}.diffuse-feature--split .diffuse-figure img{object-fit:cover;object-position:right top;width:100%;height:100%}.diffuse-feature--reverse{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}.diffuse-feature--reverse>.diffuse-feature-copy{grid-area:1/2}.diffuse-feature--reverse>.diffuse-figure{grid-area:1/1}.diffuse-detail-note{border-top:1px solid var(--line);gap:13px;margin-top:24px;padding-top:21px;display:flex}.diffuse-detail-note>span{height:29px;color:var(--diffuse-violet);background:#c5afff14;border-radius:9px;flex:0 0 29px;place-items:center;font-size:17px;display:grid}.diffuse-detail-note p{font-size:14px;line-height:1.65}.diffuse-feature--evidence{background:linear-gradient(120deg,#b4a5ff09,transparent 65%),var(--surface);border-radius:22px;margin-top:80px;padding:40px}.diffuse-feature--evidence .diffuse-feature-intro{gap:42px}.diffuse-feature--evidence h2{font-size:clamp(32px,3.6vw,46px)}.diffuse-figure--wide .diffuse-figure-frame{max-height:620px}.diffuse-figure--wide .diffuse-figure-frame img{object-position:top}.diffuse-evidence-types{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px;padding-top:22px;display:grid}.diffuse-evidence-types span{color:var(--ink-muted);font-size:13px;line-height:1.6}.diffuse-evidence-types strong{color:var(--ink);margin-bottom:3px;font-size:15px;font-weight:500;display:block}.diffuse-approval-flow{align-items:center;gap:0;padding:23px 0;list-style:none;display:flex;margin-top:6px!important}.diffuse-approval-flow li{border-left:1px solid var(--line-strong);flex:1;padding:0 12px;font-size:12px;line-height:1.4}.diffuse-approval-flow li:first-child{border:0;padding-left:0}.diffuse-approval-flow li>span{color:var(--ink-subtle);margin-bottom:6px;font-size:11px;display:block}.diffuse-approval-flow li strong{color:var(--diffuse-coral);font-weight:500}.diffuse-editorial .diffuse-fine-print{border-top:1px solid var(--line);margin-top:0;padding-top:18px;font-size:12px;line-height:1.65}.diffuse-feature--comparison{color:#211a35;background:#f4f0fa;border-radius:22px;margin-top:80px;padding:40px}.diffuse-feature--comparison .diffuse-kicker,.diffuse-feature--comparison h2 em{color:#6941c6}.diffuse-feature--comparison .diffuse-feature-intro{gap:40px}.diffuse-feature--comparison h2{font-size:clamp(32px,3.6vw,46px)}.diffuse-compare-heading{color:#625870;background:#fff;border:1px solid #cfc3e0;border-bottom:0;border-radius:12px 12px 0 0;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:13px 16px;font-size:12px;display:flex}.diffuse-compare-heading>span:first-child{color:#6941c6;letter-spacing:.05em;font-weight:600}.diffuse-compare-stage{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;border:1px solid #b6a6ca;border-radius:0 0 12px 12px;position:relative;overflow:hidden}.diffuse-compare-stage img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.diffuse-compare-reference{position:absolute;inset:0}.diffuse-compare-reference img{object-fit:cover;width:100%;height:100%}.diffuse-compare-divider{pointer-events:none;background:#6941c6;width:2px;position:absolute;top:0;bottom:0}.diffuse-compare-divider svg{box-sizing:content-box;color:#fff;background:#6941c6;border:2px solid #fff;border-radius:50%;padding:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diffuse-compare-tag{color:#fff;background:#211a35;border:1px solid #ffffff70;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;top:12px}.diffuse-compare-tag-production{left:12px}.diffuse-compare-tag-prototype{right:12px}.diffuse-compare-controls{margin-top:18px}.diffuse-compare-controls>div{color:#211a35;justify-content:space-between;gap:16px;font-size:13px;font-weight:500;display:flex}.diffuse-compare-controls output{color:#6941c6}.diffuse-compare input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:40px;margin:4px 0;display:block}.diffuse-compare input::-webkit-slider-runnable-track{background:#eee7fa;border:1px solid #8a7b9b;border-radius:4px;height:5px}.diffuse-compare input::-webkit-slider-thumb{appearance:none;background:#6941c6;border:2px solid #fff;border-radius:50%;outline:1px solid #6941c6;width:23px;height:23px;margin-top:-10px}.diffuse-compare input::-moz-range-track{background:#eee7fa;border:1px solid #8a7b9b;border-radius:4px;height:5px}.diffuse-compare input::-moz-range-thumb{background:#6941c6;border:2px solid #fff;border-radius:50%;width:20px;height:20px}.diffuse-compare input:focus-visible{outline-color:#6941c6}.diffuse-editorial .diffuse-compare figcaption{color:#625870;margin-top:0}.diffuse-request-example{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;gap:28px;margin-top:22px;padding:25px 0;display:grid}.diffuse-request-example span{color:var(--diffuse-coral);letter-spacing:.08em;margin-bottom:8px;font-size:11px;display:block}.diffuse-request-example p{font-size:15px}.diffuse-request-example i{color:var(--ink-subtle);align-self:center;font-style:normal}.diffuse-handoff-formats{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px;display:grid}.diffuse-handoff-formats>div{border-top:1px solid var(--line);gap:13px;padding-top:20px;display:flex}.diffuse-handoff-formats>div>span{height:47px;color:var(--diffuse-violet);border:1px solid #c5afff55;border-radius:10px;flex:0 0 46px;place-items:center;font-size:13px;display:grid}.diffuse-handoff-formats p{font-size:13px;line-height:1.6}.diffuse-handoff-formats strong{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.diffuse-playground{border:1px solid var(--line-strong);border-radius:20px;grid-template-columns:1.15fr .85fr;gap:60px;margin-top:85px;padding:38px;display:grid}.diffuse-playground h2{font-size:32px}.diffuse-playground p:not(.diffuse-kicker){margin-top:18px;font-size:15px}.diffuse-playground-links{flex-direction:column;justify-content:center;gap:13px;display:flex}.diffuse-playground-links>a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;font-size:16px;transition:border-color .2s;position:relative}.diffuse-playground-links>a:hover{border-color:var(--diffuse-violet)}.diffuse-playground-links>a>span:first-child{color:var(--diffuse-violet);letter-spacing:.08em;margin-bottom:7px;font-size:10px;display:block}.diffuse-playground-links>a>span[aria-hidden]{position:absolute;bottom:16px;right:20px}.diffuse-closing{text-align:center;border-top:1px solid var(--line);margin-top:85px;padding:70px 0 5px}.diffuse-closing h2{max-width:27ch;margin:auto}.diffuse-closing h2 em{color:var(--diffuse-coral)}.diffuse-closing>p:not(.diffuse-kicker){max-width:71ch;margin:24px auto 0}.diffuse-editorial .diffuse-closing-status{color:var(--ink-subtle);font-size:12px}@media (max-width:1050px){.study-page[data-case-study=diffuse] .study-intro{gap:28px}.diffuse-hero-receipt{padding:16px}.diffuse-hero-receipt strong{font-size:15px}.diffuse-hero-brand>span:last-child{font-size:10px}.diffuse-origin{gap:38px}.diffuse-workflow{gap:18px}.diffuse-workflow strong{font-size:16px}.diffuse-viewport-sizes{grid-template-columns:repeat(4,1fr)}.diffuse-viewport-sizes>p{display:none}.diffuse-viewport-sizes>div{flex-direction:column;gap:4px}.diffuse-viewport-evidence{grid-template-columns:1.3fr 1fr}.diffuse-feature--split{gap:35px}.diffuse-feature--evidence,.diffuse-feature--comparison{padding:30px}.diffuse-playground{gap:30px;padding:30px}.diffuse-handoff-formats{gap:18px}.diffuse-handoff-formats>div{flex-direction:column}.diffuse-handoff-formats>div>span{flex:none;width:46px}}@media (max-width:760px){.study-page[data-case-study=diffuse] .study-intro{grid-template-columns:1fr;gap:30px;margin-top:38px;padding-bottom:44px}.study-page[data-case-study=diffuse] .study-header h1{max-width:20ch;font-size:clamp(39px,8vw,55px)}.study-page[data-case-study=diffuse] .study-hero-art{width:100%;max-width:540px;margin:auto}.study-page[data-case-study=diffuse] .study-content{margin-top:45px}.diffuse-hero{padding-top:0}.diffuse-hero-brand>span:last-child{font-size:11px}.diffuse-hero-receipt strong{font-size:17px}.diffuse-editorial h2{font-size:clamp(33px,7vw,47px)}.diffuse-editorial p{font-size:15px;line-height:1.75}.diffuse-editorial .diffuse-kicker{margin-bottom:17px;font-size:11px}.diffuse-origin{grid-template-columns:1fr;gap:24px}.diffuse-origin h2{font-size:clamp(38px,8vw,53px)}.diffuse-origin-copy{padding:0}.diffuse-editorial .diffuse-origin-resolution{font-size:18px}.diffuse-workflow{grid-template-columns:1fr;gap:18px;margin:34px 0 40px;padding:24px 0}.diffuse-workflow>i{display:none}.diffuse-workflow>div{grid-template-columns:28px 1fr;gap:0 10px;display:grid}.diffuse-workflow>div>span{grid-row:1/3;margin:3px 0 0}.diffuse-workflow strong{font-size:17px}.diffuse-workflow p{margin-top:3px;font-size:13px}.diffuse-film-heading{padding:13px;font-size:11px}.diffuse-film figcaption{font-size:12px}.diffuse-chapter-nav{gap:8px 17px;margin-top:36px}.diffuse-chapter-nav a{font-size:13px}.diffuse-feature{padding-top:57px}.diffuse-feature-intro{grid-template-columns:1fr;gap:23px;margin-bottom:27px}.diffuse-feature-intro>.diffuse-feature-copy{padding:0}.diffuse-viewport-sizes{gap:12px;margin-bottom:23px;padding:19px 0}.diffuse-viewport-sizes strong{font-size:27px}.diffuse-viewport-sizes span{font-size:11px}.diffuse-viewport-evidence{grid-template-columns:1fr;gap:24px}.diffuse-viewport-evidence .diffuse-figure-frame{aspect-ratio:auto}.diffuse-viewport-evidence .diffuse-figure img{object-fit:contain;height:auto}.diffuse-feature--split,.diffuse-feature--reverse{grid-template-columns:1fr;gap:28px}.diffuse-feature--reverse>.diffuse-feature-copy,.diffuse-feature--reverse>.diffuse-figure{grid-area:auto}.diffuse-feature--split .diffuse-figure-frame{aspect-ratio:auto}.diffuse-feature--split .diffuse-figure img{object-fit:contain;height:auto}.diffuse-feature-copy>h2+p{margin-top:22px}.diffuse-figure-expand{opacity:1}.diffuse-feature--evidence,.diffuse-feature--comparison{border-radius:17px;margin-top:57px;padding:27px 20px}.diffuse-feature--evidence .diffuse-feature-intro,.diffuse-feature--comparison .diffuse-feature-intro{gap:23px}.diffuse-feature--evidence h2,.diffuse-feature--comparison h2{font-size:clamp(31px,7vw,43px)}.diffuse-evidence-types{grid-template-columns:1fr;gap:14px;margin-top:23px}.diffuse-evidence-types strong{margin-right:8px;font-size:14px;display:inline}.diffuse-evidence-types span{font-size:12px}.diffuse-compare-heading{padding:11px;font-size:10px}.diffuse-compare-tag{padding:4px 6px;font-size:10px;top:7px}.diffuse-compare-tag-production{left:7px}.diffuse-compare-tag-prototype{right:7px}.diffuse-compare-divider svg{width:15px;height:15px;padding:6px}.diffuse-compare-controls>div,.diffuse-editorial .diffuse-compare figcaption{font-size:12px}.diffuse-request-example{grid-template-columns:1fr;gap:16px;padding-top:20px}.diffuse-request-example>i{display:none}.diffuse-request-example p{font-size:14px}.diffuse-handoff-formats{grid-template-columns:1fr;gap:18px}.diffuse-handoff-formats>div{flex-direction:row;padding-top:17px}.diffuse-handoff-formats>div>span{flex:0 0 46px}.diffuse-playground{grid-template-columns:1fr;gap:26px;margin-top:57px;padding:25px 20px}.diffuse-playground h2{font-size:29px}.diffuse-playground p:not(.diffuse-kicker){font-size:14px}.diffuse-closing{margin-top:57px;padding-top:48px}}@media (prefers-reduced-motion:reduce){.diffuse-editorial *{scroll-behavior:auto!important;transition:none!important}}.diffuse-playground-links>a.diffuse-playground-download{color:var(--diffuse-violet);background:0 0;border:0;padding:10px 20px;font-size:13px}.diffuse-playground-links>a.diffuse-playground-download>span[aria-hidden]{color:inherit;margin:0;font-size:15px;bottom:9px}.diffuse-figure[data-capture=comment\.png] .diffuse-figure-frame{aspect-ratio:1}.diffuse-figure[data-capture=comment\.png] .diffuse-figure-frame img{object-fit:fill;width:1899px;max-width:none;height:1085px;position:absolute;bottom:0;right:0}@media (max-width:760px){.diffuse-figure[data-capture=comment\.png] .diffuse-figure-frame{aspect-ratio:.53;max-width:400px;margin-inline:auto}.diffuse-figure[data-capture=comment\.png] .diffuse-figure-frame img{width:527.5%;height:auto}}.diffuse-sample-downloads{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.diffuse-sample-downloads a{border:1px solid var(--line-strong);color:var(--diffuse-violet);border-radius:10px;justify-content:space-between;gap:18px;padding:13px 17px;font-size:13px;display:inline-flex}.diffuse-sample-downloads a:hover{border-color:var(--diffuse-violet)}.diffuse-figure[data-capture=ai-review\.png] .diffuse-figure-frame{aspect-ratio:.94}.diffuse-figure[data-capture=ai-review\.png] .diffuse-figure-frame img{object-fit:fill;width:1899px;max-width:none;height:1085px;position:absolute;top:0;right:0}@media (max-width:760px){.diffuse-figure[data-capture=ai-review\.png] .diffuse-figure-frame{aspect-ratio:.48;max-width:400px;margin-inline:auto}.diffuse-figure[data-capture=ai-review\.png] .diffuse-figure-frame img{width:527.5%;height:auto}}@media (min-width:761px) and (max-width:1000px){.diffuse-feature--split,.diffuse-feature--reverse{grid-template-columns:1fr;gap:30px}.diffuse-feature--reverse>.diffuse-feature-copy,.diffuse-feature--reverse>.diffuse-figure{grid-area:auto}.diffuse-feature--split>.diffuse-figure{width:100%;max-width:680px;margin-inline:auto}.diffuse-feature--split>.diffuse-feature-copy{max-width:650px}}.diffuse-figure[data-capture=evidence\.png] .diffuse-figure-frame{aspect-ratio:2}.diffuse-figure[data-capture=evidence\.png] .diffuse-figure-frame img{width:130%;max-width:none;height:auto;position:absolute;top:0;right:0}@media (max-width:760px){.diffuse-figure[data-capture=evidence\.png] .diffuse-figure-frame{aspect-ratio:.48;max-height:none}.diffuse-figure[data-capture=evidence\.png] .diffuse-figure-frame img{width:527.5%}}.diffuse-viewport-evidence{grid-template-columns:minmax(0,3.05fr) minmax(0,1fr);align-items:center;gap:24px}.diffuse-viewport-evidence .diffuse-figure-frame{aspect-ratio:auto}.diffuse-viewport-evidence .diffuse-figure img{object-fit:contain;height:auto}.diffuse-figure[data-capture=viewport-phone-page\.png]{width:100%;max-width:300px;margin-inline:auto}@media (max-width:760px){.diffuse-viewport-evidence{grid-template-columns:1fr;gap:25px}.diffuse-figure[data-capture=viewport-phone-page\.png]{max-width:270px}}.diffuse-figure[data-capture=jira-preview\.png] .diffuse-figure-frame{aspect-ratio:.83}.diffuse-figure[data-capture=jira-preview\.png] .diffuse-figure-frame img{object-fit:fill;width:213.333%;max-width:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame{aspect-ratio:2;max-height:none}.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame img{width:120%;max-width:none;height:auto;position:absolute;top:-30%;right:0}@media (max-width:760px){.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame{aspect-ratio:1.15}.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame img{width:160%;max-width:none;top:-5%;right:0}}.diffuse-markdown-figure{min-width:0}.diffuse-markdown-bar{color:var(--ink-muted);background:#161c30;border:1px solid #655a8380;border-radius:14px 14px 0 0;justify-content:space-between;gap:15px;padding:17px 23px;font-size:12px;display:flex}.diffuse-markdown-bar>span:first-child{color:var(--ink);align-items:center;gap:10px;display:flex}.diffuse-markdown-bar i{font-style:normal;font-family:var(--font-mono);color:var(--diffuse-violet);background:#c5afff13;border-radius:4px;padding:3px 5px}.diffuse-markdown-bar>span:last-child{letter-spacing:.075em;align-self:center;font-size:10px}.diffuse-markdown-figure pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d7deef;font-family:var(--font-mono);tab-size:2;background:linear-gradient(110deg,#b4a5ff06,#0000 60%),#0c1323;border:1px solid #655a8380;border-top:0;border-radius:0 0 14px 14px;margin:0;padding:30px 34px;font-size:14px;line-height:1.8}.diffuse-markdown-figure code{font:inherit;color:inherit}@media (max-width:760px){.diffuse-markdown-bar{flex-wrap:wrap;gap:8px;padding:13px;font-size:11px}.diffuse-markdown-bar>span:last-child{flex-basis:100%}.diffuse-markdown-figure pre{padding:20px 17px;font-size:12px;line-height:1.75}.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame{aspect-ratio:430/1100}.diffuse-figure[data-capture=review\.png] .diffuse-figure-frame img{width:100%;height:auto;position:static}}.diffuse-editorial .diffuse-sample-note{color:var(--ink-subtle);margin-top:12px;font-size:12px}@media (max-width:760px){.diffuse-figure[data-capture=jira-preview\.png] .diffuse-figure-frame{aspect-ratio:430/1100}.diffuse-figure[data-capture=jira-preview\.png] .diffuse-figure-frame img{width:100%;height:auto;position:static;transform:none}}.study-page[data-case-study=diffuse]{--diffuse-blue:#9bbaff;--diffuse-mint:#a3d8c5}.diffuse-editorial h3{letter-spacing:-.025em;color:var(--ink);font-size:22px;font-weight:500;line-height:1.35}.diffuse-problem-diagram{border-block:1px solid var(--line);padding:30px 0 26px;margin:48px 0 0!important}.diffuse-problem-path{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:16px;display:grid}.diffuse-problem-artifact{background:#182237;border:1px solid #8493b535;border-radius:7px;height:185px;padding:15px;position:relative;box-shadow:0 12px 25px #0002}.diffuse-artifact-top{color:#b0bfd8;letter-spacing:.075em;white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.diffuse-problem-arrow{color:#927d83;opacity:.8}.diffuse-problem-artifact--screen{transform:rotate(-2deg)}.diffuse-mini-interface{background:#0d1628;border:1px solid #889abb25;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;padding:14px 10px;display:grid}.diffuse-mini-interface i{background:#7587a846;border-radius:2px;height:17px}.diffuse-mini-interface i:first-child{background:#a9baf26b}.diffuse-mini-interface span{background:#7587a824;border-radius:2px;height:37px}.diffuse-problem-speech{color:#704832;background:#ffe1ca;border-radius:5px 5px 0;padding:9px 11px;font-size:12px;position:absolute;bottom:11px;right:-5px;transform:rotate(3deg)}.diffuse-problem-artifact--capture{transform:rotate(2deg)}.diffuse-screenshot-placeholder{background:#f4f1e7;border-radius:3px;height:85px;margin-top:17px;padding:16px 11px;position:relative;overflow:hidden}.diffuse-screenshot-placeholder i{background:#c6cbd2;width:70%;height:6px;margin-bottom:8px;display:block}.diffuse-screenshot-placeholder i:nth-child(2){width:48%}.diffuse-screenshot-placeholder b{border:1px solid #d5d8e2;height:23px;margin-top:15px;display:block}.diffuse-screenshot-placeholder>span{color:#e0825b;font-size:37px;position:absolute;top:36px;right:20px;transform:rotate(-25deg)}.diffuse-artifact-filename{color:#99a7bd;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:9px;display:block;overflow:hidden}.diffuse-problem-artifact--board{transform:rotate(-1deg)}.diffuse-mini-stickies{height:125px;position:relative}.diffuse-mini-stickies span{color:#564867;background:#e1cef4;place-items:center;width:74px;height:55px;padding:8px;font-size:10px;line-height:1.4;display:grid;position:absolute;top:17px;left:0;transform:rotate(-6deg);box-shadow:1px 4px 9px #0002}.diffuse-mini-stickies span:nth-child(2){background:#ffe3b4;top:26px;left:auto;right:0;transform:rotate(7deg)}.diffuse-mini-stickies span:nth-child(3){background:#d7e8ec;width:93px;height:51px;top:69px;left:27px;transform:rotate(-2deg)}.diffuse-problem-artifact--ticket{transform:rotate(1deg)}.diffuse-problem-artifact--ticket strong{color:var(--diffuse-coral);letter-spacing:-.015em;margin-top:22px;margin-bottom:14px;font-size:16px;font-weight:500;display:block}.diffuse-ticket-line{background:#8b9cba33;border-radius:1px;width:95%;height:5px;margin:9px 0;display:block}.diffuse-ticket-line:last-child{width:57%}.diffuse-problem-diagram figcaption{text-align:center;margin-top:29px}.diffuse-problem-diagram figcaption>span{color:var(--diffuse-coral);margin-right:7px}.diffuse-solution{text-align:center;max-width:800px;margin:72px auto 46px}.diffuse-solution h2{font-size:clamp(40px,5.2vw,67px)}.diffuse-solution>p:not(.diffuse-kicker){max-width:64ch;margin:27px auto 0}.diffuse-solution h2 em{color:var(--diffuse-blue)}.diffuse-solution-loop{color:var(--ink);justify-content:center;align-items:center;gap:18px;margin:27px auto 0;font-size:13px;display:flex}.diffuse-solution-loop i{color:#91a9d6;font-style:normal}.diffuse-solution-loop span{border-bottom:1px solid #9bbaff45;padding-bottom:6px}.diffuse-film-heading{background:#182238;border-color:#8297bd36;border-radius:10px 10px 0 0;padding:16px 20px}.diffuse-film-heading>span:first-child{color:var(--diffuse-blue);align-items:center;gap:8px;display:flex}.diffuse-film-heading i{background:#a3d8c5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #a3d8c566}.diffuse-film video{background:#0c1422;border-color:#8297bd36;border-radius:0 0 10px 10px}.diffuse-release{text-align:left;border-top:1px solid var(--line);max-width:660px;margin:35px auto 0;padding-top:29px}.diffuse-release-heading{align-items:center;gap:13px;margin-bottom:23px;display:flex}.diffuse-release-heading strong{letter-spacing:-.03em;font-size:24px;font-weight:500}.diffuse-release-heading>span:last-child{color:var(--ink-subtle);margin-left:auto;font-size:12px}.diffuse-release-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.diffuse-release-links>a{color:var(--ink);border:1px solid #91a5c34d;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.diffuse-release-links>a:hover{background:#8fafff12;border-color:#a2bff999}.diffuse-release-links>a.diffuse-release-download{color:#182c50;background:#b2c9fd;border-color:#aec6ff}.diffuse-release-links>a.diffuse-release-download:hover{background:#c6d7ff}.diffuse-release-download>span{border-left:1px solid #182c5033;margin-left:4px;padding-left:12px;font-size:10px}.diffuse-release>p{max-width:64ch;margin-top:17px;font-size:12px;line-height:1.7}.diffuse-release--compact{border:0;max-width:none;margin:22px 0 0;padding:0}.diffuse-release--compact .diffuse-release-links{justify-content:flex-end}.diffuse-chapter-nav{gap:10px 24px;margin-top:43px}.diffuse-chapter-nav a{font-size:13px}.diffuse-chapter-nav a:last-child{color:var(--diffuse-coral);margin-left:auto}.diffuse-story-figure{min-width:0}.diffuse-story-frame{background:#eaf0f6;border:1px solid #9baedb38;border-radius:9px;display:block;position:relative;overflow:hidden;box-shadow:0 22px 55px #0002}.diffuse-story-frame img{width:100%;height:auto;display:block}.diffuse-story-frame:hover .diffuse-figure-expand,.diffuse-story-frame:focus-visible .diffuse-figure-expand{opacity:1}.diffuse-story-figure figcaption{max-width:90ch}.diffuse-context-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:33px;padding:29px 0 31px;display:grid}.diffuse-context-strip>div{padding-left:38px;position:relative}.diffuse-context-strip h3{margin:1px 0 7px;font-size:19px}.diffuse-context-strip p{font-size:13px;line-height:1.7}.diffuse-context-icon{color:var(--diffuse-blue);font-size:24px;font-weight:400;position:absolute;top:0;left:0}.diffuse-two-captures{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.diffuse-two-captures .diffuse-story-frame{aspect-ratio:16/11}.diffuse-two-captures .diffuse-story-frame img{object-fit:cover;object-position:right top;width:100%;height:100%}.diffuse-two-captures figcaption{font-size:12px}.diffuse-viewport-note{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;margin-top:32px;padding:26px 0;display:flex}.diffuse-viewport-note .diffuse-kicker{margin-bottom:9px;font-size:10px}.diffuse-viewport-note h3{max-width:29ch;font-size:19px;line-height:1.45}.diffuse-device-list{align-items:stretch;gap:0;display:flex}.diffuse-device-list span{border-left:1px solid var(--line);color:var(--ink-subtle);flex-direction:column;gap:6px;padding:3px 21px;font-size:11px;display:flex}.diffuse-device-list b{color:var(--ink);letter-spacing:-.04em;font-size:24px;font-weight:450}.diffuse-feature--ai .diffuse-feature-intro h2 em{color:var(--diffuse-blue)}.diffuse-ai-brief{border-block:1px solid #a3bcf238;background:linear-gradient(105deg,#91acfa14,#0000 80%);border-left:2px solid #96b7fb;margin:0 0 26px;padding:25px 32px 24px;position:relative}.diffuse-ai-brief>span{color:var(--diffuse-blue);letter-spacing:.1em;font-size:10px}.diffuse-ai-brief>p{color:#d0daf0;letter-spacing:-.02em;max-width:68ch;margin-top:13px;font-size:21px;line-height:1.6}.diffuse-ai-brief>div{flex-wrap:wrap;gap:10px 22px;margin-top:17px;display:flex}.diffuse-ai-brief>div>span{color:var(--ink-subtle);font-size:11px}.diffuse-ai-brief>div>span:before{content:"+";color:var(--diffuse-blue);margin-right:7px}.diffuse-ai-context{grid-template-columns:repeat(3,1fr);gap:35px;margin:28px 0 22px;display:grid}.diffuse-ai-context>div{padding-left:35px;position:relative}.diffuse-ai-context>div>span{color:var(--diffuse-blue);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:2px;left:0}.diffuse-ai-context h3{margin-bottom:8px;font-size:20px}.diffuse-ai-context p{font-size:13px;line-height:1.65}.diffuse-editorial .diffuse-capability-note{border-top:1px solid var(--line);color:var(--ink-subtle);padding-top:17px;font-size:12px;line-height:1.7}.diffuse-feature--comparison{color:#1e304c;background:#e8edf6;border-radius:10px}.diffuse-feature--comparison h2 em,.diffuse-feature--comparison .diffuse-kicker{color:#42659d}.diffuse-feature--comparison p{color:#576880}.diffuse-editorial .diffuse-comparison-note{border-top:1px solid #b5c2d8;margin-top:21px;padding-top:18px;font-size:12px;line-height:1.7}.diffuse-compare-stage{border-radius:0 0 7px 7px}.diffuse-compare-heading{border-radius:7px 7px 0 0}.diffuse-transfer{border-block:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;margin-bottom:29px;padding:28px 0;display:grid}.diffuse-transfer>div:first-child>span,.diffuse-transfer>div:last-child>span{color:var(--diffuse-mint);letter-spacing:.08em;margin-bottom:11px;font-size:10px;display:block}.diffuse-transfer strong{color:var(--ink);letter-spacing:-.025em;font-size:19px;font-weight:500;display:block}.diffuse-transfer p{margin-top:6px;font-size:12px}.diffuse-transfer-file{justify-content:center;align-items:center;gap:13px;padding:18px 5px;display:flex}.diffuse-transfer-file>span{height:51px;font-family:var(--font-mono);color:var(--diffuse-mint);background:#a3d8c50a;border:1px solid #aad8c677;border-radius:4px;flex:0 0 44px;place-items:center;font-size:16px;display:grid}.diffuse-transfer-file strong{letter-spacing:0;font-size:12px}.diffuse-transfer-file i{color:var(--diffuse-mint);margin-left:7px;font-size:20px;font-style:normal}.diffuse-transfer>div:last-child{padding-left:30px}.diffuse-inline-story{border-block:1px solid var(--line);grid-template-columns:150px 1fr;gap:24px;margin-top:28px;padding:23px 0;display:grid}.diffuse-inline-story>span{color:var(--diffuse-mint);padding-top:3px;font-size:13px}.diffuse-inline-story>p{max-width:88ch;font-size:14px;line-height:1.8}.diffuse-jira-types{flex-wrap:wrap;align-items:center;gap:14px 25px;margin-bottom:27px;display:flex}.diffuse-jira-types>span{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.diffuse-jira-types i{color:#fff;border-radius:3px;place-items:center;width:18px;height:18px;font-size:13px;font-style:normal;display:grid}.diffuse-type-task{background:#528fd2}.diffuse-type-epic{background:#a179d0}.diffuse-type-story{background:#70a564}.diffuse-type-bug{background:#d17d73}.diffuse-jira-types p{color:var(--ink-subtle);max-width:34ch;margin-left:auto;font-size:11px;line-height:1.65}.diffuse-ticket-anatomy{border-block:1px solid var(--line);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:27px;padding:21px 0;font-size:13px;display:flex}.diffuse-ticket-anatomy i{color:var(--diffuse-blue);font-style:normal}.diffuse-feature--handoff h2 em{color:var(--diffuse-mint)}.diffuse-process{border-top:1px solid var(--line-strong);margin-top:85px;padding-top:64px;scroll-margin-top:115px}.diffuse-process h2 em{color:var(--diffuse-coral)}.diffuse-build-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;margin:42px 0 0!important;padding:0!important;list-style:none!important}.diffuse-build-steps>li{border-left:1px solid var(--line);min-width:0;margin:0;padding:0 27px 29px;list-style:none}.diffuse-build-steps>li:nth-child(3n+1){border-left:0;padding-left:0}.diffuse-build-steps>li:nth-child(3n){padding-right:0}.diffuse-build-steps>li:nth-child(n+4){border-top:1px solid var(--line);padding-top:30px}.diffuse-build-heading{letter-spacing:.07em;color:var(--ink-subtle);align-items:center;gap:10px;font-size:9px;display:flex}.diffuse-build-number{color:var(--diffuse-coral);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:20px}.diffuse-build-heading>svg{color:#b9a9a5;stroke-width:1.25px;flex-shrink:0;margin-left:auto}.diffuse-build-artifact{background:linear-gradient(130deg,#879bb713,#879bb703);border:1px solid #899eb81e;border-radius:6px;place-items:center;height:147px;margin:19px 0 23px;display:grid;overflow:hidden}.diffuse-build-steps h3{max-width:24ch;min-height:59px;font-size:22px;line-height:1.35}.diffuse-build-steps p{margin-top:14px;font-size:13px;line-height:1.85}.diffuse-build-outcome{color:#c2cde0;align-items:flex-start;gap:9px;margin-top:19px;font-size:11px;line-height:1.7;display:flex}.diffuse-build-outcome svg{color:var(--diffuse-coral);flex:0 0 15px;margin-top:2px}.diffuse-process-brief{color:#574b3c;background:#eee0c8;padding:17px 20px;transform:rotate(-3deg);box-shadow:0 10px 17px #0003}.diffuse-process-brief>span{letter-spacing:-.02em;font-size:14px;line-height:1.6;display:block}.diffuse-process-brief i{letter-spacing:.08em;opacity:.6;margin-top:13px;font-size:7px;font-style:normal;display:block}.diffuse-process-pages{justify-content:center;gap:7px;width:100%;display:flex;position:relative}.diffuse-process-pages>span{background:#1e2d45;border:1px solid #7590bb55;border-radius:4px;flex-direction:column;width:102px;height:86px;padding:18px 12px;display:flex;position:relative;transform:rotate(-5deg)}.diffuse-process-pages>span+span{color:#294364;background:#e1e8f3;transform:rotate(5deg)}.diffuse-process-pages b{letter-spacing:-.04em;font-size:19px;font-weight:550}.diffuse-process-pages em{opacity:.65;margin-top:4px;font-size:9px;font-style:normal}.diffuse-process-pages i{background:#829ac45c;border-radius:2px;width:22px;height:3px;position:absolute;top:8px;left:12px}.diffuse-process-pages>svg{color:var(--diffuse-coral);position:absolute;bottom:-3px}.diffuse-process-anchor{width:225px;height:125px;position:relative}.diffuse-process-anchor>span{color:#9cabbe;background:#172237;border:1px dashed #d8b77b;border-radius:4px;padding:20px 32px;font-size:12px;position:absolute;top:15px;left:20px}.diffuse-process-anchor>i{border-top:1px dashed #879abe;width:67px;position:absolute;top:72px;left:135px;transform:rotate(-40deg)}.diffuse-process-anchor>b{color:#654c2e;background:#ffcb84;border:2px solid #fff8;border-radius:50% 50% 50% 5px;place-items:center;width:31px;height:31px;font-size:13px;display:grid;position:absolute;top:42px;right:22px}.diffuse-process-anchor>svg{color:#dfeaff;position:absolute;top:67px;right:17px}.diffuse-process-anchor>em{text-align:center;color:#90a2c2;width:100%;font-size:9px;font-style:normal;position:absolute;bottom:2px}.diffuse-process-controls{align-items:center;gap:17px;display:flex}.diffuse-process-controls>div{width:78px}.diffuse-process-controls>div>span{color:#a2afc5;text-align:center;margin-bottom:10px;font-size:9px;display:block}.diffuse-process-controls i{background:#7589b212;border:1px solid #8ca0bf45;border-radius:2px;height:12px;margin:5px 0;display:block}.diffuse-process-controls>svg{color:var(--diffuse-coral)}.diffuse-process-controls b{color:#acd0ff;background:#9fc6f808;border:1px solid #9fc6f84a;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:49px;padding:0 8px;display:flex}.diffuse-process-controls b svg{flex-shrink:0}.diffuse-process-exports{align-items:center;gap:13px;width:230px;display:flex}.diffuse-process-exports>span{width:65px;height:72px;color:var(--diffuse-mint);background:#a3d8c50a;border:1px solid #a3d8c56b;border-radius:4px;place-items:center;font-size:11px;display:grid}.diffuse-process-exports>i{border-top:1px dashed #829ab96b;flex:1}.diffuse-process-exports>div{flex-direction:column;gap:7px;display:flex}.diffuse-process-exports b{text-align:center;color:#b8c8e0;background:#789ec109;border:1px solid #8ba4c042;border-radius:3px;width:55px;padding:5px;font-size:10px;font-weight:400;display:block}.diffuse-process-release{flex-direction:column;align-items:center;gap:13px;display:flex}.diffuse-process-release>svg{color:var(--diffuse-mint)}.diffuse-process-release>span{color:#becce0;align-items:center;gap:11px;font-size:11px;display:flex}.diffuse-process-release i{color:#7d94ba;font-style:normal}.diffuse-process-release b{text-transform:uppercase;letter-spacing:.08em;color:#8294b3;font-size:8px;font-weight:400}.diffuse-process-signoff{border-block:1px solid var(--line);grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:14px;margin-top:8px;padding:24px 0;display:grid}.diffuse-process-signoff>span{letter-spacing:.08em;color:var(--diffuse-coral);font-size:9px}.diffuse-process-signoff>p{margin:0;font-size:12px;line-height:1.7}.diffuse-playground{border-radius:10px}.diffuse-playground-links>a{border-radius:6px}.diffuse-closing{padding-top:64px}.diffuse-closing>.diffuse-release>p{max-width:64ch}@media (max-width:1100px){.diffuse-problem-path{grid-template-columns:1fr 15px 1fr 15px 1fr 15px 1fr;gap:9px}.diffuse-problem-arrow{width:15px}.diffuse-problem-artifact{height:175px;padding:11px}.diffuse-artifact-top{gap:5px;font-size:7px}.diffuse-artifact-top svg{width:12px}.diffuse-mini-stickies span{width:65px}.diffuse-mini-stickies span:nth-child(3){width:85px;left:18px}.diffuse-problem-artifact--ticket strong{font-size:14px}.diffuse-problem-speech{font-size:10px}.diffuse-transfer{gap:14px}.diffuse-transfer-file{gap:9px}.diffuse-transfer-file strong{font-size:10px}.diffuse-transfer>div:last-child{padding-left:15px}.diffuse-build-steps>li{padding-inline:19px}.diffuse-build-heading{gap:7px;font-size:8px}.diffuse-build-steps h3{font-size:21px}.diffuse-process-pages>span{width:89px}.diffuse-process-exports{width:185px}}@media (max-width:900px){.diffuse-problem-path{grid-template-columns:1fr 26px 1fr;gap:23px 18px}.diffuse-problem-path>.diffuse-problem-arrow:nth-of-type(2){display:none}.diffuse-problem-artifact{height:181px;padding:15px}.diffuse-artifact-top{font-size:9px}.diffuse-problem-arrow{width:20px}.diffuse-mini-stickies span{width:85px}.diffuse-mini-stickies span:nth-child(3){width:104px;left:46px}.diffuse-mini-stickies span:nth-child(2){right:10px}.diffuse-problem-speech{font-size:12px}.diffuse-viewport-note{flex-direction:column;align-items:flex-start;gap:21px}.diffuse-viewport-note h3{max-width:100%}.diffuse-device-list{justify-content:space-between;width:100%}.diffuse-device-list span:first-child{border-left:0;padding-left:0}.diffuse-device-list span:last-child{padding-right:0}.diffuse-build-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.diffuse-build-steps>li:nth-child(n){border-left:1px solid var(--line);border-top:0;padding:0 25px 27px}.diffuse-build-steps>li:nth-child(odd){border-left:0;padding-left:0}.diffuse-build-steps>li:nth-child(2n){padding-right:0}.diffuse-build-steps>li:nth-child(n+3){border-top:1px solid var(--line);padding-top:27px}.diffuse-build-heading{font-size:9px}.diffuse-build-steps h3{min-height:57px}.diffuse-build-steps p{min-height:145px}.diffuse-process-signoff{grid-template-columns:96px 1fr}.diffuse-chapter-nav a:last-child{margin-left:0}}@media (max-width:760px){.diffuse-problem-diagram{padding-block:23px;margin-top:30px!important}.diffuse-problem-path{grid-template-columns:1fr 15px 1fr;gap:16px 10px}.diffuse-problem-artifact{height:165px;padding:11px}.diffuse-artifact-top{gap:4px;font-size:6.5px}.diffuse-artifact-top svg{width:11px}.diffuse-mini-interface{gap:5px;margin-top:15px;padding:11px 8px}.diffuse-problem-speech{padding:7px;font-size:10px;bottom:9px;right:-4px}.diffuse-mini-stickies span{width:57px;height:47px;padding:6px;font-size:8px}.diffuse-mini-stickies span:nth-child(2){right:0}.diffuse-mini-stickies span:nth-child(3){width:75px;height:44px;top:65px;left:21px}.diffuse-screenshot-placeholder{height:75px}.diffuse-artifact-filename{font-size:7px}.diffuse-problem-artifact--ticket strong{margin-top:23px;font-size:14px;line-height:1.35}.diffuse-problem-diagram figcaption{margin-top:25px;font-size:11px;line-height:1.7}.diffuse-problem-diagram figcaption span{display:block}.diffuse-solution{margin:49px auto 30px}.diffuse-solution h2{font-size:clamp(37px,8vw,55px)}.diffuse-solution>p:not(.diffuse-kicker){margin-top:22px;font-size:15px}.diffuse-solution-loop{gap:10px;margin-top:22px;font-size:11px}.diffuse-film-heading{gap:7px;padding:14px;font-size:10px}.diffuse-film-heading>span:last-child{font-size:10px}.diffuse-film figcaption{font-size:11px}.diffuse-release--compact{margin-top:18px}.diffuse-release--compact .diffuse-release-links{justify-content:flex-start;gap:10px}.diffuse-release-links>a{gap:7px;padding:12px;font-size:11px}.diffuse-release-download>span{margin-left:1px;padding-left:7px;font-size:9px}.diffuse-release-links>a>svg{width:15px}.diffuse-chapter-nav{gap:7px 19px;margin-top:30px}.diffuse-chapter-nav a{font-size:12px}.diffuse-context-strip{grid-template-columns:1fr;gap:21px;margin-bottom:25px;padding:23px 0 25px}.diffuse-context-strip>div{padding-left:34px}.diffuse-context-strip h3{margin-bottom:5px;font-size:18px}.diffuse-context-strip p{max-width:42ch;font-size:13px}.diffuse-context-icon{font-size:21px}.diffuse-two-captures{grid-template-columns:1fr;gap:25px}.diffuse-two-captures .diffuse-story-frame{aspect-ratio:auto}.diffuse-story-frame{border-radius:7px}.diffuse-story-figure figcaption{font-size:11px;line-height:1.75}.diffuse-figure-expand{opacity:1;border-radius:4px;width:26px;height:26px;bottom:7px;right:7px}.diffuse-viewport-note{margin-top:26px;padding-block:21px}.diffuse-viewport-note h3{font-size:18px}.diffuse-viewport-note .diffuse-kicker{font-size:9px}.diffuse-device-list span{padding-inline:14px;font-size:10px}.diffuse-device-list b{font-size:25px}.diffuse-ai-brief{margin-bottom:23px;padding:20px 18px}.diffuse-ai-brief>span{font-size:9px}.diffuse-ai-brief>p{font-size:17px;line-height:1.7}.diffuse-ai-brief>div{gap:7px 15px}.diffuse-ai-brief>div>span{font-size:10px}.diffuse-ai-context{grid-template-columns:1fr;gap:21px;margin:25px 0}.diffuse-ai-context>div{padding-left:31px}.diffuse-ai-context h3{margin-bottom:5px;font-size:18px}.diffuse-ai-context p{max-width:43ch;font-size:13px}.diffuse-editorial .diffuse-capability-note{font-size:11px}.diffuse-feature--comparison{border-radius:8px;padding:24px 18px}.diffuse-feature--comparison .diffuse-kicker{font-size:10px}.diffuse-editorial .diffuse-comparison-note{margin-top:15px;padding-top:16px;font-size:11px}.diffuse-transfer{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr;gap:20px;margin-bottom:24px;padding:25px 20px}.diffuse-transfer>div:first-child,.diffuse-transfer>div:last-child{padding:0}.diffuse-transfer>div:first-child>span,.diffuse-transfer>div:last-child>span{margin-bottom:7px;font-size:9px}.diffuse-transfer strong{font-size:18px}.diffuse-transfer p{font-size:12px}.diffuse-transfer-file{border-block:1px solid var(--line);justify-content:flex-start;gap:15px;padding:14px 0}.diffuse-transfer-file strong{font-size:12px}.diffuse-transfer-file>span{flex-basis:38px;width:38px;height:43px;font-size:15px}.diffuse-transfer-file i{margin-left:auto;transform:rotate(90deg)}.diffuse-inline-story{grid-template-columns:1fr;gap:8px;margin-top:24px;padding:20px 0}.diffuse-inline-story>span{font-size:12px}.diffuse-inline-story>p{font-size:13px}.diffuse-jira-types{gap:13px 22px;margin-bottom:21px}.diffuse-jira-types>span{font-size:13px}.diffuse-jira-types p{flex-basis:100%;max-width:100%;margin-left:0;font-size:11px}.diffuse-ticket-anatomy{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:23px;padding:18px 0;font-size:11px}.diffuse-process{margin-top:58px;padding-top:42px}.diffuse-build-steps{grid-template-columns:1fr;margin-top:28px!important}.diffuse-build-steps>li:nth-child(n){border:0;border-top:1px solid var(--line);padding:27px 0 30px}.diffuse-build-steps>li:first-child{border-top:0;padding-top:0}.diffuse-build-heading{font-size:10px}.diffuse-build-number{margin-right:4px;font-size:24px}.diffuse-build-artifact{height:155px;margin:20px 0}.diffuse-build-steps h3{max-width:27ch;min-height:0;font-size:23px}.diffuse-build-steps p{min-height:0;margin-top:13px;font-size:13px}.diffuse-build-outcome{margin-top:16px;font-size:11px}.diffuse-process-signoff{grid-template-columns:83px 1fr;gap:9px 13px;margin-top:0;padding:20px 0}.diffuse-process-signoff>span{font-size:8px}.diffuse-process-signoff>p{font-size:11px}.diffuse-playground{margin-top:50px;padding:24px 20px}.diffuse-closing{margin-top:54px;padding-top:42px}.diffuse-release{margin-top:27px;padding-top:24px}.diffuse-release-heading{gap:12px;margin-bottom:20px}.diffuse-release-heading strong{font-size:22px}.diffuse-release-heading>span:last-child{font-size:10px}.diffuse-release>p{margin-top:16px;font-size:11px}}@media (prefers-reduced-motion:reduce){.diffuse-release-links>a{transition:none}}.diffuse-reference-context{border-top:1px solid var(--line);grid-template-columns:135px 1fr 1fr;gap:22px;margin-top:4px;padding:22px 0;display:grid}.diffuse-reference-context>span{color:var(--diffuse-blue);letter-spacing:.075em;padding-top:4px;font-size:9px}.diffuse-reference-context>p{font-size:12px;line-height:1.8;margin:0!important}.diffuse-reference-context>p:last-child{color:var(--ink-subtle)}@media (max-width:760px){.diffuse-reference-context{grid-template-columns:1fr;gap:10px;padding:20px 0}.diffuse-reference-context>p{font-size:12px}.diffuse-reference-context>span{padding:0}}.diffuse-appearance{border-top:1px solid var(--line);margin-top:68px;padding-top:36px;scroll-margin-top:110px}.diffuse-appearance-heading{grid-template-columns:.9fr 1.1fr;align-items:end;gap:65px;margin-bottom:29px;display:grid}.diffuse-appearance .diffuse-kicker{margin-bottom:15px;font-size:10px}.diffuse-appearance h2{font-size:clamp(32px,3.2vw,43px)}.diffuse-appearance h2 em{color:var(--diffuse-blue)}.diffuse-appearance-copy p{font-size:14px;line-height:1.8}.diffuse-appearance-copy p+p{margin-top:12px}.diffuse-appearance-copy strong{color:var(--ink);font-weight:500}.diffuse-appearance-toolbar{border:1px solid var(--line-strong);background:#a5bcdf06;border-bottom:0;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.diffuse-appearance-toolbar>div{color:var(--ink-subtle);letter-spacing:.075em;align-items:center;gap:9px;font-size:9px;display:flex}.diffuse-appearance-dot{background:var(--diffuse-blue);border-radius:50%;flex:0 0 5px;height:5px}.diffuse-appearance-controls{background:#0912237a;border:1px solid #8eabd033;border-radius:6px;flex:none;margin:0;padding:3px;display:flex}.diffuse-appearance-choice{cursor:pointer;position:relative}.diffuse-appearance-choice input{opacity:0;width:1px;height:1px;position:absolute}.diffuse-appearance-choice>span{color:#a5b5cb;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:87px;min-height:40px;padding:9px 15px;font-size:12px;transition:color .15s,background .15s;display:flex}.diffuse-appearance-choice:hover>span{color:#e0e9f7}.diffuse-appearance-choice input:checked+span{color:#c7ddff;background:#8baefa1c;border-color:#8bb5f042}.diffuse-appearance-choice input:focus-visible+span{outline:2px solid var(--diffuse-blue);outline-offset:3px}.diffuse-appearance-stage{border:1px solid var(--line-strong);background:#152237;border-radius:0 0 7px 7px;position:relative;overflow:hidden}.diffuse-appearance-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.diffuse-appearance-image[data-visible=true]{opacity:1}.diffuse-appearance-preview figcaption{justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;display:flex}.diffuse-appearance-preview figcaption a{color:var(--ink-muted);flex:none;align-items:center;gap:5px;display:inline-flex}@media (max-width:760px){.diffuse-appearance{margin-top:46px;padding-top:28px}.diffuse-appearance-heading{grid-template-columns:1fr;gap:19px;margin-bottom:23px}.diffuse-appearance h2{font-size:34px}.diffuse-appearance-copy p{font-size:13px}.diffuse-appearance-toolbar{gap:9px;padding:9px}.diffuse-appearance-toolbar>div{gap:6px;max-width:94px;font-size:8px}.diffuse-appearance-choice>span{gap:6px;min-width:70px;min-height:42px;padding:9px 10px;font-size:11px}.diffuse-appearance-preview figcaption{align-items:flex-start;gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.diffuse-appearance-image,.diffuse-appearance-choice>span{transition:none}}
.product-hero{isolation:isolate;aspect-ratio:1.24;background:radial-gradient(at 80% 90%,#44356a55,#0000 65%),#101a2b;border:1px solid #29314d;border-radius:28px;width:100%;max-width:680px;padding:26px 24px 22px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0002}.product-hero-wordmark{color:#f1f1fa;letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1;display:flex}.product-hero-wordmark>span:last-child{letter-spacing:0;color:#aab6cd;font-size:14px;font-weight:400}.product-hero-screen{border:1px solid #465275;border-radius:12px;width:94%;margin-top:24px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px 30px #0004}.product-hero-screen img,.product-hero-detail img{width:100%;height:auto;display:block}.product-hero-detail{border:1px solid #7b80b2;border-radius:12px;width:72%;position:absolute;bottom:58px;right:20px;overflow:hidden;transform:rotate(2deg);box-shadow:0 16px 48px #0007}.product-hero>p{color:#c5c5dc;margin:0;font-size:14px;line-height:1.4;position:absolute;bottom:20px;left:24px;right:24px}.study-content>.product-problem{grid-template-columns:1fr 1.15fr;align-items:start;gap:48px;margin:0;padding:0;display:grid}.product-problem h2{letter-spacing:-.04em;text-wrap:balance;margin:18px 0 0;font-size:clamp(28px,3.3vw,44px);font-weight:500;line-height:1.2}.product-problem>div>p{color:var(--ink-muted);margin:0 0 20px;font-size:17px;line-height:1.8}@media (max-width:760px){.study-content>.product-problem{grid-template-columns:1fr;gap:24px}.product-problem>div>p{font-size:16px}}.product-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:500;line-height:1.5;display:flex}.product-chapter-heading h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.14}.product-contents{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-top:18px;display:grid}.product-contents a{border-top:1px solid var(--line);color:var(--ink-muted);align-items:center;gap:12px;padding:20px 0;font-size:14px;transition:color .2s;display:flex}.product-contents a span{font-variant-numeric:tabular-nums;color:var(--accent)}.product-contents a svg{flex-shrink:0;margin-left:auto}.product-contents a:hover{color:var(--ink)}.study-content>.product-chapter{border-top:1px solid var(--line);margin:88px 0;padding-top:32px;scroll-margin-top:110px}.product-chapter-heading{align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.product-chapter-number{color:#747b9a;letter-spacing:-.05em;min-width:56px;font-size:42px;font-weight:400;line-height:1}.product-chapter-heading .product-label{margin-bottom:12px}.product-evidence{margin:0 0 28px}.product-evidence>a{background:#121d32;border:1px solid #2b3751;border-radius:20px;padding:14px;display:block;position:relative;overflow:hidden}.product-evidence-image{border-radius:9px;width:100%;height:auto;display:block}.product-expand{color:#f2f1ff;opacity:0;background:#080e20ed;border:1px solid #687394;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:opacity .2s;display:flex;position:absolute;bottom:25px;right:25px}.product-evidence>a:hover .product-expand,.product-evidence>a:focus-visible .product-expand{opacity:1}.product-evidence figcaption{max-width:92ch;color:var(--ink-subtle);margin:14px 0 0;font-size:14px;line-height:1.6}.product-chapter-body{grid-template-columns:1fr 1fr;align-items:start;gap:18px 48px;display:grid}.product-chapter-body>p{color:var(--ink-muted);margin:0;font-size:16px;line-height:1.8}.product-chapter-body>ul{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:6px 0 0;padding:24px 0 0;list-style:none;display:grid}.product-chapter-body>ul>li{color:var(--ink-muted);border-left:2px solid #635394;margin:0;padding:0 0 0 17px;font-size:15px;line-height:1.7}.product-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 48px;display:grid}@media (min-width:641px){:is(.product-feature-grid:has(>.product-feature:last-child:nth-child(2)),.product-feature-grid:has(>.product-feature:last-child:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}}.product-feature{border:1px solid var(--line);background:#0c1525;border-radius:16px;min-width:0;padding:24px;position:relative}.product-feature>svg{color:var(--accent);margin-bottom:22px}.study-content .product-feature>h3{letter-spacing:-.015em;margin:0 0 12px;font-size:20px;font-weight:500;line-height:1.3}.product-feature>div{color:var(--ink-muted);font-size:15px;line-height:1.75}.product-feature>div>p{margin:0}.product-journey{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:36px 0 70px;display:grid}.product-journey>div{padding:26px 30px 26px 0;position:relative}.product-journey>div+div{border-left:1px solid var(--line);padding-left:30px}.product-journey>div>span{color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:14px;display:block}.product-journey strong{letter-spacing:-.025em;font-size:22px;font-weight:500;line-height:1.3;display:block}.product-journey p{color:var(--ink-muted);max-width:31ch;margin:9px 0 0;font-size:15px;line-height:1.6}.product-journey svg{background:var(--bg);z-index:1;color:var(--accent);padding:2px;position:absolute;top:29px;right:-11px}.product-decision{border-left:2px solid var(--accent);grid-column:1/-1;margin-top:18px;padding:4px 0 4px 20px}.product-decision>span{color:var(--accent);letter-spacing:.05em;margin-bottom:10px;font-size:14px;display:block}.product-decision>strong{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.3;display:block}.product-decision>div{color:var(--ink-muted);margin-top:10px;font-size:16px;line-height:1.7}.product-decision p{margin:0}.product-chapter-heading h2 em,.product-connections h2 em{color:var(--accent);font-style:normal;display:block}.product-chapter[data-layout=split],.product-chapter[data-layout=reverse]{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;column-gap:56px;display:grid}.product-chapter[data-layout=split]>.product-chapter-heading,.product-chapter[data-layout=split]>.product-chapter-body{grid-column:1}.product-chapter[data-layout=split]>.product-evidence{grid-area:1/2/span 2;align-self:center}.product-chapter[data-layout=reverse]{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.product-chapter[data-layout=reverse]>.product-chapter-heading,.product-chapter[data-layout=reverse]>.product-chapter-body{grid-column:2}.product-chapter[data-layout=reverse]>.product-evidence{grid-area:1/1/span 2;align-self:center}.product-chapter:not([data-layout=wide]) .product-chapter-body{display:block}.product-chapter:not([data-layout=wide]) .product-chapter-body>p+p{margin-top:18px}.product-chapter:not([data-layout=wide]) .product-chapter-body>ul{grid-template-columns:1fr;gap:12px;margin-top:22px;padding-top:18px}.product-chapter:not([data-layout=wide]) .product-chapter-heading{gap:0}.product-chapter:not([data-layout=wide]) .product-chapter-number{display:none}.product-chapter:not([data-layout=wide]) .product-evidence>a{background:linear-gradient(140deg,#1a2744,#252341);padding:16px;box-shadow:0 24px 60px #0004}.product-chapter:not([data-layout=wide]) .product-evidence-image{border:1px solid #8791a536}.product-connections{background:radial-gradient(at 90% 0,#42397033,#0000 55%),#0c1425;border:1px solid #303951;border-radius:24px;margin:72px 0 88px;padding:36px}.product-connections h2{letter-spacing:-.04em;margin:18px 0;font-size:clamp(29px,3.3vw,44px);font-weight:500;line-height:1.15}.product-connections>header>p:last-child{color:var(--ink-muted);margin:0;font-size:16px;line-height:1.6}.product-context-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0;display:grid}.product-context-controls button{text-align:left;color:var(--ink-muted);cursor:pointer;background:#111d32;border:1px solid #33405a;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;transition:transform .2s,background .2s,color .2s;display:flex}.product-context-controls button[aria-pressed=true]{color:#f0ebff;background:#302d54;border-color:#9e96e3;transform:translateY(-3px);box-shadow:0 8px 26px #0003}.product-context-controls button>svg{margin-left:auto}.product-context-icon{color:var(--accent);align-items:center;display:flex}.product-context-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.product-context-panel{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:30px;min-height:340px;display:grid}.product-context-copy>span{color:var(--accent);align-items:center;gap:10px;font-size:14px;display:flex}.product-context-copy>h3{letter-spacing:-.035em;margin:16px 0;font-size:28px;font-weight:500;line-height:1.2}.product-context-copy>p{color:var(--ink-muted);margin:0;font-size:16px;line-height:1.7}.product-context-copy>ol{flex-direction:column;gap:11px;margin:24px 0 0;padding:0;list-style:none;display:flex}.product-context-copy li{color:#cac4e9;align-items:center;gap:12px;padding:0;font-size:14px;display:flex}.product-context-copy li>svg{opacity:.6;transform:rotate(90deg)}.product-context-visual{background:#141f36;border:1px solid #394560;border-radius:14px;justify-content:center;align-items:center;min-height:300px;padding:12px;animation:.32s ease-out context-arrive;display:flex;overflow:hidden}.product-context-visual img{object-fit:contain;border-radius:5px;width:100%;height:auto;max-height:350px;display:block}@keyframes context-arrive{0%{opacity:.35;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (max-width:900px){.product-chapter[data-layout=split],.product-chapter[data-layout=reverse]{column-gap:30px}.product-context-controls{grid-template-columns:1fr 1fr}.product-context-panel{grid-template-columns:1fr}.product-context-copy>ol{flex-flow:wrap}.product-context-copy li>svg{transform:none}.product-context-visual img{max-height:420px}}@media (max-width:760px){.product-journey{grid-template-columns:1fr;margin-bottom:45px}.product-journey>div,.product-journey>div+div{border-left:0;padding:20px 0}.product-journey>div+div{border-top:1px solid var(--line)}.product-journey p{max-width:none}.product-journey svg{top:auto;bottom:-10px;right:10px;transform:rotate(90deg)}.product-chapter[data-layout=split],.product-chapter[data-layout=reverse]{flex-direction:column;display:flex}.product-chapter:not([data-layout=wide])>.product-evidence{order:2;width:100%;margin:26px 0 0}.product-chapter:not([data-layout=wide])>.product-chapter-body{order:1}.product-connections{border-radius:18px;padding:24px 18px}.product-context-controls{gap:10px}.product-context-controls button{gap:8px;padding:12px 10px;font-size:14px}.product-context-controls button>svg{display:none}.product-context-panel{gap:22px;min-height:0}.product-context-visual{min-height:160px;padding:7px}.product-context-copy>h3{font-size:25px}.product-decision>strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.product-context-visual{animation:none}.product-context-controls button{transition:none;transform:none!important}}.product-contents a:focus-visible,.product-evidence a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (min-width:1024px){.study-page[data-case-study=xray] .study-header h1,.study-page[data-case-study=music-rights-platform] .study-header h1{font-size:clamp(40px,4vw,56px)}}@media (max-width:900px){.product-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-chapter-body>ul,.product-contents{grid-template-columns:1fr 1fr}}@media (max-width:640px){.product-hero{aspect-ratio:1.15;border-radius:20px;padding:20px}.product-hero-wordmark{font-size:30px}.product-hero-detail{bottom:64px}.product-contents{grid-template-columns:1fr;gap:0}.product-contents a{padding:16px 0}.study-content>.product-chapter{margin:56px 0;padding-top:24px}.product-chapter-heading{gap:14px;margin-bottom:24px}.product-chapter-number{min-width:36px;font-size:30px}.product-chapter-heading h2{font-size:28px}.product-chapter-body{grid-template-columns:1fr;gap:18px}.product-chapter-body>ul{grid-template-columns:1fr;gap:16px}.product-feature-grid{grid-template-columns:1fr;gap:12px}.product-feature{padding:20px}.product-feature>svg{margin-bottom:14px}.product-evidence>a{border-radius:12px;padding:6px}.product-expand{opacity:1;background:0 0;border:0;margin:10px 0 3px;padding:0 6px;position:static}}.product-hero-music-rights-platform .product-hero-wordmark{align-items:flex-start}.product-hero-music-rights-platform .product-hero-wordmark>span:first-child{max-width:13ch;font-size:clamp(22px,2.5vw,32px);line-height:1.08}.product-hero-wordmark>span:last-child{flex-shrink:0;padding-top:4px}
.study-content .product-connections--narrative{background:0 0;border:0;border-radius:0;margin-block:clamp(48px,6vw,80px);padding:0}.product-connections--narrative>header{margin-bottom:28px}.product-connections--narrative .product-context-sequence{border:1px solid var(--line-strong)}.product-connections--narrative .product-context-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:0;min-height:0}.product-connections--narrative .product-context-panel+.product-context-panel{border-top:1px solid var(--line-strong)}.product-connections--narrative .product-context-copy{min-width:0;padding:clamp(20px,2.6vw,34px)}.product-connections--narrative .product-context-copy>h3{text-wrap:balance;margin-block:18px 16px;font-size:clamp(24px,2.3vw,32px)}.product-connections--narrative .product-context-copy>p{max-width:none}.product-connections--narrative .product-context-copy>ol{border-top:1px solid var(--line);flex-flow:wrap;gap:8px 12px;margin-top:24px;padding-top:18px}.product-connections--narrative .product-context-copy li{gap:10px;font-size:13px;line-height:1.6}.product-connections--narrative .product-context-copy li>svg{flex-shrink:0;transform:none}.product-connections--narrative .product-context-visual{border:0;border-left:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 68%, transparent);border-radius:0;min-width:0;min-height:0;padding:clamp(16px,2vw,26px);animation:none}.product-connections--narrative .product-context-visual img{border-radius:4px;max-height:none}@media (max-width:900px){.product-connections--narrative .product-context-panel{grid-template-columns:minmax(0,1fr)}.product-connections--narrative .product-context-visual{border-left:0;border-top:1px solid var(--line-strong)}}
.exploration-wireframe{aspect-ratio:1.6;color:#000;width:100%;min-width:0;box-shadow:none;filter:none;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #000;border-radius:0;transform:none}.exploration-wireframe svg{width:100%;height:100%;display:block;overflow:visible}
.evolution-board{color:#111;background:#fff;border:1px solid #111;border-radius:0;margin:32px 0 48px;padding:28px;container-type:inline-size}.evolution-board *{box-sizing:border-box}.evb-heading{border-bottom:1px solid #111;grid-template-columns:1.1fr 1fr;align-items:end;gap:32px;margin-bottom:32px;padding-bottom:24px;display:grid}.evb-heading>div>span{text-transform:uppercase;letter-spacing:.04em;font-size:14px;line-height:1.4;display:block}.study-content .evb-heading h3{letter-spacing:-.025em;color:#111;margin:12px 0 0;font-size:27px;font-weight:600;line-height:1.2}.evb-heading>p{color:#333;margin:0;font-size:15px;line-height:1.6}.evb-flow{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);align-items:stretch;gap:28px 12px;display:grid}.evb-cluster{display:contents}.evb-cluster[data-stage="0"]>*{grid-column:1}.evb-cluster[data-stage="1"]>*{grid-column:3}.evb-cluster[data-stage="2"]>*{grid-column:5}.evb-persona-note{background:#fff;border:1px solid #777;grid-row:1;min-width:0;padding:14px;position:relative}.evb-persona-note:after{content:"";background:#111;width:1px;height:27px;position:absolute;bottom:-28px;left:50%}.evb-persona-note:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#111;width:7px;height:6px;position:absolute;bottom:-29px;left:calc(50% - 3px)}.evb-persona-note>span,.evb-branch>span{color:#555;margin-bottom:10px;font-size:14px;line-height:1.3;display:block}.evb-persona-note>strong{color:#111;font-size:15px;font-weight:600;line-height:1.4;display:block}.evb-persona-note>p{color:#333;margin:9px 0 0;font-size:14px;line-height:1.55}.evb-stage{background:#fff;border:2px solid #111;flex-direction:column;grid-row:2;min-width:0;padding:16px;display:flex}.evb-stage-label{align-items:center;gap:10px;font-size:14px;line-height:1.4;display:flex}.evb-stage-label>span{font-variant-numeric:tabular-nums;border:1px solid #111;padding:3px 6px}.study-content .evb-stage h4{letter-spacing:-.02em;color:#111;margin:18px 0 10px;font-size:21px;font-weight:600;line-height:1.2}.evb-stage>p{color:#333;margin:0 0 16px;font-size:14px;line-height:1.55}.evb-stage>.evb-question{color:#111;border-top:1px solid #999;margin:16px 0 0;padding-top:12px;font-weight:500}.evb-connection-slot{grid-row:2;align-items:center;min-width:0;display:flex}.evb-connection-slot[data-connection="0"]{grid-column:2}.evb-connection-slot[data-connection="1"]{grid-column:4}.evb-connector{color:#111;width:100%}.evb-connector svg{width:100%;height:auto;display:block}.evb-connector>.evb-arrow-vertical{display:none}.evb-connector>p{text-align:center;color:#111;overflow-wrap:normal;margin:10px 0 0;font-size:14px;line-height:1.4}.evb-branch{background:#fff;border:1px dashed #777;grid-row:3;min-width:0;padding:14px;position:relative}.evb-branch:before{content:"";border-left:1px dashed #555;height:28px;position:absolute;top:-29px;left:50%}.study-content .evb-branch h4{letter-spacing:-.015em;color:#111;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.3}.evb-branch>p,.evb-branch-decision>p{color:#333;margin:0;font-size:14px;line-height:1.55}.evb-branch-decision{border-top:1px solid #aaa;margin-top:16px;padding-top:12px}.evb-branch-decision>strong{color:#111;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;display:block}.evb-footnote{border-top:1px solid #aaa;padding-top:18px;color:#555!important;margin:24px 0 0!important;font-size:14px!important;line-height:1.5!important}.evb-draft{color:#111;background:#fff;border:1px solid #111;flex-direction:column;gap:8px;min-width:0;min-height:210px;margin-top:auto;padding:12px;font-size:14px;line-height:1.35;display:flex}.evb-draft strong{color:#111;font-size:14px;font-weight:600;line-height:1.35}.evb-draft-form>div{border:1px solid #777;min-height:26px;padding:4px 7px}.evb-draft-form>.evb-draft-description{min-height:44px}.evb-draft-save{text-align:center;border:1px solid #111;align-self:flex-end;margin-top:auto;padding:3px 12px;display:block}.evb-draft-lines{flex-direction:column;gap:6px;min-width:0;padding-block:4px;display:flex}.evb-draft-lines>span{background:#555;width:100%;height:1px;display:block}.evb-draft-lines>span:nth-child(2){width:74%}.evb-draft-lines>span:last-child{width:88%}.evb-draft-context{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.evb-draft-context>div{flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.evb-draft-context>div+div{border-left:1px solid #111}.evb-draft-context>div>span:not(.evb-draft-save){border:1px solid #777;padding:4px}.evb-draft-overlay{grid-template-columns:23% 77%;gap:0;padding:0;display:grid;position:relative}.evb-draft-backlist{min-width:0;padding:10px 6px;overflow:hidden}.evb-draft-backlist .evb-draft-lines{margin-top:18px}.evb-draft-wide{background:#fff;border-left:1px solid #111;flex-direction:column;gap:12px;min-width:0;padding:10px;display:flex}.evb-draft-wide>div:not(.evb-draft-history){flex-wrap:wrap;gap:6px;display:flex}.evb-draft-wide>div:not(.evb-draft-history)>span{border:1px solid #777;padding:3px}.evb-draft-history{border:1px solid #111;flex-direction:column;gap:6px;padding:6px;display:flex}.evb-draft-history>span:last-child{font-size:14px}.evb-draft-queue>div{border-top:1px solid #aaa;grid-template-columns:1fr 50px;align-items:center;gap:12px;min-width:0;padding:7px 0;display:grid}.evb-draft-queue>div:nth-child(2){padding:4px 0}.evb-draft-records{grid-template-columns:1fr 1fr;gap:10px;padding:8px;display:grid}.evb-draft-records>div{overflow-wrap:anywhere;border:1px solid #777;flex-direction:column;gap:12px;min-width:0;padding:8px 4px;display:flex}.evb-draft-records strong{font-size:14px}.evb-draft-review{gap:10px;padding:10px}.evb-draft-pair{overflow-wrap:anywhere;border-bottom:1px solid #111;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:8px;display:grid}.evb-draft-evidence{flex-direction:column;gap:10px;padding-block:3px;display:flex}.evb-draft-decisions{border-bottom:1px solid #111;flex-wrap:wrap;gap:6px;padding-bottom:9px;display:flex}.evb-draft-decisions>span{border:1px solid #777;padding:3px 5px}@container (max-width:860px){.evb-heading{grid-template-columns:1fr;gap:16px}.evb-flow{flex-direction:column;gap:24px;display:flex}.evb-cluster{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;display:grid}.evb-cluster[data-stage]>*{grid-area:auto}.evb-cluster>.evb-persona-note{grid-column:1/-1}.evb-persona-note:after,.evb-persona-note:before{left:26%}.evb-persona-note:before{left:calc(26% - 3px)}.evb-branch:before{border-top:1px dashed #555;border-left:0;width:24px;height:0;top:50%;left:-25px}.evb-connection-slot{order:0;justify-content:center}.evb-cluster[data-stage="0"]{order:0}.evb-connection-slot[data-connection="0"]{order:1}.evb-cluster[data-stage="1"]{order:2}.evb-connection-slot[data-connection="1"]{order:3}.evb-cluster[data-stage="2"]{order:4}.evb-connector{align-items:center;gap:14px;width:auto;max-width:100%;display:flex}.evb-connector>.evb-arrow-horizontal{display:none}.evb-connector>.evb-arrow-vertical{flex-shrink:0;width:20px;height:42px;display:block}.evb-connector>p{text-align:left;max-width:220px;margin:0}}@container (max-width:480px){.evb-cluster{grid-template-columns:minmax(0,1fr)}.evb-cluster>.evb-persona-note{grid-column:auto}.evb-persona-note:after{left:50%}.evb-persona-note:before{left:calc(50% - 3px)}.evb-branch:before{border-top:0;border-left:1px dashed #555;width:0;height:24px;top:-25px;left:50%}.evb-draft{min-height:200px}}@media (max-width:600px){.evolution-board{margin:28px 0 36px;padding:18px}.study-content .evb-heading h3{font-size:24px}}
.study-content>.ux-exploration{border-block:1px solid var(--line-strong);margin:72px 0 64px;padding:36px 0;scroll-margin-top:120px}.ux-exploration .product-label{color:var(--accent)}.ux-exploration-heading{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:34px;display:grid}.ux-exploration-heading h2{letter-spacing:-.045em;text-wrap:balance;margin:16px 0 0;font-size:clamp(30px,3.6vw,46px);font-weight:500;line-height:1.12}.ux-exploration-heading>div>p:not(.product-label){color:var(--ink-muted);margin:0 0 14px;font-size:16px;line-height:1.7}.ux-exploration-note{color:var(--ink-subtle);font-size:14px;line-height:1.5;display:block}.ux-flow-label{color:var(--ink-subtle);margin-bottom:14px;font-size:14px}.ux-exploration .ux-task-flow{border:1px solid var(--line-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 42px;padding:0;list-style:none;display:grid}.ux-task-flow>li{align-items:center;gap:12px;min-width:0;min-height:76px;margin:0;padding:18px 38px 18px 18px;display:flex;position:relative}.ux-task-flow>li+li{border-left:1px solid var(--line-strong)}.ux-task-flow>li>span{color:var(--ink-subtle);font-variant-numeric:tabular-nums;font-size:13px}.ux-task-flow strong{font-size:15px;font-weight:500;line-height:1.5}.ux-task-flow>li>svg{color:var(--ink-subtle);position:absolute;right:12px}.ux-iterations-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;display:flex}.ux-iterations-heading h3{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:500;line-height:1.3}.ux-iterations-heading p{color:var(--ink-muted);margin:0;font-size:15px}.ux-exploration-boards{border:1px solid var(--line-strong)}.ux-exploration-detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:stretch;gap:0;display:grid}.ux-exploration-detail+.ux-exploration-detail{border-top:1px solid var(--line-strong)}.ux-exploration-reason{min-width:0;padding:clamp(24px,3vw,36px)}.ux-iteration-top{color:var(--ink-subtle);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:26px;font-size:13px;line-height:1.5;display:flex}.ux-chosen{border:1px solid var(--line-strong);color:var(--accent);padding:3px 7px;font-size:12px}.ux-exploration-reason>.product-label{font-size:13px}.ux-exploration-reason h3{letter-spacing:-.035em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(27px,2.7vw,34px);font-weight:500;line-height:1.16}.ux-exploration-reason>p:not(.product-label){color:var(--ink-muted);margin:0;font-size:16px;line-height:1.75}.ux-exploration-tradeoff{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.ux-exploration-tradeoff>span{color:var(--ink);font-size:14px;font-weight:500;line-height:1.5;display:block}.ux-exploration-tradeoff>p{color:var(--ink-muted);margin:8px 0 0;font-size:15px;line-height:1.7}.ux-exploration-detail>.ux-sketch-stage{border-left:1px solid var(--line-strong);flex-direction:column;justify-content:center;min-width:0;margin:0;padding:24px;display:flex}.ux-stage-canvas{background:#fff;min-width:0}.ux-stage-canvas>.exploration-wireframe{background:#fff;border:0;border-radius:0;width:100%}.ux-sketch-stage>figcaption{color:var(--ink-subtle);margin:0;padding-top:15px;font-size:13px;line-height:1.6}.ux-exploration-reason ul{flex-direction:column;gap:14px;margin:26px 0 0;padding:0;list-style:none;display:flex}.ux-exploration-reason li{color:var(--ink-muted);align-items:flex-start;gap:10px;margin:0;padding:0;font-size:15px;line-height:1.6;display:flex}.ux-exploration-reason li svg{color:var(--accent);flex-shrink:0;margin-top:4px}.ux-final-interface{border:1px solid var(--line-strong);width:100%;color:var(--ink-muted);text-decoration:none;display:block;overflow:hidden}.ux-final-interface img{width:100%;height:auto;display:block}.ux-final-interface>span{border-top:1px solid var(--line-strong);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.ux-final-interface:hover>span{color:var(--ink)}.ux-exploration-links{color:var(--ink-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;font-size:14px;display:flex}.ux-exploration-links>div{flex-wrap:wrap;gap:24px;display:flex}.ux-exploration-links a{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.ux-exploration-links a:hover{text-underline-offset:4px;text-decoration:underline}.ux-exploration a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (max-width:1050px){.ux-task-flow>li{gap:8px;padding:14px 32px 14px 14px}.ux-task-flow>li>svg{width:15px;right:9px}.ux-exploration-reason{padding:24px}.ux-exploration-detail>.ux-sketch-stage{padding:18px}}@media (max-width:800px){.ux-exploration-heading{grid-template-columns:1fr;gap:20px}.ux-exploration .ux-task-flow{grid-template-columns:1fr 1fr}.ux-task-flow>li:nth-child(odd){border-left:0}.ux-task-flow>li:nth-child(n+3){border-top:1px solid var(--line-strong)}.ux-task-flow>li:nth-child(2)>svg{display:none}.ux-exploration-detail{grid-template-columns:1fr}.ux-exploration-detail>.ux-sketch-stage{border-left:0;border-top:1px solid var(--line-strong);padding:24px}.ux-iterations-heading{display:block}.ux-iterations-heading p{margin-top:10px}}@media (max-width:600px){.study-content>.ux-exploration{margin:48px 0;padding:26px 0}.ux-exploration .ux-task-flow{grid-template-columns:1fr}.ux-task-flow>li{min-height:60px;padding:16px}.ux-task-flow>li+li{border-left:0;border-top:1px solid var(--line-strong)}.ux-task-flow>li>svg{display:none}.ux-exploration-reason,.ux-exploration-detail>.ux-sketch-stage{padding:20px}.ux-exploration-reason h3{font-size:28px}.ux-exploration-links>div{gap:18px}}
.df-exploration{margin:72px 0 80px;scroll-margin-top:110px;container-type:inline-size}.df-exploration *{box-sizing:border-box}.df-exploration .df-exploration-heading{grid-template-columns:1.12fr 1fr;align-items:end;gap:48px;margin-bottom:34px;display:grid}.df-exploration .df-exploration-eyebrow{color:#b5b5bc;letter-spacing:.075em;text-transform:uppercase;margin:0 0 17px;font-size:12px;font-weight:500;line-height:1.5}.df-exploration .df-exploration-heading h2{color:var(--ink,#f4f4f6);letter-spacing:-.035em;margin:0;font-size:clamp(29px,3.1vw,41px);font-weight:500;line-height:1.17}.df-exploration .df-exploration-heading>p{color:var(--ink-muted,#bcbcc5);margin:0;font-size:16px;line-height:1.75}.df-exploration .df-exploration-paper{color:#111;background:#fff;border:1px solid #111;padding:28px}.df-exploration .df-exploration-row-heading{border-bottom:1px solid #111;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:22px;display:flex}.df-exploration .df-exploration-row-heading>span{color:#555;font-family:var(--font-mono,monospace);letter-spacing:.035em;flex-shrink:0;font-size:11px;line-height:1.5}.df-exploration .df-exploration-row-heading h3{color:#111;letter-spacing:-.025em;text-align:right;margin:0;font-size:22px;font-weight:500;line-height:1.3}.df-exploration .df-exploration-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:28px 0 0;padding:0;list-style:none;display:grid}.df-exploration .df-exploration-panel{flex-direction:column;min-width:0;margin:0;padding:0;display:flex;position:relative}.df-exploration .df-exploration-panel+.df-exploration-panel:before{color:#111;content:"→";place-items:center;width:24px;height:30px;font-size:25px;font-weight:400;line-height:1;display:grid;position:absolute;top:148px;left:-30px}.df-exploration .df-exploration-panel-label{color:#565656;align-items:center;gap:10px;font-size:12px;line-height:1.5;display:flex}.df-exploration .df-exploration-panel-label>span{color:#111;min-width:29px;height:25px;font-family:var(--font-mono,monospace);border:1px solid #111;place-items:center;font-size:12px;display:grid}.df-exploration .df-exploration-panel h4{color:#111;letter-spacing:-.03em;text-wrap:balance;min-height:53px;margin:16px 0 13px;font-size:22px;font-weight:500;line-height:1.2}.df-exploration .df-exploration-wireframe{color:#111;background:#fff;width:100%;height:auto;margin:0 0 20px;font-family:Arial,sans-serif;display:block;overflow:visible}.df-exploration .df-exploration-panel-copy{color:#444;margin:0 0 22px;font-size:14px;line-height:1.65}.df-exploration .df-exploration-takeaway{color:#111;border-top:1px solid #bbb;align-items:baseline;gap:9px;margin:auto 0 0;padding-top:15px;font-size:14px;font-weight:500;line-height:1.55;display:flex}.df-exploration .df-exploration-takeaway>span{flex-shrink:0;font-size:18px}.df-exploration .df-exploration-bridge{justify-content:center;align-items:center;gap:14px;padding:24px 16px;display:flex}.df-exploration .df-exploration-bridge>span{color:#e0e0e5;font-size:31px;line-height:1}.df-exploration .df-exploration-bridge>p{color:#d0d0d7;margin:0;font-size:14px;line-height:1.6}.df-exploration .df-exploration-footnote{color:var(--ink-subtle,#a4a4ae);margin:22px 0 0;font-size:13px;line-height:1.7}.df-exploration .df-exploration-footnote>span{color:#d3d3d9;margin-right:12px}@container (max-width:1000px){.df-exploration .df-exploration-paper{padding:23px}.df-exploration .df-exploration-flow{gap:28px}.df-exploration .df-exploration-panel+.df-exploration-panel:before{width:22px;font-size:21px;left:-25px}.df-exploration .df-exploration-panel h4{min-height:49px;font-size:20px}.df-exploration .df-exploration-row-heading h3{font-size:21px}}@container (max-width:800px){.df-exploration .df-exploration-heading{grid-template-columns:1fr;gap:20px}.df-exploration .df-exploration-heading>p{max-width:65ch}.df-exploration .df-exploration-row-heading{display:block}.df-exploration .df-exploration-row-heading h3{text-align:left;margin-top:12px}.df-exploration .df-exploration-flow{grid-template-columns:1fr;gap:55px}.df-exploration .df-exploration-panel{grid-template-columns:1fr 1fr;align-items:start;column-gap:28px;display:grid}.df-exploration .df-exploration-panel-label{grid-column:1/-1}.df-exploration .df-exploration-panel h4{grid-column:1/-1;min-height:0;margin-bottom:21px;font-size:24px}.df-exploration .df-exploration-wireframe{grid-area:3/1/5;margin:0}.df-exploration .df-exploration-panel-copy{grid-area:3/2}.df-exploration .df-exploration-takeaway{grid-area:4/2;margin-top:0}.df-exploration .df-exploration-panel+.df-exploration-panel:before{content:"↓";width:24px;height:32px;font-size:25px;top:-44px;left:0}}@container (max-width:520px){.df-exploration .df-exploration-paper{padding:21px 18px}.df-exploration .df-exploration-panel{display:flex}.df-exploration .df-exploration-panel h4{margin:15px 0 18px}.df-exploration .df-exploration-wireframe{max-width:390px;margin:0 auto 18px}.df-exploration .df-exploration-panel-copy{margin-bottom:18px}.df-exploration .df-exploration-takeaway{width:100%;margin-top:0}.df-exploration .df-exploration-bridge{justify-content:flex-start;padding:23px 6px}.df-exploration .df-exploration-bridge>p{font-size:13px}.df-exploration .df-exploration-footnote>span{margin:0 0 4px;display:block}}@media (max-width:600px){.df-exploration{margin:48px 0 54px}.df-exploration .df-exploration-heading{margin-bottom:28px}.df-exploration .df-exploration-heading h2{font-size:30px}.df-exploration .df-exploration-heading>p{font-size:15px}}
.study-page[data-case-study=diffuse] .study-header h1{max-width:18ch;margin-top:18px;font-size:clamp(38px,4vw,55px)}.study-page[data-case-study=diffuse] .study-intro{gap:48px;margin-top:36px;padding-bottom:44px}.study-page[data-case-study=diffuse] .study-summary{margin-top:18px;line-height:1.6}.study-page[data-case-study=diffuse] .study-metadata{gap:16px 30px;margin-top:24px}.study-page[data-case-study=diffuse] .study-header-actions{margin-top:24px}.df-hero{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;padding:20px;overflow:hidden}.df-hero-top,.df-hero-foot{justify-content:space-between;align-items:center;gap:20px;display:flex}.df-hero-top{margin-bottom:16px;font-size:14px}.df-hero-top>span:first-child{letter-spacing:.1em;font-weight:650}.df-hero-top>span:last-child{text-align:right;max-width:17ch;color:var(--ink-subtle);line-height:1.4}.df-hero-screen{border:1px solid var(--line-strong);background:#f6f6fa;border-radius:5px;overflow:hidden}.df-hero-screen img{width:100%;height:auto;display:block}.df-hero-note{align-items:flex-start;gap:18px;padding:18px 0;display:flex}.df-hero-note>span{color:var(--accent);padding-top:4px;font-size:14px}.df-hero-note p{letter-spacing:-.025em;margin:0;font-size:clamp(20px,1.9vw,25px);font-weight:400;line-height:1.25}.df-hero-note strong{color:var(--accent);font-weight:500}.df-hero-note>svg{color:var(--accent);flex-shrink:0;margin-left:auto}.df-hero-foot{border-top:1px solid var(--line);color:var(--ink-subtle);padding-top:13px;font-size:13px;line-height:1.5}.df-case{width:100%}.df-case :is(h2,h3,p,figure){margin:0}.df-case h2{counter-increment:none;letter-spacing:-.035em;text-wrap:balance;border:0;padding:0;font-size:clamp(29px,3.2vw,43px);font-weight:500;line-height:1.16}.df-case h2:before{content:none;display:none}.df-case h3{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.3}.df-case p{color:var(--ink-muted);font-size:17px;line-height:1.8}.df-case p+p{margin-top:18px}.df-case .product-problem{grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,90px);margin:0 0 64px;display:grid}.df-case .product-problem h2{margin-top:16px}.df-case .product-problem>div>p{margin:0 0 18px}.df-case .product-label,.df-case .df-kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:500;line-height:1.5}.df-case .df-kicker{margin-bottom:16px}.df-chapter{border-top:1px solid var(--line);margin-top:88px;padding-top:32px;scroll-margin-top:110px}.df-chapter-header{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:34px;display:grid}.df-chapter-header>h2{max-width:25ch}.df-chapter-header>.df-kicker{grid-column:1/-1;margin-bottom:-26px}.df-split{grid-template-columns:1fr 1fr;align-items:start;gap:32px 48px;margin-block:30px;display:grid}.df-copy{max-width:78ch}.df-copy>p+p{margin-top:18px}.df-case .product-decision{margin-block:28px 34px}.df-case .df-split>.product-decision{grid-column:auto;align-self:start;margin:0}.df-case .product-decision>div{line-height:1.75}.df-capture{min-width:0;margin:30px 0 36px!important}.df-capture--portrait{width:100%;max-width:620px;margin-inline:auto!important}.df-responsive-row{grid-template-columns:minmax(0,520px) minmax(0,280px);justify-content:center;align-items:center;gap:64px;max-width:900px;margin:42px auto;display:grid}.df-responsive-row>.df-copy{max-width:46ch}.df-responsive-row h3{margin-bottom:18px}.df-composer-tradeoff{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;margin:32px 0;padding:26px 0;display:grid}.df-composer-tradeoff h3{max-width:28ch}.df-composer-tradeoff>p{max-width:58ch}.df-capture-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;margin:30px 0 36px;display:grid}.df-capture-pair>.df-capture{margin-block:0!important}.df-capture-pair .df-capture-label{flex-direction:column;align-items:flex-start;gap:4px}.df-capture-label{justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:14px;line-height:1.5;display:flex}.df-capture-label>span:last-child{color:var(--ink-subtle);flex-shrink:0}.df-capture-frame{border:1px solid var(--line-strong);background:#172136;border-radius:13px;padding:10px;display:block;position:relative;overflow:hidden}.df-capture-frame img{border-radius:5px;width:100%;height:auto;display:block}.df-capture-expand{color:#f1f2f9;opacity:0;background:#080e20ed;border:1px solid #69728a;border-radius:6px;align-items:center;gap:8px;padding:9px 13px;font-size:14px;transition:opacity .2s;display:flex;position:absolute;bottom:22px;right:22px}.df-capture-frame:hover .df-capture-expand,.df-capture-frame:focus-visible .df-capture-expand{opacity:1}.df-case figcaption{color:var(--ink-subtle);max-width:94ch;margin-top:14px;font-size:14px;line-height:1.7}.df-case .df-note{border-block:1px solid var(--line);color:var(--ink-subtle);margin:24px 0;padding:18px 0;font-size:14px;line-height:1.75}.df-iteration{grid-template-columns:1fr 1fr;gap:28px;margin:32px 0;display:grid}.df-iteration-label{color:var(--accent);padding-block:16px;font-size:14px;line-height:1.5}.df-iteration figure{min-width:0}.df-iteration a{aspect-ratio:1;border:1px solid var(--line-strong);background:#172136;border-radius:10px;justify-content:center;align-items:center;padding:7px;display:flex;position:relative}.df-iteration a img{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block}.df-iteration a svg{box-sizing:content-box;background:#080e20e8;border-radius:4px;padding:5px;position:absolute;bottom:14px;right:14px}.df-iteration figcaption strong{letter-spacing:-.025em;color:var(--ink);margin-bottom:9px;font-size:23px;font-weight:500;line-height:1.3;display:block}.df-iteration figcaption span{font-size:15px;line-height:1.75;display:block}.df-composer-history{border-block:1px solid var(--line-strong);margin-top:28px}.df-composer-history>summary{cursor:pointer;min-height:56px;color:var(--ink-muted);align-items:center;gap:12px;padding-block:14px;font-size:13px;line-height:1.4;list-style:none;display:flex}.df-composer-history>summary::-webkit-details-marker{display:none}.df-composer-history>summary>span:first-child{color:var(--accent)}.df-composer-history>summary>span:nth-child(2){margin-left:auto}.df-composer-history>summary>svg{color:var(--accent);flex:none}.df-composer-history[open]>summary>svg{rotate:180deg}.df-composer-history>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.df-composer-history-content{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:24px;padding-block:16px 24px;display:grid}.dfs-original-iteration .df-composer-history-content .df-iteration a img{width:auto;max-width:100%;max-height:260px}.df-composer-history-content>p{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.7}@media (max-width:420px){.df-composer-history>summary{flex-wrap:wrap;gap:7px 12px}.df-composer-history>summary>span:first-child{flex-basis:100%}.df-composer-history>summary>span:nth-child(2){margin-left:0}.df-composer-history>summary>svg{margin-left:auto}.df-composer-history-content{gap:16px}}.df-case .df-split>.df-copy>h3,.df-handoff-intro>h3{margin-bottom:18px}.df-verification-example{border-left:2px solid var(--accent);background:var(--surface);padding:22px 26px}.df-verification-example>span{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;display:block}.df-case .df-verification-example>p{max-width:80ch;font-size:16px}.df-handoff-intro{margin-top:44px}.df-ticket-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:44px 0 36px;display:grid}.df-ticket-row>.df-copy{max-width:48ch}.df-ticket-row h3{max-width:26ch;margin-bottom:18px}.df-ticket-row>.df-capture{width:100%;max-width:540px;margin:0 auto!important}.df-ticket-row .df-capture-label{gap:12px;font-size:12px}.df-ticket-row .df-capture-frame{padding:7px}.df-ticket-row figcaption{font-size:13px}.df-closing{padding-top:48px}.df-closing>p{max-width:76ch;margin-top:20px}.df-closing>.df-copy{grid-template-columns:1.1fr 1fr;gap:48px;max-width:none;margin-top:28px;display:grid}.df-closing>.df-copy>p+p{margin-top:0}.df-case .diffuse-release{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:34px;padding:28px}.df-case .diffuse-release-heading{margin-bottom:22px}.df-case .diffuse-release-heading>span:last-child,.df-case .diffuse-release-links>a,.df-case .diffuse-release-download>span{font-size:14px}.df-case .diffuse-release{max-width:none}.df-case .diffuse-release>p{margin-top:20px;font-size:14px;line-height:1.7}.df-case :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (max-width:900px){.df-chapter-header{display:block}.df-chapter-header>.df-kicker{margin-bottom:16px}.df-chapter-header>p:last-child{max-width:70ch;margin-top:22px}}@media (max-width:760px){.df-closing>.df-copy{grid-template-columns:1fr;gap:22px}.df-case .product-problem,.df-split,.df-iteration,.df-responsive-row,.df-capture-pair,.df-composer-tradeoff,.df-ticket-row{grid-template-columns:1fr;gap:24px}.df-case .product-problem{margin-bottom:44px}.df-case p{font-size:16px;line-height:1.75}.df-chapter{margin-top:56px;padding-top:26px}.df-capture-label{flex-direction:column;align-items:flex-start;gap:4px}.df-capture-frame{border-radius:8px;padding:5px}.df-capture-expand{opacity:1;color:var(--ink-muted);background:0 0;border:0;margin:9px 6px 4px;padding:0;position:static}.df-iteration{gap:32px}.df-iteration a{aspect-ratio:auto}.df-iteration a img{height:auto}.df-hero{padding:18px}.df-hero-note{gap:12px;padding-block:20px}.df-case .diffuse-release{padding:22px 18px}}.study-page[data-case-study=diffuse] .study-header h1{letter-spacing:-.055em;text-wrap:balance;max-width:17ch;margin-top:20px;font-size:clamp(40px,5.2vw,68px);line-height:1.04}.study-page[data-case-study=diffuse] .df-case h2{letter-spacing:-.045em;font-size:clamp(32px,4vw,52px);line-height:1.1}.study-page[data-case-study=diffuse] .df-case p{text-wrap:pretty;line-height:1.75}.study-page[data-case-study=diffuse] .df-chapter{margin-top:104px;padding-top:40px}.study-page[data-case-study=diffuse] .df-chapter-header{margin-bottom:40px;display:block}.study-page[data-case-study=diffuse] .df-chapter-header>h2{max-width:23ch}.study-page[data-case-study=diffuse] .df-chapter-header>.df-kicker{margin-bottom:20px}.study-page[data-case-study=diffuse] .df-handoff-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.study-page[data-case-study=diffuse] .df-handoff-intro>h3{text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(26px,2.5vw,34px);line-height:1.2}@media (max-width:760px){.study-page[data-case-study=diffuse] .df-chapter{margin-top:56px;padding-top:26px}.study-page[data-case-study=diffuse] .df-handoff-intro{grid-template-columns:1fr;gap:20px}}.df-case .df-bordered-grid{--df-grid-padding:clamp(18px, 2vw, 28px);border:1px solid var(--line-strong);margin:32px 0}.df-composer-grid .df-iteration{grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.df-composer-grid .df-iteration>figure{grid-template-rows:subgrid;grid-row:span 3;display:grid}.df-composer-grid .df-iteration>figure+figure{border-left:1px solid var(--line-strong)}.df-composer-grid .df-iteration-label{padding:16px var(--df-grid-padding);border-bottom:1px solid var(--line-strong)}.df-composer-grid .df-iteration a{padding:var(--df-grid-padding);background:var(--surface);border:0;border-radius:0}.df-composer-grid .df-iteration a img{border-radius:0}.df-composer-grid .df-iteration figcaption{max-width:none;padding:var(--df-grid-padding);border-top:1px solid var(--line-strong);margin:0}.df-composer-grid .df-composer-tradeoff{border:0;border-top:1px solid var(--line-strong);align-items:stretch;gap:0;margin:0;padding:0}.df-composer-grid .df-composer-tradeoff>*{max-width:none;padding:var(--df-grid-padding)}.df-composer-grid .df-composer-tradeoff>p{border-left:1px solid var(--line-strong)}.df-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.df-text-grid>.df-grid-cell{min-width:0;padding:var(--df-grid-padding)}.df-text-grid>.df-grid-cell+.df-grid-cell{border-left:1px solid var(--line-strong)}.df-text-grid .df-grid-cell>h3{margin-bottom:18px}.df-text-grid>.df-verification-example{padding:var(--df-grid-padding);border:0;border-top:1px solid var(--line-strong);grid-column:1/-1}.df-case .df-text-grid .df-verification-example>p{max-width:none}@media (max-width:760px){.df-composer-grid .df-iteration,.df-composer-grid .df-composer-tradeoff,.df-text-grid{grid-template-columns:minmax(0,1fr)}.df-composer-grid .df-iteration{grid-template-rows:auto}.df-composer-grid .df-iteration>figure{grid-row:auto;grid-template-rows:auto auto auto}.df-composer-grid .df-iteration>figure+figure,.df-composer-grid .df-composer-tradeoff>p,.df-text-grid>.df-grid-cell+.df-grid-cell{border-left:0;border-top:1px solid var(--line-strong)}}@media (min-width:761px){.study-page[data-case-study=diffuse] [data-diffuse-direction]{--df-enter-y:0px;--df-enter-duration:.68s}.study-page[data-case-study=diffuse] [data-diffuse-direction=left]{--df-enter-x:-24px}.study-page[data-case-study=diffuse] [data-diffuse-direction=right]{--df-enter-x:24px;--df-enter-delay:.12s}}@media (min-width:761px) and (max-width:960px){.study-page[data-case-study=diffuse] .df-persona[data-diffuse-direction]{--df-enter-x:0px;--df-enter-y:16px;--df-enter-delay:0s}}@media (prefers-reduced-motion:no-preference){.study-page[data-case-study=diffuse] [data-diffuse-pending]:not(:focus-within){opacity:0;translate:var(--df-enter-x,0px) var(--df-enter-y,16px)}.study-page[data-case-study=diffuse] [data-diffuse-entered=true]:not(.df-reveal-heading):not(:has(.df-reveal-heading)){animation:diffuse-arrive var(--df-enter-duration,.62s) cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--df-enter-delay,0s)}}@keyframes diffuse-arrive{0%{opacity:0;translate:var(--df-enter-x,0px) var(--df-enter-y,16px)}to{opacity:1;translate:0}}
.df-case .df-ai-graphic{color:#34303e;background:#f8f7fb;border:1px solid #cfcbd9;border-radius:16px;margin:36px 0;padding:30px}.df-ai-graphic-heading{justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:26px;display:flex}.df-ai-graphic-heading>span{color:#756384;font-family:var(--font-mono), monospace;letter-spacing:.045em;text-transform:uppercase;font-size:11px}.df-case .df-ai-graphic h3{color:#39313f;text-align:right;max-width:27ch;font-size:24px}.df-case .df-ai-graphic-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:0;padding:0;list-style:none;display:grid}.df-case .df-ai-graphic-stages>li{min-width:0;margin:0;padding:0;position:relative}.df-ai-stage-label{border-top:1px solid #ded9e6;align-items:center;gap:10px;padding:16px 0 6px;display:flex}.df-ai-stage-label>span{color:#8b7b9c;width:25px;height:25px;font-family:var(--font-mono),monospace;border:1px solid #c9bfd7;border-radius:50%;place-items:center;font-size:10px;display:grid}.df-case .df-ai-graphic h4{color:#453b50;margin:0;font-size:16px;font-weight:500;line-height:1.4}.df-ai-graphic-stages>li>svg{width:100%;height:auto;font-family:var(--font-sans), sans-serif;filter:drop-shadow(0 7px 8px #3b214609);display:block}.df-case .df-ai-graphic-stages p{color:#706779;max-width:31ch;margin:8px 0 0;font-size:14px;line-height:1.65}.df-ai-connector{z-index:2;text-align:center;color:#9b8aac;width:50px;position:absolute;top:41%;left:-48px}.df-ai-connector>span{letter-spacing:.03em;text-transform:uppercase;font-size:9px;display:block}.df-ai-connector svg{fill:none;stroke:#a99aba;stroke-width:1.3px;width:100%;height:18px;display:block}.df-case .df-ai-graphic figcaption{color:#756980;border-top:1px solid #ded9e6;max-width:none;margin-top:24px;padding-top:18px;font-size:12px}@media (max-width:900px){.df-ai-graphic-heading{padding-bottom:20px;display:block}.df-case .df-ai-graphic h3{text-align:left;margin-top:12px}.df-case .df-ai-graphic-stages{gap:28px}.df-ai-connector{width:34px;left:-32px}.df-ai-connector>span{font-size:8px}}@media (max-width:760px){.df-case .df-ai-graphic{border-radius:12px;padding:24px 18px}.df-case .df-ai-graphic-stages{grid-template-columns:1fr;gap:64px;max-width:390px;margin-inline:auto}.df-ai-connector{width:60px;top:-48px;left:calc(50% - 30px)}.df-ai-connector svg{margin-top:6px;width:30px;margin-inline:auto;transform:rotate(90deg)}.df-ai-connector>span{font-size:10px}.df-case .df-ai-graphic-stages p{max-width:none}}
.df-xfer{--df-xfer-line:#2c3b56;--df-xfer-lilac:#b9a7e6;border-top:1px solid var(--df-xfer-line);color:#edf0f8;margin:36px 0;padding-top:24px;container-type:inline-size}.df-case .df-xfer{margin:36px 0}.df-xfer *{box-sizing:border-box}.df-xfer .df-xfer-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.df-xfer .df-xfer-eyebrow{color:var(--df-xfer-lilac);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.5;display:block}.df-xfer .df-xfer-illustration-label{color:#8998b2;flex-shrink:0;padding-top:2px;font-size:12px;line-height:1.5}.df-xfer .df-xfer-stages{grid-template-columns:minmax(0,1fr) 164px minmax(0,1fr);gap:48px;margin:36px 0 0;padding:0;list-style:none;display:grid}.df-xfer .df-xfer-stage{min-width:0;margin:0;padding:0;position:relative}.df-xfer .df-xfer-stage-heading{flex-direction:column;gap:9px;height:64px;display:flex}.df-xfer .df-xfer-stage-heading>span{color:#8b9cb9;font-family:var(--font-mono,monospace);letter-spacing:.045em;font-size:10px;font-weight:400;line-height:1.5}.df-xfer .df-xfer-stage-heading h4{color:#e3e8f3;letter-spacing:-.015em;margin:0;font-size:19px;font-weight:500;line-height:1.3}.df-xfer .df-xfer-art{justify-content:center;align-items:center;height:260px;display:flex}.df-xfer .df-xfer-browser{filter:drop-shadow(0 8px 11px #02071226);width:100%;height:auto;max-height:260px;font-family:Arial,sans-serif;display:block;overflow:visible}.df-xfer .df-xfer-file{width:164px;max-width:100%;height:auto;font-family:Arial,sans-serif;display:block;overflow:visible}.df-xfer .df-xfer-stage--file .df-xfer-stage-heading{text-align:center}.df-xfer .df-xfer-stage-caption{color:#a9b6cc;align-items:center;gap:9px;margin-top:13px;font-size:12px;line-height:1.5;display:flex}.df-xfer .df-xfer-stage-caption>i{color:#c9b5ec;background:#221f39;border:1px solid #725d9f;border-radius:50%;flex:0 0 19px;place-items:center;height:19px;font-size:10px;font-style:normal;display:grid}.df-xfer .df-xfer-filename{color:#c0afe4;width:max-content;max-width:210px;font-family:var(--font-mono,monospace);text-align:center;margin:16px 0 0 50%;font-size:10px;line-height:1.5;display:block;transform:translate(-50%)}.df-xfer .df-xfer-connector{color:#8a81ac;width:46px;height:24px;position:absolute;top:182px;left:-47px}.df-xfer .df-xfer-connector-horizontal{width:100%;height:24px;display:block}.df-xfer .df-xfer-connector-vertical{display:none}.df-xfer .df-xfer-caption{border-top:1px solid var(--df-xfer-line);color:#8e9db7;max-width:none;margin:31px 0 0;padding-top:20px;font-size:12px;line-height:1.7}.df-xfer .df-xfer-accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@container (max-width:900px){.df-xfer .df-xfer-stages{grid-template-columns:minmax(0,1fr);gap:72px;max-width:560px;margin:35px auto 0}.df-xfer .df-xfer-stage-heading{height:auto;margin-bottom:18px}.df-xfer .df-xfer-art{height:auto}.df-xfer .df-xfer-browser{max-height:none}.df-xfer .df-xfer-file{width:174px}.df-xfer .df-xfer-stage--file .df-xfer-stage-heading{text-align:left}.df-xfer .df-xfer-stage--file .df-xfer-art{padding:0}.df-xfer .df-xfer-connector{width:24px;height:51px;top:-62px;left:calc(50% - 12px)}.df-xfer .df-xfer-connector-horizontal{display:none}.df-xfer .df-xfer-connector-vertical{width:24px;height:51px;display:block}.df-xfer .df-xfer-stage-caption{margin-top:15px}.df-xfer .df-xfer-filename{margin-top:11px;font-size:11px}}@container (max-width:520px){.df-xfer .df-xfer-heading{display:block}.df-xfer .df-xfer-illustration-label{margin-top:14px;display:block}.df-xfer .df-xfer-stage-caption{font-size:11px}.df-xfer .df-xfer-caption{font-size:12px}}@media (max-width:600px){.df-case .df-xfer{margin-block:28px}}
.df-case .df-phone{width:100%;min-width:0;max-width:280px;margin:0 auto}.df-phone-label{justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px 12px;font-size:12px;line-height:1.5;display:flex}.df-phone-label>span:last-child{color:var(--ink-subtle);flex-shrink:0}.df-phone-device{background:linear-gradient(120deg,#737983 0%,#343a43 12%,#161b22 52%,#555c66 100%);border:1px solid #747b86;border-radius:30px;width:100%;max-width:240px;margin-inline:auto;padding:6px;text-decoration:none;display:block;position:relative;box-shadow:inset 0 0 0 2px #1d222a,inset 0 0 0 3px #8d949b45,0 22px 45px #0005}.df-phone-device:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.df-phone-body{background:#090c11;border:1px solid #030508;border-radius:23px;display:block;overflow:hidden}.df-phone-top{justify-content:center;align-items:center;gap:12px;height:20px;display:flex}.df-phone-earpiece{background:#030407;border-radius:4px;width:44px;height:4px;box-shadow:0 1px #262c33,inset 0 1px #000}.df-phone-camera{background:radial-gradient(circle at 35% 35%,#55738b,#15243b 45%,#060a12 75%);border:2px solid #181e28;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #030407}.df-phone-screen,.df-phone-screen img{width:100%;display:block}.df-phone-screen{background:#f8f9fc}.df-phone-screen img{height:auto}.df-phone-bottom{place-items:center;height:18px;display:grid}.df-phone-homebar{background:#c4c7cd;border-radius:4px;width:30%;max-width:108px;height:4px}.df-phone-mute,.df-phone-volume,.df-phone-power{background:linear-gradient(90deg,#252b34,#676f7b);border:1px solid #555d68;border-radius:2px;width:3px;position:absolute}.df-phone-mute{height:22px;top:90px;left:-3px}.df-phone-volume{height:62px;top:137px;left:-3px}.df-phone-power{height:58px;top:153px;right:-3px}.df-case .df-phone figcaption{color:var(--ink-subtle);margin-top:16px;font-size:12px;line-height:1.7}@media (max-width:400px){.df-phone-label{flex-direction:column;gap:3px}}