.dd{z-index:1;background:linear-gradient(#f3ece3,#efe7dc 55%,#f1eae1);border-radius:26px 26px 0 0;padding:78px 24px 74px;position:relative;overflow:hidden;box-shadow:0 -30px 60px -20px #4e382857}.dd-h{text-align:center;text-wrap:balance;color:var(--ink);max-width:760px;margin:0 auto 10px;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.2}.dd-sub{text-align:center;color:var(--taupe);max-width:620px;margin:0 auto 36px;font-size:1.02rem;line-height:1.5}.dd-hint{text-align:center;color:var(--taupe);margin:18px 0 0;font-size:.86rem}.dd-view{justify-content:center;gap:6px;margin:-16px auto 22px;display:flex}.dd-view-btn{font:inherit;color:var(--ink);cursor:pointer;background:#ffffffb3;border:1px solid #131c3324;border-radius:999px;padding:8px 18px;font-size:.9rem}.dd-view-btn.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.dd-frame{background:#1d2233;border-radius:22px;max-width:1120px;margin:0 auto;padding:12px;box-shadow:0 40px 80px -40px #131c338c}.dd-frame.is-phone{border-radius:34px;max-width:414px;padding:10px}.dd-screen{background:#f4efe6;border-radius:14px;min-height:320px;position:relative;overflow:hidden}.dd-frame.is-phone .dd-screen{border-radius:26px}.dd-screen iframe{transform-origin:0 0;background:#f4efe6;border:0;position:absolute;top:0;left:0}@media (max-width:760px){.dd{border-radius:18px 18px 0 0;padding:56px 16px}}