/* Tarik Digital - shared header, footer, dialog, base (all pages).
   Everything is prefixed td- so it never clashes with the older inner-page stylesheet. */
html{scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}
body.td{margin:0;background:#f7f7f3;font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#151619;-webkit-font-smoothing:antialiased}
:where(body.td) a{color:inherit;text-decoration:none}
:where(body.td) :is(button,input,select){font:inherit}
:where(body.td) button{cursor:pointer}
:where(body.td) img{max-width:100%}
body.td .i{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.td-i{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.td-header a:focus-visible,.td-footer a:focus-visible,.td-header button:focus-visible,.td-footer button:focus-visible,.td-sticky button:focus-visible,.td-dialog button:focus-visible,body.td a:focus-visible,body.td button:focus-visible,body.td input:focus-visible,body.td select:focus-visible,body.td summary:focus-visible{outline:3px solid #92bde3;outline-offset:3px}
.td-skip{position:absolute;top:-100px;left:10px;padding:12px;background:#fff;z-index:10000;color:#151619;border-radius:10px}.td-skip:focus{top:5px}

/* buttons */
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font:760 13px Inter,"Aptos",-apple-system,"Segoe UI",Arial,sans-serif;border-radius:100px;padding:14px 21px;min-height:47px;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}
.td-btn:hover{transform:translateY(-2px)}
.td-btn-black{background:#17181b;color:#fff;box-shadow:0 7px 13px rgba(15,15,15,.1)}
.td-btn-white{background:#fff;color:#202127;border-color:#e7e8e5}
.td-btn-lime{background:#cbf464;color:#17181b}

/* header */
.td-top{padding:24px 23px 0;font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.td-header{position:relative;max-width:1170px;margin:0 auto;background:rgba(255,255,255,.94);border:1px solid #e9e9e6;box-shadow:0 10px 34px rgba(15,15,15,.035);border-radius:100px;min-height:85px;padding:10px 15px 10px 13px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.td-brand{width:143px;height:57px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.td-brand img{width:112px;height:auto;display:block}
.td-nav{display:flex;gap:30px;align-items:center}
.td-nav a{font-size:13px;color:#41434a;font-weight:650;text-decoration:none}
.td-nav a:hover,.td-nav a[aria-current]{color:#000}
.td-header-right{display:flex;align-items:center;gap:10px}
.td-nav-toggle{border:0;background:#f2f2ef;display:none;width:42px;height:42px;border-radius:50%;place-items:center;color:#151619}

/* footer */
.td-footer-wrap{padding:80px 23px 22px;font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.td-footer{max-width:1170px;margin:0 auto;border-radius:31px;background:#171819;color:#fff;padding:47px 49px 26px;position:relative;overflow:hidden}
.td-footer::after{content:"TARIK DIGITAL";font-size:clamp(75px,12vw,150px);font-weight:900;position:absolute;color:#ffffff07;letter-spacing:-.09em;bottom:15px;right:0;white-space:nowrap;pointer-events:none;transform:rotate(-7deg)}
.td-footer-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:38px;border-bottom:1px solid #393b3b;position:relative;z-index:1}
.td-footer-cta h2{font-size:clamp(29px,3.5vw,44px);letter-spacing:-.05em;line-height:1.1;max-width:590px;margin:10px 0 0;font-weight:800;color:#fff}
.td-minor{color:#cceea3;font-size:10px;font-weight:790;letter-spacing:.1em}
.td-footer-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;padding:32px 0 25px;position:relative;z-index:1}
.td-foot-brand img{width:155px;height:auto;display:block}
.td-foot-brand p{font-size:11px;color:#b0b5b4;line-height:1.7;margin:13px 0 0;max-width:310px}
.td-foot-brand .td-disclaimer{font-size:9px;color:#787f7d;margin-top:10px;max-width:460px;line-height:1.5}
.td-footer-links{display:flex;justify-content:flex-end;align-content:start;flex-wrap:wrap;gap:16px 24px}
.td-footer-links a,.td-footer-links button{border:none;padding:0;background:none;color:#d5dad7;font-size:11px;cursor:pointer;font-weight:600;text-decoration:none}
.td-footer-links a:hover,.td-footer-links button:hover{color:#cbf464}
.td-footline{position:relative;z-index:1;padding-top:20px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #343737;font-size:10px;color:#8d9392;flex-wrap:wrap}
.td-legal{display:flex;gap:16px;flex-wrap:wrap}.td-legal a{color:#8d9392;text-decoration:none}.td-legal a:hover{color:#cbf464}

/* mobile quick contact bar */
.td-sticky{display:none}

/* dialog + toast */
dialog.td-dialog{border:1px solid #e1e5df;border-radius:24px;max-width:445px;width:calc(100% - 35px);padding:27px;box-shadow:0 26px 90px #15151540;font-family:Inter,"Aptos",-apple-system,"Segoe UI",Arial,sans-serif;color:#151619;background:#fff}
dialog.td-dialog::backdrop{background:#10131485}
.td-dialog h3{font-size:21px;letter-spacing:-.04em;margin:0 0 10px}
.td-dialog p{font-size:13px;line-height:1.65;color:#616763;margin:0 0 10px}
.td-dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.td-dialog-actions .td-btn{min-height:41px;font-size:12px}
#td-dialog-feedback{display:block;min-height:14px;font-size:11px;margin-top:10px;color:#4b7542}
.td-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(140px);background:#161919;color:#fff;border-radius:99px;padding:12px 20px;font:12px Inter,"Aptos",Arial,sans-serif;z-index:1000;box-shadow:0 15px 35px #0003;transition:transform .22s;max-width:calc(100% - 20px);text-align:center;opacity:0;visibility:hidden;pointer-events:none}
.td-toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}

@media (max-width:880px){
  .td-nav{gap:14px}.td-nav a{font-size:11px}.td-header{gap:10px}.td-header .td-btn{padding:12px 16px;font-size:11px}
  .td-footer{padding:38px 30px 22px}
}
@media (max-width:640px){
  html{scroll-padding-top:85px}
  .td-top{padding:12px 12px 0}
  .td-header{min-height:69px;padding:7px 9px 7px 8px;border-radius:18px}
  .td-brand{width:117px;height:49px;border-radius:12px}.td-brand img{width:91px}
  .td-nav-toggle{display:grid}
  .td-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e5e6e3;border-radius:17px;padding:15px;box-shadow:0 14px 30px #17171712;z-index:30;flex-direction:column;align-items:stretch;gap:0}
  .td-nav.open{display:flex}
  .td-nav a{padding:12px 8px;font-size:13px}
  .td-header-right .td-btn{min-height:40px;padding:9px 11px;font-size:10px}.td-header-right .td-btn .td-i{display:none}
  .td-footer-wrap{padding:64px 12px 90px}
  .td-footer{border-radius:24px;padding:28px 23px 20px}
  .td-footer-cta{align-items:flex-start;flex-direction:column}
  .td-footer-inner{grid-template-columns:1fr;gap:22px}
  .td-footer-links{justify-content:flex-start}
  .td-footline{align-items:flex-start;flex-direction:column;gap:10px}
  .td-sticky{position:fixed;z-index:40;bottom:0;left:0;right:0;background:#fdfdfaf3;border-top:1px solid #e4e5e1;padding:9px 12px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:9px;box-shadow:0 -10px 24px #1414140c}
  .td-sticky .td-btn{min-height:43px;padding:10px;font-size:11px}
  .td-toast{bottom:76px}
}
@media (max-width:380px){.td-header-right .td-btn{font-size:9px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}