.dg-hero{padding-bottom:72px}
.dg-hero .btn-row{margin-top:36px}
/* 히어로 신뢰 줄 — 홈(index.html) .stats 와 같은 마크업·같은 CSS. 이 페이지는 홈의 <style> 을 안 받는
   독립 생성 페이지라 컨테이너 레이아웃(grid)·숫자(.n)·라벨(.k) 규칙을 여기 그대로 옮겨 적는다.
   유리 카드 배경(rgba 화이트)만 fixes.html [6] 의 `.hero .stats div` 가 전역으로 준다. */
.dg-proof{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dg-proof>div{display:flex;flex-direction:column}
.dg-proof .n{display:block;font-size:30px;font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.1}
.dg-proof .n em{font-style:normal;color:var(--mint);font-size:20px;margin-left:1px}
.dg-proof .k{display:block;margin-top:8px;font-size:13px;font-weight:600;color:#A5AEBE;letter-spacing:-.005em}
.dg-proof .ctx{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--mint,#4D8DFF);
 letter-spacing:-.005em;line-height:1.4;word-break:keep-all}
@media(max-width:900px){.dg-proof{grid-template-columns:repeat(2,1fr);gap:20px}
 .dg-proof .n{font-size:25px}}
/* 「계약을 전제로 하지 않습니다」 — tracking 페이지의 .free 와 같은 논리·같은 무게 */
.dg-free{margin-top:32px;padding:22px 24px;background:var(--ink,#10141C);color:#fff}
.dg-free>b{display:block;font-size:19px;letter-spacing:-.02em}
.dg-free p{margin:12px 0 0;font-size:14.5px;line-height:1.75;color:var(--slate-dark,#A5AEBE);
 word-break:keep-all}
.dg-free p b{color:var(--mint,#4D8DFF)}
/* 권한 안내 — 계정을 여는 데 대한 불안을 직접 건드리는 자리라 눈에 띄어야 합니다 */
.dg-perm{margin-top:20px;padding:20px 24px;border:1px solid var(--divider,#C6CEDA);
 border-left:3px solid var(--olive,#12459E);background:#fff}
.dg-perm>b{display:block;font-size:15px;color:var(--ink,#10141C)}
.dg-perm ul{margin:12px 0 0;padding-left:18px}
.dg-perm li{font-size:14px;line-height:1.75;color:var(--slate-light,#57606E);
 word-break:keep-all}
.dg-perm li+li{margin-top:6px}
.dg-perm li b{color:var(--ink,#10141C)}
.dg-main{padding:88px 0 96px;background:var(--cream,#F4F6FA)}
.dg-quiz{margin-bottom:56px;background:var(--ink,#10141C);color:#fff;padding:40px 40px}
.dg-quiz .k{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mint,#4D8DFF)}
.dgq-intro h3{margin-top:14px;font-size:24px;font-weight:800;letter-spacing:-.02em}
.dgq-intro p{margin-top:10px;font-size:15px;line-height:1.7;color:var(--slate-dark,#A5AEBE);max-width:56ch;word-break:keep-all}
.dgq-intro .btn{margin-top:22px}
.dgq-bar{display:flex;gap:6px}
.dgq-bar i{flex:1;height:3px;background:var(--border-dark,#242C3B)}
.dgq-bar i.on{background:var(--mint,#4D8DFF)}
.dgq-q{margin-top:26px;min-height:104px}
.dgq-q .qt{font-size:19px;font-weight:700;line-height:1.5;letter-spacing:-.01em;word-break:keep-all}
.dgq-opts{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.dgq-opts button{padding:14px 22px;border:1px solid var(--border-dark,#242C3B);background:transparent;
 color:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.005em}
.dgq-opts button:hover{border-color:var(--mint,#4D8DFF);color:var(--mint,#4D8DFF)}
.dgq-skip{display:inline-block;margin-top:24px;font-size:13px;color:var(--sage,#6B7689);text-decoration:underline}
.dgq-result .dgq-count{margin-top:14px;font-size:22px;font-weight:700;letter-spacing:-.02em}
.dgq-result .dgq-count b{color:var(--mint,#4D8DFF);font-size:38px;font-weight:800;margin-right:2px}
.dgq-result .dgq-note{margin-top:12px;font-size:15px;line-height:1.7;color:var(--slate-dark,#A5AEBE);max-width:56ch;word-break:keep-all}
.dgq-result .btn{margin-top:22px}
@media(max-width:640px){.dg-quiz{padding:28px 22px}.dgq-opts button{flex:1 1 auto;text-align:center}}
.dg-grid{display:grid;grid-template-columns:1fr 480px;gap:72px;align-items:start}
.dg-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--divider,#C6CEDA)}
.dg-list li{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:baseline;
 padding:17px 0;border-bottom:1px solid var(--divider,#C6CEDA)}
.dg-list b{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--olive,#12459E)}
.dg-list span{font-size:16px;line-height:1.6;color:var(--slate-light,#57606E);word-break:keep-all}
.dg-list em{font-style:normal;font-weight:700;color:var(--ink,#10141C)}
.dg-note{margin-top:26px;font-size:15px;line-height:1.8;color:var(--muted-light,#4F5866);word-break:keep-all}
.dg-note b{color:var(--ink,#10141C)}
.dg-card{background:var(--ink,#10141C);color:#fff;padding:44px 40px}
.dg-card h3{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0}
.dg-sub{margin:12px 0 4px;font-size:15px;line-height:1.7;color:var(--slate-dark,#A5AEBE)}
.dg-card .fld label i{font-style:normal;color:var(--mint,#4D8DFF)}
.dg-card .fld label .opt{color:#57606E;font-weight:400}
.dg-card textarea{resize:vertical;min-height:84px}
.dg-consent{margin-top:26px;padding-top:22px;border-top:1px solid var(--border-dark,#242C3B)}
.dg-chk{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;margin-top:14px;
 font-size:14px;line-height:1.65;color:var(--slate-dark,#A5AEBE);cursor:pointer}
.dg-chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--mint,#4D8DFF)}
.dg-chk b{color:#fff}
.dg-consent details{margin:8px 0 0 34px}
.dg-consent summary{cursor:pointer;font-size:13px;color:var(--sage,#6B7689);text-decoration:underline}
.dg-detail{margin-top:10px;padding:14px;background:#0A0E15;border-left:3px solid var(--sage,#6B7689);
 font-size:13px;line-height:1.75;color:var(--slate-dark,#A5AEBE)}
.dg-fine{margin-top:14px;font-size:13px;line-height:1.7;color:#57606E}
.dg-alt{margin-top:64px;padding-top:40px;border-top:1px solid var(--divider,#C6CEDA);
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.dg-alt p{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:0;word-break:keep-all}
.dg-alt span{display:block;margin-top:8px;font-size:15px;font-weight:400;color:var(--muted-light,#4F5866)}
@media(max-width:1024px){.dg-grid{grid-template-columns:1fr;gap:44px}}
@media(max-width:640px){.dg-main{padding:56px 0 64px}.dg-card{padding:32px 22px}
 .dg-free{padding:20px}.dg-perm{padding:18px 20px}}
/* 헤더 상시 CTA 는 이 페이지에서 자기 자신을 가리킵니다.
   `build()` 가 `#dgForm` 으로 바꿔 폼으로 내려가게 합니다. */