/* DodoCanvas product page. Scoped to /canvas: never restyle OneNav's real header/footer. */
body.dc-landing-enabled .dc-page-shell{width:100%;max-width:1360px;margin-top:18px!important;margin-bottom:0!important}
body.dc-landing-enabled .dc-page-shell>.content-wrap{width:100%;max-width:none}
body.dc-landing-enabled .dc-page-shell .content-layout{display:block;width:100%;min-width:0;max-width:none}
.dc-landing{--dc-ink:#141923;--dc-muted:#737985;--dc-border:#e7e8ec;--dc-blue:#4368bd;--dc-soft:#f7f9fc;--dc-radius:18px;color:var(--dc-ink);background:#fff;border:1px solid #edf0f3;border-radius:18px;overflow:hidden;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:normal}
.dc-landing *,.dc-landing *:before,.dc-landing *:after{box-sizing:border-box}
.dc-landing img{vertical-align:middle}
.dc-landing a{text-decoration:none}
.dc-landing a:focus-visible{outline:3px solid #507bd8;outline-offset:3px}
.dc-landing .dc-hero{position:relative;min-height:540px;display:flex;justify-content:center;align-items:center;text-align:center;padding:125px 24px 100px;overflow:hidden;background:radial-gradient(ellipse at 50% 87%,#f2f5ff,#fff 68%)}
.dc-landing .dc-hero-content{position:relative;z-index:2}
.dc-landing .dc-orbit{position:absolute;width:370px;height:370px;border:1px solid rgba(150,169,206,.13);border-radius:50%;pointer-events:none}
.dc-landing .dc-orbit-one{top:10px;left:-205px;box-shadow:0 0 0 70px #bed1ff0b,0 0 0 160px #bed1ff08}
.dc-landing .dc-orbit-two{top:-190px;right:-165px;box-shadow:0 0 0 70px #bed1ff0b,0 0 0 160px #bed1ff08}
.dc-landing .dc-kicker{display:inline-flex;align-items:center;gap:10px;letter-spacing:1.2px;border:1px solid #dfe6f4;background:#f6f8fd;border-radius:50px;padding:10px 16px;color:#536b9b;font-size:11px;font-weight:700}
.dc-landing .dc-pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6b8ed6;box-shadow:0 0 0 4px #e1e9fb}
.dc-landing h1,.dc-landing h2,.dc-landing h3,.dc-landing p{font-family:inherit;letter-spacing:normal}
.dc-landing h1{font-size:clamp(57px,8vw,104px);font-weight:750;letter-spacing:-6.5px;line-height:1.07;color:#131923;margin:28px 0 18px}
.dc-landing .dc-title-dot{color:#587bce}
.dc-landing .dc-hero-subtitle{font-size:23px;letter-spacing:-.4px;color:#272f3e;font-weight:620;margin:0 0 19px}
.dc-landing .dc-hero-note{max-width:640px;margin:0 auto;color:#858b96;font-size:15px;line-height:1.9}
.dc-landing .dc-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:33px}
.dc-landing .dc-button{min-height:48px;padding:0 23px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}
.dc-landing .dc-button:hover{transform:translateY(-2px)}
.dc-landing .dc-button-primary{background:#202736;color:#fff!important;box-shadow:0 9px 24px #1b273221}
.dc-landing .dc-button-primary:hover{box-shadow:0 15px 24px #1b273239}
.dc-landing .dc-button-secondary{color:#303f54!important;border:1px solid #dce1eb;background:#fff}
.dc-landing .dc-preview{padding:0 56px 85px;background:#fff}
.dc-landing .dc-preview-meta{display:flex;justify-content:space-between;gap:20px;margin:0 0 15px;font-size:10px;letter-spacing:1px;font-weight:720;color:#979eab}
.dc-landing .dc-preview-meta span:last-child{letter-spacing:0;font-weight:450;color:#a0a4ad}
.dc-landing .dc-app-frame{border:1px solid #e1e5ed;border-radius:14px;box-shadow:0 32px 64px #263d6816,0 4px 17px #1c2d4910;overflow:hidden;background:#fff}
.dc-landing .dc-app-top{height:52px;background:#fcfdff;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.dc-landing .dc-app-dots{display:flex;gap:7px}
.dc-landing .dc-app-dots i{display:block;width:9px;height:9px;background:#dfdfe6;border-radius:50%}
.dc-landing .dc-app-dots i:nth-child(1){background:#e7b8b5}.dc-landing .dc-app-dots i:nth-child(2){background:#eadba9}.dc-landing .dc-app-dots i:nth-child(3){background:#b9d9c7}
.dc-landing .dc-app-caption{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:680;color:#313843}
.dc-landing .dc-app-caption span{color:#a6abb3;font-weight:500}
.dc-landing .dc-app-top-badge{font-size:10px;color:#9a9fa8;letter-spacing:1px}
.dc-landing .dc-app-shell{height:475px;display:grid;grid-template-columns:55px minmax(0,1fr) 255px}
.dc-landing .dc-app-tools{background:#fcfdff;border-right:1px solid #eceef3;padding:22px 0;display:flex;align-items:center;flex-direction:column;gap:23px;color:#8f96a3;font-size:20px}
.dc-landing .dc-app-tools span{width:34px;height:32px;display:grid;place-items:center;font-weight:400}
.dc-landing .dc-app-tools .dc-app-tool-on{background:#e7eefc;border-radius:9px;color:#5273ba}
.dc-landing .dc-app-canvas{position:relative;min-width:0;overflow:hidden;background:radial-gradient(#dce3ef .85px,transparent .85px) 0 0/21px 21px,#f6f8fc}
.dc-landing .dc-board-identifier{position:absolute;left:22px;right:22px;top:21px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#a5afbf}
.dc-landing .dc-artwork{position:absolute;border:7px solid white;box-shadow:0 18px 42px #22314b27;overflow:hidden}
.dc-landing .dc-artwork-back{left:15%;top:83px;width:215px;height:305px;transform:rotate(-7deg);background:linear-gradient(155deg,#b8d2ec,#789aca,#385e9b)}
.dc-landing .dc-artwork-back:before{content:"";position:absolute;left:37px;top:51px;width:159px;height:160px;border:40px solid #f3dac8;border-radius:50%;box-shadow:inset 6px 8px 9px #b6a5ab66}
.dc-landing .dc-artwork-back>span{position:absolute;left:16px;bottom:12px;color:white;font-size:10px;letter-spacing:2px;font-weight:750}
.dc-landing .dc-artwork-front{left:48%;top:110px;width:194px;height:235px;transform:rotate(5deg);background:linear-gradient(165deg,#e5ebe7,#a2d2cb 59%,#428d94)}
.dc-landing .dc-artwork-front>span{position:absolute;top:25px;left:17px;font-size:23px;line-height:1.09;font-weight:800;color:#285f65;letter-spacing:-.7px}
.dc-landing .dc-artshape-b{position:absolute;left:47px;top:109px;height:155px;width:125px;background:linear-gradient(120deg,#ffddb0,#d88f80,#b26894);border-radius:50% 40% 58% 30%;transform:rotate(-22deg);box-shadow:9px 16px 16px #39677161}
.dc-landing .dc-artwork-label{top:255px;left:34%;width:230px;height:157px;border:0;background:#fff;border-radius:6px;transform:rotate(-3deg);padding:23px}
.dc-landing .dc-artwork-label span{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#8992a3}
.dc-landing .dc-artwork-label strong{display:block;font-size:20px;letter-spacing:-.6px;margin-top:15px;color:#303945}
.dc-landing .dc-artwork-label small{font-size:10px;color:#a2a8af;display:block;margin-top:5px}
.dc-landing .dc-palette{display:flex;gap:5px;margin-top:15px}
.dc-landing .dc-palette i{width:27px;height:11px;background:#95b1d4}.dc-landing .dc-palette i:nth-child(2){background:#f2d6c3}.dc-landing .dc-palette i:nth-child(3){background:#8bc2b5}.dc-landing .dc-palette i:nth-child(4){background:#647b9e}
.dc-landing .dc-canvas-bottom{position:absolute;right:17px;bottom:15px;background:#fff;border:1px solid #e7e9ef;border-radius:7px;padding:9px 13px;display:flex;align-items:center;gap:13px;color:#7a8291;font-size:11px}
.dc-landing .dc-app-agent{border-left:1px solid #eceef3;position:relative;min-width:0;background:#fff}
.dc-landing .dc-agent-top{display:flex;align-items:center;gap:11px;height:69px;border-bottom:1px solid #eff0f3;padding:0 14px}
.dc-landing .dc-agent-logo{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e9effb;color:#6484cc;font-size:20px}
.dc-landing .dc-agent-top strong{display:block;font-size:12px;color:#414854}
.dc-landing .dc-agent-top small{font-size:10px;color:#b0b4bb}
.dc-landing .dc-agent-message{font-size:12px;line-height:1.7;color:#647183;border-radius:12px 12px 2px 12px;background:#f3f5f9;padding:14px;margin:26px 15px 22px 32px}
.dc-landing .dc-agent-reply{display:flex;gap:10px;padding:0 16px;font-size:11px;line-height:1.85;color:#808995}
.dc-landing .dc-agent-reply span{color:#5e87c1;font-size:18px}
.dc-landing .dc-agent-reply p{margin:0;line-height:1.85}
.dc-landing .dc-agent-swatches{display:flex;gap:7px;margin:17px 15px 0 37px}
.dc-landing .dc-agent-swatches i{display:block;width:62px;height:68px;border-radius:6px;background:linear-gradient(135deg,#8ba6d1,#ebe1d9)}
.dc-landing .dc-agent-swatches i:nth-child(2){background:linear-gradient(120deg,#edc5ae,#b884be)}
.dc-landing .dc-agent-swatches i:nth-child(3){background:linear-gradient(120deg,#8db8b9,#456978)}
.dc-landing .dc-agent-entry{position:absolute;bottom:14px;left:14px;right:14px;padding:13px;border:1px solid #edf0f5;background:#fafbfc;color:#afb5be;font-size:10px;border-radius:7px}
.dc-landing .dc-agent-entry span{float:right;color:#657aa6}
.dc-landing .dc-image-disclaimer{margin:16px 0 0;color:#adb0b9;font-size:11px;text-align:right}
.dc-landing .dc-intro{padding:104px 70px 115px;background:#fafbfc;border-top:1px solid #f0f1f3}
.dc-landing .dc-section-label{display:block;color:#5470ac;font-weight:750;letter-spacing:1.8px;font-size:11px}
.dc-landing .dc-section-head{max-width:780px;margin-bottom:53px}
.dc-landing .dc-section-head h2{font-size:clamp(34px,4.1vw,49px);font-weight:720;color:#17202b;letter-spacing:-2px;line-height:1.3;margin:20px 0}
.dc-landing .dc-section-head p{font-size:14px;line-height:2;color:#828995;max-width:660px;margin:0}
.dc-landing .dc-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dc-landing .dc-intro-card{border:1px solid #e8eaf0;background:#fff;border-radius:16px;min-height:290px;padding:27px 25px;position:relative;overflow:hidden}
.dc-landing .dc-card-index{font-size:11px;color:#a4acb8;font-weight:750}
.dc-landing .dc-card-symbol{width:73px;height:73px;border-radius:19px;display:grid;place-items:center;font-size:34px;margin-top:22px}
.dc-landing .dc-symbol-blue{background:#e7effa;color:#5078b9}
.dc-landing .dc-symbol-purple{background:#eeeafa;color:#876bc9}
.dc-landing .dc-symbol-orange{background:#f9eae2;color:#d09b78}
.dc-landing .dc-intro-card h3{font-size:19px;letter-spacing:-.5px;margin:26px 0 9px;color:#303946}
.dc-landing .dc-intro-card p{font-size:12px;line-height:1.85;color:#8a929c;margin:0;max-width:220px}
.dc-landing .dc-editorial{padding:85px 70px;border-top:1px solid #edf0f4}
.dc-landing .dc-editorial h2{font-size:32px;font-weight:700;color:#1d2734;letter-spacing:-1px;margin:14px 0 26px}
.dc-landing .dc-editorial-content{color:#505b68;font-size:15px;line-height:2;max-width:850px;overflow-wrap:anywhere}
.dc-landing .dc-editorial-content img{height:auto;max-width:100%;border-radius:9px}
.dc-landing .dc-editorial-content a{color:#416abe;text-decoration:underline}
.dc-landing .dc-endcap{text-align:center;padding:112px 25px 105px;background:linear-gradient(150deg,#182333,#203551);color:#fff}
.dc-landing .dc-endcap .dc-section-label{color:#b7c9ec}
.dc-landing .dc-endcap h2{font-size:clamp(34px,4.2vw,53px);letter-spacing:-2px;font-weight:710;line-height:1.3;margin:24px 0 14px;color:white}
.dc-landing .dc-endcap h2 span{color:#a9c1f6}
.dc-landing .dc-endcap p{font-size:14px;color:#b9c4d4;line-height:1.9;margin:0 0 27px}
.dc-landing .dc-backtop{color:#27394e!important;border-radius:9px;display:inline-flex;align-items:center;gap:24px;font-weight:730;font-size:12px;background:#fff;padding:14px 18px}
.dc-landing .dc-backtop:hover{background:#e7effd}
@media(max-width:1024px){.dc-landing .dc-app-shell{grid-template-columns:47px minmax(0,1fr) 218px}.dc-landing .dc-artwork-back{left:7%}.dc-landing .dc-artwork-front{left:49%}.dc-landing .dc-artwork-label{left:32%}.dc-landing .dc-preview{padding-inline:35px}}
@media(max-width:767px){body.dc-landing-enabled .dc-page-shell{margin-top:5px!important;padding-left:0!important;padding-right:0!important}.dc-landing{border-radius:0;border-left:0;border-right:0}.dc-landing .dc-hero{min-height:450px;padding:90px 18px 70px}.dc-landing h1{font-size:clamp(48px,11vw,69px);letter-spacing:-3.2px}.dc-landing .dc-hero-subtitle{font-size:19px}.dc-landing .dc-hero-note{font-size:13px}.dc-landing .dc-kicker{font-size:9px}.dc-landing .dc-preview{padding:0 16px 65px}.dc-landing .dc-preview-meta{font-size:9px}.dc-landing .dc-preview-meta span:last-child{max-width:145px;text-align:right;line-height:1.3}.dc-landing .dc-app-top{height:42px;padding:0 12px}.dc-landing .dc-app-shell{grid-template-columns:33px minmax(0,1fr);height:320px}.dc-landing .dc-app-tools{padding:12px 0;gap:11px;font-size:13px}.dc-landing .dc-app-tools span{width:27px;height:28px}.dc-landing .dc-app-agent{display:none}.dc-landing .dc-app-caption{font-size:10px}.dc-landing .dc-app-caption span{display:none}.dc-landing .dc-app-top-badge{font-size:8px}.dc-landing .dc-board-identifier{font-size:8px;left:14px;right:10px}.dc-landing .dc-artwork-back{width:155px;height:210px;top:64px;left:11%}.dc-landing .dc-artwork-back:before{width:120px;height:120px;border-width:28px;left:20px;top:32px}.dc-landing .dc-artwork-front{width:140px;height:165px;top:66px;left:49%}.dc-landing .dc-artwork-front>span{font-size:16px}.dc-landing .dc-artshape-b{top:86px;width:92px;height:95px}.dc-landing .dc-artwork-label{width:176px;height:104px;top:193px;left:32%;padding:13px}.dc-landing .dc-artwork-label span{font-size:7px}.dc-landing .dc-artwork-label strong{font-size:13px;margin-top:7px}.dc-landing .dc-artwork-label small{font-size:8px}.dc-landing .dc-palette{margin-top:5px}.dc-landing .dc-palette i{height:7px;width:17px}.dc-landing .dc-canvas-bottom{font-size:9px;padding:7px 8px;gap:9px}.dc-landing .dc-intro{padding:75px 25px}.dc-landing .dc-section-head h2{font-size:32px;letter-spacing:-1px}.dc-landing .dc-intro-grid{grid-template-columns:1fr;gap:12px}.dc-landing .dc-intro-card{min-height:180px;padding:20px 24px}.dc-landing .dc-card-symbol{width:49px;height:49px;font-size:24px;position:absolute;right:21px;top:9px}.dc-landing .dc-intro-card h3{margin:30px 0 7px}.dc-landing .dc-intro-card p{max-width:95%}.dc-landing .dc-editorial{padding:70px 25px}.dc-landing .dc-endcap{padding:85px 23px}.dc-landing .dc-endcap h2{font-size:34px;letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.dc-landing .dc-button{transition:none}}


/* === First screen v2 · Harness-like framing / interactive Lovart-inspired playground === */
.dc-landing .dc-first-screen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 50px clamp(18px,4.2vw,62px) 62px;
  background: radial-gradient(ellipse 48% 31% at 50% 46%,rgba(226,230,255,.39),transparent 100%),#fff;
}
.dc-landing .dc-first-glow{
  position:absolute;z-index:-1;pointer-events:none;top:23px;left:50%;
  width:min(90%,870px);height:390px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(225,228,252,.33),rgba(255,255,255,0) 75%);
}
.dc-landing .dc-first-copy{text-align:center;position:relative;max-width:880px;margin:auto}
.dc-landing .dc-first-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:7px 12px;
  font-size:11px;font-weight:680;letter-spacing:.45px;
  color:#63729a;background:#f7f8fe;border:1px solid #e6e9f4;border-radius:999px
}
.dc-landing .dc-first-live{width:6px;height:6px;display:inline-block;border-radius:50%;background:#7f91e4;box-shadow:0 0 0 3px #e9eafa}
.dc-landing .dc-first-separator{color:#c5c9dc}
.dc-landing .dc-first-copy h1{
  color:#18202f;font-weight:760;line-height:1.18;
  font-size:clamp(48px,5.6vw,76px);letter-spacing:-3.3px;
  margin:17px 0 13px
}
.dc-landing .dc-first-copy h1 em{
  font-style:normal;background:linear-gradient(96deg,#527fc1 0%,#7f78b7 54%,#ae719b 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.dc-landing .dc-first-copy>p{font-size:15px;line-height:1.85;color:#78818d;margin:0}
.dc-landing .dc-first-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.dc-landing .dc-first-actions a{
  display:inline-flex;justify-content:center;align-items:center;gap:19px;
  min-height:43px;padding:0 18px;border-radius:9px;font-size:12px;font-weight:720;
  transition:background .2s,transform .2s,box-shadow .2s;text-decoration:none
}
.dc-landing .dc-first-actions a:hover{transform:translateY(-2px)}
.dc-landing .dc-first-primary{background:#222a38;color:#fff!important;box-shadow:0 7px 17px #20283b27}
.dc-landing .dc-first-primary:hover{background:#39465d}
.dc-landing .dc-first-secondary{background:#fff;color:#485466!important;border:1px solid #dee3ed}
.dc-landing .dc-first-secondary:hover{background:#f9faff}
.dc-landing .dc-showcase{
  position:relative;margin:32px auto 0;max-width:1160px;
  border:1px solid #e5e5ed;background:white;border-radius:17px;
  overflow:hidden;box-shadow:0 44px 90px #4f52751c,0 6px 21px #4b4d6812;text-align:left
}
.dc-landing .dc-showcase-bar{
  min-height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;gap:10px;border-bottom:1px solid #e9eaf0;background:#fff
}
.dc-landing .dc-showcase-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;color:#283142}
.dc-landing .dc-showcase-brand strong{font-weight:800}
.dc-landing .dc-showcase-brand small{font-size:11px;color:#a2a6b1;letter-spacing:.1px}
.dc-landing .dc-showcase-logo{border:1px solid #eaebf0;border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f9fafc}
.dc-landing .dc-showcase-logo img{width:19px;height:19px}
.dc-landing .dc-showcase-controls{display:flex;align-items:center;gap:15px}
.dc-landing .dc-playground-live{display:inline-flex;align-items:center;gap:7px;color:#9ba1aa;font-size:9px;letter-spacing:.85px;font-weight:790}
.dc-landing .dc-playground-live>span{height:6px;width:6px;border-radius:50%;background:#7fbe9a}
.dc-landing .dc-showcase-reset{border:1px solid #e9eaf0;color:#6e7483;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;background:#f9fafc;font-size:10px;font-weight:700;transition:background .15s,color .15s}
.dc-landing .dc-showcase-reset:hover{background:#eceffe;color:#465e9d}
.dc-landing .dc-showcase-reset:focus-visible{outline:2px solid #708ce0;outline-offset:2px}
.dc-landing .dc-showcase-stage{
  --dc-demo-shadow:0 18px 35px #37304a20;
  position:relative;height:410px;overflow:hidden;
  background-color:#fbfbfd;
  background-image:radial-gradient(#d6d7e2 .85px,transparent .85px);
  background-size:19px 19px;
  user-select:none;-webkit-user-select:none;
}
.dc-landing .dc-stage-topnote{
  position:absolute;top:19px;left:77px;right:20px;display:flex;justify-content:space-between;
  font-size:9px;letter-spacing:1.4px;color:#a7a8b4;font-weight:760;pointer-events:none
}
.dc-landing .dc-stage-rail{
  position:absolute;left:0;top:0;bottom:0;width:49px;border-right:1px solid #e9eaf2;
  background:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;
  padding-top:29px;font-size:17px;color:#a1a0ae;z-index:9
}
.dc-landing .dc-stage-rail span{display:flex;align-items:center;justify-content:center;width:31px;height:31px}
.dc-landing .dc-stage-rail .dc-stage-tool-active{background:#eef0fe;color:#606fae;border-radius:7px}
.dc-landing .dc-stage-elements{position:absolute;inset:0 0 0 49px;overflow:hidden}
.dc-landing .dc-movable{
  position:absolute;box-sizing:border-box;cursor:grab;touch-action:none;
  box-shadow:var(--dc-demo-shadow);z-index:1;
  transition:box-shadow .18s,outline-color .18s;
  outline:2px solid transparent;outline-offset:4px;
  animation:dc-gentle-float 6s ease-in-out infinite;
  animation-delay:var(--dc-float-delay,0s);
  -webkit-tap-highlight-color:transparent
}
.dc-landing .dc-movable:focus-visible,.dc-landing .dc-movable.dc-is-dragging{
  outline-color:#9a8bd7;box-shadow:0 21px 40px #6b579b3c
}
.dc-landing .dc-movable.dc-is-dragging{cursor:grabbing;animation-play-state:paused;z-index:8}
.dc-landing .dc-showcase-stage.dc-has-interaction .dc-movable{animation:none}
@keyframes dc-gentle-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.dc-landing .dc-movable-poster{
  --dc-float-delay:-.6s;
  width:25.2%;height:286px;padding:19px;border:7px solid #fff;
  transform:rotate(-7deg);
  background:linear-gradient(155deg,#9aaaf1 2%,#8e73c1 47%,#604e92 98%);
  color:#fff;overflow:hidden
}
.dc-landing .dc-poster-heading{font-size:clamp(21px,2.3vw,32px);line-height:.98;letter-spacing:-1.6px;font-weight:900;z-index:2;position:relative;text-shadow:0 2px 8px #2e24543c}
.dc-landing .dc-poster-heading span{color:#ead4c4}
.dc-landing .dc-poster-art{position:absolute;left:16%;top:29%;width:92%;aspect-ratio:1;border-radius:50%;border:clamp(25px,4vw,55px) solid #eac4cb;transform:rotate(-32deg);box-shadow:12px 15px 20px #45366e69,inset 8px 8px 12px #b78fa17c}
.dc-landing .dc-poster-art i{position:absolute;inset:-55%;border:2px solid #f5d5db80;border-radius:50%}
.dc-landing .dc-poster-footer{position:absolute;bottom:11px;left:17px;font-size:9px;font-weight:720;letter-spacing:1.5px;z-index:2;color:#e9e3fa}
.dc-landing .dc-movable-art{
  --dc-float-delay:-2.6s;
  width:26%;height:304px;border:7px solid #fff;overflow:hidden;transform:rotate(5deg);
  background:linear-gradient(145deg,#f6d8ca,#e8a5aa 50%,#b877a0);
}
.dc-landing .dc-art-topline{position:absolute;left:14px;top:14px;color:#734c7f;font-size:8px;letter-spacing:1px;font-weight:850;z-index:3}
.dc-landing .dc-art-object{
  position:absolute;left:7%;top:16%;width:84%;height:71%;border-radius:50% 42% 58% 33%;
  background:radial-gradient(circle at 28% 24%,#fff5d7 1%,#ffdbb9 19%,#d688b5 56%,#7c60b7 88%);
  transform:rotate(-23deg);box-shadow:18px 25px 22px #8348686b,inset -18px -25px 40px #805da84d
}
.dc-landing .dc-movable-art strong{position:absolute;left:15px;bottom:15px;font-weight:900;font-size:30px;line-height:.96;letter-spacing:-1.4px;color:#fff;text-shadow:0 3px 9px #81587760}
.dc-landing .dc-art-edition{position:absolute;right:12px;bottom:12px;font-size:8px;letter-spacing:1px;font-weight:720;color:#fff}
.dc-landing .dc-movable-type{
  --dc-float-delay:-4s;
  width:23%;height:204px;background:white;border:1px solid #ebe9ef;border-radius:5px;
  padding:23px 21px;transform:rotate(-4deg);box-shadow:0 13px 36px #37304a26
}
.dc-landing .dc-type-kicker{font-size:9px;letter-spacing:1.1px;font-weight:780;color:#9179b5}
.dc-landing .dc-movable-type strong{display:block;color:#28252f;font-size:clamp(19px,2.2vw,28px);letter-spacing:-1px;line-height:1.25;margin-top:15px}
.dc-landing .dc-movable-type p{font-size:10px;color:#9d97a3;line-height:1.6;margin:9px 0 0}
.dc-landing .dc-type-colors{display:flex;gap:5px;margin-top:13px}
.dc-landing .dc-type-colors b{height:12px;flex:1;background:#9980c4;border-radius:2px}
.dc-landing .dc-type-colors b:nth-child(2){background:#d9a7b0}
.dc-landing .dc-type-colors b:nth-child(3){background:#ddc2a4}
.dc-landing .dc-type-colors b:nth-child(4){background:#8cbdc2}
.dc-landing .dc-movable-chip{
  --dc-float-delay:-2s;
  background:#fff;color:#806ca1;border:1px solid #ebe7f2;border-radius:10px;
  padding:14px 17px;display:flex;align-items:center;justify-content:center;gap:11px;
  font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap;transform:rotate(4deg)
}
.dc-landing .dc-movable-chip>span:first-child{font-size:19px;color:#b292d5}
.dc-landing .dc-movable-card{
  --dc-float-delay:-3.4s;
  width:24.5%;height:78px;display:flex;align-items:center;gap:11px;padding:13px;
  border-radius:12px;border:1px solid #e9e8ed;transform:rotate(5deg);background:#fff
}
.dc-landing .dc-mini-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:9px;background:#f5e8ef;color:#ba8fab;font-size:22px}
.dc-landing .dc-mini-label{font-size:9px;letter-spacing:.4px;font-weight:800;color:#545065}
.dc-landing .dc-mini-label small{display:block;color:#a7a5ae;font-size:8px;margin-top:5px}
.dc-landing .dc-mini-swatches{margin-left:auto;display:flex;gap:3px;align-self:center}
.dc-landing .dc-mini-swatches i{width:9px;height:20px;border-radius:3px;background:#edb1b3}
.dc-landing .dc-mini-swatches i:nth-child(2){background:#9a80c5}
.dc-landing .dc-mini-swatches i:nth-child(3){background:#9ac1c4}
.dc-landing .dc-mini-swatches i:nth-child(4){background:#f1d3aa}
.dc-landing .dc-stage-cursor{
  position:absolute;left:59%;top:69%;display:inline-flex;align-items:center;gap:5px;
  color:#fff;font-size:10px;font-weight:750;pointer-events:none;z-index:7;
  filter:drop-shadow(0 3px 4px #24183f3a);opacity:.96;transition:opacity .2s
}
.dc-landing .dc-stage-cursor span{background:#755cac;border-radius:5px;padding:5px 8px}
.dc-landing .dc-showcase-stage.dc-has-interaction .dc-stage-cursor{opacity:0}
.dc-landing .dc-stage-zoom{
  position:absolute;z-index:10;right:15px;bottom:11px;pointer-events:none;
  display:flex;align-items:center;gap:11px;border:1px solid #ebebf1;
  background:#ffffffeb;color:#8a8798;font-size:11px;padding:7px 12px;border-radius:7px
}
.dc-landing .dc-showcase-foot{
  min-height:41px;display:flex;justify-content:space-between;align-items:center;
  gap:14px;padding:9px 20px;background:#fff;color:#9e9faa;font-size:10px
}
.dc-landing .dc-showcase-foot>span:first-child{color:#767d91;font-weight:580}
.dc-landing .dc-drag-indicator{font-size:15px;color:#866bbd;margin-right:5px}
@media(max-width:960px){
  .dc-landing .dc-first-screen{padding:60px 22px 52px}
  .dc-landing .dc-movable-poster{height:250px}
  .dc-landing .dc-movable-art{height:256px}
  .dc-landing .dc-movable-type{height:186px;padding:15px}
  .dc-landing .dc-movable-type strong{margin-top:10px}
  .dc-landing .dc-movable-card{width:27%;padding:8px}
  .dc-landing .dc-mini-swatches{display:none}
}
@media(max-width:640px){
  .dc-landing .dc-first-screen{padding:61px 12px 46px}
  .dc-landing .dc-first-copy{padding:0 7px}
  .dc-landing .dc-first-copy h1{font-size:clamp(39px,9.1vw,55px);letter-spacing:-2px;margin-top:18px}
  .dc-landing .dc-first-copy>p{font-size:12px}
  .dc-landing .dc-first-actions{gap:9px;margin-top:19px}
  .dc-landing .dc-first-actions a{font-size:11px;padding:0 11px;gap:9px;min-height:42px}
  .dc-landing .dc-showcase{margin-top:30px;border-radius:11px}
  .dc-landing .dc-showcase-bar{min-height:47px;padding:0 10px}
  .dc-landing .dc-showcase-brand{font-size:10px;gap:6px}
  .dc-landing .dc-showcase-brand small{display:none}
  .dc-landing .dc-showcase-controls{gap:5px}
  .dc-landing .dc-playground-live{display:none}
  .dc-landing .dc-showcase-reset{font-size:9px;padding:6px}
  .dc-landing .dc-showcase-stage{height:355px;background-size:16px 16px}
  .dc-landing .dc-stage-rail{width:29px;gap:8px;padding-top:24px;font-size:13px}
  .dc-landing .dc-stage-rail span{width:23px;height:26px}
  .dc-landing .dc-stage-elements{left:29px}
  .dc-landing .dc-stage-topnote{left:41px;right:12px;font-size:8px;top:11px}
  .dc-landing .dc-movable-poster{width:43%;height:192px;left:4%!important;top:15%!important;padding:10px;border-width:5px}
  .dc-landing .dc-movable-poster.dc-moved{left:var(--dc-pos-x)!important;top:var(--dc-pos-y)!important}
  .dc-landing .dc-poster-heading{font-size:19px;letter-spacing:-1px}
  .dc-landing .dc-poster-art{border-width:26px;top:36%}
  .dc-landing .dc-poster-footer{font-size:7px;left:7px}
  .dc-landing .dc-movable-art{width:44%;height:203px;left:50%!important;top:8%!important;border-width:5px}
  .dc-landing .dc-movable-art.dc-moved{left:var(--dc-pos-x)!important;top:var(--dc-pos-y)!important}
  .dc-landing .dc-art-topline{font-size:6px;left:7px}
  .dc-landing .dc-movable-art strong{font-size:20px;left:7px}
  .dc-landing .dc-art-edition{font-size:6px}
  .dc-landing .dc-movable-type{width:42%;height:123px;left:52%!important;top:63%!important;padding:10px}
  .dc-landing .dc-movable-type.dc-moved{left:var(--dc-pos-x)!important;top:var(--dc-pos-y)!important}
  .dc-landing .dc-type-kicker{font-size:6px;letter-spacing:.4px}
  .dc-landing .dc-movable-type strong{font-size:15px;margin-top:7px}
  .dc-landing .dc-movable-type p{font-size:7px;margin-top:3px}
  .dc-landing .dc-type-colors{margin-top:7px}
  .dc-landing .dc-type-colors b{height:6px}
  .dc-landing .dc-movable-chip{font-size:6px;letter-spacing:0;padding:9px 7px;gap:5px;left:3%!important;top:78%!important}
  .dc-landing .dc-movable-chip.dc-moved{left:var(--dc-pos-x)!important;top:var(--dc-pos-y)!important}
  .dc-landing .dc-movable-chip>span:first-child{font-size:14px}
  .dc-landing .dc-movable-card{display:none}
  .dc-landing .dc-stage-cursor{left:42%;top:63%}
  .dc-landing .dc-stage-cursor span{display:none}
  .dc-landing .dc-showcase-foot{font-size:9px;min-height:34px;padding:8px 10px}
  .dc-landing .dc-showcase-foot span:last-child{display:none}
  .dc-landing .dc-stage-zoom{right:7px;bottom:6px;font-size:9px;padding:5px;gap:6px}
}
@media(max-width:360px){
  .dc-landing .dc-first-copy h1{font-size:36px}
  .dc-landing .dc-showcase-stage{height:330px}
  .dc-landing .dc-movable-type{top:60%!important}
  .dc-landing .dc-movable-type.dc-moved{top:var(--dc-pos-y)!important}
}
@media(prefers-reduced-motion:reduce){
  .dc-landing .dc-movable{animation:none}
}