/* Studio CD1 framing, Done Cal surfaces and system typography within demos. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body.dc-page{margin:0;background:#f4f3f1;color:#111217;font:500 18px/1.55 'ZT Nature',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #1f3fd0;outline-offset:5px}.dc-skip{position:fixed;z-index:20;top:10px;left:10px;padding:10px;background:white;transform:translateY(-160%)}.dc-skip:focus{transform:none}
.dc-nav{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:23px clamp(20px,4vw,56px);border-inline:1px solid #111217;border-bottom:1px solid #111217}.dc-nav img{display:block;width:140px;height:auto}.dc-nav a:last-child{font-size:13px}.dc-shell{max-width:1440px;margin:auto;border-inline:1px solid #111217}.dc-hero{padding:66px clamp(20px,4vw,56px) 44px}.dc-kicker{font:500 11px/1.5 ui-monospace,'SF Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px;color:#656166}.dc-hero h1{font-weight:900;font-size:clamp(80px,13vw,180px);line-height:.85;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 36px}.dc-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.dc-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0}.dc-intro p{max-width:520px;margin:0;color:#656166}.dc-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:38px;padding-top:22px;border-top:1px solid #111217;font:500 11px/1.6 ui-monospace,monospace;text-transform:uppercase}
.dc-film{margin:0;background:#e9e7f0;border-block:1px solid #111217}.dc-film video{display:block;width:100%;height:auto;aspect-ratio:1126/740;max-height:82vh;object-fit:contain;background:#f7f0f5}.dc-film figcaption{padding:18px clamp(20px,4vw,56px);background:#111217;color:#fff;display:flex;justify-content:space-between;gap:30px;font-size:14px}.dc-film figcaption span{color:#dfff57;white-space:nowrap}.dc-film-nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px clamp(20px,4vw,56px);background:#f4f3f1;border-bottom:1px solid #111217}.dc-film-nav button{padding:10px 15px;border:1px solid #aaa7b0;border-radius:0;background:transparent;font-size:13px;min-height:44px}.dc-film-nav button[aria-pressed=true]{background:#111217;color:white;border-color:#111217}
.dc-section{padding:72px clamp(20px,4vw,56px);border-bottom:1px solid #111217}.dc-section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:38px}.dc-section h2{font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:640px}.dc-section-head p{color:#656166;margin:0;max-width:490px}.dc-story-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:0;padding:0;list-style:none}.dc-story-notes li{border-top:1px solid #aaa7b0;padding-top:18px}.dc-story-notes b{display:block;font-size:17px;margin-bottom:8px}.dc-story-notes p{margin:0;font-size:14px;color:#656166}
.dc-product{--canvas:#f7f0f5;--surface:#e9e7f0;--ink:#222333;--muted:#636377;--action:#3c50be;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal}.dc-check-study{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d2cddb;background:#f7f0f5;border-radius:24px;overflow:hidden}.dc-check-events{padding:48px;border-right:1px solid #d2cddb}.dc-product-label{font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;margin:0 0 25px;color:#636377}.dc-example{--tone:#5065cc;--pastel:#e1e7ff;--text:#283570;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:106px;border:2px solid var(--tone);border-radius:12px;background:white;padding:17px 18px;margin-bottom:16px;color:var(--text);transition:background .25s,border-color .25s}.dc-example[data-event=read]{--tone:#80609d;--pastel:#eee1f5;--text:#5a3975}.dc-example b{display:block;font-size:20px;line-height:1.25}.dc-example small{font-size:13px}.dc-example.is-done{background:var(--pastel)}.dc-check{width:48px;height:48px;flex-shrink:0;border:0;background:transparent;display:grid;place-items:center;color:var(--text)}.dc-check span{width:29px;height:29px;border:2px solid currentColor;border-radius:7px;display:grid;place-items:center;font-size:23px}.dc-check-progress{padding:48px;display:flex;flex-direction:column;justify-content:center}.dc-grid{display:flex;gap:14px;margin-bottom:26px}.dc-progress-tile{--tone:#5065cc;--pastel:#e1e7ff;display:grid;place-items:center;border:2px solid var(--tone);border-radius:12px;width:76px;height:76px;background:white;color:var(--tone);font-size:38px}.dc-progress-tile[data-tile=read]{--tone:#80609d;--pastel:#eee1f5}.dc-progress-tile.is-done{background:var(--pastel)}.dc-count{font-size:20px;margin:0}.dc-count strong{font-size:32px;letter-spacing:-.04em;margin-right:8px}.dc-demo-help{font-size:13px;color:#636377;margin:20px 0 0}.dc-caption{font-size:13px;color:#656166;margin:18px 0 0}
.dc-focus-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.dc-focus-copy h2{margin-bottom:25px}.dc-focus-copy>p:not(.dc-kicker){color:#656166;max-width:470px}.dc-focus-copy .dc-kicker{color:#1f3fd0}.dc-focus-notes{padding-left:20px;font-size:16px;color:#656166}.dc-focus-notes li{margin:12px 0}.dc-focus-frame{background:#f7f0f5;max-width:425px;width:100%;margin:auto;padding:28px;border:1px solid #d2cddb;border-radius:36px;box-shadow:0 18px 50px #39345c10;text-align:center}.dc-focus-brand{display:flex;justify-content:space-between;align-items:center;color:#636377;font-size:12px}.dc-focus-brand img{width:38px;height:38px}.dc-focus-heading{margin-top:28px}.dc-focus-heading .dc-product-label{color:#147748;margin-bottom:8px}.dc-focus-heading h3{font-size:27px;font-weight:650;letter-spacing:-.035em;margin:0}.dc-dial{--progress:70%;width:100%;max-width:296px;aspect-ratio:1;margin:30px auto;position:relative;display:grid;place-items:center}.dc-dial-track,.dc-dial-arc{position:absolute;inset:0;border-radius:50%;mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}.dc-dial-track{background:#e3dde4}.dc-dial-arc{background:conic-gradient(from 0deg,#664583 0%,#d8c7e8 var(--progress),transparent var(--progress))}.dc-dial-tick{position:absolute;inset:13px;transform:rotate(var(--angle));pointer-events:none}.dc-dial-tick:before{content:'';display:block;width:2px;height:6px;background:#9a929e;margin:0 auto;border-radius:2px}.dc-dial-tick:nth-child(3n):before{height:10px}.dc-dial-time{font-size:60px;line-height:1;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.dc-dial-label{display:block;margin-top:12px;font-size:14px;color:#636377;letter-spacing:0}.dc-focus-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.dc-focus-controls button,.dc-decision button,.dc-replay{border:1px solid #b7b4c5;border-radius:12px;background:white;color:#3c50be;padding:12px 16px;min-height:44px;font-size:13px}.dc-focus-controls button:first-child{background:#3c50be;color:white;border-color:#3c50be}.dc-decision{padding:18px;background:white;border:1px solid #d2cddb;border-radius:18px;text-align:left}.dc-decision h4{font-size:21px;margin:0 0 12px}.dc-decision button{display:block;width:100%;margin-top:8px}.dc-decision button:first-of-type{background:#147748;color:#fff;border-color:#147748}[hidden]{display:none!important}.dc-focus-status{font-size:13px;color:#636377;min-height:40px;margin:18px 0 0}.dc-focus-frame .dc-replay{margin:14px auto 0}
.dc-collection{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.dc-collection figure{margin:0;padding:34px;background:#e9e7f0;border:1px solid #d2cddb}.dc-collection img{display:block;width:min(100%,290px);height:auto;margin:auto;border-radius:24px}.dc-collection h2{margin-bottom:25px}.dc-collection p{color:#656166;max-width:440px}.dc-end{padding:40px clamp(20px,4vw,56px);display:flex;justify-content:space-between;gap:24px;font-size:14px}.dc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dc-video-error{padding:15px 25px;margin:0;background:#fff;color:#222333;font-size:14px}
@media(max-width:760px){.dc-hero{padding-top:48px}.dc-intro,.dc-section-head,.dc-focus-layout,.dc-collection{grid-template-columns:1fr;gap:25px}.dc-meta{gap:10px 20px}.dc-section{padding-block:45px}.dc-film video{max-height:none}.dc-film figcaption{display:block;font-size:13px}.dc-film figcaption span{display:block;margin-top:8px}.dc-film-nav{gap:6px}.dc-film-nav button{padding:8px 10px;font-size:12px}.dc-story-notes{grid-template-columns:1fr 1fr;gap:22px}.dc-check-study{grid-template-columns:1fr}.dc-check-events,.dc-check-progress{padding:26px}.dc-check-events{border-right:0;border-bottom:1px solid #d2cddb}.dc-check-progress{min-height:230px}.dc-focus-frame{padding:24px}.dc-nav img{width:115px}.dc-nav a:last-child{font-size:12px}.dc-end{flex-direction:column;gap:12px}.dc-collection figure{order:2}.dc-dial-time{font-size:54px}.dc-collection img{max-width:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The shared logo asset is white; the case-study navigation uses the light CD1 surface. */
.dc-nav img{filter:brightness(0)}
.dc-skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}