/* Davao Corporate UI layer (v243). Loaded on every public page after the base styles.
   1) design tokens  2) global polish  3) header  4) home dashboard  5) dark mode, motion, small screens.
   Techniques: custom properties, clamp(), grid auto-fill, color-mix(), :has() where available, prefers-* queries. */

/* ---------- 1. tokens ---------- */
:root{
  --dc-navy:#0b2a5b;--dc-blue:#1d4ed8;--dc-blue2:#2563eb;--dc-green:#2f9e2f;--dc-green2:#15803d;
  --dc-font:Inter,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --dc-r:16px;--dc-r-lg:22px;
  --dc-shadow:0 1px 2px rgba(15,27,61,.06),0 10px 28px rgba(15,27,61,.08);
  --dc-shadow-h:0 2px 4px rgba(15,27,61,.08),0 18px 40px rgba(15,27,61,.16);
  --dc-ease:cubic-bezier(.2,.7,.2,1);
}
html:root[data-theme="light"]{--bg:#f4f7fd;--bg2:#e9f0fb;--card:#fff;--text:#0f1b3d;--muted:#52607d;--line:#dbe4f4;--gold:#1d4ed8;--gt:#1d4ed8;--ok:#15803d;color-scheme:light}
html:root[data-theme="dark"]{--bg:#0a1430;--bg2:#0e1b3f;--card:#12234d;--text:#eef3ff;--muted:#a9b8d8;--line:#23376a;--gold:#5b8dff;--gt:#8fb0ff;--ok:#4cc38a;--dc-shadow:0 1px 2px #0006,0 10px 28px #0005;--dc-shadow-h:0 2px 4px #0007,0 18px 40px #0007;color-scheme:dark}

/* ---------- 2. global polish ---------- */
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
html body{font-family:var(--dc-font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html[data-theme="light"] body{background:linear-gradient(180deg,#f8faff 0,var(--bg) 480px)}
h1,h2,h3{text-wrap:balance;letter-spacing:-.012em}
p,li{text-wrap:pretty}
::selection{background:color-mix(in srgb,var(--dc-blue2) 28%,transparent)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--dc-blue2) 60%,transparent);outline-offset:2px;border-radius:8px}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
img{max-width:100%;height:auto}
html body .btn,html body .btn.p,html body .btn.primary{border-radius:12px;font-weight:700;transition:transform .2s var(--dc-ease),box-shadow .2s var(--dc-ease),background-color .2s,filter .2s}
html body .btn.p,html body .btn.primary{background:linear-gradient(135deg,var(--dc-blue2),var(--dc-blue));color:#fff;border-color:transparent;box-shadow:0 8px 20px color-mix(in srgb,var(--dc-blue) 32%,transparent)}
html body .btn:hover{transform:translateY(-2px)}
html body .card,html body .pcx,html body .prod,html body .svc{border-radius:var(--dc-r);border-color:var(--line);box-shadow:var(--dc-shadow);transition:transform .25s var(--dc-ease),box-shadow .25s var(--dc-ease)}
@media(hover:hover){html body .card:hover,html body .pcx:hover,html body .prod:hover,html body .svc:hover{transform:translateY(-3px);box-shadow:var(--dc-shadow-h)}}
html body input:not([type=checkbox]):not([type=radio]):not([type=range]),html body select,html body textarea{border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}
html body input:not([type=checkbox]):not([type=radio]):focus,html body select:focus,html body textarea:focus{outline:0;border-color:var(--dc-blue2);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc-blue2) 20%,transparent)}
html body main a:not([class]){text-underline-offset:3px;text-decoration-thickness:1px}
html body table{border-collapse:collapse}
.dc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 3. header (matches the new menu: logo + name, menus, About, Contact, green button) ---------- */
html body .jh{background:color-mix(in srgb,var(--card) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
html body .jh.scrolled{box-shadow:0 10px 30px rgba(15,27,61,.12)}
html body .jh-logo{width:auto;min-width:44px;height:44px;display:flex;align-items:center;border-radius:12px}
html body .jh-logo img{width:44px;height:44px;border-radius:0;background:none;object-fit:contain}
html body .jh-wm{margin-left:54px;font:800 1.08rem/1.04 var(--dc-font);letter-spacing:-.02em;color:var(--text);white-space:nowrap}
html body .jh-wm i{font-style:normal;color:var(--dc-green)}
html body .jh-nav{gap:2px}
html body .jh-nav .dd>button,html body .jh-link{position:relative;display:inline-flex;align-items:center;gap:4px;padding:.55rem .8rem;border:0;border-radius:10px;background:none;color:var(--text);font:600 .95rem/1 var(--dc-font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s,background-color .2s}
html body .jh-nav .dd>button:hover,html body .jh-link:hover,html body .jh-nav .dd:focus-within>button{color:var(--dc-blue2);background:color-mix(in srgb,var(--dc-blue2) 8%,transparent)}
html body .jh-nav .dd.on>button,html body .jh-link.on,html body .jh-home.on{color:var(--dc-blue2)}
html body .jh-nav .dd.on>button::after,html body .jh-link.on::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:-9px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--dc-blue2),var(--dc-green))}
html body .jh-nav .dm{border-radius:var(--dc-r);border:1px solid var(--line);background:var(--card);box-shadow:var(--dc-shadow-h)}
html body .jh-shop.jh-cta{display:inline-flex;align-items:center;gap:.45rem;margin-left:.6rem;padding:.72rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#34a934,#15803d);color:#fff;font:700 .95rem/1 var(--dc-font);box-shadow:0 10px 24px rgba(21,128,61,.32);transition:transform .2s var(--dc-ease),box-shadow .2s var(--dc-ease)}
html body .jh-shop.jh-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(21,128,61,.4);filter:none}
@media(min-width:1024px){
  html body .jh{--jh-h:78px}html body .jh-in{height:78px}html body .jh-sp{height:calc(78px + env(safe-area-inset-top,0px))}
}
@media(min-width:1024px) and (max-width:1359.98px){html body .jh-wm{display:none}html body .jh-logo{min-width:44px}html body .jh-nav .dd>button,html body .jh-link{padding:.5rem .55rem;font-size:.9rem}html body .jh-shop.jh-cta{padding:.65rem 1rem}}
@media(max-width:1023.98px){html body .jh-link,html body .jh-shop.jh-cta{display:none}html body .jh-wm{margin-left:52px;font-size:.98rem}}
@media(min-width:1024px){html body .jh-tk{display:none}}

/* ---------- 4. home ---------- */
.dc-wrap{width:min(1240px,100% - 2rem);margin-inline:auto}
.dc-home{padding-bottom:clamp(2rem,5vw,4rem)}
.dc-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(2.4rem,6vw,4.8rem) 0 clamp(4.5rem,9vw,7.2rem)}
.dc-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(1100px 520px at 85% -10%,rgba(47,158,47,.45),transparent 62%),radial-gradient(900px 520px at 0 115%,rgba(37,99,235,.55),transparent 60%),linear-gradient(120deg,#0b2a5b,#123c8a 55%,#14663a)}
.dc-hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 90% at 72% 25%,#000,transparent);mask-image:radial-gradient(70% 90% at 72% 25%,#000,transparent)}
.dc-hero-in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}
.dc-kick{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dc-hero h1{margin:.9rem 0 .8rem;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.06;font-weight:800;color:#fff;background:none;-webkit-text-fill-color:#fff;animation:none}
.dc-hero h1 span{background:linear-gradient(90deg,#8bd88b,#bfe3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.dc-hero p{max-width:60ch;margin:0 0 1.4rem;color:rgba(255,255,255,.86);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6}
.dc-search{display:flex;align-items:center;gap:.4rem;max-width:640px;padding:.4rem .4rem .4rem 1rem;border-radius:999px;background:#fff;color:#0f1b3d;box-shadow:0 18px 44px rgba(3,15,45,.38)}
.dc-search>svg{flex:none;width:22px;height:22px;color:#52607d}
.dc-search input{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;color:#0f1b3d!important;font:500 1rem var(--dc-font);padding:.7rem .4rem}
.dc-search input:focus{outline:0}
.dc-search:focus-within{box-shadow:0 0 0 4px rgba(139,216,139,.5),0 18px 44px rgba(3,15,45,.38)}
.dc-search button{flex:none;border:0;border-radius:999px;padding:.8rem 1.5rem;background:linear-gradient(135deg,#34a934,#15803d);color:#fff;font:700 .95rem var(--dc-font);cursor:pointer;transition:transform .2s var(--dc-ease),filter .2s}
.dc-search button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.dc-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;align-items:center}
.dc-chips span{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-right:.2rem}
.dc-chips a{padding:.38rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .2s}
.dc-chips a:hover{background:rgba(255,255,255,.24)}
.dc-hello{display:grid;gap:.35rem;padding:1.4rem 1.5rem;border-radius:var(--dc-r-lg);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(3,15,45,.3)}
.dc-hello small{font-size:.82rem;letter-spacing:.04em;color:rgba(255,255,255,.8)}
.dc-hello b{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800}
.dc-hello p{margin:0 0 .6rem;font-size:.98rem}
.dc-hello a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:12px;background:#fff;color:#0b2a5b;font-weight:800;font-size:.92rem;text-decoration:none;transition:transform .2s var(--dc-ease)}
.dc-hello a:hover{transform:translateY(-2px)}
.dc-hello a svg{width:16px;height:16px}

.dc-tiles{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.8rem;margin-top:calc(-1 * clamp(2.6rem,5vw,3.6rem))}
.dc-tile{display:grid;justify-items:center;align-content:center;gap:.55rem;min-height:112px;padding:1rem .6rem;border-radius:var(--dc-r);background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;text-align:center;box-shadow:var(--dc-shadow);transition:transform .25s var(--dc-ease),box-shadow .25s var(--dc-ease),background-color .25s,color .25s}
.dc-tile span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--dc-blue2) 11%,transparent);color:var(--dc-blue);transition:inherit}
.dc-tile svg{width:25px;height:25px}
.dc-tile b{font-size:.86rem;font-weight:700;line-height:1.2}
.dc-tile:hover{transform:translateY(-5px);box-shadow:var(--dc-shadow-h);background:linear-gradient(160deg,#123c8a,#0b2a5b);color:#fff;border-color:transparent}
.dc-tile:hover span{background:rgba(255,255,255,.16);color:#fff}

.dc-sec{padding:clamp(2.2rem,5vw,4rem) 0}
.dc-alt{background:linear-gradient(180deg,color-mix(in srgb,var(--dc-blue2) 5%,var(--bg)),var(--bg2))}
.dc-sh{text-align:center;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.dc-sh h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--text);background:none;-webkit-text-fill-color:currentColor;animation:none}
.dc-sh h2 span{color:var(--dc-blue2)}
.dc-bar{display:block;width:92px;height:4px;margin:.8rem auto .9rem;border-radius:4px;background:linear-gradient(90deg,var(--dc-navy) 0 68%,transparent 68% 74%,var(--dc-green) 74%)}
.dc-sh p{margin:0;color:var(--muted);font-size:1.02rem}
.dc-more{margin:1.8rem 0 0;text-align:center}
.dc-more a{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--dc-blue2);text-decoration:none}
.dc-more a svg{width:18px;height:18px;transition:transform .2s var(--dc-ease)}
.dc-more a:hover svg{transform:translateX(4px)}

.dc-grid{display:grid;gap:1.25rem}
.dc-g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.dc-g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.dc-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--dc-r);overflow:hidden;color:inherit;text-decoration:none;box-shadow:var(--dc-shadow);transition:transform .28s var(--dc-ease),box-shadow .28s var(--dc-ease)}
.dc-card[hidden]{display:none}
@media(hover:hover){.dc-card:hover{transform:translateY(-5px);box-shadow:var(--dc-shadow-h)}.dc-card:hover .dc-big,.dc-card:hover .dc-ini{transform:scale(1.08)}}
.g1{--c1:#2e8a1d;--c2:#1c5a10}.g2{--c1:#1e4f8f;--c2:#2a7a30}.g3{--c1:#2f7d3a;--c2:#3f9e32}.g4{--c1:#1d4ed8;--c2:#1a3fa6}.g5{--c1:#1f5a8c;--c2:#2a7d2d}.g6{--c1:#0f2a6b;--c2:#2250d6}
.dc-ctop{position:relative;display:grid;place-items:center;height:168px;color:#fff;background:linear-gradient(135deg,var(--c1,#1d4ed8),var(--c2,#2f9e2f))}
.dc-ctop::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0,rgba(255,255,255,.18),transparent 55%);pointer-events:none}
.dc-big{display:grid;place-items:center;transition:transform .3s var(--dc-ease)}
.dc-big svg{width:46px;height:46px;stroke-width:1.5}
.dc-ini{font-size:3.1rem;font-weight:800;letter-spacing:.02em;transition:transform .3s var(--dc-ease)}
.dc-tag,.dc-pill{position:absolute;top:14px;left:14px;z-index:1;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;line-height:1}
.dc-tag{padding:.45rem .65rem;background:#0b1f4d;color:#fff;letter-spacing:.07em;text-transform:uppercase;border-radius:0 0 8px 0;top:0;left:0}
.dc-pill{padding:.42rem .75rem;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dc-cbody{display:grid;gap:.4rem;padding:1.05rem 1.25rem 1.2rem}
.dc-cbody strong{font-size:1.1rem;font-weight:800;line-height:1.25;color:var(--text)}
.dc-cbody small{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.9rem}
.dc-cbody small svg{flex:none;width:15px;height:15px;color:var(--dc-blue2)}
.dc-cbody em{font-style:normal;font-size:.88rem;color:var(--muted)}
.dc-list .dc-cbody em{color:var(--dc-blue2);font-weight:700}
.dc-brand{flex-direction:row;align-items:center;gap:.9rem;padding:1rem 1.1rem}
.dc-mark{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#fff;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,var(--c1),var(--c2))}
.dc-brand span:last-child{display:grid;gap:.15rem;min-width:0}
.dc-brand strong{font-size:1rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-brand small{color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-empty{display:grid;justify-items:center;gap:.9rem;padding:2rem 1rem;text-align:center;border:1.5px dashed var(--line);border-radius:var(--dc-r);color:var(--muted);background:color-mix(in srgb,var(--card) 70%,transparent)}
.dc-empty p{margin:0;max-width:52ch}
.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(135deg,var(--dc-blue2),var(--dc-blue));color:#fff;font:700 .95rem var(--dc-font);text-decoration:none;transition:transform .2s var(--dc-ease),box-shadow .2s var(--dc-ease)}
.dc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--dc-blue) 34%,transparent)}
.dc-btn svg{width:18px;height:18px}
.dc-btn-w{background:#fff;color:#0b2a5b}.dc-btn-o{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}

/* dashboard panels (quick links, news, resources, calendar) */
.dc-dash{padding:clamp(1.6rem,4vw,3rem) 0}
.dc-dash-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.25rem;align-items:start}
.dc-dash-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.dc-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--dc-r-lg);overflow:hidden;box-shadow:var(--dc-shadow)}
.dc-panel>h3{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.95rem 1.25rem;background:color-mix(in srgb,var(--dc-blue2) 9%,var(--card));border-bottom:1px solid var(--line);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text);background-image:none;-webkit-text-fill-color:currentColor;animation:none}
.dc-panel>h3 a{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;letter-spacing:.02em;text-transform:none;color:var(--dc-blue2);text-decoration:none}
.dc-panel>h3 a svg{width:15px;height:15px}
.dc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:1rem}
.dc-links a{display:flex;align-items:center;gap:.7rem;padding:.7rem .75rem;border-radius:12px;color:var(--text);text-decoration:none;transition:background-color .2s,transform .2s var(--dc-ease)}
.dc-links a:hover{background:color-mix(in srgb,var(--dc-blue2) 9%,transparent);transform:translateX(3px)}
.dc-li{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#123c8a,#0b2a5b);color:#fff}
.dc-li svg{width:21px;height:21px}
.dc-links b{font-size:.92rem;font-weight:700;line-height:1.2}
.dc-p-news .dc-empty{margin:1rem}
.dc-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem}
.dc-news{box-shadow:none}
.dc-nimg{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#123c8a,#14663a)}
.dc-nimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--dc-ease)}
.dc-news:hover .dc-nimg img{transform:scale(1.05)}
.dc-nph{display:grid;place-items:center;height:100%;font-style:normal;font-size:2.4rem;font-weight:800;color:#fff}
.dc-news .dc-cbody{padding:.85rem 1rem 1rem}
.dc-news strong{font-size:.98rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dc-pill-b{position:static;justify-self:start;background:color-mix(in srgb,var(--dc-blue2) 12%,transparent);border-color:transparent;color:var(--dc-blue);-webkit-backdrop-filter:none;backdrop-filter:none}
.dc-news-grid>.dc-news:first-child{grid-column:1/-1}
.dc-news-grid>.dc-news:first-child .dc-nimg{aspect-ratio:21/9}
.dc-news-grid>.dc-news:first-child strong{font-size:1.3rem;-webkit-line-clamp:2}

/* calendar */
.dc-cal{padding:1rem 1.1rem 1.2rem}
.dc-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}
.dc-cal-h b{font-size:1rem;font-weight:800}
.dc-cal-h button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color .2s,color .2s}
.dc-cal-h button:hover{background:var(--dc-blue2);color:#fff;border-color:transparent}
.dc-cal-w,.dc-cal-d{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;text-align:center}
.dc-cal-w span{padding:.35rem 0;font-size:.75rem;font-weight:800;color:var(--muted)}
.dc-cal-d span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-size:.9rem;font-weight:600;color:var(--text)}
.dc-cal-d span.o{color:color-mix(in srgb,var(--muted) 60%,transparent)}
.dc-cal-d span.t{background:linear-gradient(135deg,var(--dc-blue2),var(--dc-blue));color:#fff;font-weight:800;box-shadow:0 6px 14px color-mix(in srgb,var(--dc-blue) 40%,transparent)}

/* call to action */
.dc-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;padding:clamp(1.6rem,4vw,2.8rem);border-radius:var(--dc-r-lg);color:#fff;background:radial-gradient(700px 300px at 100% 0,rgba(47,158,47,.5),transparent 60%),linear-gradient(120deg,#0b2a5b,#123c8a);box-shadow:var(--dc-shadow-h)}
.dc-cta h2{margin:0 0 .4rem;font-size:clamp(1.4rem,3vw,2rem);color:#fff;background:none;-webkit-text-fill-color:#fff;animation:none}
.dc-cta p{margin:0;max-width:52ch;color:rgba(255,255,255,.85)}
.dc-cta-b{display:flex;flex-wrap:wrap;gap:.7rem}

/* ---------- 5. scroll reveal, dark mode, small screens, reduced motion ---------- */
html.dc-js .dc-rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--dc-ease),transform .7s var(--dc-ease)}
html.dc-js .dc-rv.dc-in{opacity:1;transform:none}
html[data-theme="dark"] .dc-tag{background:#06122e}
html[data-theme="dark"] .dc-tile span{background:color-mix(in srgb,var(--dc-blue2) 22%,transparent);color:#9bbcff}
html[data-theme="dark"] .dc-panel>h3{background:color-mix(in srgb,var(--dc-blue2) 16%,var(--card))}
@media(max-width:1023.98px){
  .dc-hero-in{grid-template-columns:1fr}
  .dc-hello{grid-template-columns:1fr auto;align-items:center}.dc-hello small,.dc-hello b,.dc-hello p{grid-column:1}.dc-hello a{grid-column:2;grid-row:1/4}
  .dc-dash-in,.dc-dash-2{grid-template-columns:1fr}
  .dc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .dc-search{padding-left:.8rem}.dc-search button{padding:.75rem 1.1rem}
  .dc-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.dc-tile{min-height:92px;padding:.7rem .3rem}.dc-tile span{width:38px;height:38px}.dc-tile b{font-size:.7rem}
  .dc-links{grid-template-columns:1fr}.dc-news-grid{grid-template-columns:1fr}
  .dc-ctop{height:140px}.dc-ini{font-size:2.5rem}
  .dc-cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html.dc-js .dc-rv{opacity:1;transform:none}
}
@media print{.dc-hero-bg,.dc-tiles,.dc-cta{display:none}}