.dc-hero{border-bottom:1px solid var(--border);padding-block:clamp(48px,8vh,80px) clamp(40px,6vh,64px)}.dc-hero-grid{gap:var(--s-lg);grid-template-areas:"copy""proof""tagline";align-items:start;display:grid}@media (width>=960px){.dc-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-areas:"copy proof""tagline proof";align-items:start;gap:clamp(24px,4vw,48px) clamp(32px,5vw,64px)}}.dc-hero-copy{grid-area:copy}.dc-hero-proof{grid-area:proof}.dc-hero-tagline{grid-area:tagline}.dc-hero-copy{max-width:38ch}.dc-hero-copy .page-h1{margin-bottom:var(--s-md);line-height:1.08}.dc-hero-outcomes{margin:0 0 var(--s-md);gap:var(--s-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.dc-hero-outcomes li{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--r-full);background:color-mix(in srgb, var(--accent) 8%, var(--panel));font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);padding:.4rem .8rem;font-size:.72rem;font-weight:600}.dc-hero-tagline{color:var(--text-muted);max-width:42ch;font-size:.95rem;line-height:1.6}.dc-hero-proof{gap:var(--s-sm);flex-direction:column;align-self:center;width:100%;min-width:0;display:flex}.dc-hero-proof-head{justify-content:space-between;align-items:baseline;gap:var(--s-sm);flex-wrap:wrap;display:flex}.dc-hero-proof-caption{color:var(--text-muted);font-size:.82rem}.dc-hero-preview{width:100%}.dc-hero-preview .dc-browser-viewport{aspect-ratio:2}.dc-hero-preview .dc-browser-viewport img{object-fit:cover;object-position:top center}.dc-browser{border:1px solid var(--border-hi);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden}.dc-browser-chrome{align-items:center;gap:var(--s-sm);border-bottom:1px solid var(--border);background:var(--chip);padding:.45rem .65rem;display:flex}.dc-browser-dots{gap:4px;display:inline-flex}.dc-browser-dots i{background:var(--border-hi);border-radius:50%;width:7px;height:7px;display:block}.dc-browser-dots i:first-child{background:#e8a0a0}.dc-browser-dots i:nth-child(2){background:#e8d4a0}.dc-browser-dots i:nth-child(3){background:#a8d4a8}.dc-browser-url{font-family:var(--font-mono);color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.62rem;overflow:hidden}.dc-browser-viewport{background:#0a0a0a;line-height:0}.dc-browser-viewport img{object-fit:contain;object-position:top center;background:#0a0a0a;width:100%;height:100%;display:block}.dc-compare-section{padding-top:clamp(40px,6vh,64px)}.dc-compare{gap:var(--s-xl);align-items:stretch;display:grid}@media (width>=900px){.dc-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px)}}.dc-compare-col{gap:var(--s-md);flex-direction:column;min-width:0;display:flex}.dc-compare-head{justify-content:space-between;align-items:center;gap:var(--s-sm);display:flex}.dc-compare-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-full);background:var(--chip);padding:.35rem .65rem;font-size:.68rem;font-weight:600}.dc-compare-tag--after{color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--chip))}.dc-compare-duration{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-muted);font-size:1.35rem;font-weight:800}.dc-compare-duration--after{color:var(--accent-ink)}.dc-compare-caption{color:var(--text-muted);font-size:.88rem;line-height:1.55}.dc-video-card{border-radius:var(--r-lg);border:1px solid var(--border-hi);box-shadow:var(--shadow-md);aspect-ratio:4/3;background:#111;flex:1;min-height:0;display:block;position:relative;overflow:hidden}.dc-video-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease);display:block}.dc-video-card:hover img{transform:scale(1.02)}.dc-video-overlay{justify-content:center;align-items:center;gap:var(--s-sm);transition:background var(--dur) var(--ease);background:linear-gradient(#00000026,#0000008c);flex-direction:column;display:flex;position:absolute;inset:0}.dc-video-card:hover .dc-video-overlay{background:linear-gradient(#00000040,#000000a6)}.dc-video-play{border-radius:var(--r-full);color:#111;width:3rem;height:3rem;box-shadow:var(--shadow-md);background:#ffffffeb;place-items:center;padding-left:3px;font-size:1.1rem;display:grid}.dc-video-label{color:#fff;text-shadow:0 1px 4px #0006;font-size:.78rem;font-weight:600}.dc-capture-grid{gap:var(--s-sm);flex:1;min-height:0;display:grid}@media (width>=520px){.dc-capture-grid{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.dc-capture--featured{grid-column:1/-1}}.dc-capture,.dc-deliverable-hit{font:inherit;color:inherit;text-align:left;border:1px solid var(--border-hi);border-radius:var(--r-md);background:var(--panel);cursor:zoom-in;width:100%;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);padding:0}.dc-capture:hover,.dc-deliverable-hit:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-md)}.dc-capture:focus-visible,.dc-deliverable-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dc-capture--featured .dc-browser-viewport{aspect-ratio:16/7}.dc-capture:not(.dc-capture--featured) .dc-browser-viewport{aspect-ratio:16/9}.dc-capture-foot{justify-content:space-between;align-items:center;gap:var(--s-sm);color:var(--text-muted);border-top:1px solid var(--border);background:var(--panel);padding:.5rem .65rem;font-size:.75rem;display:flex}.dc-zoom-hint,.dc-deliverable-zoom{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap;font-size:.62rem}.dc-pipeline{gap:var(--s-md);display:grid}.dc-pipeline-step{gap:var(--s-lg);padding:var(--s-lg);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm);align-items:center;display:grid}@media (width>=720px){.dc-pipeline-step{padding:var(--s-xl) var(--s-lg);grid-template-columns:1fr 148px}}.dc-pipeline-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-ink);margin-bottom:var(--s-sm);font-size:.68rem;font-weight:700;display:inline-block}.dc-pipeline-copy h3{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.1rem}.dc-pipeline-copy p{color:var(--text-muted);max-width:52ch;font-size:.92rem;line-height:1.6}.dc-pipeline-visual{padding:var(--s-md);border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 8%, var(--chip));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));color:var(--accent-ink);place-items:center;min-height:100px;display:grid}.dc-visual svg{width:100%;max-width:120px;height:auto}.dc-deliverables{gap:var(--s-lg);display:grid}@media (width>=720px){.dc-deliverables{grid-template-columns:repeat(2,1fr)}}.dc-deliverable{border:1px solid var(--border-hi);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.dc-deliverable-hit{display:block;position:relative}.dc-deliverable-hit .dc-browser-viewport{aspect-ratio:16/10}.dc-deliverable-zoom{right:var(--s-sm);bottom:var(--s-sm);z-index:1;border-radius:var(--r-full);border:1px solid var(--border);background:#ffffffe6;padding:.2rem .45rem;position:absolute}.dc-deliverable-body{padding:var(--s-lg)}.dc-deliverable-body h3{margin-bottom:.35rem;font-size:1.05rem}.dc-deliverable-body p{color:var(--text-muted);font-size:.88rem;line-height:1.55}.dc-lightbox{z-index:200;padding:var(--s-lg);backdrop-filter:blur(6px);background:#0a0a0ae0;place-items:center;display:grid;position:fixed;inset:0}.dc-lightbox[hidden]{display:none}.dc-lb-close{top:var(--s-md);right:var(--s-md);border-radius:var(--r-full);color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;position:absolute}.dc-lb-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.dc-lb-figure{max-width:min(1100px,96vw);margin:0}.dc-lb-figure img{object-fit:contain;border-radius:var(--r-md);width:100%;height:auto;max-height:82vh;box-shadow:0 24px 80px #00000080}.dc-lb-figure figcaption{margin-top:var(--s-md);text-align:center;color:#ffffffbf;font-size:.9rem}.dc-cta{text-align:center;max-width:52ch;margin-inline:auto}.dc-cta h2{margin-bottom:var(--s-md)}.dc-cta .lead{margin-bottom:var(--s-xl)}.dc-cta .landing-cta{justify-content:center;gap:var(--s-md)}