.dn-main { overflow: hidden; }
.dn-hero { min-height: calc(100vh - 82px); display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(42px,7vw,110px); padding: clamp(80px,10vw,150px) clamp(24px,7vw,110px); }
.dn-hero h1 { max-width: 820px; margin: 18px 0 28px; font-size: clamp(4rem,8.4vw,9rem); line-height: .88; letter-spacing: -.075em; }
.dn-hero h1 span { color: var(--sun); font-family: Georgia,serif; font-style: italic; font-weight: 400; }
.dn-lead { max-width: 660px; color: var(--muted); font-size: clamp(1.05rem,1.5vw,1.3rem); line-height: 1.72; }
.dn-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; }
.dn-trust { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 30px; color: var(--muted); font-size: .78rem; letter-spacing: .04em; }
.dn-trust span::before { content: "✓"; color: var(--green); font-weight: 900; margin-right: 7px; }
.dn-visual { min-height: 600px; position: relative; display: grid; place-items: center; }
.dn-orbit { width: min(520px,92%); aspect-ratio: 1; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; position: relative; background: radial-gradient(circle,rgba(255,255,255,.8),rgba(222,229,217,.45) 55%,transparent 56%); }
.dn-orbit::before,.dn-orbit::after { content:""; position:absolute; inset:12%; border:1px solid var(--line); border-radius:50%; transform:rotate(22deg); }
.dn-orbit::after { inset:28%; transform:rotate(-25deg); }
.dn-date { z-index: 2; width: 220px; aspect-ratio: 1; border-radius: 34px; background: var(--green); color: #fff; display: grid; place-items: center; text-align: center; box-shadow: 0 35px 90px rgba(28,65,46,.24); }
.dn-date strong { display:block; font-family: Georgia,serif; font-size: 5.3rem; font-weight:400; line-height:.9; }
.dn-date span { font-size:.68rem; letter-spacing:.2em; }
.dn-note { position:absolute; z-index:3; padding:13px 16px; border:1px solid var(--line); background:var(--paper); box-shadow:0 16px 40px rgba(29,52,39,.09); font-size:.78rem; }
.dn-note.one { top:15%; left:0; }.dn-note.two { right:-2%; bottom:20%; }.dn-note.three { left:8%; bottom:8%; }
.dn-section { padding: clamp(75px,10vw,145px) clamp(24px,7vw,110px); }
.dn-section.dark { background: var(--green); color:#fff; }
.dn-section-head { max-width: 880px; margin-bottom: 60px; }
.dn-section-head h2 { margin:14px 0 20px; font-size:clamp(3rem,6vw,6.5rem); line-height:.94; letter-spacing:-.06em; }
.dn-section-head p:last-child { color:var(--muted); font-size:1.08rem; line-height:1.7; max-width:680px; }
.dark .dn-section-head p:last-child { color:rgba(255,255,255,.7); }
.dn-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dn-card { min-height:320px; padding:30px; border:1px solid var(--line); background:rgba(255,255,255,.35); display:flex; flex-direction:column; }
.dn-card span { color:var(--sun); font-size:.72rem; letter-spacing:.16em; font-weight:800; }
.dn-card h3 { margin:auto 0 14px; font-size:2rem; letter-spacing:-.04em; }
.dn-card p { color:var(--muted); line-height:1.65; margin:0; }
.dn-flow { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.2); }
.dn-step { padding:30px 28px 25px 0; border-right:1px solid rgba(255,255,255,.2); }
.dn-step:last-child { border-right:0; padding-left:28px; }.dn-step:not(:first-child) { padding-left:28px; }
.dn-step span { color:var(--sun); font-size:.72rem; letter-spacing:.16em; }
.dn-step h3 { font-size:1.45rem; margin:45px 0 10px; }.dn-step p { color:rgba(255,255,255,.68); line-height:1.6; }
.dn-boundary { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dn-boundary article { padding:38px; border:1px solid var(--line); background:rgba(255,255,255,.3); }
.dn-boundary h3 { font-size:2rem; margin:0 0 24px; }.dn-boundary ul { list-style:none; padding:0; margin:0; display:grid; gap:15px; color:var(--muted); }
.dn-boundary li::before { content:"—"; color:var(--sun); margin-right:10px; }
.dn-cta { margin:0 clamp(24px,7vw,110px) clamp(24px,7vw,110px); padding:clamp(50px,7vw,90px); background:var(--sun); display:flex; justify-content:space-between; align-items:end; gap:35px; }
.dn-cta h2 { margin:10px 0 0; font-size:clamp(3rem,6vw,6rem); line-height:.95; letter-spacing:-.06em; max-width:760px; }
.dn-legal { max-width:760px; color:var(--muted); line-height:1.7; font-size:.87rem; margin-top:30px; }
@media(max-width:900px){.dn-hero{grid-template-columns:1fr}.dn-visual{min-height:500px}.dn-grid{grid-template-columns:1fr}.dn-card{min-height:240px}.dn-flow{grid-template-columns:1fr 1fr}.dn-step:nth-child(2){border-right:0}.dn-boundary{grid-template-columns:1fr}.dn-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.dn-hero h1{font-size:4rem}.dn-visual{min-height:400px}.dn-date{width:170px}.dn-date strong{font-size:4rem}.dn-note{font-size:.67rem}.dn-flow{grid-template-columns:1fr}.dn-step,.dn-step:not(:first-child),.dn-step:last-child{padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.dn-cta{margin-left:14px;margin-right:14px}}