/* Approved Dragie-style cards, adapted to Dragon white/red/black. */
.dpk-pricing{--dpk-red:#0877ff;--dpk-ink:#101e48;position:relative;isolation:isolate;overflow:clip;padding:54px 0 28px;background:linear-gradient(120deg,#f6fbff,#fff 48%,#f6f2ff);color:var(--dpk-ink);scroll-margin-top:75px}
.dpk-pricing:before,.dpk-pricing:after{content:'';position:absolute;pointer-events:none;z-index:-1;left:-17%;width:134%;border-radius:50%;height:390px;background:transparent;border:46px solid #257dff08;outline:3px solid white}
.dpk-pricing:before{top:-305px;transform:rotate(-2deg)}.dpk-pricing:after{bottom:-250px;transform:rotate(-3deg);height:480px;border-width:60px}
.dpk-container{width:calc(100% - 112px);max-width:1440px;margin:auto;position:relative}.dpk-heading{margin-bottom:32px}.dpk-heading h2{font-size:clamp(36px,3.8vw,58px);line-height:1.24;font-weight:800;letter-spacing:-.055em}.dpk-heading h2 span{color:#0877ff;background:linear-gradient(90deg,#0877ff,#8b2ce8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:.04em;margin-right:-.04em}.dpk-heading p{font-size:clamp(17px,1.55vw,23px);font-weight:700;margin:12px 0 0;line-height:1.5;letter-spacing:-.025em}
.dpk-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.dpk-card{--dpk-shadow:#1a73d829;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:24px 24px 20px;border:1px solid #9dcdff;border-radius:18px;background:linear-gradient(#eaf6ff,#fff 65%);overflow:hidden;box-shadow:0 8px 26px #487aaa0b;translate:0 0;transition:translate .28s ease,box-shadow .28s ease,border-color .28s ease}.dpk-card-1{background:linear-gradient(#eaf6ff,#f4faff);border-color:#c5e6ff}.dpk-card-1:before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:210px;background:linear-gradient(110deg,#0877ff,#168fff)}.dpk-card-2{background:linear-gradient(#f1eaff,#fff 68%);border-color:#d8c6ff}.dpk-card-3{background:linear-gradient(130deg,#25268a,#2b2ca9);border-color:#3031a3;color:white;--dpk-shadow:#3133aa30}.dpk-card h3{font-size:clamp(36px,3.5vw,53px);font-weight:800;line-height:1.18;letter-spacing:-.05em}.dpk-type{font-size:clamp(16px,1.45vw,21px);font-weight:700;line-height:1.4;margin:3px 0 0;letter-spacing:-.035em}.dpk-card-1 h3,.dpk-card-1 .dpk-type{color:white}
.dpk-visual{display:block;width:100%;height:214px;flex-shrink:0;margin:6px 0 6px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer;color:inherit;touch-action:manipulation}.dpk-visual>svg{display:block;width:110%;margin-left:-5%;height:100%;overflow:visible;fill:none;stroke:none}.dpk-visual text{font-family:DragonThai,Arial,sans-serif;letter-spacing:-.025em;stroke:none}.dpk-visual:focus-visible,.dpk-choose:focus-visible{outline:3px solid #1880df;outline-offset:5px}
.dpk-price{display:flex;align-items:baseline;gap:9px;white-space:nowrap;margin:0;padding:0 0 18px;border-bottom:1px solid #b1d0ff}.dpk-price strong{font-size:clamp(47px,4.65vw,74px);font-weight:800;line-height:1.15;letter-spacing:-.06em;color:#0877ff;font-variant-numeric:lining-nums;flex-shrink:0}.dpk-price>span{font-size:clamp(14px,1.25vw,19px);font-weight:700;letter-spacing:-.04em}.dpk-card-2 .dpk-price{border-color:#d0b8ff}.dpk-card-3 .dpk-price{border-color:#ffffff45}.dpk-card-3 .dpk-price strong{color:white}
.dpk-card ul{padding:0;margin:18px 0 23px;list-style:none;display:grid;gap:10px;flex:1;align-content:start}.dpk-card li{display:flex;align-items:center;gap:12px;font-size:clamp(14px,1.22vw,18px);line-height:1.5;letter-spacing:-.03em}.dpk-card li svg{width:26px;height:26px;flex-shrink:0;fill:none;stroke:none}.dpk-card li svg circle{fill:#0877ff}.dpk-card li svg path{stroke:white;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dpk-choose{display:flex;justify-content:center;align-items:center;gap:14px;min-height:53px;border:1.5px solid #0877ff;border-radius:40px;background:white;color:#0877ff;padding:13px 8px;font-size:clamp(13px,1.18vw,18px);font-weight:700;white-space:nowrap;transition:background .23s,color .23s,box-shadow .23s}.dpk-choose svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;translate:0 0;transition:translate .23s}.dpk-card-1 .dpk-choose{background:#0877ff;color:white}.dpk-card-3 .dpk-choose{border-color:white;color:#10151d}.dpk-choose:hover{background:#0877ff;color:white;box-shadow:0 5px 16px #0877ff25}.dpk-card-1 .dpk-choose:hover{background:#0062dc;border-color:#0062dc}.dpk-card-3 .dpk-choose:hover{background:#eaf6ff;color:#101e48}.dpk-choose:hover svg{translate:4px 0}
.dpk-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 9px;font-size:clamp(15px,1.45vw,21px);font-weight:700;text-align:center;line-height:1.6;margin:23px 0 2px}.dpk-note{text-align:center;font-size:13px;color:#737884;margin:0}.dpk-preview-footer{display:flex;justify-content:center;gap:35px;padding:20px;background:#fff;color:#7d828c;font-size:12px}.dpk-preview-footer a{color:#0877ff}
.dpk-visual .mini-window,.dpk-visual .mini-cursor,.dpk-visual .mini-copy,.dpk-visual .mini-action{translate:0 0;scale:1;transform-box:fill-box;transform-origin:center}.dpk-visual.is-playing .mini-cursor{animation:dpk-click 2.6s ease-in-out both}.dpk-visual.is-playing .mini-action{animation:dpk-action 2.6s ease both}.dpk-visual.is-playing .mini-copy{animation:dpk-copy 2.6s ease both}.dpk-visual.is-playing .mini-window-0{animation:dpk-fan-back 2.6s ease both}.dpk-visual.is-playing .mini-window-1{animation:dpk-fan-middle 2.6s ease both}.dpk-visual.is-playing .mini-window-2{animation:dpk-fan-front 2.6s ease both}.dpk-visual.is-playing .mini-status{animation:dpk-status 1s ease-in-out 2}
@keyframes dpk-click{0%{translate:26px 12px}35%{translate:-7px -7px;scale:1}42%{scale:.84}60%,100%{translate:0 0;scale:1}}@keyframes dpk-action{0%,31%,55%,100%{opacity:1}40%{opacity:.5}}@keyframes dpk-copy{0%,36%{opacity:.25;translate:0 5px}68%,100%{opacity:1;translate:0 0}}@keyframes dpk-fan-back{0%{translate:-28px 21px;opacity:.4}48%,75%{translate:5px -4px;opacity:1}100%{translate:0 0;opacity:1}}@keyframes dpk-fan-middle{0%{translate:-14px 12px;opacity:.6}48%,75%{translate:-3px 2px;opacity:1}100%{translate:0 0;opacity:1}}@keyframes dpk-fan-front{0%{translate:0 0}48%,75%{translate:-5px 3px}100%{translate:0 0}}@keyframes dpk-status{50%{opacity:.25}}
@media(hover:hover) and (pointer:fine){.dpk-card:hover{translate:0 -5px;box-shadow:0 18px 36px var(--dpk-shadow);border-color:#0877ff}.dpk-card-3:hover{border-color:#9296f4}}
@media(min-width:1101px) and (max-width:1330px){.dpk-container{width:calc(100% - 64px)}.dpk-card{padding-inline:18px}.dpk-price{gap:7px}.dpk-price strong{font-size:58px}.dpk-price>span{font-size:14px}.dpk-visual{height:204px}.dpk-card li{gap:8px;font-size:14px}.dpk-card li svg{width:23px;height:23px}}
@media(min-width:701px) and (max-width:1100px){.dpk-container{width:calc(100% - 64px);max-width:900px}.dpk-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dpk-card{padding:24px}.dpk-card h3{font-size:46px}.dpk-type{font-size:20px}.dpk-visual{height:235px}.dpk-price strong{font-size:70px}.dpk-price>span{font-size:18px}.dpk-card li{font-size:17px}.dpk-choose{font-size:17px}.dpk-heading h2{font-size:45px}}
@media(max-width:700px){.dpk-pricing{padding:38px 0 28px}.dpk-container{width:calc(100% - 40px);max-width:470px}.dpk-heading{margin-bottom:25px}.dpk-heading h2{font-size:35px;line-height:1.2}.dpk-heading h2 span{display:block;padding-top:3px}.dpk-heading p{font-size:17px;margin-top:14px;line-height:1.6}.dpk-plans{grid-template-columns:1fr;gap:22px}.dpk-card{padding:24px;border-radius:18px}.dpk-card h3{font-size:47px}.dpk-type{font-size:20px}.dpk-visual{height:auto;aspect-ratio:400/280;margin:13px 0 10px}.dpk-price strong{font-size:69px}.dpk-price>span{font-size:19px}.dpk-price{gap:12px;padding-bottom:18px}.dpk-card ul{gap:12px;margin:21px 0 26px}.dpk-card li{font-size:17px;gap:12px}.dpk-card li svg{width:26px;height:26px}.dpk-choose{font-size:18px;min-height:55px}.dpk-card-1:before{height:205px}.dpk-benefits{font-size:16px;margin-top:27px;gap:4px 7px}.dpk-note{font-size:12px}.dpk-preview-footer{font-size:11px;gap:20px}}
@media(max-width:380px){.dpk-container{width:calc(100% - 28px)}.dpk-card{padding:20px}.dpk-heading h2{font-size:32px}.dpk-card h3{font-size:43px}.dpk-price strong{font-size:61px}.dpk-price>span{font-size:17px}.dpk-card li{font-size:16px}.dpk-choose{font-size:16px}.dpk-card-1:before{height:190px}}
@media(prefers-reduced-motion:reduce){.dpk-visual.is-playing *{animation:none!important}.dpk-card,.dpk-choose,.dpk-choose svg{transition:none}.dpk-card:hover{translate:0 0}.dpk-choose:hover svg{translate:0 0}}

@media(max-width:700px){.dpk-visual>svg{width:100%;margin-left:0}}

/* Approved Ocean / Violet concept: per-plan accents rather than a red/black theme. */
.dpk-pricing:after{border-color:#7b4dff08}.dpk-card-2{--dpk-shadow:#7924e91b}.dpk-card-2 h3{color:#4117a7}.dpk-card-2 .dpk-price strong{color:#8527ec}.dpk-card-2 li svg circle{fill:#8527ec}.dpk-card-2 .dpk-choose{color:#6a16d8;border-color:#8527ec}.dpk-card-2 .dpk-choose:hover{background:#8527ec;color:white;box-shadow:0 5px 16px #8527ec25}.dpk-card-2:hover{border-color:#a578e8}.dpk-card-3 li svg circle{fill:#f3f1ff}.dpk-card-3 li svg path{stroke:#3932b1}.dpk-card-3 .dpk-choose{color:#242381;background:#f4f1ff;border-color:#f4f1ff}.dpk-card-3 .dpk-choose:hover{background:white;color:#242381}.dpk-preview-footer a{color:#0877ff}
/* Shared section headings use the Dragon black/red brand palette. */
.dpk-pricing.dpk-pricing .dpk-heading h2{color:#111217}
.dpk-pricing.dpk-pricing .dpk-heading h2 span{color:#ff0018;background:none;-webkit-text-fill-color:#ff0018}
.dpk-pricing .dpk-heading{text-align:center}