.dyd-signup{--signup-ink:#18364d;--signup-muted:#526a80;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:32px;align-items:center;isolation:isolate;padding:clamp(26px,4vw,52px);border:1px solid #cfdeee;border-radius:26px;background:linear-gradient(125deg,#fff 10%,#f4f8ff 68%,#eaf2fa);color:var(--signup-ink);box-shadow:0 16px 44px #18364d09;overflow:hidden;text-align:start}
.dyd-signup [hidden]{display:none!important}.dyd-signup *{box-sizing:border-box}.dyd-signup__copy{min-width:0}.dyd-signup .dyd-signup__eyebrow{margin:0 0 14px;font-size:10px;font-weight:750;line-height:1.7;letter-spacing:.19em;color:#527491}.dyd-signup h2{max-width:560px;margin:0 0 18px;font-size:clamp(30px,3.3vw,45px);font-weight:500;line-height:1.13;letter-spacing:-.025em;text-transform:none;color:var(--signup-ink);overflow-wrap:break-word}.dyd-signup .dyd-signup__intro{max-width:480px;margin:0 0 22px;font-size:16px;line-height:1.7;color:var(--signup-muted)}
.dyd-signup__selection{padding:14px 18px;margin:0 0 22px;border-inline-start:3px solid #80a2c8;background:#ffffffa6;border-radius:0 12px 12px 0;overflow-wrap:anywhere}.dyd-signup__selection>span{display:block;font-size:9px;letter-spacing:.14em;font-weight:700;color:#5c7790}.dyd-signup__selection strong{display:block;font-size:17px;line-height:1.5;margin:5px 0}.dyd-signup .dyd-signup__selection p{font-size:13px;color:var(--signup-muted);line-height:1.6;margin:2px 0}
.dyd-signup__benefits{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none;margin:0 0 26px;padding:0;color:#36546d;font-size:12px;line-height:1.6}.dyd-signup__benefits li{display:flex;gap:7px;align-items:baseline}.dyd-signup__benefits li:before{content:'';width:8px;height:5px;border-inline-start:1.7px solid #527e8b;border-bottom:1.7px solid #527e8b;transform:rotate(-45deg);flex-shrink:0}
.dyd-signup .dyd-signup__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:15px 24px;border:1px solid #234d79;border-radius:13px;background:#234d79;color:#fff;text-decoration:none;font:inherit;font-size:15px;font-weight:700;box-shadow:0 7px 16px #234d7918;line-height:1.4;transition:background .18s,box-shadow .18s}.dyd-signup .dyd-signup__cta:hover{background:#193c62;box-shadow:0 9px 20px #234d7922}.dyd-signup a:focus-visible{outline:3px solid #2b70ba;outline-offset:4px}.dyd-signup__cta svg{flex-shrink:0}.dyd-signup .dyd-signup__signin{font-size:13px;line-height:1.6;margin:14px 0 20px;color:var(--signup-muted)}.dyd-signup__signin a{color:#234d79;text-decoration:underline;text-underline-offset:3px;font-weight:650}.dyd-signup .dyd-signup__note{font-size:11px;line-height:1.6;color:#5a7287;margin:5px 0}.dyd-signup .dyd-signup__restricted{font-size:13px;line-height:1.7;padding:14px;border:1px solid #ccdbeb;border-radius:12px;margin:14px 0 0;background:#fff}
.dyd-signup__visual{display:grid;place-items:center;min-width:0;min-height:290px;position:relative}.dyd-signup__visual:before{content:'';position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(ellipse,#bfd4ed66,transparent 70%);z-index:-1}.dyd-signup__collection{width:100%;max-width:340px;background:#ffffffec;border:1px solid #d8e4f0;border-radius:20px;padding:22px;box-shadow:0 20px 38px #213f6512;transform:rotate(-2deg)}.dyd-signup__collection-title{display:block;font-size:13px;line-height:1.5;font-weight:650;color:#26465f}.dyd-signup__examples{display:grid;grid-template-columns:1fr 54px;gap:12px;align-items:end;margin:20px 0 12px}.dyd-signup__garage,.dyd-signup__front{position:relative;overflow:hidden;border:5px solid #e4e8e9;background:radial-gradient(circle at 66% 36%,#fff0bd 0 10%,transparent 11%),linear-gradient(175deg,#86a8bf 3%,#d9e4e8 34%,#f5d6ae 48%,#8aaeb4 49%,#648b9e 68%,#bdc7b1 69%,#d8c4a3);box-shadow:0 4px 9px #24465a0a;display:flex;flex-direction:column;justify-content:space-evenly}.dyd-signup__garage{height:122px;border-radius:5px 5px 2px 2px}.dyd-signup__front{height:150px;border-radius:5px 5px 2px 2px}.dyd-signup__garage i,.dyd-signup__front i{display:block;border-top:1px solid #24475925;z-index:1}.dyd-signup__front:after{content:'';position:absolute;inset-inline-end:3px;top:54%;width:3px;height:10px;border-radius:2px;background:#294957}.dyd-signup__example-label{display:inline-block;padding:4px 8px;border-radius:6px;background:#eef4f9;color:#5c7388;font-size:9px;line-height:1.5;letter-spacing:.03em}.dyd-signup .dyd-signup__collection p{margin:14px 0 0;font-size:11px;color:#647b8e;line-height:1.6}
.dyd-project__panel:has(>.dyd-signup){padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.dyd-project--signup-library .dyd-project__layout{grid-template-columns:1fr}.dyd-project--signup-library [data-summary],.dyd-project--signup-library [data-position],.dyd-project--signup-library [data-steps]{display:none}.dyd-project .dyd-signup-back{margin:18px 0 8px;background:transparent;box-shadow:none;border:0;padding:10px 2px;color:#36546d;font-size:13px;text-decoration:underline;text-underline-offset:4px}.dyd-project .dyd-signup-operation-note{font-size:11px;color:#61778c;margin:4px 0 0}.dyd-project__layout .dyd-signup{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:22px;padding:32px}.dyd-project__layout .dyd-signup h2{font-size:clamp(30px,3vw,40px)}
@media(max-width:1100px){.dyd-project__layout .dyd-signup{grid-template-columns:1fr}.dyd-project__layout .dyd-signup__visual{min-height:180px}.dyd-project__layout .dyd-signup__collection{max-width:300px;padding:18px}.dyd-project__layout .dyd-signup__examples{margin-top:12px}.dyd-project__layout .dyd-signup__garage{height:90px}.dyd-project__layout .dyd-signup__front{height:110px}}
@media(max-width:700px){.dyd-signup{grid-template-columns:1fr;gap:24px;border-radius:20px;padding:26px 22px}.dyd-signup h2{font-size:33px}.dyd-signup .dyd-signup__intro{font-size:15px}.dyd-signup__benefits{gap:8px 14px;margin-bottom:22px;font-size:11px}.dyd-signup .dyd-signup__cta{width:100%;padding:15px 16px;font-size:14px}.dyd-signup .dyd-signup__signin{text-align:center}.dyd-signup__visual{min-height:180px}.dyd-signup__collection{max-width:300px;padding:18px;transform:none}.dyd-signup__examples{margin-top:12px}.dyd-signup__garage{height:90px}.dyd-signup__front{height:110px}.dyd-project__layout .dyd-signup{padding:26px 22px}}
[dir=rtl] .dyd-signup__cta svg{transform:scaleX(-1)}[dir=rtl] .dyd-signup__selection{border-radius:12px 0 0 12px}
@media(prefers-reduced-motion:reduce){.dyd-signup .dyd-signup__cta{transition:none}}