.da-page{padding-block:100px 80px}.da-hero{max-width:1000px}.da-hero h1{font-size:clamp(58px,7vw,100px);line-height:1.03;margin:20px 0 28px}.da-lead{font-size:20px;line-height:1.7;max-width:64ch;color:#d8d7d7}.da-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 22px;border:1px solid #ffffff25;background:#ffffff05;margin:28px 0;color:#d8d7d7;font-size:13px;line-height:1.6}.da-mode strong{color:#fff}.da-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,#4a1115)}.da-actions{display:flex;gap:12px;flex-wrap:wrap}.da-tabs{display:flex;gap:8px;border-bottom:1px solid #ffffff25;margin:60px 0 36px;padding-bottom:14px}.da-tabs button{background:transparent;border:1px solid #ffffff35;color:#efeeee;padding:14px 24px;font:700 14px/1.4 var(--body,Arial);border-radius:4px;cursor:pointer;min-height:48px}.da-tabs button[aria-selected=true]{background:#f2f2f2;color:#100e0e;border-color:transparent}.da-page [hidden]{display:none!important}.da-panel{min-height:280px}.da-section-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.da-section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:12px 0}.da-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.da-metric{border:1px solid #ffffff22;padding:24px;border-top:3px solid var(--accent,#c3c0c0);background:#ffffff04}.da-metric b{font:600 52px/1.15 var(--display,Impact);display:block;margin-bottom:12px}.da-metric span{font-size:13px;line-height:1.6;color:#d8d7d7}.da-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.da-report{border:1px solid #ffffff22;padding:28px;min-width:0}.da-report h3,.da-reset h3{font:600 30px/1.2 var(--display,Impact);margin:0 0 14px}.da-report>p,.da-reset p{color:#cbc9c9;font-size:14px;line-height:1.7}.da-funnel-row{margin:22px 0}.da-funnel-row>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5;margin-bottom:10px}.da-funnel-row progress{appearance:none;width:100%;height:5px;display:block;border:0;background:#ffffff15}.da-funnel-row progress::-webkit-progress-bar{background:#ffffff15}.da-funnel-row progress::-webkit-progress-value{background:var(--accent,#cac8c8)}.da-funnel-row progress::-moz-progress-bar{background:var(--accent,#cac8c8)}.da-event{border-bottom:1px solid #ffffff16;padding:16px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.6}.da-event time{color:#c5c2c2;white-space:nowrap}.da-footnote{font-size:12px;line-height:1.75;color:#c8c6c6;max-width:88ch;margin:24px 0}.da-empty{border:1px dashed #ffffff30;padding:40px;max-width:100%;margin:22px 0}.da-empty h3{font:600 30px/1.15 var(--display,Impact);margin:0 0 16px}.da-empty p{color:#d2d0d0;line-height:1.7;font-size:15px;margin-bottom:20px}.da-record{border:1px solid #ffffff25;border-left:3px solid var(--accent,#d1cece);padding:26px;margin:18px 0;background:#ffffff03}.da-record-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.da-record h3{font:600 28px/1.25 var(--display,Impact);margin:0 0 10px;overflow-wrap:anywhere}.da-record time,.da-record .da-meta{font-size:12px;color:#cbc8c8;line-height:1.7}.da-record ul{padding-left:20px;margin:20px 0;line-height:1.8;color:#e0dede;font-size:14px}.da-record select{padding:12px;border:1px solid #ffffff45;border-radius:4px;background:#121010;color:#f8f8f8;min-height:44px;font-size:13px;max-width:100%}.da-record label{font-size:11px;display:flex;flex-direction:column;gap:8px;font-weight:700;color:#d8d6d6}.da-message{white-space:pre-wrap;font-size:14px;line-height:1.75;overflow-wrap:anywhere;color:#e3e1e1;border-block:1px solid #ffffff15;padding:20px 0}.da-reset{border-top:1px solid #ffffff25;padding-top:34px;margin-top:50px}.da-reset p{max-width:83ch}.da-status{min-height:24px;line-height:1.7;font-size:14px;color:#e0dfdf;margin-top:22px}.da-page a:focus-visible,.da-page button:focus-visible,.da-page select:focus-visible{outline:3px solid #ff4753;outline-offset:4px}.da-dialog{max-width:560px;width:calc(100% - 32px);padding:32px;background:#110f0f;color:#fff;border:1px solid #65768d;border-radius:8px}.da-dialog::backdrop{background:#050404c9}.da-dialog h2{font:600 38px/1.15 var(--display,Impact);margin:0 0 20px}.da-dialog p{color:#d7d6d6;line-height:1.7;margin-bottom:26px}.dp-preview-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:1000;width:min(970px,calc(100% - 24px));padding:16px 20px;background:#f1f1f1;color:#111010;border:1px solid #c2a7a9;border-radius:8px;box-shadow:0 12px 40px #0007;display:flex;gap:18px;align-items:center;justify-content:space-between;font:600 12px/1.5 var(--body,Arial)}.dp-preview-bar div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dp-preview-bar button,.dp-preview-bar a{padding:9px 12px;border:1px solid #8c9aac;border-radius:4px;background:transparent;color:#111010;cursor:pointer;font:700 12px/1.4 var(--body,Arial)}.dp-preview-content{padding-block:55px;border-block:1px solid #ffffff25;margin-top:45px}.dp-preview-content>h2{font:600 42px/1.1 var(--display,Impact);margin:14px 0 24px}.dp-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dp-preview-grid article{border:1px solid #ffffff25;padding:25px}.dp-preview-grid h3{font:600 28px/1.2 var(--display,Impact);margin:0 0 15px}.dp-preview-grid p{font-size:14px;line-height:1.75;color:#dad8d8}.dp-preview-grid a{display:inline-block;margin-top:12px;font-size:13px;text-decoration:underline;min-height:44px;padding-block:12px}.sp-demo-actions{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff25}.sp-demo-actions button{padding:15px 20px;background:#f3f3f3;border:0;border-radius:4px;color:#121010;font:700 13px/1.5 var(--body,Arial);cursor:pointer;min-height:46px}.sp-demo-actions p{font-size:12px;color:#cbcaca;line-height:1.7;margin:12px 0}.sp-demo-actions a{display:inline-block;padding-block:10px;min-height:44px;font-size:13px;text-decoration:underline}.dp-workspace-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.dp-workspace-links a{min-height:44px;padding:12px 0;font-size:13px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.da-page{padding-block:70px 60px}.da-hero h1{font-size:54px}.da-lead{font-size:16px}.da-mode{padding:17px;gap:10px}.da-mode>span:last-child{flex-basis:100%}.da-tabs{margin-top:40px;gap:7px}.da-tabs button{padding:13px 14px;font-size:12px;flex:1}.da-section-head{align-items:start;flex-direction:column;gap:12px}.da-metrics{grid-template-columns:1fr 1fr;gap:12px}.da-metric{padding:20px}.da-metric b{font-size:40px}.da-report-grid,.dp-preview-grid{grid-template-columns:1fr}.da-report{padding:22px}.da-empty{padding:26px}.da-record{padding:20px}.da-record-head{flex-direction:column;gap:20px}.da-record label{width:100%}.da-record select{width:100%}.da-event{gap:14px}.da-actions .button{width:100%;justify-content:center}.dp-preview-bar{align-items:start;gap:10px;flex-direction:column;padding:12px 16px}.dp-preview-content{padding-bottom:110px}.da-footnote{font-size:12px}}
.da-page{padding-top:175px}@media(max-width:700px){.da-page{padding-top:145px}}
/* Navigation snapshots can cover controls during rapid multi-page demo workflows. */
@view-transition{navigation:none}
@media print{.da-page .da-tabs,.da-page .da-actions,.da-page .da-reset,.da-page .da-status,.dp-preview-bar{display:none!important}}