/* Entry points and product overview. No external badge images required. */
html { scroll-padding-top: 90px; }
.dtcd-launch { padding: 64px 0 52px; border-bottom: 1px solid var(--border); background: var(--bg); }
.dtcd-launch-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 56px; align-items: center; }
.dtcd-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .13em; color: var(--orange); text-transform: uppercase; margin: 0 0 18px; }
.dtcd-launch h1 { font-family: 'Open Sans Condensed','Open Sans',sans-serif; font-size: clamp(40px,4.7vw,66px); font-weight: 700; line-height: 1.04; letter-spacing: -.015em; color: var(--fg); margin: 0 0 24px; }
.dtcd-launch h1 span { color: var(--orange); }
.dtcd-lead { color: var(--fg-dim); font-size: 18px; line-height: 1.65; margin: 0 0 26px; max-width: 650px; }
.dtcd-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.dtcd-button { display: inline-flex; justify-content: center; align-items: center; padding: 13px 18px; min-height: 48px; border: 1px solid var(--border-lit); border-radius: 8px; color: var(--fg); font-size: 14px; font-weight: 700; text-decoration: none; text-align: center; line-height: 1.45; transition: background .15s, border-color .15s; }
.dtcd-button-primary { background: var(--orange); border-color: var(--orange); color: #0e0e10; }
.dtcd-button:hover { border-color: var(--orange); }
.dtcd-button-primary:hover { background: var(--orange-bright); }
.dtcd-button:focus-visible,.dtcd-text-link:focus-visible,nav a:focus-visible,.hamburger:focus-visible { outline: 3px solid var(--fg); outline-offset: 4px; }
.dtcd-caption { color: var(--fg-dim); font-size: 12px; line-height: 1.6; margin: 14px 0 18px; }
.dtcd-text-link { color: var(--orange); font-size: 14px; font-weight: 600; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
.dtcd-workflow { padding: 28px; border: 1px solid var(--border-lit); border-radius: 16px; background: var(--bg-card); }
.dtcd-workflow-row { display: flex; align-items: flex-start; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--border); }
.dtcd-workflow-row:last-of-type { border-bottom: 0; padding-bottom: 24px; }
.dtcd-step { flex: 0 0 35px; color: var(--orange); font-size: 22px; font-weight: 700; }
.dtcd-workflow h2 { font-size: 17px; line-height: 1.4; margin: 0 0 6px; color: var(--fg); }
.dtcd-workflow p:not(.dtcd-eyebrow) { font-size: 14px; line-height: 1.6; color: var(--fg-dim); margin: 0; }
.dtcd-start { padding: 44px 0 52px; background: var(--bg-elev); border-bottom: 1px solid var(--border); }
.dtcd-start h2 { font-family: 'Open Sans Condensed','Open Sans',sans-serif; font-size: clamp(28px,3vw,38px); line-height: 1.2; color: var(--fg); margin: 0 0 24px; }
.dtcd-start-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.dtcd-start-card { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-card); min-width: 0; }
.dtcd-card-label { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--orange); font-weight: 700; }
.dtcd-start-card h3 { font-size: 20px; line-height: 1.3; color: var(--fg); margin: 0; }
.dtcd-start-card p { font-size: 14px; line-height: 1.65; color: var(--fg-dim); margin: 0 0 6px; flex: 1; }
.dtcd-start-card .dtcd-text-link { padding: 4px 0; }
nav .nav-inner { gap: 22px; }
nav .nav-cta { white-space: nowrap; flex-shrink: 0; letter-spacing: .03em; }
@media (max-width: 1000px) { .dtcd-launch-grid { gap: 30px; grid-template-columns: 1fr 1fr; } .dtcd-start-card { padding: 20px; } }
@media (max-width: 760px) { .dtcd-launch { padding: 38px 0; } .dtcd-launch-grid,.dtcd-start-grid { grid-template-columns: 1fr; gap: 22px; } .dtcd-workflow { padding: 22px; } .dtcd-launch h1 { font-size: 44px; } .dtcd-lead { font-size: 17px; } .dtcd-start { padding: 34px 0; } }
@media (max-width: 480px) { .dtcd-actions { flex-direction: column; } .dtcd-launch h1 { font-size: 39px; } }

/* Product story: generous type, real screens, restrained visual proof. */
.hazard-stripes { display:none; }
.dtcd-launch { background: radial-gradient(ellipse at 85% 25%,rgba(240,130,48,.09),transparent 55%),var(--bg); padding: 76px 0 58px; }
.dtcd-launch-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
.dtcd-launch h1 { font-size: clamp(44px,5.1vw,72px); }
.dtcd-caption a,.dtcd-evidence a,.dtcd-faq a,.dtcd-close a:not(.dtcd-button) { color: var(--orange); text-underline-offset: 4px; }
.dtcd-mini-proof { display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:18px;border-top:1px solid var(--border);color:var(--fg-dim);font-size:12px; }
.dtcd-mini-proof span::before { content:'✓';color:var(--orange);margin-right:6px; }
.dtcd-hero-proof { position:relative;margin:0;padding:20px 28px 16px;background:var(--bg-elev);border:1px solid var(--border-lit);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.10);min-width:0; }
.dtcd-proof-top { font-size:12px;color:var(--fg-dim);display:flex;align-items:center;gap:8px;margin-bottom:20px; }
.dtcd-status-dot { height:7px;width:7px;border-radius:50%;background:var(--orange); }
.dtcd-report-hero { display:block;width:80%;height:350px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.12); }
.dtcd-report-hero img { display:block;width:100%;height:auto; }
.dtcd-hero-phone { position:absolute;right:22px;top:90px;width:30%;height:auto;border:5px solid #18181b;border-radius:22px;box-shadow:0 12px 28px rgba(0,0,0,.25); }
.dtcd-hero-proof figcaption { color:var(--fg-dim);font-size:11px;line-height:1.6;margin-top:20px; }
.dtcd-hero-proof figcaption a { color:var(--orange); }
.dtcd-section { padding:76px 0;border-bottom:1px solid var(--border);background:var(--bg); }
.dtcd-section h2,.dtcd-close h2 { font-family:'Open Sans Condensed','Open Sans',sans-serif;font-size:clamp(32px,3.5vw,46px);font-weight:700;line-height:1.12;color:var(--fg);margin:0 0 20px;letter-spacing:-.01em; }
.dtcd-section-lead { font-size:17px;color:var(--fg-dim);line-height:1.7;max-width:780px;margin:0 0 32px; }
.dtcd-three-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px; }
.dtcd-three-grid h3,.dtcd-output h3,.dtcd-connection h3 { color:var(--fg);font-size:20px;line-height:1.35;margin:12px 0; }
.dtcd-three-grid p,.dtcd-output p,.dtcd-connection p { font-size:14px;color:var(--fg-dim);line-height:1.75;margin:0 0 18px; }
.dtcd-number { font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-weight:700; }
.dtcd-outcomes { padding:44px 0; }
.dtcd-outcomes h2 { font-size:30px;margin-bottom:32px; }
.dtcd-split { display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:64px; }
.dtcd-demo,.dtcd-tinted { background:var(--bg-elev); }
.dtcd-video { position:relative;aspect-ratio:16/9;background:#121214;border-radius:14px;overflow:hidden;border:1px solid var(--border); }
.dtcd-video-launch { width:100%;height:100%;border:0;padding:0;position:relative;cursor:pointer;color:#fff;background:#111;font:inherit; }
.dtcd-video-launch img { display:block;object-fit:cover;width:100%;height:100%;opacity:.6; }
.dtcd-play { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);color:#111;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:25px;padding-left:4px;box-shadow:0 0 0 12px rgba(240,130,48,.18); }
.dtcd-video-title { position:absolute;bottom:20px;left:20px;right:20px;font-weight:700;font-size:15px; }
.dtcd-video iframe { width:100%;height:100%;border:0; }
.dtcd-video-fallback { color:var(--fg-dim);font-size:12px;display:inline-block;margin-top:14px; }
.dtcd-video-launch:focus-visible { outline:4px solid var(--orange);outline-offset:-4px; }
.dtcd-steps article { padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card); }
.dtcd-screen-gallery { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;padding:30px 24px;border-radius:18px;background:var(--bg-elev);border:1px solid var(--border); }
.dtcd-screen-gallery figure { margin:0;text-align:center; }
.dtcd-screen-gallery img { display:block;width:100%;max-width:210px;height:auto;border:6px solid #151517;border-radius:26px;margin:0 auto 22px;box-shadow:0 12px 20px rgba(0,0,0,.12); }
.dtcd-screen-gallery figcaption strong { color:var(--fg);display:block;font-size:16px;margin-bottom:6px; }
.dtcd-screen-gallery figcaption span { color:var(--fg-dim);font-size:13px;line-height:1.7;display:block;max-width:240px;margin:auto; }
.dtcd-output-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.dtcd-output { display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:24px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px; }
.dtcd-output>a { height:260px;overflow:hidden;display:block;border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.08); }
.dtcd-output img { width:100%;height:auto;display:block; }
.dtcd-connection { display:flex;align-items:center;gap:36px;margin-top:32px;padding-top:28px;border-top:1px solid var(--border); }
.dtcd-connection>div { flex:1; }.dtcd-connection .dtcd-button { flex-shrink:0; }
.dtcd-faq details { border-bottom:1px solid var(--border);padding:20px 0; }
.dtcd-faq summary { color:var(--fg);font-size:16px;font-weight:600;cursor:pointer;line-height:1.6; }
.dtcd-faq p { color:var(--fg-dim);font-size:14px;line-height:1.75;margin:16px 0 0; }
.dtcd-evidence { gap:32px; }.dtcd-evidence article+article { border-left:1px solid var(--border);padding-left:30px; }
.dtcd-evidence .dtcd-caption { font-size:11px; }
.dtcd-directory { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px; }
.dtcd-directory>a { padding:22px 0;border-bottom:1px solid var(--border);text-decoration:none; }
.dtcd-directory strong { color:var(--fg);font-size:15px;display:block;margin-bottom:6px; }.dtcd-directory span { color:var(--fg-dim);font-size:13px;line-height:1.6; }
.dtcd-directory a:hover strong { color:var(--orange); }
.dtcd-close { background:var(--bg-elev);padding:64px 0;border-bottom:1px solid var(--border); }
.dtcd-close p { color:var(--fg-dim);font-size:16px;line-height:1.7;margin:0; }.dtcd-close .dtcd-split { grid-template-columns:1.5fr 1fr; }
.dtcd-close .dtcd-split>div:last-child { display:flex;flex-direction:column;gap:14px;max-width:340px;justify-self:end;width:100%; }
@media(max-width:1000px) { .dtcd-launch-grid,.dtcd-split { gap:32px; }.dtcd-output { grid-template-columns:1fr; }.dtcd-output>a { height:220px; }.dtcd-three-grid { gap:20px; }.dtcd-evidence article+article { padding-left:20px; } }
@media(max-width:760px) { .dtcd-launch-grid,.dtcd-split,.dtcd-close .dtcd-split { grid-template-columns:1fr; }.dtcd-three-grid { grid-template-columns:1fr;gap:24px; }.dtcd-section { padding:48px 0; }.dtcd-hero-proof { max-width:520px;width:100%;box-sizing:border-box; }.dtcd-launch { padding:40px 0; }.dtcd-hero-phone { width:25%;top:75px; }.dtcd-report-hero { height:360px; }.dtcd-evidence article+article { border-left:0;border-top:1px solid var(--border);padding:24px 0 0; }.dtcd-screen-gallery { gap:14px;padding:22px 14px; }.dtcd-screen-gallery img { border-width:4px;border-radius:18px; }.dtcd-connection { flex-direction:column;align-items:flex-start;gap:10px; }.dtcd-close .dtcd-split>div:last-child { justify-self:start;max-width:none; } }
@media(max-width:480px) { .dtcd-launch h1 { font-size:44px; }.dtcd-section h2,.dtcd-close h2 { font-size:34px; }.dtcd-hero-proof { padding:16px; }.dtcd-report-hero { height:280px;width:82%; }.dtcd-hero-phone { top:80px;right:14px;width:29%; }.dtcd-output-grid,.dtcd-directory { grid-template-columns:1fr; }.dtcd-output { grid-template-columns:.75fr 1fr;padding:18px;gap:18px; }.dtcd-output>a { height:220px; }.dtcd-output h3 { font-size:18px; }.dtcd-output p { font-size:13px; }.dtcd-screen-gallery { grid-template-columns:1fr;gap:34px; }.dtcd-screen-gallery img { max-width:210px;border-width:6px;border-radius:26px; }.dtcd-proof-top { font-size:11px; }.dtcd-hero-proof figcaption { max-width:75%; } }
