/*
Theme Name: Digital Marketing By OG
Theme URI: https://digitalmarketingbyog.com
Author: Digital Marketing By OG
Description: Custom dark + yellow marketing theme for Digital Marketing By OG. Includes service pages, custom bundle builder, 48-hour launch, about and contact — auto-created on activation.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: digital-marketing-by-og
*/

/* ===================== BASE / THEME TOKENS ===================== */
:root{
  --og-bg:#0a0a0a; --og-card:#141414; --og-card2:#1c1c1c; --og-line:#2a2a2a;
  --og-text:#ffffff; --og-mut:#9ca3af; --og-yellow:#FFD200; --og-orange:#FFA500;
  --og-grad:linear-gradient(135deg,#FFD200,#FFA500); --og-green:#25D366; --og-green2:#128C7E;
  --og-radius:18px; --og-wrap:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--og-bg); color:var(--og-text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
img{max-width:100%;height:auto;}
a{color:inherit;}

/* ===================== HEADER / NAV ===================== */
.dmog-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--og-line);}
.dmog-header-in{max-width:var(--og-wrap);margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.dmog-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:20px;text-decoration:none;color:var(--og-text);white-space:nowrap;}
.dmog-logo span{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dmog-nav{display:flex;align-items:center;gap:22px;}
.dmog-nav>a,.dmog-drop-t{color:var(--og-mut);text-decoration:none;font-size:14.5px;font-weight:600;cursor:pointer;transition:color .15s;}
.dmog-nav>a:hover,.dmog-drop-t:hover{color:var(--og-yellow);}
.dmog-nav-wa{background:linear-gradient(135deg,var(--og-green),var(--og-green2));color:#fff!important;padding:9px 16px;border-radius:10px;}
.dmog-drop{position:relative;}
.dmog-drop-menu{position:absolute;top:calc(100% + 12px);left:0;background:var(--og-card);border:1.5px solid var(--og-line);border-radius:14px;padding:8px;min-width:220px;display:none;flex-direction:column;box-shadow:0 12px 30px rgba(0,0,0,.5);}
.dmog-drop:hover .dmog-drop-menu{display:flex;}
.dmog-drop-menu a{color:var(--og-mut);text-decoration:none;font-size:14px;padding:9px 12px;border-radius:8px;}
.dmog-drop-menu a:hover{background:var(--og-card2);color:var(--og-yellow);}
.dmog-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:6px;}
.dmog-burger span{width:24px;height:2px;background:var(--og-text);transition:.2s;}
.dmog-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.dmog-burger.open span:nth-child(2){opacity:0;}
.dmog-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.dmog-main{min-height:60vh;}

/* ===================== SHARED CONTAINERS / BUTTONS ===================== */
.dmog-container{max-width:var(--og-wrap);margin:0 auto;padding:48px 20px;}
#og-service,#og-bundle,#og-about,#og-launch,#og-contact{max-width:var(--og-wrap);margin:0 auto;padding:56px 20px;}
.ogs-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:0;transition:filter .15s,transform .05s,border-color .15s,color .15s;font-family:'Inter',sans-serif;}
.ogs-btn:active{transform:scale(.98);}
.ogs-btn-wa{background:linear-gradient(135deg,var(--og-green),var(--og-green2));color:#fff;}
.ogs-btn-wa:hover{filter:brightness(1.08);}
.ogs-btn-ghost{background:transparent;color:var(--og-text);border:1.5px solid var(--og-line);}
.ogs-btn-ghost:hover{border-color:var(--og-yellow);color:var(--og-yellow);}
.ogs-final-btn{font-size:16px;padding:15px 28px;}
.ogs-eyebrow{display:inline-block;font-family:'Syne',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--og-yellow);margin-bottom:14px;}

/* ===================== HOME ===================== */
.dmog-hero{padding:70px 20px 50px;text-align:center;background:radial-gradient(ellipse at 50% -20%,rgba(255,210,0,.08),transparent 60%);}
.dmog-hero-in{max-width:820px;margin:0 auto;}
.dmog-hero-eyebrow{display:inline-block;font-family:'Syne',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--og-yellow);margin-bottom:16px;}
.dmog-hero-title{font-family:'Syne',sans-serif;font-size:50px;line-height:1.05;font-weight:800;letter-spacing:-1px;margin:0 0 18px;}
.dmog-hero-title b{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dmog-hero-lead{font-size:17px;line-height:1.6;color:var(--og-mut);margin:0 auto 28px;max-width:640px;}
.dmog-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.dmog-hero-stats{display:flex;gap:36px;justify-content:center;margin-top:44px;flex-wrap:wrap;}
.dmog-hero-stats b{font-family:'Syne',sans-serif;font-size:30px;color:var(--og-yellow);display:block;line-height:1;}
.dmog-hero-stats span{font-size:13px;color:var(--og-mut);}
.dmog-sec{max-width:var(--og-wrap);margin:0 auto;padding:60px 20px;}
.dmog-sec-title{font-family:'Syne',sans-serif;font-size:32px;font-weight:800;text-align:center;margin:0 0 6px;}
.dmog-sec-title span{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dmog-sec-sub{text-align:center;color:var(--og-mut);margin:0 0 34px;}
.dmog-serv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.dmog-serv-card{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:24px;text-decoration:none;color:var(--og-text);transition:border-color .15s,transform .15s;display:block;}
.dmog-serv-card:hover{border-color:var(--og-yellow);transform:translateY(-4px);}
.dmog-serv-ico{width:50px;height:50px;border-radius:12px;background:rgba(255,210,0,.1);border:1px solid rgba(255,210,0,.22);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
.dmog-serv-card h3{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;margin:0 0 7px;}
.dmog-serv-card p{font-size:13px;color:var(--og-mut);margin:0 0 12px;line-height:1.5;}
.dmog-serv-more{font-size:13px;font-weight:700;color:var(--og-yellow);}
.dmog-launch-banner{max-width:var(--og-wrap);margin:0 auto;padding:0 20px;}
.dmog-lb-in{background:linear-gradient(135deg,rgba(255,210,0,.1),rgba(255,165,0,.05));border:1.5px solid rgba(255,210,0,.28);border-radius:var(--og-radius);padding:34px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.dmog-lb-in h2{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;margin:6px 0 6px;}
.dmog-lb-in p{color:var(--og-mut);margin:0;font-size:14.5px;}
.dmog-final-cta{max-width:820px;margin:60px auto;padding:48px 24px;text-align:center;background:linear-gradient(135deg,rgba(255,210,0,.08),rgba(255,165,0,.04));border:1.5px solid rgba(255,210,0,.25);border-radius:var(--og-radius);}
.dmog-final-cta h2{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;margin:0 0 10px;}
.dmog-final-cta p{color:var(--og-mut);margin:0 auto 22px;max-width:480px;}

/* ===================== SERVICE PAGE ===================== */
.ogs-hero{text-align:center;max-width:760px;margin:0 auto 20px;}
.ogs-title{font-family:'Syne',sans-serif;font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-.6px;margin:0 0 16px;}
.ogs-title b{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;}
.ogs-lead{font-size:16.5px;line-height:1.6;color:var(--og-mut);margin:0 0 26px;}
.ogs-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.ogs-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}
.ogs-stat{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:14px;padding:16px 22px;min-width:130px;}
.ogs-stat-num{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:var(--og-yellow);line-height:1;}
.ogs-stat-label{font-size:12px;color:var(--og-mut);margin-top:6px;}
.ogs-section{margin-top:52px;}
.ogs-heading{font-family:'Syne',sans-serif;font-size:27px;font-weight:800;margin:0 0 6px;text-align:center;}
.ogs-heading::after{content:"";display:block;width:48px;height:3px;background:var(--og-grad);border-radius:3px;margin:12px auto 28px;}
.ogs-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ogs-feature{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:22px;transition:border-color .15s,transform .15s;}
.ogs-feature:hover{border-color:var(--og-yellow);transform:translateY(-3px);}
.ogs-feat-icon{width:46px;height:46px;border-radius:12px;background:rgba(255,210,0,.1);border:1px solid rgba(255,210,0,.22);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.ogs-feat-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;margin:0 0 7px;}
.ogs-feat-desc{font-size:13.5px;line-height:1.55;color:var(--og-mut);margin:0;}
.ogs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ogs-step{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:22px;}
.ogs-step-num{font-family:'Syne',sans-serif;font-size:34px;font-weight:800;background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:10px;}
.ogs-step-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;margin:0 0 6px;}
.ogs-step-desc{font-size:13px;line-height:1.5;color:var(--og-mut);margin:0;}
.ogs-faqs{max-width:760px;margin:0 auto;}
.ogs-faq{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:14px;margin-bottom:12px;overflow:hidden;}
.ogs-faq-q{width:100%;text-align:left;background:none;border:0;color:var(--og-text);font-family:'Inter',sans-serif;font-size:15px;font-weight:600;padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.ogs-faq-q:hover{color:var(--og-yellow);}
.ogs-faq-icon{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--og-line);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .2s,background .2s,color .2s;}
.ogs-faq.open .ogs-faq-icon{background:var(--og-grad);color:#0a0a0a;border-color:var(--og-yellow);transform:rotate(45deg);}
.ogs-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.ogs-faq-a p{padding:0 20px 18px;margin:0;font-size:13.5px;line-height:1.6;color:var(--og-mut);}
.ogs-final{margin-top:56px;text-align:center;background:linear-gradient(135deg,rgba(255,210,0,.08),rgba(255,165,0,.04));border:1.5px solid rgba(255,210,0,.25);border-radius:var(--og-radius);padding:40px 24px;}
.ogs-final-title{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;margin:0 0 10px;}
.ogs-final-sub{font-size:15px;color:var(--og-mut);margin:0 auto 22px;max-width:520px;}

/* ===================== BUNDLE BUILDER ===================== */
.ogb-head{text-align:center;margin-bottom:30px;}
.ogb-title{font-family:'Syne',sans-serif;font-size:34px;line-height:1.1;margin:0 0 10px;font-weight:800;letter-spacing:-.5px;}
.ogb-title span{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ogb-sub{font-size:15px;color:var(--og-mut);margin:0 auto;max-width:580px;line-height:1.5;}
.ogb-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start;}
.ogb-cat{margin-bottom:24px;}
.ogb-cat-title{font-family:'Syne',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--og-yellow);font-weight:800;margin:0 0 13px;}
.ogb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;}
.ogb-item{position:relative;display:flex;gap:12px;align-items:flex-start;background:var(--og-card);border:1.5px solid var(--og-line);border-radius:14px;padding:15px 15px 15px 46px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;}
.ogb-item:hover{border-color:#3d3d3d;}
.ogb-item.on{border-color:var(--og-yellow);background:var(--og-card2);box-shadow:0 0 0 3px rgba(255,210,0,.08);}
.ogb-check{position:absolute;left:15px;top:16px;width:20px;height:20px;border-radius:6px;border:2px solid var(--og-line);display:flex;align-items:center;justify-content:center;transition:all .15s;}
.ogb-item.on .ogb-check{background:var(--og-grad);border-color:var(--og-yellow);}
.ogb-check svg{width:12px;height:12px;opacity:0;color:#0a0a0a;}
.ogb-item.on .ogb-check svg{opacity:1;}
.ogb-item-main{flex:1;min-width:0;}
.ogb-item-name{font-size:14.5px;font-weight:600;margin:0 0 3px;}
.ogb-item-desc{font-size:12.5px;color:var(--og-mut);margin:0;line-height:1.4;}
.ogb-item-price{font-size:14px;font-weight:800;white-space:nowrap;color:var(--og-yellow);text-align:right;}
.ogb-unit{display:block;font-size:10.5px;font-weight:600;color:var(--og-mut);}
.ogb-summary{position:sticky;top:90px;}
.ogb-summary-card{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:var(--og-radius);padding:22px;}
.ogb-summary-title{font-family:'Syne',sans-serif;font-size:19px;font-weight:800;margin:0 0 15px;}
.ogb-selected{max-height:290px;overflow:auto;margin-bottom:15px;}
.ogb-empty{color:var(--og-mut);font-size:13.5px;text-align:center;padding:24px 0;margin:0;}
.ogb-sel-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px dashed var(--og-line);}
.ogb-sel-row span:first-child{color:var(--og-mut);}
.ogb-sel-x{cursor:pointer;color:#ff6b6b;font-weight:800;margin-left:6px;}
.ogb-totals{border-top:1px solid var(--og-line);padding-top:13px;}
.ogb-row{display:flex;justify-content:space-between;font-size:14px;padding:5px 0;}
.ogb-disc{color:var(--og-yellow);}
.ogb-disc em{font-style:normal;font-size:11px;opacity:.85;}
.ogb-grand{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;border-top:1px solid var(--og-line);margin-top:6px;padding-top:13px;}
.ogb-grand span:last-child{color:var(--og-yellow);}
.ogb-nextdisc{font-size:12px;color:var(--og-yellow);text-align:center;margin:11px 0 0;min-height:16px;font-weight:600;}
.ogb-btn{width:100%;margin-top:15px;background:linear-gradient(135deg,var(--og-green),var(--og-green2));color:#fff;border:0;padding:15px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:filter .15s;}
.ogb-btn:hover{filter:brightness(1.08);}
.ogb-btn:disabled{opacity:.4;cursor:not-allowed;filter:none;}
.ogb-clear{width:100%;margin-top:10px;background:transparent;color:var(--og-mut);border:1px solid var(--og-line);padding:11px;border-radius:10px;font-size:13px;cursor:pointer;}
.ogb-clear:hover{color:var(--og-text);border-color:#3d3d3d;}
.ogb-note{font-size:11px;color:var(--og-mut);margin:13px 0 0;line-height:1.5;}
.ogb-note b{color:var(--og-yellow);}
.ogb-mbar{display:none;position:sticky;bottom:0;margin:16px 0 0;padding:13px 16px;background:var(--og-card2);border:1.5px solid var(--og-line);align-items:center;gap:12px;border-radius:14px;}
.ogb-mbar-info{display:flex;flex-direction:column;line-height:1.2;}
.ogb-mbar-count{font-size:11px;color:var(--og-mut);}
.ogb-mbar-total{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:var(--og-yellow);}
.ogb-mbar-btn{flex:1;background:linear-gradient(135deg,var(--og-green),var(--og-green2));color:#fff;border:0;padding:14px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;}
.ogb-mbar-btn:disabled{opacity:.4;}

/* ===================== ABOUT ===================== */
.ogab-intro{text-align:center;max-width:720px;margin:0 auto 44px;}
.ogab-eyebrow{display:inline-block;font-family:'Syne',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--og-yellow);margin-bottom:14px;}
.ogab-title{font-family:'Syne',sans-serif;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.5px;margin:0 0 14px;}
.ogab-title span{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ogab-lead{font-size:16px;line-height:1.6;color:var(--og-mut);margin:0;}
.ogab-section{margin-top:44px;}
.ogab-heading{font-family:'Syne',sans-serif;font-size:24px;font-weight:800;margin:0 0 6px;text-align:center;}
.ogab-heading::after{content:"";display:block;width:48px;height:3px;background:var(--og-grad);border-radius:3px;margin:12px auto 0;}
.ogab-subheading{text-align:center;color:var(--og-mut);font-size:14px;margin:14px 0 26px;}
.ogab-team{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:760px;margin:28px auto 0;}
.ogab-person{display:flex;gap:18px;align-items:center;background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:22px;transition:border-color .15s,transform .15s;}
.ogab-person:hover{border-color:var(--og-yellow);transform:translateY(-3px);}
.ogab-avatar{flex:none;width:76px;height:76px;border-radius:50%;background:var(--og-grad);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:26px;overflow:hidden;}
.ogab-name{font-family:'Syne',sans-serif;font-size:19px;font-weight:800;margin:0 0 4px;}
.ogab-role{display:inline-block;font-size:12px;font-weight:700;color:var(--og-yellow);background:rgba(255,210,0,.1);border:1px solid rgba(255,210,0,.25);padding:2px 10px;border-radius:20px;margin-bottom:8px;}
.ogab-bio{font-size:13px;line-height:1.5;color:var(--og-mut);margin:0;}
.ogab-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ogab-project{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;overflow:hidden;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;}
.ogab-project:hover{border-color:var(--og-yellow);transform:translateY(-4px);}
.ogab-thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:52px;overflow:hidden;}
.ogab-thumb-a{background:linear-gradient(135deg,#1e293b,#0f172a);}
.ogab-thumb-b{background:linear-gradient(135deg,#3b2f1e,#1a1206);}
.ogab-thumb-c{background:linear-gradient(135deg,#1e2b24,#0a1611);}
.ogab-project-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column;}
.ogab-tag{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--og-yellow);margin-bottom:8px;}
.ogab-project-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;margin:0 0 8px;}
.ogab-project-desc{font-size:13px;line-height:1.55;color:var(--og-mut);margin:0 0 16px;flex:1;}
.ogab-link{align-self:flex-start;font-size:13.5px;font-weight:700;color:#0a0a0a;background:var(--og-grad);padding:9px 16px;border-radius:10px;text-decoration:none;}
.ogab-link:hover{filter:brightness(1.08);}

/* ===================== 48-HOUR LAUNCH ===================== */
.ogl-hero{text-align:center;max-width:720px;margin:0 auto 20px;}
.ogl-eyebrow{display:inline-block;font-family:'Syne',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--og-yellow);margin-bottom:14px;}
.ogl-title{font-family:'Syne',sans-serif;font-size:42px;line-height:1.08;font-weight:800;margin:0 0 16px;}
.ogl-title b{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ogl-lead{font-size:16.5px;line-height:1.6;color:var(--og-mut);margin:0 0 24px;}
.ogl-section{margin-top:52px;}
.ogl-heading{font-family:'Syne',sans-serif;font-size:27px;font-weight:800;text-align:center;margin:0 0 30px;}
.ogl-plans{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start;}
.ogl-plan{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:24px 20px;position:relative;display:flex;flex-direction:column;}
.ogl-plan-pop{border-color:var(--og-yellow);box-shadow:0 0 0 3px rgba(255,210,0,.1);}
.ogl-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--og-grad);color:#0a0a0a;font-size:10.5px;font-weight:800;padding:4px 12px;border-radius:20px;white-space:nowrap;}
.ogl-plan-name{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;margin:0 0 8px;}
.ogl-price{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:var(--og-yellow);margin-bottom:16px;}
.ogl-list{list-style:none;padding:0;margin:0 0 20px;flex:1;}
.ogl-list li{font-size:12.5px;color:var(--og-mut);padding:6px 0 6px 20px;position:relative;line-height:1.4;}
.ogl-list li::before{content:"✓";position:absolute;left:0;color:var(--og-yellow);font-weight:800;}
.ogl-plan-btn{display:block;text-align:center;background:transparent;border:1.5px solid var(--og-line);color:var(--og-text);padding:11px;border-radius:10px;font-size:13.5px;font-weight:700;text-decoration:none;transition:.15s;}
.ogl-plan-btn:hover{background:var(--og-grad);color:#0a0a0a;border-color:var(--og-yellow);}
.ogl-note{font-size:11.5px;color:var(--og-mut);text-align:center;margin-top:20px;}

/* ===================== CONTACT ===================== */
.ogc-hero{text-align:center;max-width:620px;margin:0 auto 34px;}
.ogc-title{font-family:'Syne',sans-serif;font-size:38px;font-weight:800;margin:0 0 12px;}
.ogc-title b{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ogc-lead{font-size:16px;color:var(--og-mut);margin:0;}
.ogc-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;max-width:900px;margin:0 auto;align-items:start;}
.ogc-info{display:flex;flex-direction:column;gap:14px;}
.ogc-card{display:flex;gap:14px;align-items:center;background:var(--og-card);border:1.5px solid var(--og-line);border-radius:14px;padding:18px;text-decoration:none;color:var(--og-text);transition:border-color .15s;}
.ogc-card:hover{border-color:var(--og-yellow);}
.ogc-ico{font-size:26px;}
.ogc-card b{display:block;font-family:'Syne',sans-serif;font-size:15px;}
.ogc-card span{font-size:13px;color:var(--og-mut);}
.ogc-form{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;}
.ogc-form input,.ogc-form textarea{background:var(--og-bg);border:1.5px solid var(--og-line);border-radius:10px;padding:13px 14px;color:var(--og-text);font-family:'Inter',sans-serif;font-size:14px;resize:vertical;}
.ogc-form input:focus,.ogc-form textarea:focus{outline:none;border-color:var(--og-yellow);}

/* ===================== DEFAULT PAGE / BLOG ===================== */
.dmog-page-title{font-family:'Syne',sans-serif;font-size:34px;font-weight:800;margin:0 0 20px;}
.dmog-page-content,.dmog-post-content{color:var(--og-mut);line-height:1.7;}
.dmog-page-content a,.dmog-post-content a{color:var(--og-yellow);}

/* ===================== RESPONSIVE ===================== */
@media(max-width:960px){
  .dmog-serv-grid{grid-template-columns:1fr 1fr;}
  .ogl-plans{grid-template-columns:1fr 1fr;}
  .ogb-layout{grid-template-columns:1fr;}
  .ogb-summary{position:static;}
  .ogb-summary-card .ogb-btn{display:none;}
  .ogb-mbar{display:flex;position:sticky;bottom:12px;}
}
@media(max-width:900px){
  .dmog-burger{display:flex;}
  .dmog-nav{position:fixed;top:59px;right:0;left:0;background:var(--og-card);border-bottom:1px solid var(--og-line);flex-direction:column;align-items:stretch;gap:0;padding:10px 0;transform:translateY(-120%);transition:transform .25s;max-height:calc(100vh - 59px);overflow:auto;}
  .dmog-nav.open{transform:translateY(0);}
  .dmog-nav>a,.dmog-drop-t{padding:13px 22px;}
  .dmog-drop-menu{position:static;display:none;box-shadow:none;border:0;background:var(--og-card2);border-radius:0;margin:0;}
  .dmog-drop.open .dmog-drop-menu{display:flex;}
  .dmog-nav-wa{margin:10px 22px;text-align:center;}
}
@media(max-width:860px){
  .ogs-features{grid-template-columns:1fr 1fr;}
  .ogs-steps{grid-template-columns:1fr 1fr;}
  .ogb-grid{grid-template-columns:1fr;}
  .ogab-projects{grid-template-columns:1fr;}
  .ogc-wrap{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .dmog-hero-title{font-size:34px;}
  .ogs-title,.ogl-title{font-size:30px;}
  .dmog-serv-grid,.ogl-plans,.ogs-features,.ogs-steps{grid-template-columns:1fr;}
  .ogab-team{grid-template-columns:1fr;}
  .ogab-person{flex-direction:column;text-align:center;}
  .dmog-footer-in{grid-template-columns:1fr 1fr;}
}

/* ===================== FOOTER ===================== */
.dmog-footer{border-top:1px solid var(--og-line);background:#0c0c0c;margin-top:40px;}
.dmog-footer-in{max-width:var(--og-wrap);margin:0 auto;padding:48px 20px 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;}
.dmog-foot-brand p{color:var(--og-mut);font-size:13.5px;line-height:1.6;margin:14px 0 14px;max-width:300px;}
.dmog-foot-wa{color:var(--og-yellow);text-decoration:none;font-weight:700;font-size:14px;}
.dmog-foot-col h4{font-family:'Syne',sans-serif;font-size:14px;font-weight:800;margin:0 0 14px;}
.dmog-foot-col a{display:block;color:var(--og-mut);text-decoration:none;font-size:13.5px;padding:5px 0;transition:color .15s;}
.dmog-foot-col a:hover{color:var(--og-yellow);}
.dmog-foot-bottom{border-top:1px solid var(--og-line);text-align:center;padding:20px;color:var(--og-mut);font-size:12.5px;}

/* ===================== BLOG LISTING ===================== */
#og-blog{max-width:var(--og-wrap);margin:0 auto;padding:56px 20px;}
.ogbl-hero{text-align:center;max-width:680px;margin:0 auto 40px;}
.ogbl-title{font-family:'Syne',sans-serif;font-size:38px;font-weight:800;margin:0 0 12px;line-height:1.1;}
.ogbl-title b{background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ogbl-lead{font-size:16px;color:var(--og-mut);margin:0;}
.ogbl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ogbl-card{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s;}
.ogbl-card:hover{border-color:var(--og-yellow);transform:translateY(-4px);}
.ogbl-thumb{display:block;height:180px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);}
.ogbl-thumb img{width:100%;height:100%;object-fit:cover;}
.ogbl-thumb-ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:44px;}
.ogbl-card-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.ogbl-cat{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--og-yellow);background:rgba(255,210,0,.1);border:1px solid rgba(255,210,0,.22);padding:3px 10px;border-radius:20px;margin-bottom:12px;}
.ogbl-card-title{font-family:'Syne',sans-serif;font-size:19px;font-weight:800;line-height:1.25;margin:0 0 10px;}
.ogbl-card-title a{color:var(--og-text);text-decoration:none;}
.ogbl-card-title a:hover{color:var(--og-yellow);}
.ogbl-excerpt{font-size:13.5px;line-height:1.6;color:var(--og-mut);margin:0 0 16px;flex:1;}
.ogbl-meta{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--og-mut);border-top:1px solid var(--og-line);padding-top:14px;}
.ogbl-read{color:var(--og-yellow);font-weight:700;text-decoration:none;}
.ogbl-pagination{margin-top:40px;text-align:center;}
.ogbl-pagination .page-numbers{display:inline-block;padding:9px 14px;margin:0 3px;border:1.5px solid var(--og-line);border-radius:10px;color:var(--og-mut);text-decoration:none;font-size:14px;}
.ogbl-pagination .page-numbers.current,.ogbl-pagination .page-numbers:hover{background:var(--og-grad);color:#0a0a0a;border-color:var(--og-yellow);}
.ogbl-empty{text-align:center;color:var(--og-mut);padding:40px 0;}

/* ===================== SINGLE POST ===================== */
#og-single{max-width:760px;margin:0 auto;padding:56px 20px;}
.ogsp-head{text-align:center;margin-bottom:26px;}
.ogsp-cat{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--og-yellow);background:rgba(255,210,0,.1);border:1px solid rgba(255,210,0,.22);padding:3px 12px;border-radius:20px;text-decoration:none;margin-bottom:16px;}
.ogsp-title{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;line-height:1.15;margin:0 0 14px;}
.ogsp-meta{font-size:13.5px;color:var(--og-mut);display:flex;gap:8px;justify-content:center;}
.ogsp-feat{border-radius:16px;overflow:hidden;margin:26px 0;border:1.5px solid var(--og-line);}
.ogsp-feat img{width:100%;display:block;}
.ogsp-content{font-size:16px;line-height:1.8;color:#d8dbe2;}
.ogsp-content h1,.ogsp-content h2,.ogsp-content h3,.ogsp-content h4{font-family:'Syne',sans-serif;color:var(--og-text);margin:1.6em 0 .6em;line-height:1.25;}
.ogsp-content h2{font-size:26px;} .ogsp-content h3{font-size:21px;}
.ogsp-content a{color:var(--og-yellow);}
.ogsp-content img{border-radius:12px;height:auto;}
.ogsp-content blockquote{border-left:3px solid var(--og-yellow);margin:1.4em 0;padding:.4em 1.2em;color:var(--og-mut);background:var(--og-card);border-radius:0 10px 10px 0;}
.ogsp-content code{background:var(--og-card);padding:2px 7px;border-radius:6px;font-size:.9em;}
.ogsp-content pre{background:var(--og-card);border:1px solid var(--og-line);border-radius:12px;padding:16px;overflow:auto;}
.ogsp-content ul,.ogsp-content ol{padding-left:1.4em;}
.ogsp-content li{margin:.4em 0;}
.ogsp-tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px;}
.ogsp-tags a{font-size:12.5px;color:var(--og-mut);background:var(--og-card);border:1px solid var(--og-line);padding:5px 12px;border-radius:20px;text-decoration:none;}
.ogsp-tags a:hover{color:var(--og-yellow);border-color:var(--og-yellow);}
.ogsp-back{margin-top:34px;}
.ogsp-comments{max-width:760px;margin:20px auto 0;padding:0 20px;}

/* ===================== 404 ===================== */
.dmog-404{max-width:600px;margin:0 auto;padding:90px 20px;text-align:center;}
.dmog-404 h1{font-family:'Syne',sans-serif;font-size:88px;font-weight:800;margin:0;background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dmog-404 p{color:var(--og-mut);margin:0 0 24px;}

/* ===================== APP-STYLE BOTTOM NAV (PWA / mobile) ===================== */
.dmog-appbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:rgba(20,20,20,.96);backdrop-filter:blur(12px);border-top:1px solid var(--og-line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;}
.dmog-appbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--og-mut);text-decoration:none;font-size:10.5px;font-weight:600;flex:1;}
.dmog-appbar a span{font-size:20px;line-height:1;}
.dmog-appbar a:active{color:var(--og-yellow);}
.dmog-appbar-mid span{background:var(--og-grad);width:44px;height:44px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#0a0a0a;margin-top:-18px;box-shadow:0 6px 16px rgba(255,210,0,.3);font-size:24px!important;}

@media(max-width:900px){
  .dmog-appbar{display:flex;}
  .dmog-main{padding-bottom:74px;} /* space for app bar */
}
/* When installed as an app (standalone), hide the top browser-style header feel a bit */
@media(display-mode:standalone){
  .dmog-header{position:sticky;}
}

/* ===================== OG AI CHAT WIDGET ===================== */
.ogai-fab{position:fixed;right:20px;bottom:22px;z-index:70;display:flex;align-items:center;gap:9px;background:var(--og-grad);color:#0a0a0a;border:0;border-radius:30px;padding:13px 20px;font-family:'Syne',sans-serif;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 28px rgba(255,210,0,.32);transition:transform .15s,opacity .2s;}
.ogai-fab:hover{transform:translateY(-2px);}
.ogai-fab-ico{font-size:20px;}
.ogai-fab.hide{opacity:0;pointer-events:none;transform:scale(.6);}
.ogai-panel{position:fixed;right:20px;bottom:22px;z-index:71;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 90px);background:var(--og-card);border:1.5px solid var(--og-line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;transform:translateY(20px) scale(.96);pointer-events:none;transition:opacity .2s,transform .2s;}
.ogai-panel.open{opacity:1;transform:none;pointer-events:auto;}
.ogai-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,rgba(255,210,0,.12),rgba(255,165,0,.05));border-bottom:1px solid var(--og-line);}
.ogai-head-l{display:flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;}
.ogai-head-l b{font-size:16px;}
.ogai-head-l em{font-style:normal;font-size:11px;color:#25D366;}
.ogai-dot{width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.2);}
.ogai-close{background:none;border:0;color:var(--og-mut);font-size:18px;cursor:pointer;}
.ogai-close:hover{color:var(--og-text);}
.ogai-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
.ogai-msg{max-width:82%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;}
.ogai-bot{align-self:flex-start;background:var(--og-card2);border:1px solid var(--og-line);border-bottom-left-radius:4px;}
.ogai-user{align-self:flex-end;background:var(--og-grad);color:#0a0a0a;font-weight:500;border-bottom-right-radius:4px;}
.ogai-typing{display:flex;gap:4px;align-items:center;}
.ogai-typing span{width:7px;height:7px;border-radius:50%;background:var(--og-mut);animation:ogai-bounce 1.2s infinite;}
.ogai-typing span:nth-child(2){animation-delay:.2s;} .ogai-typing span:nth-child(3){animation-delay:.4s;}
@keyframes ogai-bounce{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-5px);opacity:1;}}
.ogai-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--og-line);}
.ogai-input input{flex:1;background:var(--og-bg);border:1.5px solid var(--og-line);border-radius:22px;padding:11px 16px;color:var(--og-text);font-family:'Inter',sans-serif;font-size:14px;}
.ogai-input input:focus{outline:none;border-color:var(--og-yellow);}
.ogai-input button{flex:none;width:42px;height:42px;border-radius:50%;background:var(--og-grad);color:#0a0a0a;border:0;font-size:16px;cursor:pointer;}
@media(max-width:900px){
  .ogai-fab{bottom:84px;right:14px;}       /* sit above the app bottom-nav */
  .ogai-panel{bottom:14px;right:14px;left:14px;width:auto;height:70vh;max-height:calc(100vh - 100px);}
}

/* ===================== INVOICE DOCUMENT ===================== */
.oginv-wrap{max-width:820px;margin:0 auto;padding:40px 20px 60px;}
.oginv-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px;}
.oginv{background:#fff;color:#1a1a1a;border-radius:14px;padding:40px;box-shadow:0 20px 50px rgba(0,0,0,.4);}
.oginv-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:3px solid #0a0a0a;padding-bottom:22px;}
.oginv-logo{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:#0a0a0a;}
.oginv-logo span{color:#d99b00;}
.oginv-biz{font-size:12.5px;color:#555;margin-top:6px;line-height:1.5;}
.oginv-meta{text-align:right;}
.oginv-meta h1{font-family:'Syne',sans-serif;font-size:30px;letter-spacing:2px;margin:0 0 8px;color:#0a0a0a;}
.oginv-meta div{font-size:13px;color:#444;margin:2px 0;}
.oginv-status{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;}
.oginv-unpaid{background:#fde7e7;color:#c0392b;} .oginv-paid{background:#e4f7e8;color:#1a7f37;} .oginv-draft{background:#eee;color:#666;}
.oginv-billto{margin:24px 0;}
.oginv-billto span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:6px;}
.oginv-billto b{font-size:16px;color:#0a0a0a;}
.oginv-billto div{font-size:13px;color:#555;margin-top:3px;line-height:1.5;}
.oginv-table{width:100%;border-collapse:collapse;margin:10px 0 6px;}
.oginv-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#0a0a0a;padding:11px 12px;}
.oginv-table th.c,.oginv-table td.c{text-align:center;} .oginv-table th.r,.oginv-table td.r{text-align:right;}
.oginv-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;color:#333;}
.oginv-totals{max-width:280px;margin-left:auto;margin-top:14px;}
.oginv-totals>div{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;color:#444;}
.oginv-grand{border-top:2px solid #0a0a0a;margin-top:6px;padding-top:12px!important;font-family:'Syne',sans-serif;font-size:20px!important;font-weight:800;color:#0a0a0a;}
.oginv-notes{margin-top:26px;font-size:13px;color:#555;background:#faf7ec;border-left:3px solid #FFD200;padding:12px 16px;border-radius:0 8px 8px 0;}
.oginv-foot{margin-top:28px;text-align:center;font-size:12.5px;color:#999;border-top:1px solid #eee;padding-top:18px;}

/* ===================== PRINT ===================== */
@media print{
  .dmog-header,.dmog-footer,.dmog-appbar,.ogai,.ogai-fab,.ogai-panel,.no-print{display:none!important;}
  body{background:#fff!important;}
  .dmog-main{padding:0!important;}
  .oginv-wrap{padding:0;max-width:100%;}
  .oginv{box-shadow:none;border-radius:0;padding:0;}
}

/* ===================== PREMIUM POLISH ===================== */
::selection{background:var(--og-yellow);color:#0a0a0a;}
html{-webkit-tap-highlight-color:transparent;}
:focus-visible{outline:2px solid var(--og-yellow);outline-offset:2px;border-radius:6px;}

/* Richer depth on cards + gold hover glow */
.dmog-serv-card,.ogs-feature,.ogbl-card,.ogab-person,.ogab-project,.ogl-plan,.ogs-step{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.28);
}
.dmog-serv-card:hover,.ogs-feature:hover,.ogbl-card:hover,.ogab-person:hover,.ogab-project:hover{
  box-shadow:0 20px 46px rgba(0,0,0,.5), 0 0 0 1px rgba(255,210,0,.14), 0 0 34px rgba(255,210,0,.06);
}

/* Buttons — soft brand shadow + lift */
.ogs-btn-wa{box-shadow:0 8px 22px rgba(37,211,102,.24);}
.ogs-btn-wa:hover{box-shadow:0 13px 30px rgba(37,211,102,.34);transform:translateY(-2px);}
.ogs-btn-ghost:hover{transform:translateY(-2px);}

/* Header polish + animated nav underline */
.dmog-header{box-shadow:0 1px 0 rgba(255,255,255,.03);}
.dmog-nav>a{position:relative;}
.dmog-nav>a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--og-grad);border-radius:2px;transition:right .25s ease;}
.dmog-nav>a:hover::after{right:0;}
.dmog-nav-wa::after{display:none;}

/* Ambient hero glows */
.dmog-hero{position:relative;overflow:hidden;}
.dmog-hero::before,.dmog-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(72px);z-index:0;pointer-events:none;}
.dmog-hero::before{width:360px;height:360px;background:radial-gradient(circle,rgba(255,210,0,.16),transparent 70%);top:-130px;left:-90px;}
.dmog-hero::after{width:320px;height:320px;background:radial-gradient(circle,rgba(255,165,0,.12),transparent 70%);bottom:-130px;right:-70px;}
.dmog-hero-in{position:relative;z-index:1;}

/* Subtle glow behind section titles */
.dmog-sec-title,.ogs-heading,.ogbl-title,.ogab-title{text-shadow:0 0 40px rgba(255,210,0,.06);}

/* FAB pulse ring */
.ogai-fab::after{content:"";position:absolute;inset:0;border-radius:30px;box-shadow:0 0 0 0 rgba(255,210,0,.4);animation:ogai-pulse 2.6s infinite;}
@keyframes ogai-pulse{0%{box-shadow:0 0 0 0 rgba(255,210,0,.32);}70%{box-shadow:0 0 0 14px rgba(255,210,0,0);}100%{box-shadow:0 0 0 0 rgba(255,210,0,0);}}
.ogai-fab{position:fixed;} /* keep positioning; ::after needs relative context via fixed */

/* ===================== REVEAL ON SCROLL (blink-free, JS-gated, self-healing) ===================== */
html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan{
  opacity:0;transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);
  animation:og-safety .01s linear 4s forwards;   /* fallback reveal if JS never runs */
}
@keyframes og-safety{to{opacity:1;transform:none;}}
.og-in{opacity:1!important;transform:none!important;animation:none!important;}
@media(prefers-reduced-motion:reduce){
  html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;}
}

/* ===================== MOBILE NAV FIX (anchor to header, no magic px) ===================== */
@media(max-width:900px){
  .dmog-nav{position:absolute;top:100%;}
}

/* ===================== CUSTOM LOGO (Customizer upload) ===================== */
.dmog-header .custom-logo-link{display:inline-flex;align-items:center;line-height:0;}
.dmog-header .custom-logo{max-height:44px;width:auto;height:auto;}
@media(max-width:600px){ .dmog-header .custom-logo{max-height:38px;} }

/* Bundled brand logo in header */
.dmog-logo-img{max-height:46px;width:auto;display:block;}
@media(max-width:600px){ .dmog-logo-img{max-height:40px;} }

/* ============================================================
   REVISION PASS — gold buttons, theme toggle, animations,
   AI position, premium mobile
   ============================================================ */

/* ---------- Theme toggle button ---------- */
.dmog-header-r{display:flex;align-items:center;gap:10px;}
.dmog-theme{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--og-line);background:transparent;cursor:pointer;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .18s,transform .3s;}
.dmog-theme:hover{border-color:var(--og-yellow);transform:rotate(25deg);}
.dmog-theme::before{content:"🌙";}
:root[data-theme="light"] .dmog-theme::before{content:"☀️";}

/* ---------- Buttons: GOLD (no more green) ---------- */
.ogs-btn-wa,.ogb-btn,.ogb-mbar-btn{background:var(--og-grad);color:#0a0a0a;}
.ogs-btn-wa svg,.ogb-btn svg{color:#0a0a0a;}
.ogs-btn-wa{box-shadow:0 8px 22px rgba(255,183,0,.28);}
.ogs-btn-wa:hover{filter:brightness(1.05);box-shadow:0 14px 32px rgba(255,183,0,.4);transform:translateY(-2px);}
.ogb-btn:hover,.ogb-mbar-btn:hover{filter:brightness(1.06);}
.dmog-nav-wa{background:var(--og-grad);color:#0a0a0a!important;box-shadow:0 6px 16px rgba(255,183,0,.25);}
.dmog-foot-wa{color:var(--og-yellow);}

/* ---------- Hero entrance animation + gold shine ---------- */
@media(prefers-reduced-motion:no-preference){
  .dmog-hero-eyebrow,.dmog-hero-title,.dmog-hero-lead,.dmog-hero-cta,.dmog-hero-stats,
  .ogs-eyebrow,.ogs-title,.ogs-lead,.ogs-cta,.ogs-stats,
  .ogl-eyebrow,.ogl-title,.ogl-lead{opacity:0;animation:og-up .7s cubic-bezier(.2,.7,.2,1) forwards;}
  .dmog-hero-title,.ogs-title,.ogl-title{animation-delay:.07s;}
  .dmog-hero-lead,.ogs-lead,.ogl-lead{animation-delay:.15s;}
  .dmog-hero-cta,.ogs-cta{animation-delay:.23s;}
  .dmog-hero-stats,.ogs-stats{animation-delay:.31s;}
}
@keyframes og-up{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
.dmog-hero-title b,.ogs-title b,.ogl-title b,.dmog-hero-title span,.oginv-logo span{background-size:220% auto;}
@media(prefers-reduced-motion:no-preference){
  .dmog-hero-title b,.ogs-title b,.ogl-title b{animation:og-shine 5s linear infinite;}
}
@keyframes og-shine{to{background-position:220% center;}}

/* Stronger card reveal distance */
html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogab-project{transform:translateY(26px) scale(.985);}
.og-in{transform:none!important;}

/* ---------- OG AI moved to LEFT (away from WhatsApp buttons) ---------- */
.ogai-fab{left:20px;right:auto;}
.ogai-panel{left:20px;right:auto;}
@media(max-width:900px){
  .ogai-fab{left:14px;right:auto;bottom:84px;}
  .ogai-panel{left:14px;right:14px;bottom:14px;width:auto;}
}

/* ============================================================
   PREMIUM MOBILE
   ============================================================ */
@media(max-width:600px){
  .dmog-hero{padding:46px 18px 34px;}
  .dmog-hero-title{font-size:clamp(30px,8.4vw,40px);letter-spacing:-.5px;line-height:1.1;}
  .dmog-hero-lead{font-size:14.5px;}
  .dmog-hero-cta{flex-direction:column;gap:10px;}
  .dmog-hero-cta .ogs-btn{width:100%;justify-content:center;}
  .dmog-hero-stats{gap:20px;margin-top:34px;}
  .dmog-sec{padding:42px 18px;}
  .dmog-sec-title{font-size:25px;}
  .dmog-sec-sub{font-size:13.5px;}
  .dmog-serv-card{padding:20px;}
  .dmog-lb-in{flex-direction:column;text-align:center;align-items:stretch;padding:26px 20px;gap:16px;}
  .dmog-lb-in .ogs-btn{justify-content:center;width:100%;}
  .dmog-final-cta{margin:44px 16px;padding:34px 20px;}
  .dmog-final-cta h2{font-size:24px;}
  .ogs-cta{flex-direction:column;gap:10px;}
  .ogs-cta .ogs-btn{width:100%;justify-content:center;}
  .ogs-stats{gap:10px;}
  .ogs-stat{flex:1 1 calc(50% - 8px);min-width:0;text-align:center;}
  .ogs-final{padding:32px 20px;}
  .ogl-plan{padding:22px 18px;}
  .ogbl-hero,.ogab-intro{margin-bottom:32px;}
}
/* App bottom-nav: premium glassy */
.dmog-appbar{border-radius:22px 22px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.35);}
.dmog-appbar a{transition:color .15s,transform .12s;}
.dmog-appbar a:active{transform:scale(.9);}

/* ============================================================
   LIGHT THEME
   ============================================================ */
:root[data-theme="light"]{
  --og-bg:#ffffff; --og-card:#ffffff; --og-card2:#f3f4f7; --og-line:#e6e7ec;
  --og-text:#15161c; --og-mut:#586070;
}
:root[data-theme="light"] body{background:#ffffff;}
:root[data-theme="light"] .dmog-header{background:rgba(255,255,255,.85);border-bottom-color:#ecedf2;}
:root[data-theme="light"] .dmog-footer{background:#f5f6f8;border-top-color:#e6e7ec;}
:root[data-theme="light"] .dmog-foot-bottom{border-top-color:#e6e7ec;}
:root[data-theme="light"] .dmog-appbar{background:rgba(255,255,255,.94);border-top-color:#e6e7ec;box-shadow:0 -8px 30px rgba(20,22,40,.08);}
:root[data-theme="light"] .dmog-logo{color:#15161c;}
:root[data-theme="light"] .dmog-serv-card,:root[data-theme="light"] .ogs-feature,:root[data-theme="light"] .ogbl-card,:root[data-theme="light"] .ogab-person,:root[data-theme="light"] .ogab-project,:root[data-theme="light"] .ogl-plan,:root[data-theme="light"] .ogs-step{box-shadow:0 6px 20px rgba(20,22,40,.08);}
:root[data-theme="light"] .dmog-serv-card:hover,:root[data-theme="light"] .ogs-feature:hover,:root[data-theme="light"] .ogbl-card:hover,:root[data-theme="light"] .ogab-person:hover,:root[data-theme="light"] .ogab-project:hover{box-shadow:0 16px 40px rgba(20,22,40,.14),0 0 0 1px rgba(255,183,0,.3);}
:root[data-theme="light"] .ogsp-content{color:#33363d;}
:root[data-theme="light"] .ogbl-thumb{background:linear-gradient(135deg,#eef0f4,#e4e7ee);}
:root[data-theme="light"] .ogai-head{background:linear-gradient(135deg,rgba(255,210,0,.16),rgba(255,165,0,.06));}

/* ============================================================
   3D CINEMATIC ANIMATIONS (Framer / Awwwards vibe)
   ============================================================ */

/* Lenis smooth-scroll base */
html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}

/* Perspective on card containers */
html.js .dmog-serv-grid,html.js .ogs-features,html.js .ogs-steps,html.js .ogbl-grid,html.js .ogab-team,html.js .ogab-projects,html.js .ogl-plans{perspective:1400px;}

/* 3D reveal — uses individual transform props so hover-tilt (transform) never conflicts */
html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan,html.js .dmog-lb-in,html.js .ogs-final,html.js .dmog-final-cta{
  opacity:0;transform:none;translate:0 54px;scale:.94;rotate:x 12deg;transform-origin:50% 130%;
  transition:opacity .8s cubic-bezier(.16,.84,.28,1),translate .8s cubic-bezier(.16,.84,.28,1),scale .8s cubic-bezier(.16,.84,.28,1),rotate .8s cubic-bezier(.16,.84,.28,1);
  animation:og-safety2 .01s linear 4.5s forwards;
}
.og-in{opacity:1!important;translate:0 0!important;scale:1!important;rotate:none!important;}
@keyframes og-safety2{to{opacity:1;translate:0 0;scale:1;rotate:none;}}

@media(prefers-reduced-motion:reduce){
  html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan,html.js .dmog-lb-in,html.js .ogs-final,html.js .dmog-final-cta{opacity:1!important;translate:none!important;scale:none!important;rotate:none!important;transform:none!important;animation:none!important;transition:none!important;}
}

/* 3D tilt setup + glare sheen */
.dmog-serv-card,.ogs-feature,.ogab-project,.ogl-plan,.ogbl-card{transform-style:preserve-3d;transition:transform .18s ease,border-color .15s,box-shadow .18s;}
.dmog-serv-card,.ogs-feature{position:relative;overflow:hidden;}
.dmog-serv-card::after,.ogs-feature::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(255,210,0,.16),transparent 62%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:1;}
.dmog-serv-card:hover::after,.ogs-feature:hover::after{opacity:1;}
.dmog-serv-card>*,.ogs-feature>*{position:relative;z-index:2;}

/* ============================================================
   MARQUEE STRIP
   ============================================================ */
.dmog-marquee{overflow:hidden;padding:20px 0;margin:26px 0;border-top:1px solid var(--og-line);border-bottom:1px solid var(--og-line);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.dmog-marquee-track{display:flex;align-items:center;gap:34px;width:max-content;animation:og-marquee 32s linear infinite;}
.dmog-marquee:hover .dmog-marquee-track{animation-play-state:paused;}
.dmog-marquee span{font-family:'Syne',sans-serif;font-weight:800;font-size:26px;letter-spacing:.5px;color:var(--og-mut);white-space:nowrap;text-transform:uppercase;}
.dmog-marquee .dmog-mq-dot{color:var(--og-yellow);font-size:16px;}
@keyframes og-marquee{to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.dmog-marquee-track{animation:none;}}
@media(max-width:600px){.dmog-marquee span{font-size:20px;}.dmog-marquee-track{gap:24px;animation-duration:24s;}}

/* ============================================================
   PASS 2 — bigger logo, premium light default, typography
   ============================================================ */

/* Bigger logo */
.dmog-logo-img{max-height:62px;}
.dmog-header .custom-logo{max-height:60px;width:auto;}
@media(max-width:600px){ .dmog-logo-img{max-height:50px;} .dmog-header .custom-logo{max-height:48px;} }

/* Premium typography */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em;}
.dmog-hero-title{font-size:clamp(36px,6.2vw,60px);letter-spacing:-1.6px;line-height:1.02;text-wrap:balance;}
.ogs-title,.ogl-title{letter-spacing:-1px;text-wrap:balance;}
.dmog-sec-title,.ogs-heading,.ogl-heading,.ogab-heading,.ogbl-title,.ogb-title{letter-spacing:-.6px;}
.dmog-hero-lead{font-size:clamp(15px,1.5vw,18px);line-height:1.66;}
.dmog-serv-card p,.ogs-feat-desc,.ogbl-excerpt,.ogab-bio,.dmog-sec-sub{line-height:1.62;}
p{text-wrap:pretty;}

/* Premium eyebrow chips */
.dmog-hero-eyebrow,.ogs-eyebrow,.ogl-eyebrow,.ogab-eyebrow{display:inline-block;padding:6px 15px;border:1px solid var(--og-line);border-radius:30px;background:var(--og-card2);}

/* Buttons refined */
.ogs-btn{border-radius:14px;letter-spacing:.1px;}

/* ============================================================
   PREMIUM LIGHT THEME (now the default)
   ============================================================ */
:root[data-theme="light"]{
  --og-bg:#f5f6f9; --og-card:#ffffff; --og-card2:#eef1f6; --og-line:#e5e8ef;
  --og-text:#0f1117; --og-mut:#586274;
}
:root[data-theme="light"] body{background:radial-gradient(1100px 560px at 50% -8%, #ffffff, #eef1f6 55%, #e7ebf2);}
:root[data-theme="light"] .dmog-hero{background:radial-gradient(ellipse at 50% -18%, rgba(255,210,0,.16), transparent 60%);}
:root[data-theme="light"] .dmog-serv-card,:root[data-theme="light"] .ogs-feature,:root[data-theme="light"] .ogbl-card,:root[data-theme="light"] .ogab-person,:root[data-theme="light"] .ogab-project,:root[data-theme="light"] .ogl-plan,:root[data-theme="light"] .ogs-step{box-shadow:0 2px 4px rgba(18,22,45,.04),0 14px 32px rgba(18,22,45,.07);border-color:#eaedf3;}
:root[data-theme="light"] .dmog-serv-card:hover,:root[data-theme="light"] .ogs-feature:hover,:root[data-theme="light"] .ogbl-card:hover,:root[data-theme="light"] .ogab-person:hover,:root[data-theme="light"] .ogab-project:hover{box-shadow:0 22px 50px rgba(18,22,45,.13),0 0 0 1px rgba(255,183,0,.4);}
:root[data-theme="light"] .dmog-marquee span{color:#8a93a4;}
:root[data-theme="light"] .dmog-serv-card::after,:root[data-theme="light"] .ogs-feature::after{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(255,183,0,.14),transparent 62%);}

/* 404 premium */
.dmog-404{max-width:640px;margin:0 auto;padding:80px 20px 90px;text-align:center;}
.dmog-404-num{font-family:'Syne',sans-serif;font-size:clamp(90px,20vw,170px);font-weight:800;line-height:.9;background:var(--og-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;background-size:220% auto;animation:og-shine 5s linear infinite;}
.dmog-404-title{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;margin:14px 0 10px;}
.dmog-404-sub{color:var(--og-mut);font-size:15px;margin:0 auto 26px;max-width:440px;}
.dmog-404-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:34px;}
.dmog-404-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.dmog-404-links a{font-size:13px;color:var(--og-mut);text-decoration:none;padding:7px 14px;border:1px solid var(--og-line);border-radius:30px;transition:.15s;}
.dmog-404-links a:hover{color:var(--og-yellow);border-color:var(--og-yellow);}
@media(max-width:600px){.dmog-404-cta .ogs-btn{width:100%;justify-content:center;}}

/* ============================================================
   PASS 3 — review fixes (light contrast, mobile polish)
   ============================================================ */

/* Light theme: deepen gold so small labels/prices/eyebrows stay readable on white */
:root[data-theme="light"]{
  --og-yellow:#B07D00;
  --og-grad:linear-gradient(135deg,#E6A200,#D97A00);
}
:root[data-theme="light"] .ogs-btn-wa svg,:root[data-theme="light"] .ogb-btn svg{color:#fff;}
:root[data-theme="light"] .ogs-btn-wa,:root[data-theme="light"] .ogb-btn,:root[data-theme="light"] .ogb-mbar-btn,:root[data-theme="light"] .dmog-nav-wa,:root[data-theme="light"] .ogab-link,:root[data-theme="light"] .ogl-plan-btn:hover,:root[data-theme="light"] .ogs-faq.open .ogs-faq-icon,:root[data-theme="light"] .ogb-item.on .ogb-check,:root[data-theme="light"] .ogai-user{color:#fff;}
:root[data-theme="light"] .ogai-fab,:root[data-theme="light"] .dmog-appbar-mid span{color:#fff;}

/* Mobile review fixes */
@media(max-width:600px){
  .dmog-header-in{gap:10px;}
  .ogsp-title{font-size:27px;}
  .ogsp-content{font-size:15.5px;}
  /* invoice fits small screens */
  .oginv-wrap{padding:24px 12px 54px;}
  .oginv{padding:22px 18px;}
  .oginv-top{flex-direction:column;gap:14px;}
  .oginv-meta{text-align:left;}
  .oginv-table th,.oginv-table td{padding:9px 7px;font-size:12.5px;}
  .oginv-logo{font-size:19px;}
  /* contact tighter */
  .ogc-title{font-size:30px;}
  /* blog cards spacing */
  #og-blog{padding:40px 16px;}
  .ogbl-title{font-size:30px;}
  /* about */
  #og-about{padding:40px 16px 48px;}
}

/* Tablet: 2-col service/blog grids read better than 1 giant col */
@media(min-width:601px) and (max-width:860px){
  .dmog-serv-grid{grid-template-columns:1fr 1fr;}
  .ogbl-grid{grid-template-columns:1fr 1fr;}
}

/* ============================================================
   PASS 4 — bigger logo, footer logo, SVG icons, premium buttons, mobile repair
   ============================================================ */

/* Header logo — clearly bigger */
.dmog-logo-img,.dmog-header .custom-logo{max-height:78px!important;width:auto;height:auto;}
@media(max-width:600px){ .dmog-logo-img,.dmog-header .custom-logo{max-height:58px!important;} }
.dmog-header-in{padding-top:12px;padding-bottom:12px;}

/* Footer logo */
.dmog-foot-logolink{display:inline-block;line-height:0;margin-bottom:14px;}
.dmog-foot-logo{max-height:66px;width:auto;}

/* Service icons: clean gold SVG (no more emoji) */
.dmog-serv-ico{color:var(--og-yellow);}
.dmog-serv-ico svg{width:26px;height:26px;display:block;}

/* Buttons — more premium, less "cheap" */
.ogs-btn{padding:15px 27px;border-radius:12px;font-weight:700;font-size:15px;letter-spacing:.15px;}
.ogs-btn-wa{box-shadow:0 6px 20px rgba(230,162,0,.26);}
.ogs-btn-wa:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(230,162,0,.42);}
.ogs-btn-wa svg{width:18px;height:18px;}
.ogs-btn-ghost{font-weight:600;border-width:1.5px;}

/* ---- MOBILE REPAIR: no sideways scroll, no broken 3D ---- */
html,body{max-width:100%;}
body{overflow-x:clip;}
@media(max-width:768px){
  /* flatten the 3D reveal on phones so nothing looks skewed/broken */
  html.js .dmog-serv-grid,html.js .ogs-features,html.js .ogs-steps,html.js .ogbl-grid,html.js .ogab-team,html.js .ogab-projects,html.js .ogl-plans{perspective:none;}
  html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan,html.js .dmog-lb-in,html.js .ogs-final,html.js .dmog-final-cta{rotate:none!important;scale:1!important;translate:0 22px!important;transform-origin:50% 50%;}
  /* disable tilt/glare pseudo on touch */
  .dmog-serv-card::after,.ogs-feature::after{display:none;}
}

/* ============================================================
   PASS 5 — AUTHORITATIVE MOBILE/TABLET (overrides all earlier, cleans the mess)
   ============================================================ */

/* Tablet & below: turn OFF scroll-reveal entirely (always visible, zero jank) */
@media(max-width:900px){
  html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogs-step,html.js .ogbl-card,html.js .ogab-person,html.js .ogab-project,html.js .ogl-plan,html.js .dmog-lb-in,html.js .ogs-final,html.js .dmog-final-cta{opacity:1!important;translate:none!important;scale:1!important;rotate:none!important;animation:none!important;transition:opacity .3s,border-color .15s,box-shadow .18s!important;}
  html.js .dmog-serv-grid,html.js .ogs-features,html.js .ogs-steps,html.js .ogbl-grid,html.js .ogab-team,html.js .ogab-projects,html.js .ogl-plans{perspective:none!important;}
  .dmog-serv-card::after,.ogs-feature::after{display:none!important;}
}

/* Tablet 641–900: clean 2-column grids */
@media(min-width:641px) and (max-width:900px){
  .dmog-serv-grid,.ogbl-grid,.ogs-features,.ogab-projects,.ogl-plans{grid-template-columns:1fr 1fr!important;}
  .ogs-steps{grid-template-columns:1fr 1fr!important;}
}

/* Phones ≤640: single column everywhere + tight, clean spacing */
@media(max-width:640px){
  .dmog-serv-grid,.ogs-features,.ogs-steps,.ogbl-grid,.ogab-team,.ogab-projects,.ogl-plans{grid-template-columns:1fr!important;gap:14px!important;}

  #og-service,#og-bundle,#og-about,#og-launch,#og-contact,#og-blog,#og-single{padding-left:16px!important;padding-right:16px!important;}
  .dmog-sec{padding:40px 16px!important;}

  /* hero */
  .dmog-hero{padding:40px 16px 30px!important;}
  .dmog-hero-title{font-size:clamp(28px,8vw,36px)!important;}
  .dmog-hero-lead{font-size:14.5px!important;}
  .dmog-hero-cta{flex-direction:column!important;}
  .dmog-hero-cta .ogs-btn{width:100%!important;justify-content:center!important;}
  .dmog-hero-stats{gap:16px!important;}
  .dmog-hero-stats b{font-size:24px!important;}

  /* section headings */
  .dmog-sec-title,.ogs-heading,.ogl-heading,.ogab-heading{font-size:23px!important;}

  /* blog — the page that was broken */
  #og-blog{padding-top:34px!important;padding-bottom:44px!important;}
  .ogbl-title{font-size:28px!important;}
  .ogbl-card{border-radius:16px!important;}
  .ogbl-thumb{height:190px!important;}
  .ogbl-card-body{padding:18px!important;}
  .ogbl-card-title{font-size:18px!important;}

  /* single post */
  .ogsp-title{font-size:26px!important;line-height:1.2!important;}
  .ogsp-content{font-size:15.5px!important;}

  /* service page CTA + stats */
  .ogs-cta{flex-direction:column!important;}
  .ogs-cta .ogs-btn{width:100%!important;justify-content:center!important;}
  .ogs-stats{gap:10px!important;}
  .ogs-stat{flex:1 1 calc(50% - 6px)!important;min-width:0!important;text-align:center!important;}

  /* 48-hour + bundle + launch banner + final cta */
  .dmog-lb-in{flex-direction:column!important;text-align:center!important;align-items:stretch!important;gap:16px!important;}
  .dmog-lb-in .ogs-btn{width:100%!important;justify-content:center!important;}
  .dmog-final-cta{margin:36px 14px!important;padding:32px 20px!important;}
  .dmog-final-cta h2{font-size:23px!important;}

  /* header: logo readable, controls fit */
  .dmog-logo-img,.dmog-header .custom-logo{max-height:54px!important;}
  .dmog-header-in{padding:10px 16px!important;gap:8px!important;}
  .dmog-theme{width:38px!important;height:38px!important;}

  /* marquee */
  .dmog-marquee{padding:16px 0!important;margin:20px 0!important;}
  .dmog-marquee span{font-size:19px!important;}

  /* footer tidy */
  .dmog-footer-in{grid-template-columns:1fr 1fr!important;gap:22px!important;}
  .dmog-foot-brand{grid-column:1 / -1!important;}
  .dmog-foot-logo{max-height:56px!important;}

  /* app bar spacing so content isn't hidden */
  .dmog-main{padding-bottom:78px!important;}
}

/* Accessibility: skip-to-content link (visible on keyboard focus) */
.dmog-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--og-yellow);color:#0a0a0a;padding:10px 18px;border-radius:0 0 10px 0;font-weight:700;font-size:14px;text-decoration:none;}
.dmog-skip:focus{left:0;}

/* ============================================================
   PASS 6 — UI/UX polish (usability + accessibility)
   ============================================================ */
html{scroll-padding-top:104px;}                          /* sticky-header offset for #anchors & skip-link */
.dmog-drop:focus-within .dmog-drop-menu{display:flex;}   /* dropdown works with keyboard, not just hover */
.dmog-theme{width:44px;height:44px;}                     /* comfortable touch target */
.dmog-appbar a{min-height:54px;justify-content:center;}  /* bigger tap targets on the app bar */
#og-single{max-width:720px;}                             /* tighter measure = easier reading */
.ogsp-content{line-height:1.78;}
/* clearer keyboard focus on interactive cards + nav */
.dmog-serv-card:focus-visible,.ogbl-card:focus-visible,.ogab-project:focus-visible,.ogl-plan:focus-visible{outline:2px solid var(--og-yellow);outline-offset:3px;}
.dmog-nav>a:focus-visible,.dmog-drop-t:focus-visible{color:var(--og-yellow);}
.dmog-drop-t{user-select:none;}

/* OG AI — quick-reply chips + rich message formatting */
.ogai-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;}
.ogai-chips button{background:var(--og-card2);border:1px solid var(--og-line);color:var(--og-text);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:20px;cursor:pointer;transition:border-color .15s,color .15s;}
.ogai-chips button:hover{border-color:var(--og-yellow);color:var(--og-yellow);}
.ogai-msg a{color:var(--og-yellow);word-break:break-word;}
.ogai-msg code{background:rgba(255,210,0,.14);padding:1px 5px;border-radius:5px;font-size:.9em;}
.ogai-msg strong{font-weight:800;}
.ogai-user a{color:#0a0a0a;text-decoration:underline;}

/* ============================================================
   PASS 7 — HEAD-ENGINEER TEAM REVIEW FIXES (premium)
   ============================================================ */

/* [FIX] Light theme: dark ink on gold buttons (was white ~2.2:1 → now ~9:1) */
:root[data-theme="light"] .ogs-btn-wa,:root[data-theme="light"] .ogb-btn,:root[data-theme="light"] .ogb-mbar-btn,
:root[data-theme="light"] .ogab-link,:root[data-theme="light"] .ogai-user,:root[data-theme="light"] .ogai-fab,
:root[data-theme="light"] .dmog-appbar-mid span{color:#0a0a0a;}
:root[data-theme="light"] .ogs-btn-wa svg,:root[data-theme="light"] .ogb-btn svg{color:#0a0a0a;}

/* [FIX] Deepen light-theme gold so small text/labels & heading gradients pass contrast */
:root[data-theme="light"]{ --og-yellow:#8A6500; --og-grad:linear-gradient(135deg,#C98A00,#B96A00); }

/* [FIX] "Most Popular" plan gets its highlight back + a real lift */
:root[data-theme="light"] .ogl-plan.ogl-plan-pop, .ogl-plan.ogl-plan-pop{
  border-color:var(--og-yellow)!important;
  box-shadow:0 0 0 2px rgba(224,162,0,.5), 0 20px 46px rgba(18,22,45,.14)!important;
}
@media(min-width:901px){ .ogl-plan.ogl-plan-pop{transform:translateY(-10px);} }

/* [FIX] Reduced-motion: silence the 3 infinite animations that were still running */
@media(prefers-reduced-motion:reduce){
  .ogai-fab::after,.ogai-typing span,.dmog-404-num{animation:none!important;}
}

/* [FIX] Services dropdown: invisible bridge so it doesn't close in the 12px gap */
.dmog-drop{position:relative;}
@media(min-width:901px){ .dmog-drop::after{content:"";position:absolute;top:100%;left:0;right:0;height:16px;} }

/* [FIX] Sticky bundle summary no longer tucks under the header */
.ogb-summary{top:106px;}

/* [FIX] Tighter, premium header + logo (was 78px, header felt heavy); shrink on scroll */
.dmog-logo-img,.dmog-header .custom-logo{max-height:62px!important;transition:max-height .22s ease;}
@media(max-width:600px){ .dmog-logo-img,.dmog-header .custom-logo{max-height:50px!important;} }
.dmog-header{transition:box-shadow .22s ease,background .22s ease;}
.dmog-header-in{transition:padding .22s ease;}
.dmog-header.is-scrolled{box-shadow:0 8px 26px rgba(0,0,0,.16);}
.dmog-header.is-scrolled .dmog-logo-img,.dmog-header.is-scrolled .custom-logo{max-height:46px!important;}
.dmog-header.is-scrolled .dmog-header-in{padding-top:8px;padding-bottom:8px;}
html{scroll-padding-top:96px;scroll-behavior:auto;}  /* Lenis owns smooth-scroll; avoid double */

/* [FIX] Card tilt now eases (transform added to the transition list) */
html.js .dmog-serv-card,html.js .ogs-feature,html.js .ogab-project,html.js .ogl-plan,html.js .ogbl-card{
  transition:opacity .8s cubic-bezier(.16,.84,.28,1),translate .8s cubic-bezier(.16,.84,.28,1),scale .8s cubic-bezier(.16,.84,.28,1),rotate .8s cubic-bezier(.16,.84,.28,1),transform .16s ease,box-shadow .18s,border-color .15s;
}

/* premium: consistent launch-banner rhythm */
.dmog-launch-banner{margin:48px auto;}

/* ============================================================
   PASS 8 — PREMIUM header, footer, chat, blog, services
   ============================================================ */

/* ---------- HEADER: premium nav ---------- */
.dmog-nav{gap:24px;}
.dmog-drop-t{display:inline-flex;align-items:center;}
.dmog-drop-t::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-top:-3px;transition:transform .2s;}
.dmog-drop:hover .dmog-drop-t::after,.dmog-drop:focus-within .dmog-drop-t::after{transform:rotate(-135deg);margin-top:2px;}
.dmog-nav-cta{background:var(--og-grad);color:#0a0a0a!important;padding:10px 20px;border-radius:30px;font-weight:800;box-shadow:0 6px 18px rgba(230,162,0,.3);transition:transform .15s,box-shadow .15s,filter .15s;}
.dmog-nav-cta:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 26px rgba(230,162,0,.42);}
.dmog-nav-cta::after{display:none!important;}
@media(min-width:901px){
  .dmog-drop-menu{min-width:460px;grid-template-columns:1fr 1fr;gap:3px;padding:10px;border-radius:16px;}
  .dmog-drop:hover .dmog-drop-menu,.dmog-drop:focus-within .dmog-drop-menu{display:grid;}
  .dmog-drop-menu a{border-radius:10px;padding:11px 13px;font-weight:500;}
}
@media(max-width:900px){ .dmog-nav-cta{margin:12px 22px;text-align:center;justify-content:center;} }

/* ---------- SERVICE cards: premium hover ---------- */
.dmog-serv-ico{transition:background .2s,color .2s;}
.dmog-serv-card:hover .dmog-serv-ico{background:var(--og-grad);color:#0a0a0a;}
.dmog-serv-more{display:inline-flex;align-items:center;gap:5px;transition:gap .2s;}
.dmog-serv-card:hover .dmog-serv-more{gap:9px;}

/* ---------- CHAT (OG AI) button: premium ---------- */
.ogai-fab{gap:9px;padding:13px 22px;border-radius:30px;font-family:'Syne',sans-serif;font-weight:800;box-shadow:0 14px 34px rgba(255,183,0,.36);}
.ogai-fab-ico{display:flex;align-items:center;}
.ogai-avatar-mini{width:34px;height:34px;flex:none;border-radius:50%;background:var(--og-grad);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:12.5px;}
.ogai-head-l{display:flex;align-items:center;gap:11px;}
.ogai-head-l b{font-family:'Syne',sans-serif;font-size:15px;line-height:1.1;display:block;}
.ogai-head-l em{font-style:normal;font-size:11px;color:#25D366;}
.ogai-wafoot{padding:14px;border-top:1px solid var(--og-line);}
.ogai-wafoot .ogs-btn{width:100%;justify-content:center;}

/* ---------- BLOG cards: premium ---------- */
.ogbl-thumb{position:relative;overflow:hidden;}
.ogbl-thumb img{transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.ogbl-card:hover .ogbl-thumb img{transform:scale(1.07);}
.ogbl-thumb-ph{font-size:42px;opacity:.85;}
.ogbl-card-title a{background-image:linear-gradient(var(--og-yellow),var(--og-yellow));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease;padding-bottom:1px;}
.ogbl-card:hover .ogbl-card-title a{background-size:100% 2px;}
.ogbl-read{display:inline-flex;align-items:center;gap:5px;transition:gap .2s;}
.ogbl-card:hover .ogbl-read{gap:9px;}

/* ---------- FOOTER: premium ---------- */
.dmog-foot-cta{border-top:1px solid var(--og-line);background:linear-gradient(180deg,transparent,rgba(255,210,0,.03));}
.dmog-foot-cta-in{max-width:var(--og-wrap);margin:0 auto;padding:42px 20px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;}
.dmog-foot-cta-txt h3{font-family:'Syne',sans-serif;font-size:27px;font-weight:800;margin:8px 0 6px;letter-spacing:-.5px;}
.dmog-foot-cta-txt p{color:var(--og-mut);margin:0;font-size:14.5px;}
.dmog-foot-social{display:flex;gap:10px;margin-top:16px;}
.dmog-foot-social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--og-line);display:flex;align-items:center;justify-content:center;color:var(--og-mut);transition:border-color .15s,color .15s,transform .15s;}
.dmog-foot-social a:hover{border-color:var(--og-yellow);color:var(--og-yellow);transform:translateY(-2px);}
.dmog-foot-social svg{width:18px;height:18px;}
.dmog-foot-contact{display:flex;align-items:center;gap:7px;}
.dmog-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.dmog-foot-madeby{color:var(--og-mut);opacity:.85;font-size:12.5px;}
@media(max-width:600px){
  .dmog-foot-cta-in{flex-direction:column;text-align:center;align-items:stretch;}
  .dmog-foot-cta-in .ogs-btn{justify-content:center;}
  .dmog-foot-bottom{justify-content:center;text-align:center;}
}

/* ============================================================
   PASS 9 — logo sizing (logo image was auto-cropped; now shows bigger)
   ============================================================ */
.dmog-logo-img,.dmog-header .custom-logo{max-height:98px!important;}
.dmog-header.is-scrolled .dmog-logo-img,.dmog-header.is-scrolled .custom-logo{max-height:74px!important;}
@media(max-width:600px){ .dmog-logo-img,.dmog-header .custom-logo{max-height:66px!important;} }
.dmog-foot-logo{max-height:112px;}

/* ============================================================
   PASS 10 — 48-Hour page: "Everything You Get" checklist
   ============================================================ */
.ogl-inc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:920px;margin:0 auto;}
.ogl-inc-item{display:flex;align-items:center;gap:12px;background:var(--og-card);border:1.5px solid var(--og-line);border-radius:12px;padding:14px 16px;font-size:14px;font-weight:500;transition:border-color .15s,transform .15s;}
.ogl-inc-item:hover{border-color:var(--og-yellow);transform:translateY(-2px);}
.ogl-check{flex:none;width:24px;height:24px;border-radius:50%;background:var(--og-grad);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;}
@media(max-width:860px){.ogl-inc{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.ogl-inc{grid-template-columns:1fr;}}

/* ============================================================
   PASS 11 — Testimonials
   ============================================================ */
.og-tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.og-tm-card{background:var(--og-card);border:1.5px solid var(--og-line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,transform .15s,box-shadow .18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.22);}
.og-tm-card:hover{border-color:var(--og-yellow);transform:translateY(-4px);box-shadow:0 20px 46px rgba(0,0,0,.3),0 0 0 1px rgba(255,210,0,.14);}
:root[data-theme="light"] .og-tm-card{box-shadow:0 6px 20px rgba(18,22,45,.07);}
:root[data-theme="light"] .og-tm-card:hover{box-shadow:0 18px 44px rgba(18,22,45,.13),0 0 0 1px rgba(255,183,0,.35);}
.og-tm-stars{color:#FFB800;font-size:15px;letter-spacing:3px;}
.og-tm-quote{margin:0;font-size:15px;line-height:1.65;flex:1;}
.og-tm-quote::before{content:"\201C";} .og-tm-quote::after{content:"\201D";}
.og-tm-by{display:flex;align-items:center;gap:12px;}
.og-tm-avatar{width:44px;height:44px;flex:none;border-radius:50%;background:var(--og-grad);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:15px;}
.og-tm-who{display:flex;flex-direction:column;line-height:1.3;}
.og-tm-who b{font-family:'Syne',sans-serif;font-size:14.5px;}
.og-tm-who em{font-style:normal;font-size:12.5px;color:var(--og-mut);}
@media(max-width:860px){.og-tm-grid{grid-template-columns:1fr;}}

/* ===== PASS 12 — Logo theme-variant swap (always-on bundled logo, visible on light & dark) ===== */
.dmog-logo{display:inline-flex;align-items:center;}
.dmog-logo--light{display:none;}
:root[data-theme="dark"] .dmog-logo--dark{display:none!important;}
:root[data-theme="dark"] .dmog-logo--light{display:block!important;}
.dmog-foot-logo.dmog-logo--light{display:none;}
:root[data-theme="dark"] .dmog-foot-logo.dmog-logo--dark{display:none!important;}
:root[data-theme="dark"] .dmog-foot-logo.dmog-logo--light{display:block!important;}

/* ===================================================================
   PASS 13 — Premium mobile app bar (clean SVG icons + active states)
   =================================================================== */
.dmog-appbar{gap:2px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));border-top:none;box-shadow:0 -10px 34px rgba(0,0,0,.42);}
:root[data-theme="light"] .dmog-appbar{box-shadow:0 -10px 34px rgba(20,22,40,.10);}
.dmog-appbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;text-decoration:none;font-size:10px;letter-spacing:.02em;font-weight:600;color:var(--og-mut);position:relative;padding:3px 0 1px;transition:color .18s ease;}
.dmog-ab-ico{display:flex;align-items:center;justify-content:center;width:46px;height:30px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .16s ease;}
.dmog-appbar-item svg{display:block;}
/* active: gold icon pill + gradient indicator on top */
.dmog-appbar-item.is-active{color:var(--og-yellow);}
.dmog-appbar-item.is-active .dmog-ab-ico{background:rgba(255,210,0,.15);color:var(--og-yellow);}
:root[data-theme="light"] .dmog-appbar-item.is-active .dmog-ab-ico{background:rgba(201,138,0,.14);}
.dmog-appbar-item.is-active::after{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:20px;height:3px;border-radius:0 0 5px 5px;background:var(--og-grad);}
.dmog-appbar-item:active .dmog-ab-ico{transform:scale(.86);}
/* center elevated Bundle FAB */
.dmog-appbar-mid .dmog-ab-ico{width:54px;height:54px;border-radius:50%;background:var(--og-grad);color:#0a0a0a!important;margin-top:-26px;box-shadow:0 8px 20px rgba(255,210,0,.42),0 2px 6px rgba(0,0,0,.28);border:3px solid var(--og-bg);}
.dmog-appbar-mid{color:var(--og-text);}
.dmog-appbar-mid.is-active .dmog-ab-ico{color:#0a0a0a!important;}
.dmog-appbar-mid.is-active::after{display:none;}
.dmog-appbar-mid:active .dmog-ab-ico{transform:scale(.93);}

/* ===================================================================
   PASS 14 — PREMIUM header + footer overhaul
   =================================================================== */

/* ---------- HEADER ---------- */
.dmog-header{border-bottom:none;box-shadow:0 1px 0 rgba(255,255,255,.04),0 6px 24px rgba(0,0,0,.28);}
:root[data-theme="light"] .dmog-header{box-shadow:0 1px 0 rgba(20,22,40,.05),0 6px 22px rgba(20,22,40,.06);}
/* gold hairline under the header */
.dmog-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,0,.55),rgba(255,165,0,.35),transparent);opacity:.9;}
.dmog-header-in{position:relative;}

/* nav links — refined */
.dmog-nav>a,.dmog-drop-t{font-size:14px;letter-spacing:.01em;transition:color .18s ease;}
.dmog-nav>a::after{height:2px;bottom:-6px;background:var(--og-grad);box-shadow:0 1px 6px rgba(255,180,0,.5);}

/* theme toggle — premium pill */
.dmog-theme{border:1.5px solid var(--og-line);background:var(--og-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.dmog-theme:hover{border-color:var(--og-yellow);background:var(--og-card2);box-shadow:0 4px 14px rgba(255,200,0,.22);}

/* "Get a Quote" CTA — richer */
.dmog-nav-cta{position:relative;overflow:hidden;letter-spacing:.01em;box-shadow:0 6px 18px rgba(230,162,0,.32),inset 0 1px 0 rgba(255,255,255,.4);}
.dmog-nav-cta::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .55s ease;}
.dmog-nav-cta:hover::before{left:130%;}

/* Services dropdown — animated + labelled (desktop) */
@media(min-width:901px){
  .dmog-drop-menu{display:grid!important;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:top left;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility .22s;pointer-events:none;background:var(--og-card);border:1px solid var(--og-line);box-shadow:0 20px 48px rgba(0,0,0,.55),0 2px 0 rgba(255,210,0,.25) inset;}
  :root[data-theme="light"] .dmog-drop-menu{box-shadow:0 20px 48px rgba(20,22,40,.16),0 2px 0 rgba(255,210,0,.4) inset;}
  .dmog-drop:hover .dmog-drop-menu,.dmog-drop:focus-within .dmog-drop-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
  .dmog-drop-menu::before{content:"Our Services";grid-column:1/-1;font-family:'Syne',sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--og-mut);opacity:.65;padding:7px 13px 9px;}
  .dmog-drop-menu a{position:relative;transition:background .16s ease,color .16s ease,padding-left .16s ease;}
  .dmog-drop-menu a:hover{padding-left:18px;}
  .dmog-drop-menu a:hover::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--og-grad);}
}

/* ---------- FOOTER ---------- */
.dmog-footer{position:relative;}
.dmog-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,0,.4),transparent);}

/* CTA band → standout premium island card */
.dmog-foot-cta{border-top:none;background:none;padding:8px 20px 0;}
.dmog-foot-cta-in{position:relative;overflow:hidden;max-width:var(--og-wrap);margin:14px auto 0;padding:44px 46px;border-radius:26px;border:1px solid rgba(255,210,0,.22);background:radial-gradient(120% 160% at 100% 0%,rgba(255,180,0,.16),transparent 55%),linear-gradient(135deg,#161616,#0b0b0b);box-shadow:0 26px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);}
.dmog-foot-cta-in::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,0,.22),transparent 68%);pointer-events:none;}
.dmog-foot-cta-in>*{position:relative;z-index:1;}
.dmog-foot-cta-txt h3{color:#fff;font-size:30px;line-height:1.15;}
.dmog-foot-cta-txt p{color:rgba(255,255,255,.72);}
:root[data-theme="light"] .dmog-foot-cta-in{border-color:rgba(201,138,0,.3);background:radial-gradient(120% 160% at 100% 0%,rgba(255,200,0,.2),transparent 55%),linear-gradient(135deg,#ffffff,#fbf7ee);box-shadow:0 26px 60px rgba(20,22,40,.12),inset 0 1px 0 #fff;}
:root[data-theme="light"] .dmog-foot-cta-txt h3{color:#15161c;}
:root[data-theme="light"] .dmog-foot-cta-txt p{color:#5b5f6b;}

/* column headings — gold underline accent */
.dmog-foot-col h4{position:relative;padding-bottom:12px;margin-bottom:16px;letter-spacing:.01em;}
.dmog-foot-col h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2.5px;border-radius:3px;background:var(--og-grad);}

/* column links — slide on hover */
.dmog-foot-col a{transition:color .16s ease,padding-left .16s ease;}
.dmog-foot-col a:hover{padding-left:7px;}
.dmog-foot-brand>p{color:var(--og-mut);font-size:14px;line-height:1.7;max-width:300px;}

/* social icons — gradient fill + lift on hover */
.dmog-foot-social a{border-color:var(--og-line);background:var(--og-card);}
.dmog-foot-social a:hover{background:var(--og-grad);color:#0a0a0a;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 22px rgba(255,190,0,.4);}

/* contact chips */
.dmog-foot-contact{padding:9px 13px;border:1px solid var(--og-line);border-radius:11px;background:var(--og-card);margin-bottom:9px;font-size:13.5px;transition:border-color .16s,transform .16s;}
.dmog-foot-contact:hover{border-color:var(--og-yellow);transform:translateY(-1px);}

/* bottom bar */
.dmog-foot-bottom{padding:22px 20px;font-size:12.5px;}
.dmog-foot-madeby{position:relative;padding-left:16px;}
.dmog-foot-madeby::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--og-grad);}
@media(max-width:600px){ .dmog-foot-cta-in{padding:32px 24px;} .dmog-foot-cta-txt h3{font-size:24px;} .dmog-foot-madeby{padding-left:0;} .dmog-foot-madeby::before{display:none;} }

/* ===================================================================
   PASS 15 — bolder premium polish (nav pills, footer depth, bigger CTA)
   =================================================================== */
@media(min-width:901px){
  .dmog-nav>a{padding:9px 13px;border-radius:10px;transition:color .18s ease,background .18s ease;}
  .dmog-nav>a:hover{background:rgba(255,210,0,.08);}
  :root[data-theme="light"] .dmog-nav>a:hover{background:rgba(201,138,0,.09);}
}
.dmog-nav-cta{padding:12px 24px!important;font-size:14px;}

/* footer: subtle radial glow at the top for depth */
.dmog-footer{background:radial-gradient(130% 90% at 50% 0%,rgba(255,180,0,.06),transparent 62%),var(--og-bg);}
:root[data-theme="light"] .dmog-footer{background:radial-gradient(130% 90% at 50% 0%,rgba(201,138,0,.05),transparent 62%),#f5f6f9;}

/* bigger, bolder footer CTA island */
.dmog-foot-cta-in{padding:52px 50px;}
.dmog-foot-cta-txt h3{font-size:33px;}
.dmog-foot-col h4{font-size:14.5px;}
@media(max-width:600px){ .dmog-foot-cta-in{padding:34px 24px;} .dmog-foot-cta-txt h3{font-size:25px;} }