/* =====================================================================
   DIGIFORGEX Record Pro — Elementor Layout CSS  (v2)
   ---------------------------------------------------------------------
   * Sab classes "dg-" prefix ke saath hain, isliye theme / Elementor Kit
     ke saath clash nahi hota.
   * Layout (columns, direction, grid, alignment) is CSS se control hota hai,
     isliye Elementor me edit karne par bhi orientation nahi bigadta.
   * Text, links, buttons, FAQ, images Elementor panel se edit hote hain.
   * Fonts: Manrope + DM Serif Display (Google Fonts).
   ===================================================================== */

/* ---------- 0. ROOT + ELEMENTOR RESET (must stay first) ---------- */
.dg-record-pro{--kit-widget-spacing:0px;--widgets-spacing:0px;--bg:#F7F4EC;
  position:relative;isolation:isolate;display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0;
  overflow-x:hidden;overflow-x:clip;background:var(--bg);color:var(--tx);font:400 16px/1.65 Manrope,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
html:has(.dg-record-pro){scroll-behavior:smooth;scroll-padding-top:84px}
.dg-record-pro .e-con,.dg-record-pro .e-con-inner{--gap:0px;--row-gap:0px;--column-gap:0px;--widgets-spacing:0px;--kit-widget-spacing:0px;
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-bottom:0px;
  gap:0;margin:0;padding:0;min-width:0;max-width:none;width:100%;min-height:0;border:0;display:block}
.dg-record-pro .elementor-widget{margin:0;min-width:0;max-width:100%}
.dg-record-pro .elementor-widget-container{margin:0;padding:0;position:static}
.dg-record-pro .elementor-widget-text-editor,.dg-record-pro .elementor-widget-html{font:inherit;color:inherit;text-align:inherit;letter-spacing:inherit}
.dg-record-pro .elementor-widget-text-editor p{margin:0}
.dg-record-pro .elementor-widget-heading .elementor-heading-title{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:normal;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;text-transform:none;text-shadow:none;text-decoration:none;-webkit-text-stroke:0}
.dg-record-pro a:not(.elementor-button){color:inherit;text-decoration:none;background:none;border:0}
.dg-record-pro button{font-family:inherit;text-transform:none;margin:0;min-height:0;box-shadow:none;text-shadow:none}
.dg-record-pro ul,.dg-record-pro ol{list-style:none}
.dg-record-pro img{max-width:100%;height:auto;border:0}

/* ---------- 1. ORIGINAL DESIGN (namespaced) ---------- */
@property --dg-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.dg-record-pro{--bg:#F7F4EC;--s1:#fff;--s2:#EFEAE0;--s3:#E8E1D5;--g:#C9A227;--g2:#8C6B12;--g3:#E8D27A;--tx:#111;--mu:#555;--ln:rgba(201,162,39,.4)}
.dg-record-pro .dg-dk,.dg-record-pro .dg-viz,.dg-record-pro .dg-browser,.dg-record-pro .dg-ui,.dg-record-pro .dg-fc,.dg-record-pro .dg-pw.dg-y .dg-pcard,.dg-record-pro .dg-footer{--bg:#0D0D0D;--s1:#111;--s2:#171717;--s3:#202020;--tx:#f6f1e4;--mu:#A7A7A7;--g2:#E7C85A;--g3:#F3D77A;--ln:rgba(212,175,55,.25);color:var(--tx)}
.dg-record-pro,.dg-record-pro *{box-sizing:border-box;margin:0;padding:0}
.dg-record-pro canvas#dg-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2}
.dg-record-pro .dg-glow{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 80% 10%,rgba(212,175,55,.14),transparent 70%),radial-gradient(40% 40% at 5% 70%,rgba(212,175,55,.07),transparent 70%);pointer-events:none}
.dg-record-pro .dg-glow:after{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.dg-record-pro a{color:inherit;text-decoration:none}
.dg-record-pro :focus-visible{outline:2px solid var(--g3);outline-offset:3px}
.dg-record-pro h1,.dg-record-pro h2,.dg-record-pro h3,.dg-record-pro .dg-logo,.dg-record-pro .dg-num,.dg-record-pro .dg-amt b{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
.dg-record-pro .dg-gold,.dg-record-pro em{background:linear-gradient(100deg,var(--g),var(--g3),var(--g),var(--g3));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;animation:dg-shim 6s linear infinite}
@keyframes dg-shim{to{background-position:-250% 0}}
.dg-record-pro .dg-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(8,8,8,.7);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
.dg-record-pro .dg-nav-links a{margin:0 14px;color:var(--mu);font-size:14px;position:relative}
.dg-record-pro .dg-nav-links a:after,.dg-record-pro .dg-fl a:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:var(--g);transform:scaleX(0);transform-origin:left;transition:.3s}
.dg-record-pro .dg-nav-links a:hover:after,.dg-record-pro .dg-fl a:hover:after{transform:scaleX(1)}
.dg-record-pro .dg-logo{font-size:22px;letter-spacing:.14em}
@keyframes dg-pl{50%{box-shadow:0 0 0 12px rgba(212,175,55,0)}0%{box-shadow:0 0 0 0 rgba(212,175,55,.4)}}
.dg-record-pro .dg-hero{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2vw;padding:110px 5vw 50px}
.dg-record-pro .dg-eyebrow{color:var(--g2);font-size:12px;letter-spacing:.22em;margin-bottom:22px}
.dg-record-pro h1{font-size:clamp(46px,7.4vw,112px);line-height:.98;letter-spacing:-.03em;margin-bottom:26px}
.dg-record-pro h1 span{display:block}
.dg-record-pro .dg-lead{font-size:clamp(17px,1.6vw,21px);max-width:540px}
.dg-record-pro .dg-sub{color:var(--mu);max-width:540px;margin:12px 0 28px}
.dg-record-pro .dg-cta{display:flex;gap:14px;flex-wrap:wrap}
.dg-record-pro .dg-price-hint{margin:18px 0;color:var(--mu);font-size:14px}
.dg-record-pro .dg-price-hint b{color:var(--g2);font-size:20px}
.dg-record-pro .dg-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--mu);font-size:13px}
.dg-record-pro.dg-js .dg-r{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--dg-i,0)*.12s)}
.dg-record-pro.dg-go.dg-js .dg-r,.dg-record-pro.dg-js .dg-r.dg-in{opacity:1;transform:none}
.dg-record-pro .dg-hero-r{position:relative;aspect-ratio:1/1;max-height:80vh;width:100%;perspective:1200px}
.dg-record-pro #dg-hero3d{position:absolute;inset:0;width:100%;height:100%}
.dg-record-pro .dg-ui{position:absolute;inset:20% 8%;display:none;padding:22px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid var(--ln);backdrop-filter:blur(10px);box-shadow:0 40px 80px #000;transform:rotateY(-14deg) rotateX(6deg);transform-style:preserve-3d}
.dg-record-pro .dg-ui.dg-fallback{display:block;opacity:.0;pointer-events:none}
.dg-record-pro.dg-nogl .dg-ui.dg-fallback{opacity:1}
.dg-record-pro .dg-ui-top{display:flex;justify-content:space-between;align-items:center}
.dg-record-pro .dg-rec{color:#ff5a4d;font-weight:700;font-size:13px;animation:dg-bl 1.4s infinite}
@keyframes dg-bl{50%{opacity:.35}}
.dg-record-pro .dg-timer{font:700 28px/1 Manrope;font-variant-numeric:tabular-nums;color:var(--g3)}
.dg-record-pro .dg-wave,.dg-record-pro .dg-viz .dg-wave{height:44px;margin:18px 0;background:repeating-linear-gradient(90deg,var(--g) 0 3px,transparent 3px 8px);-webkit-mask:linear-gradient(90deg,#000,#000);animation:dg-wv 1.2s ease-in-out infinite alternate;clip-path:polygon(0 60%,10% 20%,20% 70%,30% 10%,40% 80%,50% 30%,60% 75%,70% 15%,80% 65%,90% 25%,100% 55%,100% 100%,0 100%)}
@keyframes dg-wv{to{clip-path:polygon(0 30%,10% 75%,20% 20%,30% 80%,40% 15%,50% 70%,60% 25%,70% 80%,80% 20%,90% 70%,100% 30%,100% 100%,0 100%)}}
.dg-record-pro .dg-ui-btns{display:flex;flex-wrap:wrap;gap:8px}
.dg-record-pro .dg-ui-btns span,.dg-record-pro .dg-browser .dg-aside span{padding:7px 14px;border-radius:10px;background:var(--s3);font-size:12px;color:var(--mu)}
.dg-record-pro .dg-ui-btns .dg-on,.dg-record-pro .dg-browser .dg-aside .dg-on{background:rgba(212,175,55,.18);color:var(--g3);border:1px solid var(--ln)}
.dg-record-pro .dg-fc{position:absolute;padding:9px 16px;border-radius:12px;font-size:13px;font-weight:700;color:var(--g3);background:rgba(23,23,23,.8);backdrop-filter:blur(8px);border:1px solid var(--ln);box-shadow:0 14px 30px rgba(0,0,0,.6);animation:dg-fl 6s ease-in-out infinite}
.dg-record-pro.dg-js .dg-fc{opacity:0;transition:opacity .8s}
.dg-record-pro.dg-go.dg-js .dg-fc,.dg-record-pro.dg-js .dg-fc.dg-in{opacity:1}
.dg-record-pro .dg-fc[data-d="2"]{animation-delay:-2s}
.dg-record-pro .dg-fc[data-d="3"]{animation-delay:-4s}
@keyframes dg-fl{50%{translate:0 -14px}}
.dg-record-pro .dg-strip{text-align:center;padding:36px 5vw;border-block:1px solid rgba(255,255,255,.06);background:rgba(13,13,13,.6)}
.dg-record-pro .dg-strip p{font-size:12px;letter-spacing:.24em;color:var(--mu);margin-bottom:14px}
.dg-record-pro .dg-strip-items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;font-family:'DM Serif Display',serif;font-size:22px}
.dg-record-pro .dg-strip-items i{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--g),transparent);animation:dg-sep 3s infinite}
@keyframes dg-sep{50%{opacity:.2}}
.dg-record-pro .dg-sec{padding:clamp(70px,10vw,140px) 5vw}
.dg-record-pro .dg-narrow{max-width:860px;margin:auto}
.dg-record-pro .dg-head{max-width:820px;margin:0 auto 56px;text-align:center}
.dg-record-pro h2{font-size:clamp(34px,5vw,68px);line-height:1.05;letter-spacing:-.02em}
.dg-record-pro .dg-head p{color:var(--mu);margin-top:16px}
.dg-record-pro.dg-js .dg-rv{opacity:0;transform:translateY(40px) scale(.98);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}
.dg-record-pro.dg-js .dg-rv.dg-in{opacity:1;transform:none}
.dg-record-pro .dg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1240px;margin:auto;perspective:1400px}
.dg-record-pro .dg-card{padding:26px;border-radius:22px;background:linear-gradient(160deg,var(--s2),#0d0d0d);border:1px solid rgba(255,255,255,.07);transition:border-color .4s,box-shadow .4s,opacity 1s;transform-style:preserve-3d;position:relative}
.dg-record-pro .dg-card:hover{border-color:var(--g);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 40px rgba(212,175,55,.12)}
.dg-record-pro .dg-card h3{font-size:26px;margin:20px 0 8px}
.dg-record-pro .dg-card p{color:var(--mu);font-size:15px}
.dg-record-pro .dg-viz{height:170px;border-radius:14px;background:radial-gradient(circle at 50% 0,#222,#0b0b0b);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px}
.dg-record-pro .dg-viz.dg-big{height:340px}
.dg-record-pro .dg-viz small{color:var(--mu);font-size:12px}
.dg-record-pro .dg-viz u{text-decoration:none;font-size:12px;padding:4px 14px;border-radius:8px;background:#2a1411;color:#ff7a6e}
.dg-record-pro .dg-viz .dg-wave{width:80%;height:30px;margin:6px 0}
.dg-record-pro .dg-l{position:absolute;border-radius:10px;border:1px solid var(--ln);background:linear-gradient(145deg,#2a2a2a,#151515)}
.dg-record-pro .dg-l1{width:60%;height:60%;left:14%;top:16%;transform:translateZ(0) rotate(-8deg)}
.dg-record-pro .dg-l3{width:60%;height:60%;right:12%;top:26%;display:grid;place-items:center;font-size:12px;color:var(--g3);background:linear-gradient(145deg,#3a321a,#1a1608);animation:dg-fl 5s infinite}
.dg-record-pro .dg-l2{display:none}
.dg-record-pro .dg-v-pres .dg-l3{transform:perspective(500px) rotateY(-22deg);animation:none}
.dg-record-pro .dg-v-pres .dg-l1{transform:perspective(500px) rotateY(-22deg) translateX(-26px)}
.dg-record-pro .dg-v-edit{display:block}
.dg-record-pro .dg-v-edit span{position:absolute}
.dg-record-pro .dg-blk{inset:22% 14% 22% 14%;border-radius:8px;background:repeating-linear-gradient(0deg,#262626 0 10px,transparent 10px 20px)}
.dg-record-pro .dg-hl{left:18%;top:32%;width:42%;height:18px;background:rgba(231,200,90,.35);border-radius:4px;animation:dg-hl 4s infinite}
@keyframes dg-hl{50%{width:20%}}
.dg-record-pro .dg-arr{right:20%;top:20%;color:var(--g3);font-size:30px;animation:dg-fl 3s infinite;rotate:-35deg}
.dg-record-pro .dg-blur{left:30%;bottom:18%;width:90px;height:20px;background:#444;filter:blur(6px);border-radius:6px}
.dg-record-pro .dg-tx{right:14%;bottom:16%;padding:3px 10px;border:1px dashed var(--g);border-radius:6px;font-size:12px;color:var(--g3)}
.dg-record-pro .dg-v-flow{flex-direction:row;gap:6px}
.dg-record-pro .dg-v-flow span{padding:8px 12px;border:1px solid var(--ln);border-radius:10px;font-size:12px;color:var(--g3);background:var(--s3)}
.dg-record-pro .dg-v-flow i{width:30px;height:2px;background:linear-gradient(90deg,transparent,var(--g3),transparent);background-size:200%;animation:dg-ln 1.6s linear infinite}
@keyframes dg-ln{to{background-position:-200% 0}}
.dg-record-pro .dg-v-pass b{font:22px 'DM Serif Display';letter-spacing:.14em;color:var(--g3)}
.dg-record-pro .dg-v-pass{background:linear-gradient(135deg,#2c2512,#0e0c06 60%,#2c2512);transform:perspective(600px) rotateX(10deg)}
.dg-record-pro .dg-v-pass em{font-size:11px;letter-spacing:.2em;margin-top:10px}
.dg-record-pro .dg-showcase{max-width:1240px;margin:auto}
.dg-record-pro .dg-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.dg-record-pro .dg-tabs button{font:700 14px Manrope;color:var(--mu);background:var(--s2);border:1px solid rgba(255,255,255,.08);padding:12px 26px;border-radius:100px;cursor:pointer;transition:.3s}
.dg-record-pro .dg-tabs button.dg-on{color:#120e00;background:linear-gradient(135deg,var(--g),var(--g3));border-color:transparent;box-shadow:0 0 28px rgba(212,175,55,.3)}
.dg-record-pro .dg-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;padding:36px;border-radius:26px;background:rgba(17,17,17,.8);border:1px solid var(--ln)}
.dg-record-pro .dg-panel h3{font-size:clamp(28px,3.4vw,44px);margin-bottom:12px}
.dg-record-pro .dg-panel p{color:var(--mu)}
.dg-record-pro .dg-panel.dg-sw .dg-viz,.dg-record-pro .dg-panel.dg-sw .dg-show-copy{animation:dg-sw .6s}
@keyframes dg-sw{from{opacity:0;transform:translateY(16px) scale(.97)}}
.dg-record-pro .dg-step{text-align:left;min-height:260px}
.dg-record-pro .dg-num{font-size:84px;line-height:1;background:linear-gradient(var(--g3),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;transform:translateZ(40px);animation:dg-fl 6s infinite}
.dg-record-pro .dg-step h3{letter-spacing:.14em;font-size:22px}
.dg-record-pro .dg-step:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:conic-gradient(from var(--dg-a,0deg),transparent 70%,var(--g3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dg-spin 6s linear infinite}
@property --dg-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes dg-spin{to{--dg-a:360deg}}
.dg-record-pro .dg-browser{max-width:1000px;margin:auto;border-radius:18px;border:1px solid var(--ln);background:var(--s1);box-shadow:0 60px 120px #000,0 0 80px rgba(212,175,55,.08);overflow:hidden}
.dg-record-pro .dg-bar{display:flex;gap:7px;align-items:center;padding:12px 16px;background:var(--s2)}
.dg-record-pro .dg-bar i{width:11px;height:11px;border-radius:50%;background:#444}
.dg-record-pro .dg-bar span{margin-left:14px;font-size:12px;color:var(--mu)}
.dg-record-pro .dg-bd{display:grid;grid-template-columns:150px 1fr;min-height:340px}
.dg-record-pro .dg-aside{padding:16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.06)}
.dg-record-pro .dg-canvas{position:relative;padding:20px}
.dg-record-pro .dg-canvas .dg-viz{height:100%;min-height:290px}
.dg-record-pro .dg-fc.dg-in{top:30px;right:30px}
.dg-record-pro .dg-fc.dg-b{top:auto;bottom:30px;right:auto;left:30px}
.dg-record-pro .dg-pricing{perspective:1400px}
.dg-record-pro .dg-pcard{position:relative;max-width:480px;margin:auto;padding:44px 36px;border-radius:28px;text-align:center;overflow:hidden;background:linear-gradient(150deg,#262626,#0f0f0f 50%,#1f1b0e);border:1px solid var(--g);box-shadow:0 60px 120px #000,0 0 90px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,255,255,.18);transition:opacity 1s,transform 1.2s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.dg-record-pro.dg-js .dg-pcard{transform:rotateX(14deg) rotateY(-10deg) translateY(40px)}
.dg-record-pro.dg-js .dg-pcard.dg-in{transform:rotateX(0) rotateY(0)}
@keyframes dg-sh{to{transform:translateX(120%)}}
.dg-record-pro .dg-pn{letter-spacing:.2em;font-size:13px;color:var(--g2)}
.dg-record-pro .dg-py{color:var(--mu);font-size:12px;letter-spacing:.2em;margin-top:6px}
.dg-record-pro .dg-amt{margin:16px 0 26px;display:flex;justify-content:center;align-items:baseline;gap:6px}
.dg-record-pro .dg-amt span{font-size:36px;color:var(--g2)}
.dg-record-pro .dg-amt b{font-size:clamp(84px,14vw,120px);line-height:1;background:linear-gradient(var(--g3),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent}
.dg-record-pro .dg-amt small{color:var(--mu)}
.dg-record-pro .dg-pcard ul{list-style:none;text-align:left;display:grid;gap:10px;margin-bottom:30px;font-size:15px}
.dg-record-pro .dg-pcard li{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.dg-record-pro .dg-note{margin-top:20px;font-size:13px;color:var(--mu)}
.dg-record-pro .dg-tw{max-width:900px;margin:auto;overflow-x:auto}
.dg-record-pro .dg-table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px}
.dg-record-pro th,.dg-record-pro td{padding:18px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}
.dg-record-pro thead th{font-size:12px;letter-spacing:.18em;color:var(--mu)}
.dg-record-pro tbody th{font-weight:500}
.dg-record-pro td{color:var(--mu)}
.dg-record-pro .dg-pro{background:rgba(212,175,55,.08);color:var(--g3)!important;border-inline:1px solid var(--ln);font-weight:700}
.dg-record-pro thead .dg-pro{border-top:1px solid var(--ln);border-radius:14px 14px 0 0}
.dg-record-pro tbody tr:last-child .dg-pro{border-bottom:1px solid var(--ln)}
.dg-record-pro .dg-final{position:relative;text-align:center;padding:clamp(90px,14vw,190px) 5vw;overflow:hidden}
.dg-record-pro .dg-final h2{font-size:clamp(40px,7vw,96px);margin-bottom:20px}
.dg-record-pro .dg-final p{color:var(--mu);margin-bottom:34px}
.dg-record-pro .dg-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--g3),var(--g) 40%,#3a2f0a);opacity:.5;filter:blur(1px);animation:dg-fl 8s infinite;z-index:-1}
.dg-record-pro .dg-o1{width:150px;height:150px;left:8%;top:18%}
.dg-record-pro .dg-o2{width:90px;height:90px;right:10%;bottom:20%;animation-delay:-3s}
.dg-record-pro .dg-footer{border-top:1px solid rgba(255,255,255,.07);padding:50px 5vw 30px;display:grid;grid-template-columns:1fr auto;gap:24px;background:#050505}
.dg-record-pro .dg-footer p{color:var(--mu);font-size:14px;margin-top:8px}
.dg-record-pro .dg-fl{display:flex;gap:22px;flex-wrap:wrap;align-items:start}
.dg-record-pro .dg-fl a{position:relative;font-size:14px;color:var(--mu)}
.dg-record-pro .dg-cp{grid-column:1/-1}
@media(max-width:900px){
.dg-record-pro .dg-hero{grid-template-columns:1fr;padding-top:96px}
.dg-record-pro .dg-hero-r{order:-1;max-height:56vh;aspect-ratio:1.1}
.dg-record-pro .dg-grid{grid-template-columns:1fr 1fr}
.dg-record-pro .dg-panel{grid-template-columns:1fr;padding:22px}
.dg-record-pro .dg-nav-links-w{display:none}
.dg-record-pro .dg-bd{grid-template-columns:1fr}
.dg-record-pro .dg-aside{flex-direction:row;flex-wrap:wrap;border:0}
}
@media(max-width:600px){
.dg-record-pro .dg-grid{grid-template-columns:1fr}
.dg-record-pro .dg-cta{flex-direction:column}
.dg-record-pro .dg-footer{grid-template-columns:1fr}
.dg-record-pro .dg-fc{font-size:11px;padding:6px 10px}
.dg-record-pro .dg-pcard{padding:34px 22px;transform:none}
}
@media(prefers-reduced-motion:reduce){
.dg-record-pro,.dg-record-pro *,.dg-record-pro *:before,.dg-record-pro *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.dg-record-pro .dg-r,.dg-record-pro .dg-rv,.dg-record-pro .dg-fc,.dg-record-pro .dg-pcard{opacity:1!important;transform:none!important}
}
.dg-record-pro .dg-price-hint .dg-ann{display:block;margin-top:4px;color:var(--tx)}
.dg-record-pro .dg-price-hint .dg-ann b{background:linear-gradient(var(--g3),var(--g));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px}
.dg-record-pro .dg-tog{display:inline-flex;margin-top:28px;padding:5px;border-radius:100px;background:var(--s2);border:1px solid var(--ln)}
.dg-record-pro .dg-tog button{font:700 13px Manrope;letter-spacing:.12em;color:var(--mu);background:none;border:0;padding:12px 30px;border-radius:100px;cursor:pointer;transition:background .4s,color .4s,box-shadow .4s}
.dg-record-pro .dg-tog button.dg-on{background:linear-gradient(135deg,var(--g),var(--g3));color:#120e00;box-shadow:0 0 24px rgba(212,175,55,.35)}
.dg-record-pro .dg-plans{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:960px;margin:auto;align-items:center;perspective:1600px}
.dg-record-pro .dg-pw{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;transform:scale(.92);opacity:.72;filter:saturate(.75)}
.dg-record-pro .dg-pw.dg-on{transform:translateY(-22px) scale(1.04);opacity:1;filter:none}
.dg-record-pro .dg-pw:hover{opacity:1}
.dg-record-pro .dg-pcard{max-width:none;margin:0;padding:38px 30px;border-color:rgba(212,175,55,.3);box-shadow:0 40px 80px #000,inset 0 1px 0 rgba(255,255,255,.12);animation:dg-fl 7s ease-in-out infinite}
.dg-record-pro .dg-pw.dg-y .dg-pcard{animation-delay:-3s;padding:50px 32px}
.dg-record-pro .dg-pw.dg-on .dg-pcard{border-color:var(--g2);box-shadow:0 60px 120px #000,0 0 90px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.2)}
.dg-record-pro .dg-pw.dg-m .dg-pcard{background:linear-gradient(150deg,#1b1b1b,#0c0c0c)}
.dg-record-pro .dg-pcard .dg-amt b{font-size:clamp(64px,9vw,96px)}
.dg-record-pro .dg-pw.dg-y .dg-pcard .dg-amt b{font-size:clamp(70px,10vw,104px)}
.dg-record-pro .dg-badge{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;letter-spacing:.16em;padding:6px 14px;border-radius:100px;background:linear-gradient(135deg,var(--g),var(--g3));color:#120e00;box-shadow:0 0 22px rgba(231,200,90,.4)}
.dg-record-pro .dg-pl{font-weight:400;letter-spacing:.04em;color:var(--mu);font-size:13px}
.dg-record-pro .dg-pro .dg-pl{color:var(--g3)}
.dg-record-pro .dg-bv{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:100px;background:var(--g);color:#120e00;font-size:10px}
@media(max-width:800px){
.dg-record-pro .dg-plans{grid-template-columns:1fr;gap:26px}
.dg-record-pro .dg-pw.dg-y{order:-1}
.dg-record-pro .dg-pw.dg-on{transform:scale(1.02)}
}
.dg-record-pro .dg-glow{background:radial-gradient(60% 50% at 80% 8%,rgba(212,175,55,.16),transparent 70%),radial-gradient(40% 40% at 0 80%,rgba(232,210,122,.18),transparent 70%)}
.dg-record-pro .dg-glow:after{opacity:.035}
.dg-record-pro :focus-visible{outline-color:var(--g2)}
.dg-record-pro .dg-dk :focus-visible{outline-color:var(--g3)}
.dg-record-pro .dg-nav{background:rgba(247,244,236,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e1dbcd}
.dg-record-pro .dg-nav-links a:hover{color:var(--g2)}
.dg-record-pro .dg-gold,.dg-record-pro em{background-image:linear-gradient(100deg,#8C6B12,#C9A227,#E8D27A,#C9A227,#8C6B12);background-size:250% 100%}
.dg-record-pro .dg-dk em,.dg-record-pro .dg-dk .dg-gold{background-image:linear-gradient(100deg,#D4AF37,#F3D77A,#D4AF37,#F3D77A)}
.dg-record-pro .dg-hero-r:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(212,175,55,.28),transparent);z-index:0}
.dg-record-pro .dg-hero-r:after{content:"";position:absolute;left:14%;right:14%;bottom:4%;height:7%;background:radial-gradient(closest-side,rgba(70,48,0,.38),transparent);filter:blur(8px)}
.dg-record-pro #dg-hero3d{z-index:1}
.dg-record-pro .dg-fc{z-index:2;background:rgba(17,17,17,.92);box-shadow:0 16px 30px rgba(60,40,0,.3)}
.dg-record-pro .dg-ui{z-index:1;box-shadow:0 40px 70px rgba(60,40,0,.4)}
.dg-record-pro .dg-strip{background:#fff;border-block:1px solid #e8e2d4}
.dg-record-pro .dg-strip-items i{background:linear-gradient(90deg,transparent,var(--g),transparent)}
.dg-record-pro .dg-card{background:linear-gradient(160deg,#fff,#F1EDE4);border:1px solid #e3dccb;box-shadow:0 14px 34px -14px rgba(90,65,10,.25);transition:border-color .4s,box-shadow .5s,opacity 1s}
.dg-record-pro .dg-card:before{content:"";position:absolute;left:26px;top:0;width:46px;height:3px;background:linear-gradient(90deg,var(--g),var(--g3));border-radius:0 0 3px 3px}
.dg-record-pro .dg-step:before{content:"";position:absolute;inset:-1px;left:-1px;top:-1px;width:auto;height:auto;border-radius:22px;padding:1px;background:conic-gradient(from var(--dg-a,0deg),transparent 70%,var(--g))}
.dg-record-pro .dg-card:hover{border-color:var(--g);box-shadow:0 34px 60px -18px rgba(90,65,10,.4);transform:translateY(-8px) perspective(900px) rotateX(3deg) rotateY(-3deg)}
.dg-record-pro .dg-card .dg-viz{transition:transform .5s;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.dg-record-pro .dg-card:hover .dg-viz{transform:translateZ(30px)}
.dg-record-pro .dg-showcase{max-width:none;margin:0;background:radial-gradient(60% 50% at 70% 0,rgba(201,162,39,.14),transparent 70%),#0D0D0D}
.dg-record-pro .dg-showcase .dg-tabs,.dg-record-pro .dg-showcase .dg-panel{max-width:1240px;margin-inline:auto}
.dg-record-pro .dg-showcase .dg-tabs{margin-bottom:30px}
.dg-record-pro .dg-panel{background:#151515}
.dg-record-pro .dg-panel h3{color:#fff}
.dg-record-pro .dg-tabs button{border-color:rgba(255,255,255,.1)}
.dg-record-pro .dg-num{background-image:linear-gradient(160deg,#F3D77A,#C9A227 45%,#8C6B12);filter:drop-shadow(0 4px 6px rgba(90,65,10,.25))}
.dg-record-pro .dg-wh{background:#fff}
.dg-record-pro .dg-browser{box-shadow:0 50px 70px -24px rgba(40,28,0,.5),0 18px 30px -12px rgba(0,0,0,.3);border-color:#2a2a2a}
.dg-record-pro .dg-tog{background:#fff;border-color:#ddd5c2}
.dg-record-pro .dg-tog button{color:#555}
.dg-record-pro .dg-tog button.dg-on{color:#111}
.dg-record-pro .dg-pcard{background:#fff;border-color:rgba(201,162,39,.4);box-shadow:0 40px 70px -24px rgba(90,65,10,.4),inset 0 1px 0 #fff}
.dg-record-pro .dg-pw.dg-m .dg-pcard{background:linear-gradient(150deg,#fff,#F4F0E6)}
.dg-record-pro .dg-pw.dg-y .dg-pcard{background:linear-gradient(150deg,#1d1d1d,#0f0f0f 55%,#1f1b0e);border-color:var(--g);box-shadow:0 60px 90px -24px rgba(0,0,0,.6),0 0 60px rgba(201,162,39,.25),inset 0 1px 0 rgba(255,255,255,.15)}
.dg-record-pro .dg-pw.dg-on .dg-pcard{border-color:var(--g)}
.dg-record-pro .dg-pcard .dg-amt b{background-image:linear-gradient(#C9A227,#8C6B12)}
.dg-record-pro .dg-pw.dg-y .dg-pcard .dg-amt b{background-image:linear-gradient(#F3D77A,#D4AF37)}
.dg-record-pro .dg-pcard li{border-bottom:1px solid rgba(128,128,128,.22)}
.dg-record-pro th,.dg-record-pro td{border-bottom:1px solid rgba(0,0,0,.08)}
.dg-record-pro .dg-pro{background:rgba(201,162,39,.11);border-inline:1px solid rgba(201,162,39,.4)}
.dg-record-pro .dg-pro .dg-pl{color:var(--g2)}
.dg-record-pro .dg-final{background:radial-gradient(50% 60% at 50% 0,rgba(201,162,39,.18),transparent 70%),#0D0D0D}
.dg-record-pro .dg-final h2{color:#fff}
.dg-record-pro .dg-fl a:hover{color:#E7C85A}
.dg-record-pro .dg-footer .dg-logo{color:var(--g2)}
@media(max-width:600px){
.dg-record-pro .dg-card:hover{transform:none}
}
/* =====================================================================
   2. ELEMENTOR LAYOUT LAYER — ye hissa orientation lock karta hai
   ===================================================================== */

/* --- plain "stacking" containers: normal block flow like original HTML --- */
.dg-record-pro .dg-sec,.dg-record-pro .dg-strip,.dg-record-pro .dg-final,.dg-record-pro .dg-head,.dg-record-pro .dg-card,
.dg-record-pro .dg-pw,.dg-record-pro .dg-pcard,.dg-record-pro .dg-show-copy,.dg-record-pro .dg-showcase,.dg-record-pro .dg-wh{display:block;width:100%;max-width:none}
.dg-record-pro .dg-head{max-width:820px;margin:0 auto 56px}
.dg-record-pro .dg-sec.dg-narrow{max-width:860px;margin-left:auto;margin-right:auto}

/* --- nav --- */
.dg-record-pro .dg-nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;max-width:none;
  top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;gap:16px}
.dg-record-pro .dg-nav>.elementor-widget{width:auto;flex:0 0 auto}
.dg-record-pro .dg-nav-links{display:flex;align-items:center}
.dg-record-pro .dg-nav .dg-logo{display:inline-block;line-height:1.3}

/* --- hero --- */
.dg-record-pro .dg-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2vw;width:100%;max-width:none}
.dg-record-pro .dg-hero-l{display:block;width:auto;min-width:0}
.dg-record-pro .dg-hero-l>.elementor-widget{width:auto}
.dg-record-pro .dg-hero-r{min-width:0}
.dg-record-pro .dg-cta{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;width:auto;margin:0}
.dg-record-pro .dg-cta>.elementor-widget{width:auto}
.dg-record-pro .dg-hero-r>.elementor-widget-container{position:static;height:100%}
.dg-record-pro .dg-hero-l .elementor-widget-text-editor ul{list-style:none}
.dg-record-pro .dg-price-hint b{font-weight:700}

/* --- grids --- */
.dg-record-pro .dg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1240px;margin:0 auto;width:100%}
.dg-record-pro .dg-grid>.dg-card{width:auto;min-width:0}
.dg-record-pro .dg-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;width:100%}
.dg-record-pro .dg-panel>*{min-width:0}
.dg-record-pro .dg-plans{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:960px;margin:0 auto;width:100%;align-items:center}
.dg-record-pro .dg-plans>.dg-pw{width:auto;min-width:0}
.dg-record-pro .dg-footer{display:grid;grid-template-columns:1fr auto;gap:24px;width:100%}
.dg-record-pro .dg-footer>*{min-width:0;width:auto}
.dg-record-pro .dg-footer .dg-cp{grid-column:1/-1}
.dg-record-pro .dg-footer-brand{display:block}
.dg-record-pro .dg-footer .dg-logo{font-size:22px;letter-spacing:.14em;display:inline-block}

/* --- html-widget blocks that need a real box --- */
.dg-record-pro .dg-tw{width:100%}
.dg-record-pro .dg-browser{width:100%}
.dg-record-pro .dg-engine-w{height:0;margin:0!important;overflow:visible}
.dg-record-pro .dg-orbs-w,.dg-record-pro .dg-orbs-w>.elementor-widget-container{position:static;height:0}
.dg-record-pro .dg-final>*:not(.dg-orbs-w){position:relative;z-index:1}
.dg-record-pro .dg-orb{display:none} /* original page me orbs dikhte nahi the (z-index:-1). Dikhane ke liye ye line hata do */

/* --- headings (higher specificity than Elementor Kit; panel edits still win) --- */
.dg-record-pro .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(46px,7.4vw,112px);line-height:.98;letter-spacing:-.03em;margin-bottom:26px}
.dg-record-pro .elementor-widget-heading h1.elementor-heading-title .dg-line{display:block}
.dg-record-pro .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(34px,5vw,68px);line-height:1.05;letter-spacing:-.02em}
.dg-record-pro .dg-final h2.elementor-heading-title{font-size:clamp(40px,7vw,96px);margin-bottom:20px;color:#fff}
.dg-record-pro .dg-card h3.elementor-heading-title{font-size:26px;line-height:1.65;margin:20px 0 8px}
.dg-record-pro .dg-step h3.elementor-heading-title{letter-spacing:.14em;font-size:22px}
.dg-record-pro .dg-show-copy h3.elementor-heading-title{font-size:clamp(28px,3.4vw,44px);line-height:1.2;margin-bottom:12px;color:#fff}
.dg-record-pro .dg-num .elementor-heading-title{font-size:84px;line-height:1;display:block;margin:0;
  background-image:linear-gradient(160deg,#F3D77A,#C9A227 45%,#8C6B12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 6px rgba(90,65,10,.25))}
.dg-record-pro .dg-num{transform:none;animation:none;background:none;color:inherit;font-size:inherit}
.dg-record-pro .dg-num{display:block;transform:translateZ(40px);animation:dg-fl 6s infinite}
.dg-record-pro .dg-head p,.dg-record-pro .dg-head .elementor-widget-text-editor{color:var(--mu)}
.dg-record-pro .dg-head .elementor-widget-text-editor{margin-top:16px}

/* --- buttons (Elementor button widget) --- */
.dg-record-pro .dg-btn{display:inline-block;width:auto}
.dg-record-pro .dg-btn .elementor-button-wrapper{display:block}
.dg-record-pro .dg-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:100px;
  font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:14px;line-height:1.65;letter-spacing:.06em;text-transform:none;
  border:1px solid var(--ln);background:transparent;background-image:none;color:var(--tx);fill:currentColor;box-shadow:none;text-shadow:none;
  transition:box-shadow .3s,background .3s,transform .2s,color .3s,border-color .3s;will-change:transform}
.dg-record-pro .dg-btn .elementor-button-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.dg-record-pro .dg-btn .elementor-button-text{display:inline-block}
.dg-record-pro .dg-btn-arrow .elementor-button-text:after{content:"→";display:inline-block;margin-left:10px;transition:transform .3s}
.dg-record-pro .dg-btn-arrow .elementor-button:hover .elementor-button-text:after{transform:translateX(5px)}
.dg-record-pro .dg-btn-gold .elementor-button{background-color:transparent;background-image:linear-gradient(135deg,var(--g),var(--g3));color:#120e00;border:0}
.dg-record-pro .dg-btn-gold .elementor-button:hover,.dg-record-pro .dg-btn-gold .elementor-button:focus{background-image:linear-gradient(135deg,var(--g),var(--g3));color:#120e00;box-shadow:0 0 38px rgba(231,200,90,.45)}
.dg-record-pro .dg-btn-ghost .elementor-button{border-color:#111;color:#111;background-color:transparent}
.dg-record-pro .dg-btn-ghost .elementor-button:hover,.dg-record-pro .dg-btn-ghost .elementor-button:focus{background-color:rgba(201,162,39,.15);border-color:var(--g2);color:#111}
.dg-record-pro .dg-btn-sm .elementor-button{padding:9px 20px;font-size:13px;color:var(--g2);border-color:var(--g);background-color:transparent}
.dg-record-pro .dg-btn-sm .elementor-button:hover,.dg-record-pro .dg-btn-sm .elementor-button:focus{background-color:var(--g);color:#111;border-color:var(--g)}
.dg-record-pro .dg-pcard .dg-btn,.dg-record-pro .dg-pcard .dg-btn .elementor-button{width:100%}
.dg-record-pro .dg-pcard .dg-btn-ghost .elementor-button:hover{background-color:var(--g);color:#111}
.dg-record-pro .dg-pulse .elementor-button{animation:dg-pl 3s infinite}
.dg-record-pro .dg-final .dg-btn{margin-top:0}

/* --- plan card text --- */
.dg-record-pro .dg-amt{margin:16px 0 26px}
.dg-record-pro .dg-amt .elementor-widget-container,.dg-record-pro .dg-amt p{display:flex;justify-content:center;align-items:baseline;gap:6px}
.dg-record-pro .dg-amt{display:block}
.dg-record-pro .dg-pn,.dg-record-pro .dg-py{display:block}
.dg-record-pro .dg-plan-list{margin-bottom:0}
.dg-record-pro .dg-pcard .dg-plan-list ul{list-style:none;text-align:left;display:grid;gap:10px;margin:0 0 30px;padding:0;font-size:15px}
.dg-record-pro .dg-pcard .dg-plan-list li{margin:0;padding:0 0 10px;list-style:none}
.dg-record-pro .dg-pcard:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(243,215,122,.22) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;z-index:2}
.dg-record-pro .dg-pcard.dg-in:after{animation:dg-sh 1.8s .5s 1 forwards,dg-sh 6s 4s infinite}
.dg-record-pro .dg-pcard>*{position:relative;z-index:1}
.dg-record-pro .dg-pcard>.dg-badge{position:absolute;z-index:3}
.dg-record-pro .dg-badge p{margin:0}
.dg-record-pro .dg-note a{text-decoration:underline}

/* --- FAQ (Elementor Accordion) restyled like original --- */
.dg-record-pro .dg-faq .elementor-accordion{border:0}
.dg-record-pro .dg-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid #ddd5c2;margin:0;background:transparent}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;
  padding:24px 0;margin:0;border:0;background:transparent;color:var(--tx);cursor:pointer;
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(20px,2.4vw,26px);line-height:normal;outline:none}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title.elementor-active{background:transparent;color:var(--tx)}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon{display:none}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title{font:inherit;color:inherit;padding:0;margin:0;text-decoration:none;flex:1 1 auto;text-align:left}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title:after{content:"+";color:var(--g2);font-family:Manrope,sans-serif;font-size:inherit;transition:transform .4s;flex:0 0 auto}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title.elementor-active:after{transform:rotate(45deg)}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-title:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-content{padding:0 0 24px;border:0;background:transparent;color:var(--mu);
  font:400 16px/1.65 Manrope,system-ui,sans-serif}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-content p{margin:0}
.dg-record-pro .dg-faq .elementor-accordion .elementor-tab-content a{color:var(--g2);text-decoration:underline}

/* --- comparison table: beat theme table styles (zebra rows, borders, padding) --- */
.dg-record-pro .dg-tw table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px;margin:0;border:0;background:transparent;font-size:inherit}
.dg-record-pro .dg-tw table th,.dg-record-pro .dg-tw table td{padding:18px 20px;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid rgba(0,0,0,.08);line-height:1.65;background:transparent}
.dg-record-pro .dg-tw table thead th{font-size:12px;letter-spacing:.18em;color:var(--mu);background:transparent}
.dg-record-pro .dg-tw table tbody th{font-weight:500;color:var(--tx)}
.dg-record-pro .dg-tw table td{color:var(--mu)}
.dg-record-pro .dg-tw table tbody tr:nth-child(odd)>td,.dg-record-pro .dg-tw table tbody tr:nth-child(odd)>th,.dg-record-pro .dg-tw table tbody tr:hover>td,.dg-record-pro .dg-tw table tbody tr:hover>th{background:transparent}
.dg-record-pro .dg-tw table th.dg-pro,.dg-record-pro .dg-tw table td.dg-pro,.dg-record-pro .dg-tw table tbody tr:nth-child(odd)>td.dg-pro{background:rgba(201,162,39,.11);color:var(--g2)!important;border-left:1px solid rgba(201,162,39,.4);border-right:1px solid rgba(201,162,39,.4);font-weight:700}
.dg-record-pro .dg-tw table thead th.dg-pro{border-top:1px solid var(--ln);border-radius:14px 14px 0 0}
.dg-record-pro .dg-tw table tbody tr:last-child .dg-pro{border-bottom:1px solid var(--ln)}

/* --- tabs / toggle buttons: beat theme + Elementor Kit button styles --- */
.dg-record-pro .dg-tabs button,.dg-record-pro .dg-tog button{-webkit-appearance:none;appearance:none;text-transform:none;white-space:nowrap;box-shadow:none}
.dg-record-pro .dg-tabs button{font:700 14px/normal Manrope,sans-serif;color:var(--mu);background:var(--s2);border:1px solid rgba(255,255,255,.1);padding:12px 26px;border-radius:100px}
.dg-record-pro .dg-tabs button:hover{color:var(--g3);background:var(--s2)}
.dg-record-pro .dg-tabs button.dg-on,.dg-record-pro .dg-tabs button.dg-on:hover{color:#120e00;background:linear-gradient(135deg,var(--g),var(--g3));border-color:transparent;box-shadow:0 0 28px rgba(212,175,55,.3)}
.dg-record-pro .dg-tog button{font:700 13px/normal Manrope,sans-serif;letter-spacing:.12em;color:#555;background:none;border:0;padding:12px 30px;border-radius:100px}
.dg-record-pro .dg-tog button:hover{color:#111;background:none}
.dg-record-pro .dg-tog button.dg-on,.dg-record-pro .dg-tog button.dg-on:hover{background:linear-gradient(135deg,var(--g),var(--g3));color:#111;box-shadow:0 0 24px rgba(212,175,55,.35)}

/* --- Elementor editor / no-JS safety: never leave content invisible --- */
.elementor-editor-active .dg-record-pro .dg-r,.elementor-editor-active .dg-record-pro .dg-rv,.elementor-editor-active .dg-record-pro .dg-fc,
.elementor-editor-active .dg-record-pro .dg-pcard{opacity:1!important;transform:none!important}
.elementor-editor-active .dg-record-pro .dg-nav{position:sticky}

/* =====================================================================
   3. RESPONSIVE (same breakpoints as the original design)
   ===================================================================== */
@media(max-width:900px){
  .dg-record-pro .dg-hero{grid-template-columns:1fr;padding-top:96px;min-height:0}
  .dg-record-pro .dg-hero-r{order:-1;max-height:56vh;aspect-ratio:1.1}
  .dg-record-pro .dg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-record-pro .dg-panel{grid-template-columns:1fr;padding:22px}
  .dg-record-pro .dg-nav-links-w{display:none}
  .dg-record-pro .dg-bd{grid-template-columns:1fr}
  .dg-record-pro .dg-aside{flex-direction:row;flex-wrap:wrap;border:0}
}
@media(max-width:800px){
  .dg-record-pro .dg-plans{grid-template-columns:1fr;gap:26px}
  .dg-record-pro .dg-pw.dg-y{order:-1}
}
@media(max-width:600px){
  .dg-record-pro .dg-grid{grid-template-columns:1fr}
  .dg-record-pro .dg-cta{flex-direction:column;align-items:stretch;width:100%}
  .dg-record-pro .dg-cta>.elementor-widget,.dg-record-pro .dg-cta .dg-btn,.dg-record-pro .dg-cta .dg-btn .elementor-button{width:100%}
  .dg-record-pro .dg-footer{grid-template-columns:1fr}
  .dg-record-pro.dg-js .dg-pcard,.dg-record-pro.dg-js .dg-pcard.dg-in{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .dg-record-pro .dg-pulse .elementor-button{animation:none}
  .dg-record-pro .dg-pcard:after{animation:none!important}
}