.dm{--line:#e6e1d6;display:grid;grid-template-columns:minmax(380px,.95fr) 1.25fr;min-height:100vh;background:#fff7ef;padding:118px 0 0;max-width:1500px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.dm-left{background:#fff;border:1px solid var(--line);border-radius:34px 34px 0 0;margin:0 0 0 24px;display:flex;flex-direction:column}
.dm-head{padding:clamp(34px,4vw,60px) clamp(28px,3.4vw,52px) 34px;border-bottom:1px solid var(--line)}
.dm-head h1{font-size:clamp(36px,4.2vw,60px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:0 0 20px}.dm-head p{font-size:17px;line-height:1.5;color:#555;margin:0;max-width:430px}
.dm-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:34px clamp(28px,3.4vw,52px) 60px}
.dm-form label{display:block;font-size:13px;color:#222}.dm-form label b{color:#e0342b;margin-left:2px}
.dm-form input:not([type=checkbox]){border:1px solid #dedad0;border-radius:10px;background:#f6f4ef;padding:17px 16px;font-size:15px;color:#111;outline:0;transition:border-color .2s,background .2s;min-width:0;display:block;width:100%;margin-top:8px}
.dm-form input:focus{border-color:#111;background:#fff}
.dm-wide,.dm-submit{grid-column:1/3}.dm-consent{flex-direction:row!important;gap:10px!important;align-items:flex-start;font-size:12px!important;color:#666!important;line-height:1.45}.dm-consent input{margin-top:2px;accent-color:#111}
.dm-submit{justify-self:start;border:0;background:#0b0b0b;color:#fff;font-size:16px;padding:16px 30px;border-radius:12px;cursor:pointer;transition:transform .2s}.dm-submit:hover{transform:translateY(-2px)}
.dm-trap{position:absolute;left:-9999px}
.dm-msg{margin:18px clamp(28px,3.4vw,52px) 0;padding:14px 16px;border-radius:10px;font-size:14px}.dm-msg.ok{background:#e8f4ee;color:#146a52}.dm-msg.err{background:#fde8e5;color:#b4472a}
.dm-right{padding:40px clamp(24px,4vw,70px) 60px;text-align:center;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:118px 118px;background-position:center top}
.dm-right h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em;font-weight:500;max-width:420px;margin:30px auto 8px;line-height:1.15}.dm-note{font-size:12px;color:#888;margin:0 0 34px}
.dm-car{max-width:460px;margin:0 auto;overflow:hidden}.dm-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.dm-track article{flex:0 0 100%;padding:0 6px}
.dm-card{background:#fff;border-radius:18px 18px 0 0;text-align:left;box-shadow:0 8px 30px rgba(60,50,20,.08)}
.dm-top{display:flex;align-items:center;gap:12px;padding:22px 22px;border-bottom:1px solid var(--line)}.dm-top b{font-size:34px;font-weight:500;letter-spacing:-.06em}.dm-top small{font-size:10px;letter-spacing:.08em;color:#444;max-width:150px;line-height:1.35}
.dm-arr{margin-left:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#f6f4ef}.dm-arr svg{width:15px;height:15px;fill:none;stroke:#111;stroke-width:2}
.dm-card p{margin:0;padding:28px 26px 34px;font-size:18px;line-height:1.4;text-align:center;letter-spacing:-.02em}
.dm-art{height:190px;border-radius:0 0 18px 18px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(60,50,20,.08)}.dm-art span{background:#fff;border-radius:14px;padding:16px 26px;font-size:22px;letter-spacing:-.03em;box-shadow:0 12px 26px rgba(0,0,0,.14);animation:dmb 5s ease-in-out infinite}
.dm-art.a1{background:#ffb69c}.dm-art.a2{background:#4ac7a1}.dm-art.a3{background:#8cb8ff}.dm-art.a4{background:#f6d86a}@keyframes dmb{50%{transform:translateY(-8px) rotate(-2deg)}}
.dm-nav{display:flex;gap:10px;justify-content:center;margin-top:26px}.dm-nav button{width:50px;height:50px;border-radius:12px;border:1px solid #ddd8cc;background:#fff;font-size:19px;cursor:pointer}.dm-nav button:hover{background:#111;color:#fff}
@media(max-width:980px){.dm{grid-template-columns:1fr;padding-top:96px;border:0}.dm-left{margin:0 12px;border-radius:26px}.dm-right{padding:40px 12px}.dm-form{grid-template-columns:1fr}.dm-wide,.dm-submit{grid-column:1}}
@media(prefers-reduced-motion:reduce){.dm-art span{animation:none}}


/* 3.9 — vertical stacked carousel and split form observed on /demo. */
.dm{max-width:1440px;width:95%;grid-template-columns:46% 54%;padding-top:110px;background:#fff;border:0;min-height:100svh;align-items:stretch}
.dm-left{margin:0;border-radius:48px;position:relative;z-index:2;overflow:hidden;min-width:0}
.dm-head{padding:46px 8%}.dm-head h1{font-size:clamp(40px,5.1vw,72px);line-height:1.02;letter-spacing:-.055em}.dm-head p{font-size:20px;line-height:1.35;color:#626262}
.dm-form{padding:44px 8% 65px;gap:28px 22px}.dm-form label{min-width:0}.dm-form input:not([type=checkbox]){background:#f8f7f5;border-color:#e2e0dc;padding:17px 15px;font-size:16px;border-radius:13px}.dm-form .dm-consent{display:flex;gap:10px}.dm-consent input{flex-shrink:0;width:16px;height:16px}
.dm-right{min-width:0;padding:40px 0 36px;background:#f5f4f0;background-image:linear-gradient(#deddd744 1px,transparent 1px),linear-gradient(90deg,#deddd744 1px,transparent 1px);background-size:calc(100% / 5) 128px;margin:46px 0;overflow:hidden;border:1px solid #deddd7;border-left:0}
.dm-right h2{font-size:22px;line-height:1.25;max-width:330px;margin:0 auto 10px;padding:0 15px}.dm-note{font-size:10px;max-width:360px;padding:0 15px;margin:0 auto 22px}
.dm-car{max-width:none;width:100%;overflow:visible}.dm-viewport{height:490px;position:relative;overflow:hidden;perspective:1000px;mask-image:linear-gradient(transparent,#000 9%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 90%,transparent)}
.dm-track{display:grid;position:relative;height:100%;transform:none!important;transition:none}
.dm-track article{position:absolute;top:50%;left:50%;width:78%;max-width:440px;padding:0;opacity:0;transform:translate(-50%,calc(-50% + 460px)) scale(.8);transition:transform .8s cubic-bezier(.22,.7,.2,1),opacity .65s;pointer-events:none;z-index:0}
.dm-track article.is-active{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:2;pointer-events:auto}
.dm-track article.is-before{transform:translate(-50%,calc(-50% - 370px)) scale(.8);opacity:.23;z-index:1}
.dm-track article.is-after{transform:translate(-50%,calc(-50% + 370px)) scale(.8);opacity:.23;z-index:1}
.dm-card{border:1px solid #e5e3df;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:none;position:relative;z-index:2}
.dm-top{padding:22px 24px;gap:14px}.dm-top b{font-size:clamp(28px,2.7vw,42px);white-space:nowrap}.dm-top small{font-size:9px;line-height:1.3;max-width:150px}.dm-arr{flex-shrink:0;width:42px;height:42px}
.dm-card p{font-size:18px;line-height:1.3;padding:24px 30px 28px;min-height:140px;display:grid;place-items:center}
.dm-art{height:150px;border-radius:0 0 28px 28px;box-shadow:none;background:linear-gradient(#f3f0ec 60%,var(--art-floor) 60%)!important;perspective:700px}
.dm-art.a1{--art-floor:#f4b49a;--object:#5268ec}.dm-art.a2{--art-floor:#bcc6fa;--object:#252b59}.dm-art.a3{--art-floor:#a7d0fc;--object:#5268ec}.dm-art.a4{--art-floor:#eed5c3;--object:#ec997b}
.dm-art .dm-object{position:absolute;left:calc(50% - 45px);top:10px;background:none;border:0;border-radius:0;box-shadow:none;padding:0;width:90px;height:110px;animation:dm-object-turn 7s ease-in-out infinite;transform-style:preserve-3d}
.dm-object b{font:bold 96px/1 Arial,sans-serif;color:var(--object);display:block;transform:rotate(-12deg) rotateY(-20deg);text-shadow:1px 1px #252b59,2px 2px #252b59,3px 3px #252b59,4px 4px #252b59,5px 5px #252b59,6px 6px #252b59,8px 9px 2px #252b5922}
.dm-object i{position:absolute;width:110px;height:12px;background:#252b5940;filter:blur(6px);border-radius:50%;bottom:0;left:-5px;transform:rotate(-8deg)}
.dm-art .dm-art-caption{position:absolute;bottom:10px;left:0;right:0;padding:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;border-radius:0;box-shadow:none;animation:none;color:#252b59}
@keyframes dm-object-turn{50%{transform:translateY(-5px) rotateY(13deg) rotateZ(4deg)}}
.dm-nav{align-items:center;flex-wrap:wrap;gap:8px;margin:20px auto 0;width:78%;max-width:440px}.dm-dots{display:flex;margin-right:auto;gap:0}.dm-dots button{width:38px;height:42px;border-radius:12px;margin-right:-3px;font-size:12px;opacity:.45}.dm-dots button[aria-current=true]{opacity:1;border-color:#5268ec;color:#5268ec;background:white;z-index:1}.dm-nav>button{width:44px;height:44px;font-size:18px}.dm-nav>[data-pause]{width:auto;font-size:11px;border:0;background:none;height:auto;padding:7px 0;flex-basis:100%;color:#666}.dm-car.is-paused .dm-object{animation-play-state:paused}
@media(max-width:1000px){.dm{grid-template-columns:1fr 1fr;width:96%}.dm-head{padding:34px 7%}.dm-head h1{font-size:44px}.dm-head p{font-size:17px}.dm-form{padding:30px 7%;grid-template-columns:1fr}.dm-wide,.dm-submit{grid-column:1}.dm-right{padding-top:32px;margin-block:24px}.dm-track article{width:88%}.dm-top{padding:18px 15px;gap:10px}.dm-top b{font-size:28px}.dm-top small{font-size:8px}.dm-arr{width:30px;height:30px}.dm-card p{padding:22px 20px;font-size:16px}.dm-nav{width:88%}.dm-dots button{width:32px}}
@media(max-width:760px){.dm{grid-template-columns:1fr;padding-top:94px;width:100%}.dm-left{margin:0 16px;border-radius:30px}.dm-head{padding:32px 24px}.dm-head h1{font-size:clamp(36px,8vw,56px)}.dm-head p{font-size:17px}.dm-form{padding:30px 24px 38px;grid-template-columns:1fr 1fr;gap:22px 16px}.dm-wide,.dm-submit{grid-column:1/-1}.dm-right{margin:36px 0 0;border-left:0;border-right:0;padding:32px 0}.dm-viewport{height:455px}.dm-track article{width:min(84%,440px)}.dm-card p{min-height:125px}.dm-nav{width:min(84%,440px)}.dm-right h2{font-size:24px}.dm-track article.is-before{transform:translate(-50%,calc(-50% - 350px)) scale(.82)}.dm-track article.is-after{transform:translate(-50%,calc(-50% + 350px)) scale(.82)}}
@media(max-width:420px){.dm-form{grid-template-columns:1fr}.dm-head{padding:30px 20px}.dm-form{padding-inline:20px}.dm-top b{font-size:29px}.dm-top small{font-size:8px}.dm-card p{font-size:16px}.dm-nav>button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.dm-track article{transition:none}.dm-object{animation:none!important}.dm-track article.is-before,.dm-track article.is-after{visibility:hidden}}