/* =========================================================
   تامن للخدمات التجارية — ملف التنسيق المشترك
   استبدل قيم المتغيرات أدناه بقيم نظام التصميم الخاص بك
   ========================================================= */

/* ===== Elementor bridge: make Elementor markup behave like the original HTML ===== */
.tamn-site .e-con { display:block; padding:0; margin:0; gap:normal; width:auto; max-width:none; min-width:0; height:auto; min-height:0;
  overflow:visible; z-index:auto; flex:initial; flex-direction:initial; flex-wrap:initial; align-items:initial; align-content:initial;
  justify-content:initial; text-align:inherit; border-radius:0; transition:none; --display:block; }
.tamn-site .e-con::before { left:auto; top:auto; width:auto; height:auto; opacity:1; mix-blend-mode:normal; transition:none; border-radius:0; border-width:0; }
.tamn-site .elementor-widget { margin:0; width:auto; max-width:none; }
.tamn-site .elementor-widget.tw, .tamn-site .elementor-widget.tw-h { display:contents; }
.tamn-site .elementor a { text-decoration:underline; }
.tamn-site .elementor-heading-title { padding:0; }
.tamn-site .elementor-widget-image { text-align:inherit; }
.tamn-site .elementor-widget-image img { display:block; vertical-align:baseline; }
.tamn-site .elementor-widget-button .elementor-button { all:unset; box-sizing:border-box; cursor:pointer; color:var(--c-navy-700); }
.tamn-site .elementor-button .elementor-button-content-wrapper { display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); }
.tamn-site .elementor-button .elementor-button-icon { display:inline-flex; align-items:center; }
.tamn-site .elementor-button .elementor-button-text { display:inline; }
.tamn-site .elementor-button svg[stroke] { fill:none; }
/* inside the Elementor editor, give text/heading/button widgets a box so they can be selected */
body.elementor-editor-active .elementor-widget.tw { display:block; }
body.elementor-editor-active .elementor-widget.tw.elementor-widget-button { display:inline-block; }

/* ===== Original design (scoped) ===== */
:root {--c-navy-900: #06324a;
  --c-navy-700: #0062a0;
  --c-blue-600: #0c74bc;
  --c-steel-400: #4993bc;
  --c-sky-300: #6bc8f6;

  --c-ink: #0b2433;
  --c-ink-soft: #3d5566;
  --c-muted: #5f7584;
  --c-line: #dbe6ee;
  --c-surface: #ffffff;
  --c-surface-alt: #f3f8fb;
  --c-surface-tint: #e8f3fa;
  --c-on-dark: #ffffff;
  --c-on-dark-soft: #c9dfec;
  --c-focus: #ffb703;

  
  --font-base: "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.4rem, 1.1rem + 1.2vw, 1.85rem);
  --fs-2xl: clamp(1.8rem, 1.3rem + 2.2vw, 2.75rem);
  --fs-3xl: clamp(2.2rem, 1.4rem + 3.6vw, 4.1rem);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 800;
  --lh-tight: 1.25;
  --lh-base: 1.85;

  
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;
  --container: 1200px;
  --gutter: 1rem;

  
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;
  --r-pill: 999px;

  
  --shadow-sm: 0 2px 8px rgba(6, 50, 74, 0.06);
  --shadow-md: 0 12px 32px rgba(6, 50, 74, 0.1);
  --shadow-lg: 0 24px 60px rgba(6, 50, 74, 0.16);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.35s;}
.tamn-site *,
.tamn-site *::before,
.tamn-site *::after {box-sizing: border-box;}
html {scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
body.tamn-site {margin: 0;
  font-family: var(--font-base);
  font-size: var(--fs-md);
  line-height: var(--lh-base);
  color: var(--c-ink);
  background: var(--c-surface);
  direction: rtl;
  text-align: right;
  overflow-x: hidden;}
.tamn-site img,
.tamn-site video,
.tamn-site svg,
.tamn-site iframe {display: block; max-width: 100%;}
.tamn-site img {height: auto;}
.tamn-site h1,
.tamn-site h2,
.tamn-site h3,
.tamn-site h4 {line-height: var(--lh-tight); margin: 0 0 var(--sp-4); font-weight: var(--fw-black); color: var(--c-navy-900);}
.tamn-site p {margin: 0 0 var(--sp-4);}
.tamn-site a {color: var(--c-navy-700); text-decoration-thickness: 1px; text-underline-offset: 4px;}
.tamn-site ul,
.tamn-site ol {margin: 0; padding: 0;}
.tamn-site .container {width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto;}
.tamn-site .skip-link {position: absolute; inset-inline-start: var(--sp-4); top: -100px; z-index: 200;
  background: var(--c-navy-900); color: var(--c-on-dark); padding: var(--sp-3) var(--sp-5);
  border-radius: var(--r-sm); font-weight: var(--fw-bold); text-decoration: none;}
.tamn-site .skip-link:focus {top: var(--sp-4);}
.tamn-site .visually-hidden {position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.tamn-site :focus-visible {outline: 3px solid var(--c-focus); outline-offset: 3px; border-radius: 4px;}
.tamn-site .eyebrow {display: inline-flex; align-items: center; gap: var(--sp-2);
  font-size: var(--fs-sm); font-weight: var(--fw-bold); color: var(--c-blue-600);
  margin-bottom: var(--sp-3);}
.tamn-site .eyebrow::before {content: ""; width: 9px; height: 9px; background: currentColor; transform: rotate(45deg); flex: none;}
.tamn-site .on-dark .eyebrow,
.tamn-site .eyebrow--light {color: var(--c-sky-300);}
.tamn-site .lead {font-size: var(--fs-lg); color: var(--c-ink-soft); max-width: 62ch;}
.tamn-site .section {padding-block: var(--sp-8);}
.tamn-site .section--alt {background: var(--c-surface-alt);}
.tamn-site .section--tint {background: var(--c-surface-tint);}
.tamn-site .section--dark {background: var(--c-navy-900); color: var(--c-on-dark-soft);}
.tamn-site .section--dark h2,
.tamn-site .section--dark h3 {color: var(--c-on-dark);}
.tamn-site .section-head {max-width: 720px; margin-bottom: var(--sp-7);}
.tamn-site .section-head--center {margin-inline: auto; text-align: center;}
.tamn-site .section-head h2 {font-size: var(--fs-2xl);}
.tamn-site .btn,
.tamn-site .w-btn .elementor-button {display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
  min-height: 48px; padding: var(--sp-3) var(--sp-6);
  font: inherit; font-weight: var(--fw-bold); font-size: var(--fs-md);
  border-radius: var(--r-pill); border: 2px solid transparent;
  text-decoration: none; cursor: pointer;
  transition: transform var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);}
.tamn-site .btn svg,
.tamn-site .w-btn .elementor-button svg {width: 18px; height: 18px; transition: transform var(--dur) var(--ease);}
.tamn-site .btn:hover svg,
.tamn-site .w-btn .elementor-button:hover svg {transform: translateX(-4px);}
.tamn-site .btn--primary,
.tamn-site .w-btn--primary .elementor-button {background: var(--c-navy-900); color: var(--c-on-dark);}
.tamn-site .btn--primary:hover,
.tamn-site .w-btn--primary .elementor-button:hover {background: var(--c-navy-700); box-shadow: var(--shadow-md); transform: translateY(-2px);}
.tamn-site .btn--light,
.tamn-site .w-btn--light .elementor-button {background: var(--c-on-dark); color: var(--c-navy-900);}
.tamn-site .btn--light:hover,
.tamn-site .w-btn--light .elementor-button:hover {background: var(--c-sky-300); transform: translateY(-2px);}
.tamn-site .btn--ghost,
.tamn-site .w-btn--ghost .elementor-button {border-color: currentColor; color: var(--c-navy-900); background: transparent;}
.tamn-site .btn--ghost:hover,
.tamn-site .w-btn--ghost .elementor-button:hover {background: var(--c-navy-900); color: var(--c-on-dark); border-color: var(--c-navy-900);}
.tamn-site .btn--ghost-light,
.tamn-site .w-btn--ghost-light .elementor-button {border-color: rgba(255,255,255,.6); color: var(--c-on-dark); background: transparent;}
.tamn-site .btn--ghost-light:hover,
.tamn-site .w-btn--ghost-light .elementor-button:hover {background: var(--c-on-dark); color: var(--c-navy-900);}
.tamn-site .btn-row {display: flex; flex-wrap: wrap; gap: var(--sp-3);}
.tamn-site .diamond-list {list-style: none; display: grid; gap: var(--sp-3);}
.tamn-site .diamond-list li {position: relative; padding-inline-start: var(--sp-6);}
.tamn-site .diamond-list li::before {content: ""; position: absolute; inset-inline-start: 4px; top: 0.72em;
  width: 9px; height: 9px; background: var(--c-blue-600); transform: rotate(45deg);}
.tamn-site .on-dark .diamond-list li::before,
.tamn-site .section--dark .diamond-list li::before {background: var(--c-sky-300);}
.tamn-site .media {position: relative; overflow: hidden; border-radius: var(--r-lg); background: var(--c-surface-tint);}
.tamn-site .media img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease);}
.tamn-site .media:hover img {transform: scale(1.04);}
.tamn-site .site-header {position: sticky; top: 0; z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid var(--c-line);}
.tamn-site .header-inner {display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); min-height: 72px;}
.tamn-site .brand {display: inline-flex; align-items: center; gap: var(--sp-3); text-decoration: none; color: var(--c-navy-900);}
.tamn-site .brand img {height: 40px; width: auto;}
.tamn-site .brand-text {display: flex; flex-direction: column; line-height: 1.2;}
.tamn-site .brand-text strong {font-size: var(--fs-md); font-weight: var(--fw-black);}
.tamn-site .brand-text span {font-size: 0.7rem; color: var(--c-muted); letter-spacing: 0.02em;}
.tamn-site .nav-desktop {display: none;}
.tamn-site .nav-list {list-style: none; display: flex; gap: var(--sp-1);}
.tamn-site .nav-list a {display: block; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-pill);
  color: var(--c-ink-soft); text-decoration: none; font-weight: var(--fw-medium);
  transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease);}
.tamn-site .nav-list a:hover {color: var(--c-navy-900); background: var(--c-surface-tint);}
.tamn-site .nav-list a[aria-current="page"] {color: var(--c-navy-900); font-weight: var(--fw-bold); background: var(--c-surface-tint);}
.tamn-site .header-cta {display: none;}
.tamn-site .nav-mobile {position: relative;}
.tamn-site .nav-mobile summary {list-style: none; cursor: pointer; width: 46px; height: 46px; border-radius: var(--r-md);
  display: grid; place-items: center; border: 1px solid var(--c-line); color: var(--c-navy-900);}
.tamn-site .nav-mobile summary::-webkit-details-marker {display: none;}
.tamn-site .nav-mobile summary svg {width: 22px; height: 22px;}
.tamn-site .nav-mobile .icon-close {display: none;}
.tamn-site .nav-mobile[open] .icon-open {display: none;}
.tamn-site .nav-mobile[open] .icon-close {display: block;}
.tamn-site .nav-mobile-panel {position: absolute; inset-inline-end: 0; top: calc(100% + 12px);
  width: min(86vw, 320px); background: var(--c-surface); border: 1px solid var(--c-line);
  border-radius: var(--r-lg); box-shadow: var(--shadow-lg); padding: var(--sp-4);
  animation: drop 0.25s var(--ease);}
.tamn-site .nav-mobile-panel ul {list-style: none; display: grid; gap: var(--sp-1); margin-bottom: var(--sp-4);}
.tamn-site .nav-mobile-panel a {display: block; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); text-decoration: none; color: var(--c-ink); font-weight: var(--fw-medium);}
.tamn-site .nav-mobile-panel a:hover,
.tamn-site .nav-mobile-panel a[aria-current="page"] {background: var(--c-surface-tint); color: var(--c-navy-900);}
.tamn-site .nav-mobile-panel .btn,
.tamn-site .nav-mobile-panel .w-btn .elementor-button {width: 100%;}
@keyframes drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.tamn-site .hero {position: relative; isolation: isolate; overflow: hidden;
  min-height: clamp(560px, 88vh, 820px);
  display: grid; align-items: end;
  color: var(--c-on-dark);
  background: var(--c-navy-900);}
.tamn-site .hero-video {position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover;}
.tamn-site .hero::before {content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(to top, rgba(6, 50, 74, 0.96) 8%, rgba(6, 50, 74, 0.55) 55%, rgba(6, 50, 74, 0.3)),
    linear-gradient(to left, rgba(6, 50, 74, 0.75), transparent 70%);}
.tamn-site .hero-inner {padding-block: var(--sp-9) var(--sp-7); display: grid; gap: var(--sp-6);}
.tamn-site .hero h1 {color: var(--c-on-dark); font-size: var(--fs-3xl); max-width: 16ch; margin-bottom: var(--sp-5);}
.tamn-site .hero h1 em {font-style: normal; color: var(--c-sky-300);}
.tamn-site .hero p.lead {color: var(--c-on-dark-soft);}
.tamn-site .hero-badge {display: inline-flex; align-items: center; gap: var(--sp-2); padding: var(--sp-2) var(--sp-4);
  border: 1px solid rgba(255,255,255,.25); border-radius: var(--r-pill);
  font-size: var(--fs-sm); background: rgba(255,255,255,.08); backdrop-filter: blur(6px); margin-bottom: var(--sp-5);}
.tamn-site .hero-badge b {color: var(--c-sky-300);}
.tamn-site .hero-card {align-self: end; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--r-lg); padding: var(--sp-5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  max-width: 360px;}
.tamn-site .hero-card h2 {color: var(--c-on-dark); font-size: var(--fs-lg); margin-bottom: var(--sp-3);}
.tamn-site .hero-card .diamond-list {font-size: var(--fs-sm); gap: var(--sp-2);}
.tamn-site .hero-card .diamond-list li::before {background: var(--c-sky-300);}
.tamn-site .fade-up {animation: fadeUp 0.9s var(--ease) both;}
.tamn-site .fade-up.d1 {animation-delay: 0.12s;}
.tamn-site .fade-up.d2 {animation-delay: 0.24s;}
.tamn-site .fade-up.d3 {animation-delay: 0.36s;}
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.tamn-site .ticker {background: var(--c-navy-700); color: var(--c-on-dark); overflow: hidden; padding-block: var(--sp-3);}
.tamn-site .ticker-track {display: flex; gap: var(--sp-7); width: max-content; animation: ticker 40s linear infinite;}
.tamn-site .ticker-track span {display: inline-flex; align-items: center; gap: var(--sp-7); white-space: nowrap; font-weight: var(--fw-bold);}
.tamn-site .ticker-track span::after {content: ""; width: 8px; height: 8px; background: var(--c-sky-300); transform: rotate(45deg);}
.tamn-site .ticker:hover .ticker-track {animation-play-state: paused;}
@keyframes ticker { to { transform: translateX(50%); } }
.tamn-site .stats {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-4);}
.tamn-site .stat {background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: var(--sp-5); position: relative; overflow: hidden;}
.tamn-site .stat::after {content: ""; position: absolute; inset-inline-end: -18px; bottom: -18px; width: 64px; height: 64px;
  background: var(--c-surface-tint); transform: rotate(45deg);}
.tamn-site .stat-num {display: block; font-size: var(--fs-2xl); font-weight: var(--fw-black); color: var(--c-navy-900); line-height: 1.1;}
.tamn-site .stat-label {display: block; color: var(--c-muted); font-size: var(--fs-sm); margin-top: var(--sp-2); position: relative; z-index: 1;}
.tamn-site .section--dark .stat {background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12);}
.tamn-site .section--dark .stat::after {background: rgba(107,200,246,.12);}
.tamn-site .section--dark .stat-num {color: var(--c-on-dark);}
.tamn-site .section--dark .stat-label {color: var(--c-on-dark-soft);}
.tamn-site .split {display: grid; gap: var(--sp-6); align-items: center;}
.tamn-site .split .media {aspect-ratio: 4 / 3;}
.tamn-site .split-stack {position: relative;}
.tamn-site .split-stack .media--small {display: none; position: absolute; width: 46%; aspect-ratio: 1; bottom: -40px; inset-inline-start: -32px;
  border: 6px solid var(--c-surface); box-shadow: var(--shadow-lg);}
.tamn-site .quote-mark {font-size: var(--fs-lg); font-weight: var(--fw-bold); color: var(--c-navy-900);
  border-inline-start: 4px solid var(--c-blue-600); padding-inline-start: var(--sp-4); margin-block: var(--sp-5);}
.tamn-site .tracks {display: grid; gap: var(--sp-5);}
.tamn-site .track {display: grid; border-radius: var(--r-xl); overflow: hidden; background: var(--c-surface);
  border: 1px solid var(--c-line); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);}
.tamn-site .track:hover {transform: translateY(-4px); box-shadow: var(--shadow-lg);}
.tamn-site .track .media {border-radius: 0; aspect-ratio: 16 / 10;}
.tamn-site .track-body {padding: var(--sp-6);}
.tamn-site .track-num {font-size: var(--fs-sm); color: var(--c-blue-600); font-weight: var(--fw-bold);}
.tamn-site .track h3 {font-size: var(--fs-xl); margin-top: var(--sp-2);}
.tamn-site .track--dark {background: var(--c-navy-900); border-color: var(--c-navy-900); color: var(--c-on-dark-soft);}
.tamn-site .track--dark h3 {color: var(--c-on-dark);}
.tamn-site .track--dark .track-num {color: var(--c-sky-300);}
.tamn-site .track--dark .diamond-list li::before {background: var(--c-sky-300);}
.tamn-site .link-arrow,
.tamn-site .w-link-arrow .elementor-button {display: inline-flex; align-items: center; gap: var(--sp-2); font-weight: var(--fw-bold); text-decoration: none; margin-top: var(--sp-5);}
.tamn-site .link-arrow svg,
.tamn-site .w-link-arrow .elementor-button svg {width: 18px; height: 18px; transition: transform var(--dur) var(--ease);}
.tamn-site .link-arrow:hover svg,
.tamn-site .w-link-arrow .elementor-button:hover svg {transform: translateX(-5px);}
.tamn-site .track--dark .link-arrow,
.tamn-site .track--dark .w-link-arrow .elementor-button {color: var(--c-sky-300);}
.tamn-site .timeline {list-style: none; position: relative; display: grid; gap: var(--sp-5); counter-reset: step;}
.tamn-site .timeline::before {content: ""; position: absolute; inset-inline-start: 27px; top: 10px; bottom: 10px; width: 2px;
  background: linear-gradient(var(--c-sky-300), var(--c-blue-600));}
.tamn-site .timeline li {position: relative; padding-inline-start: 84px; counter-increment: step;}
.tamn-site .timeline li::before {content: ""; position: absolute; inset-inline-start: 6px; top: 6px;
  width: 44px; height: 44px; background: var(--c-navy-900);
  border-radius: var(--r-sm); transform: rotate(45deg);
  box-shadow: 0 0 0 7px var(--c-surface);}
.tamn-site .timeline li::after {content: counter(step, arabic-indic); position: absolute; inset-inline-start: 0; top: 0;
  width: 56px; height: 56px; display: grid; place-items: center; line-height: 1;
  color: var(--c-on-dark); font-weight: var(--fw-black); font-size: var(--fs-lg);}
.tamn-site .timeline li > * {position: relative;}
.tamn-site .timeline h3 {font-size: var(--fs-lg); margin-bottom: var(--sp-2);}
.tamn-site .timeline p {color: var(--c-ink-soft); margin: 0;}
.tamn-site .section--alt .timeline li::before {box-shadow: 0 0 0 7px var(--c-surface-alt);}
.tamn-site .section--dark .timeline li::before {background: var(--c-sky-300); box-shadow: 0 0 0 7px var(--c-navy-900);}
.tamn-site .section--dark .timeline li::after {color: var(--c-navy-900);}
.tamn-site .section--dark .timeline p {color: var(--c-on-dark-soft);}
.tamn-site .features {display: grid; gap: var(--sp-4);}
.tamn-site .feature {padding: var(--sp-6) var(--sp-5); border-radius: var(--r-lg); background: var(--c-surface);
  border: 1px solid var(--c-line); transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);}
.tamn-site .feature:hover {border-color: var(--c-steel-400); transform: translateY(-3px);}
.tamn-site .feature-icon {width: 52px; height: 52px; border-radius: var(--r-md); display: grid; place-items: center;
  background: var(--c-surface-tint); color: var(--c-navy-700); margin-bottom: var(--sp-4);}
.tamn-site .feature-icon svg {width: 26px; height: 26px;}
.tamn-site .feature h3 {font-size: var(--fs-lg); margin-bottom: var(--sp-2);}
.tamn-site .feature p {color: var(--c-ink-soft); margin: 0; font-size: var(--fs-sm);}
.tamn-site .cta-band {position: relative; overflow: hidden; border-radius: var(--r-xl);
  background: var(--c-navy-900); color: var(--c-on-dark-soft);
  padding: var(--sp-7) var(--sp-5); display: grid; gap: var(--sp-5); align-items: center;}
.tamn-site .cta-band::before,
.tamn-site .cta-band::after {content: ""; position: absolute; border: 2px solid rgba(107, 200, 246, 0.22); transform: rotate(45deg);}
.tamn-site .cta-band::before {width: 260px; height: 260px; inset-inline-start: -90px; top: -110px;}
.tamn-site .cta-band::after {width: 140px; height: 140px; inset-inline-start: 110px; bottom: -80px; background: rgba(107,200,246,.08);}
.tamn-site .cta-band > * {position: relative; z-index: 1;}
.tamn-site .cta-band h2 {color: var(--c-on-dark); font-size: var(--fs-2xl); margin-bottom: var(--sp-3);}
.tamn-site .cta-band p {margin: 0; max-width: 56ch;}
.tamn-site .page-hero {padding-block: var(--sp-8) var(--sp-7); position: relative; overflow: hidden;}
.tamn-site .page-hero h1 {font-size: var(--fs-3xl); max-width: 18ch;}
.tamn-site .breadcrumbs {font-size: var(--fs-sm); color: var(--c-muted); margin-bottom: var(--sp-4);}
.tamn-site .breadcrumbs ol {list-style: none; display: flex; gap: var(--sp-2); flex-wrap: wrap;}
.tamn-site .breadcrumbs li + li::before {content: "/"; margin-inline-end: var(--sp-2); color: var(--c-line);}
.tamn-site .breadcrumbs a {color: var(--c-muted); text-decoration: none;}
.tamn-site .breadcrumbs a:hover {color: var(--c-navy-900); text-decoration: underline;}
.tamn-site .page-hero--about {background: var(--c-surface-alt);}
.tamn-site .page-hero--about .ghost-num {position: absolute; inset-inline-start: -10px; bottom: -60px; font-size: clamp(9rem, 26vw, 22rem);
  font-weight: var(--fw-black); line-height: 1; color: transparent; -webkit-text-stroke: 2px var(--c-line);
  pointer-events: none; user-select: none;}
.tamn-site .page-hero--services {background: var(--c-navy-900); color: var(--c-on-dark-soft);}
.tamn-site .page-hero--services h1 {color: var(--c-on-dark);}
.tamn-site .page-hero--services .breadcrumbs,
.tamn-site .page-hero--services .breadcrumbs a {color: var(--c-on-dark-soft);}
.tamn-site .page-hero--services .lead {color: var(--c-on-dark-soft);}
.tamn-site .page-hero--portfolio {background: linear-gradient(135deg, var(--c-surface-tint), var(--c-surface) 60%);}
.tamn-site .page-hero--blog {border-bottom: 1px solid var(--c-line);}
.tamn-site .page-hero--contact {background: var(--c-surface-alt);}
.tamn-site .hero-pattern {position: absolute; inset-inline-end: 5%; top: 50%; translate: 0 -50%; display: none;
  grid-template-columns: repeat(4, 22px); gap: 22px; opacity: 0.6;}
.tamn-site .hero-pattern i {width: 14px; height: 14px; background: var(--c-steel-400); transform: rotate(45deg);}
.tamn-site .hero-pattern i:nth-child(3n) {background: var(--c-sky-300);}
.tamn-site .hero-pattern i:nth-child(5n) {background: transparent; border: 2px solid var(--c-sky-300);}
.tamn-site .values {display: grid; gap: var(--sp-4);}
.tamn-site .value {padding: var(--sp-5); border-radius: var(--r-lg); background: var(--c-surface);
  border-top: 4px solid var(--c-blue-600); box-shadow: var(--shadow-sm);}
.tamn-site .value:nth-child(2) {border-top-color: var(--c-steel-400);}
.tamn-site .value:nth-child(3) {border-top-color: var(--c-sky-300);}
.tamn-site .value:nth-child(4) {border-top-color: var(--c-navy-900);}
.tamn-site .value h3 {font-size: var(--fs-lg); margin-bottom: var(--sp-2);}
.tamn-site .value p {margin: 0; color: var(--c-ink-soft); font-size: var(--fs-sm);}
.tamn-site .table-wrap {overflow-x: auto; border-radius: var(--r-lg); border: 1px solid var(--c-line); background: var(--c-surface);}
.tamn-site .compare {width: 100%; min-width: 620px; border-collapse: collapse; font-size: var(--fs-sm);}
.tamn-site .compare caption {text-align: right; padding: var(--sp-4) var(--sp-5); font-weight: var(--fw-bold); color: var(--c-navy-900);}
.tamn-site .compare th,
.tamn-site .compare td {padding: var(--sp-4) var(--sp-5); text-align: right; border-top: 1px solid var(--c-line); vertical-align: top;}
.tamn-site .compare thead th {background: var(--c-surface-alt); font-size: var(--fs-md); color: var(--c-navy-900);}
.tamn-site .compare thead th.is-us {background: var(--c-navy-900); color: var(--c-on-dark);}
.tamn-site .compare td.is-us {background: var(--c-surface-tint); font-weight: var(--fw-medium); color: var(--c-navy-900);}
.tamn-site .compare tbody th {font-weight: var(--fw-bold); color: var(--c-ink); width: 26%;}
.tamn-site .compare td {color: var(--c-ink-soft);}
.tamn-site .mark {display: inline-flex; align-items: center; gap: var(--sp-2);}
.tamn-site .mark svg {width: 18px; height: 18px; flex: none;}
.tamn-site .mark--yes svg {color: var(--c-blue-600);}
.tamn-site .mark--no svg {color: #a0473f;}
.tamn-site .coverage {display: grid; gap: var(--sp-4);}
.tamn-site .city {display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  padding: var(--sp-5); border-radius: var(--r-lg); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);}
.tamn-site .city strong {color: var(--c-on-dark); font-size: var(--fs-lg);}
.tamn-site .city span {font-size: var(--fs-sm);}
.tamn-site .city--home {background: var(--c-sky-300); color: var(--c-navy-900); border-color: var(--c-sky-300);}
.tamn-site .city--home strong {color: var(--c-navy-900);}
.tamn-site .service-nav {display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-5);}
.tamn-site .service-nav a {display: inline-flex; align-items: center; gap: var(--sp-2); padding: var(--sp-3) var(--sp-5);
  border-radius: var(--r-pill); border: 1px solid rgba(255,255,255,.3); color: var(--c-on-dark); text-decoration: none; font-weight: var(--fw-bold);}
.tamn-site .service-nav a:hover {background: var(--c-on-dark); color: var(--c-navy-900);}
.tamn-site .service-block {display: grid; gap: var(--sp-6); align-items: start; scroll-margin-top: 96px;}
.tamn-site .service-index {font-size: clamp(4rem, 12vw, 8rem); font-weight: var(--fw-black); line-height: 1; color: transparent;
  -webkit-text-stroke: 2px var(--c-steel-400);}
.tamn-site .service-items {list-style: none; display: grid; gap: var(--sp-3); counter-reset: si;}
.tamn-site .service-items li {counter-increment: si; display: grid; grid-template-columns: auto 1fr; gap: var(--sp-4); align-items: start;
  padding: var(--sp-4) var(--sp-5); border-radius: var(--r-md); background: var(--c-surface);
  border: 1px solid var(--c-line); transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);}
.tamn-site .service-items li:hover {border-color: var(--c-blue-600); transform: translateX(-4px);}
.tamn-site .service-items li::before {content: counter(si, arabic-indic); width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: var(--r-sm); background: var(--c-surface-tint); color: var(--c-navy-700); font-weight: var(--fw-black);}
.tamn-site .service-items strong {display: block; color: var(--c-navy-900);}
.tamn-site .service-items span {display: block; color: var(--c-ink-soft); font-size: var(--fs-sm);}
.tamn-site .service-aside .media {aspect-ratio: 4 / 5;}
.tamn-site .outcome {margin-top: var(--sp-4); padding: var(--sp-5); border-radius: var(--r-lg);
  background: var(--c-navy-900); color: var(--c-on-dark-soft); font-size: var(--fs-sm);}
.tamn-site .outcome strong {color: var(--c-on-dark); display: block; font-size: var(--fs-md); margin-bottom: var(--sp-2);}
.tamn-site .plans {display: grid; gap: var(--sp-4);}
.tamn-site .plan {display: flex; flex-direction: column; padding: var(--sp-6) var(--sp-5); border-radius: var(--r-lg);
  background: var(--c-surface); border: 1px solid var(--c-line);}
.tamn-site .plan h3 {font-size: var(--fs-xl); margin-bottom: var(--sp-2);}
.tamn-site .plan .plan-for {color: var(--c-muted); font-size: var(--fs-sm); min-height: 3.4em;}
.tamn-site .plan .plan-price {font-weight: var(--fw-bold); color: var(--c-navy-700); padding-block: var(--sp-4); margin-block: var(--sp-4); border-block: 1px dashed var(--c-line);}
.tamn-site .plan .diamond-list {flex: 1; margin-bottom: var(--sp-5); font-size: var(--fs-sm);}
.tamn-site .plan--featured {background: var(--c-navy-900); color: var(--c-on-dark-soft); border-color: var(--c-navy-900); box-shadow: var(--shadow-lg); position: relative;}
.tamn-site .plan--featured h3 {color: var(--c-on-dark);}
.tamn-site .plan--featured .plan-for {color: var(--c-on-dark-soft);}
.tamn-site .plan--featured .plan-price {color: var(--c-sky-300); border-color: rgba(255,255,255,.2);}
.tamn-site .plan--featured .diamond-list li::before {background: var(--c-sky-300);}
.tamn-site .plan-tag {position: absolute; top: -14px; inset-inline-start: var(--sp-5); background: var(--c-sky-300); color: var(--c-navy-900);
  font-size: var(--fs-xs); font-weight: var(--fw-black); padding: var(--sp-1) var(--sp-3); border-radius: var(--r-pill);}
.tamn-site .faq {display: grid; gap: var(--sp-3);}
.tamn-site .faq details {border-radius: var(--r-md); background: var(--c-surface); border: 1px solid var(--c-line); transition: border-color var(--dur) var(--ease);}
.tamn-site .faq details[open] {border-color: var(--c-blue-600); box-shadow: var(--shadow-sm);}
.tamn-site .faq summary {list-style: none; cursor: pointer; padding: var(--sp-4) var(--sp-5); display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4);
  font-weight: var(--fw-bold); color: var(--c-navy-900); border-radius: var(--r-md);}
.tamn-site .faq summary::-webkit-details-marker {display: none;}
.tamn-site .faq summary::after {content: ""; flex: none; width: 10px; height: 10px; border-inline-end: 2px solid var(--c-blue-600); border-bottom: 2px solid var(--c-blue-600);
  transform: rotate(45deg); transition: transform var(--dur) var(--ease); margin-top: -4px;}
.tamn-site .faq details[open] summary::after {transform: rotate(-135deg); margin-top: 4px;}
.tamn-site .faq .faq-body {padding: 0 var(--sp-5) var(--sp-5); color: var(--c-ink-soft);}
.tamn-site .faq .faq-body p:last-child {margin: 0;}
.tamn-site .filters {display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-bottom: var(--sp-6);}
.tamn-site .filters a {padding: var(--sp-2) var(--sp-4); border-radius: var(--r-pill); background: var(--c-surface);
  border: 1px solid var(--c-line); color: var(--c-ink-soft); text-decoration: none; font-size: var(--fs-sm); font-weight: var(--fw-medium);}
.tamn-site .filters a:hover {border-color: var(--c-navy-900); color: var(--c-navy-900);}
.tamn-site .work-grid {display: grid; gap: var(--sp-5);}
.tamn-site .work {border-radius: var(--r-lg); overflow: hidden; background: var(--c-surface); border: 1px solid var(--c-line);
  display: flex; flex-direction: column; scroll-margin-top: 96px;
  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);}
.tamn-site .work:hover {box-shadow: var(--shadow-md); transform: translateY(-3px);}
.tamn-site .work .media {border-radius: 0; aspect-ratio: 4 / 3;}
.tamn-site .work-body {padding: var(--sp-5);}
.tamn-site .tag {display: inline-block; font-size: var(--fs-xs); font-weight: var(--fw-bold); color: var(--c-navy-700);
  background: var(--c-surface-tint); padding: 2px var(--sp-3); border-radius: var(--r-pill); margin-bottom: var(--sp-3);}
.tamn-site .work h3 {font-size: var(--fs-lg); margin-bottom: var(--sp-2);}
.tamn-site .work p {color: var(--c-ink-soft); font-size: var(--fs-sm); margin: 0;}
.tamn-site .ba {display: grid; gap: var(--sp-4);}
.tamn-site .ba-card {border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--c-line); background: var(--c-surface);}
.tamn-site .ba-head {padding: var(--sp-5); border-bottom: 1px solid var(--c-line);}
.tamn-site .ba-head h3 {font-size: var(--fs-xl); margin: 0;}
.tamn-site .ba-cols {display: grid;}
.tamn-site .ba-col {padding: var(--sp-5);}
.tamn-site .ba-col h4 {display: inline-flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-md); margin-bottom: var(--sp-3);}
.tamn-site .ba-col--before {background: #fbf4f2;}
.tamn-site .ba-col--before h4 {color: #8a3a32;}
.tamn-site .ba-col--before li::before {background: #c97b72 !important;}
.tamn-site .ba-col--after {background: var(--c-surface-tint);}
.tamn-site .ba-col--after h4 {color: var(--c-navy-900);}
.tamn-site .ba-col .diamond-list {font-size: var(--fs-sm);}
.tamn-site .chips {display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-5);}
.tamn-site .chips a {padding: var(--sp-2) var(--sp-4); border-radius: var(--r-pill); background: var(--c-surface-tint); color: var(--c-navy-900); text-decoration: none; font-size: var(--fs-sm); font-weight: var(--fw-bold);}
.tamn-site .chips a:hover {background: var(--c-navy-900); color: var(--c-on-dark);}
.tamn-site .post-featured {display: grid; gap: var(--sp-5); align-items: center; margin-bottom: var(--sp-8);}
.tamn-site .post-featured .media {aspect-ratio: 16 / 10;}
.tamn-site .post-featured h2 {font-size: var(--fs-2xl);}
.tamn-site .post-meta {display: flex; flex-wrap: wrap; gap: var(--sp-3); font-size: var(--fs-xs); color: var(--c-muted); margin-bottom: var(--sp-3);}
.tamn-site .post-meta span {display: inline-flex; align-items: center; gap: var(--sp-1);}
.tamn-site .post-meta svg {width: 14px; height: 14px;}
.tamn-site .posts {display: grid; gap: var(--sp-5);}
.tamn-site .post {display: flex; flex-direction: column; border-radius: var(--r-lg); background: var(--c-surface);
  border: 1px solid var(--c-line); overflow: hidden; scroll-margin-top: 96px;}
.tamn-site .post .media {border-radius: 0; aspect-ratio: 16 / 9;}
.tamn-site .post-body {padding: var(--sp-5); display: flex; flex-direction: column; flex: 1;}
.tamn-site .post h3 {font-size: var(--fs-lg);}
.tamn-site .post p {color: var(--c-ink-soft); font-size: var(--fs-sm);}
.tamn-site .read-more {margin-top: auto; border-top: 1px solid var(--c-line); padding-top: var(--sp-3);}
.tamn-site .read-more summary {cursor: pointer; font-weight: var(--fw-bold); color: var(--c-navy-700); list-style: none; display: inline-flex; align-items: center; gap: var(--sp-2); border-radius: var(--r-sm);}
.tamn-site .read-more summary::-webkit-details-marker {display: none;}
.tamn-site .read-more summary::after {content: "+"; font-size: 1.2em; line-height: 1;}
.tamn-site .read-more[open] summary::after {content: "−";}
.tamn-site .read-more .rm-body {padding-top: var(--sp-3); font-size: var(--fs-sm); color: var(--c-ink-soft);}
.tamn-site .read-more .rm-body h4 {font-size: var(--fs-md); margin: var(--sp-4) 0 var(--sp-2);}
.tamn-site .newsletter {display: grid; gap: var(--sp-4); padding: var(--sp-6) var(--sp-5); border-radius: var(--r-xl);
  background: var(--c-surface-tint); border: 1px solid var(--c-line);}
.tamn-site .newsletter h2 {font-size: var(--fs-xl); margin-bottom: var(--sp-2);}
.tamn-site .newsletter p {margin: 0; color: var(--c-ink-soft);}
.tamn-site .contact-grid {display: grid; gap: var(--sp-6); align-items: start;}
.tamn-site .form-card {background: var(--c-surface); border-radius: var(--r-xl); padding: var(--sp-6) var(--sp-5); border: 1px solid var(--c-line); box-shadow: var(--shadow-md);}
.tamn-site .form-card h2 {font-size: var(--fs-xl);}
.tamn-site .form-grid {display: grid; gap: var(--sp-4);}
.tamn-site .field {display: grid; gap: var(--sp-2);}
.tamn-site .field label {font-weight: var(--fw-bold); font-size: var(--fs-sm); color: var(--c-ink);}
.tamn-site .field .req {color: #a0473f;}
.tamn-site .field .hint {font-size: var(--fs-xs); color: var(--c-muted);}
.tamn-site .field input,
.tamn-site .field select,
.tamn-site .field textarea {width: 100%; font: inherit; font-size: var(--fs-md); color: var(--c-ink); background: var(--c-surface-alt);
  border: 1.5px solid var(--c-line); border-radius: var(--r-md); padding: var(--sp-3) var(--sp-4); min-height: 50px;
  transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);}
.tamn-site .field textarea {min-height: 140px; resize: vertical;}
.tamn-site .field input:hover,
.tamn-site .field select:hover,
.tamn-site .field textarea:hover {border-color: var(--c-steel-400);}
.tamn-site .field input:focus,
.tamn-site .field select:focus,
.tamn-site .field textarea:focus {outline: none; border-color: var(--c-navy-700); background: var(--c-surface); box-shadow: 0 0 0 4px rgba(12, 116, 188, 0.18);}
.tamn-site .field input:user-invalid,
.tamn-site .field select:user-invalid,
.tamn-site .field textarea:user-invalid {border-color: #a0473f; background: #fdf6f5;}
.tamn-site .field input[type="tel"],
.tamn-site .field input[type="email"] {direction: ltr; text-align: right;}
.tamn-site fieldset.field {border: 0; padding: 0; margin: 0;}
.tamn-site fieldset.field legend {font-weight: var(--fw-bold); font-size: var(--fs-sm); margin-bottom: var(--sp-2); padding: 0;}
.tamn-site .checks {display: flex; flex-wrap: wrap; gap: var(--sp-2);}
.tamn-site .checks label {display: inline-flex; align-items: center; gap: var(--sp-2); padding: var(--sp-2) var(--sp-4); border-radius: var(--r-pill);
  border: 1.5px solid var(--c-line); cursor: pointer; font-weight: var(--fw-medium); font-size: var(--fs-sm);
  transition: border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);}
.tamn-site .checks input {accent-color: var(--c-navy-900); width: 16px; height: 16px; min-height: 0;}
.tamn-site .checks label:has(input:checked) {border-color: var(--c-navy-900); background: var(--c-surface-tint);}
.tamn-site .checks label:has(input:focus-visible) {outline: 3px solid var(--c-focus); outline-offset: 2px;}
.tamn-site .consent {display: flex; gap: var(--sp-3); align-items: flex-start; font-size: var(--fs-sm); color: var(--c-ink-soft);}
.tamn-site .consent input {width: 18px; height: 18px; margin-top: 5px; accent-color: var(--c-navy-900); flex: none;}
.tamn-site .info-stack {display: grid; gap: var(--sp-4);}
.tamn-site .info-card {display: grid; grid-template-columns: auto 1fr; gap: var(--sp-4); align-items: start;
  padding: var(--sp-5); border-radius: var(--r-lg); background: var(--c-surface); border: 1px solid var(--c-line);}
.tamn-site .info-card .feature-icon {margin: 0;}
.tamn-site .info-card h3 {font-size: var(--fs-md); margin-bottom: var(--sp-1);}
.tamn-site .info-card p,
.tamn-site .info-card a {margin: 0; color: var(--c-ink-soft); font-size: var(--fs-sm);}
.tamn-site .info-card a {color: var(--c-navy-700); font-weight: var(--fw-bold);}
.tamn-site .info-card--dark {background: var(--c-navy-900); border-color: var(--c-navy-900); color: var(--c-on-dark-soft); grid-template-columns: 1fr;}
.tamn-site .info-card--dark h3 {color: var(--c-on-dark);}
.tamn-site .info-card--dark p {color: var(--c-on-dark-soft);}
.tamn-site .hours {list-style: none; display: grid; gap: var(--sp-2); font-size: var(--fs-sm);}
.tamn-site .hours li {display: flex; justify-content: space-between; gap: var(--sp-4); border-bottom: 1px dashed rgba(255,255,255,.18); padding-bottom: var(--sp-2);}
.tamn-site .map-frame {border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--c-line); aspect-ratio: 16 / 10; background: var(--c-surface-tint);}
.tamn-site .map-frame iframe {width: 100%; height: 100%; border: 0;}
.tamn-site .site-footer {background: #041f2e; color: var(--c-on-dark-soft); padding-top: var(--sp-8); font-size: var(--fs-sm);}
.tamn-site .footer-grid {display: grid; gap: var(--sp-6); padding-bottom: var(--sp-7);}
.tamn-site .footer-brand img {height: 92px; width: auto; margin-bottom: var(--sp-4);}
.tamn-site .footer-brand p {max-width: 38ch;}
.tamn-site .site-footer h2 {color: var(--c-on-dark); font-size: var(--fs-md); margin-bottom: var(--sp-4);}
.tamn-site .footer-links {list-style: none; display: grid; gap: var(--sp-2);}
.tamn-site .site-footer a {color: var(--c-on-dark-soft); text-decoration: none;}
.tamn-site .site-footer a:hover {color: var(--c-on-dark); text-decoration: underline;}
.tamn-site .footer-contact {list-style: none; display: grid; gap: var(--sp-3);}
.tamn-site .footer-contact li {display: flex; gap: var(--sp-3); align-items: flex-start;}
.tamn-site .footer-contact svg {width: 18px; height: 18px; flex: none; margin-top: 5px; color: var(--c-sky-300);}
.tamn-site .footer-contact .ltr {direction: ltr; unicode-bidi: isolate;}
.tamn-site .socials {list-style: none; display: flex; gap: var(--sp-2); margin-top: var(--sp-5);}
.tamn-site .socials a {width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--r-md);
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  transition: background-color var(--dur) var(--ease), transform var(--dur) var(--ease);}
.tamn-site .socials a:hover {background: var(--c-blue-600); transform: translateY(-2px); text-decoration: none;}
.tamn-site .socials svg {width: 18px; height: 18px; color: var(--c-on-dark);}
.tamn-site .footer-bottom {border-top: 1px solid rgba(255,255,255,.1); padding-block: var(--sp-5);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-3); font-size: var(--fs-xs);}
@supports (animation-timeline: view()) {
.tamn-site .reveal {animation: fadeUp linear both; animation-timeline: view(); animation-range: entry 0% entry 40%;}
}
@media (min-width: 640px) {
:root {--gutter: 1.5rem;}
.tamn-site .stats {grid-template-columns: repeat(4, 1fr);}
.tamn-site .features {grid-template-columns: repeat(2, 1fr);}
.tamn-site .values {grid-template-columns: repeat(2, 1fr);}
.tamn-site .work-grid,
.tamn-site .posts {grid-template-columns: repeat(2, 1fr);}
.tamn-site .form-grid {grid-template-columns: repeat(2, 1fr);}
.tamn-site .form-grid .full {grid-column: 1 / -1;}
.tamn-site .ba-cols {grid-template-columns: 1fr 1fr;}
.tamn-site .coverage {grid-template-columns: repeat(3, 1fr);}
.tamn-site .footer-grid {grid-template-columns: repeat(2, 1fr);}
.tamn-site .newsletter {grid-template-columns: 1.4fr 1fr; align-items: center;}
}
@media (min-width: 960px) {
:root {--gutter: 2rem;}
.tamn-site .section {padding-block: var(--sp-9);}
.tamn-site .nav-desktop {display: block;}
.tamn-site .nav-mobile {display: none;}
.tamn-site .header-cta {display: inline-flex; min-height: 44px; padding-inline: var(--sp-5);}
.tamn-site .header-inner {min-height: 80px;}
.tamn-site .brand img {height: 46px;}
.tamn-site .hero-inner {grid-template-columns: 1.6fr 1fr; align-items: end; padding-bottom: var(--sp-8);}
.tamn-site .hero-card {justify-self: end;}
.tamn-site .split {grid-template-columns: 1fr 1fr; gap: var(--sp-8);}
.tamn-site .split--wide-text {grid-template-columns: 1.15fr 0.85fr;}
.tamn-site .split-stack .media--small {display: block;}
.tamn-site .split-stack {padding-bottom: 40px;}
.tamn-site .tracks {grid-template-columns: 1.15fr 0.85fr; align-items: stretch;}
.tamn-site .tracks .track:nth-child(2) {margin-top: var(--sp-8);}
.tamn-site .timeline--horizontal {grid-template-columns: repeat(5, 1fr); gap: var(--sp-4);}
.tamn-site .timeline--horizontal::before {inset-inline: 28px; top: 27px; bottom: auto; width: auto; height: 2px; background: linear-gradient(to left, var(--c-sky-300), var(--c-blue-600));}
.tamn-site .timeline--horizontal li {padding-inline-start: 0; padding-top: 84px;}
.tamn-site .features {grid-template-columns: repeat(3, 1fr);}
.tamn-site .features--offset .feature:nth-child(3n/**/+2) {transform: translateY(var(--sp-6));}
.tamn-site .features--offset .feature:nth-child(3n/**/+2):hover {transform: translateY(calc(var(--sp-6) - 3px));}
.tamn-site .cta-band {grid-template-columns: 1.5fr auto; padding: var(--sp-8) var(--sp-7);}
.tamn-site .values {grid-template-columns: repeat(4, 1fr);}
.tamn-site .values .value:nth-child(even) {margin-top: var(--sp-6);}
.tamn-site .hero-pattern {display: grid;}
.tamn-site .service-block {grid-template-columns: 0.9fr 1.6fr; gap: var(--sp-8);}
.tamn-site .service-block--reverse {grid-template-columns: 1.6fr 0.9fr;}
.tamn-site .service-block--reverse .service-aside {order: 2;}
.tamn-site .service-aside {position: sticky; top: 110px;}
.tamn-site .plans {grid-template-columns: repeat(3, 1fr); align-items: stretch;}
.tamn-site .plan--featured {transform: translateY(-16px);}
.tamn-site .faq-layout {display: grid; grid-template-columns: 0.8fr 1.4fr; gap: var(--sp-8); align-items: start;}
.tamn-site .work-grid {grid-template-columns: repeat(3, 1fr);}
.tamn-site .work--wide {grid-column: span 2; flex-direction: row;}
.tamn-site .work--wide .media {flex: 1.2; aspect-ratio: auto; min-height: 100%;}
.tamn-site .work--wide .work-body {flex: 1; display: flex; flex-direction: column; justify-content: center; padding: var(--sp-6);}
.tamn-site .post-featured {grid-template-columns: 1.2fr 1fr; gap: var(--sp-7);}
.tamn-site .posts {grid-template-columns: repeat(3, 1fr);}
.tamn-site .contact-grid {grid-template-columns: 1.5fr 1fr; gap: var(--sp-7);}
.tamn-site .form-card {padding: var(--sp-7);}
.tamn-site .footer-grid {grid-template-columns: 1.6fr 1fr 1fr 1.3fr;}
}
@media (min-width: 1200px) {
.tamn-site .hero h1 {max-width: 15ch;}
}
@media (prefers-reduced-motion: reduce) {
.tamn-site *,
.tamn-site *::before,
.tamn-site *::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
.tamn-site .ticker-track {animation: none;}
.tamn-site .hero-video {display: none;}
}
@media print {
.tamn-site .site-header,
.tamn-site .site-footer,
.tamn-site .hero-video,
.tamn-site .ticker,
.tamn-site .cta-band {display: none;}
body.tamn-site {color: #000;}
}

/* ===== Header menu (wp_nav_menu) ===== */
.tamn-site .nav-list li, .tamn-site .nav-mobile-panel li, .tamn-site .footer-links li { list-style:none; }
.tamn-site .nav-list .current-menu-item > a { color: var(--c-navy-900); font-weight: var(--fw-bold); background: var(--c-surface-tint); }
.tamn-site .nav-mobile-panel .current-menu-item > a { background: var(--c-surface-tint); color: var(--c-navy-900); }
.tamn-site .site-main { display:block; }
.admin-bar .tamn-site .site-header, .admin-bar.tamn-site .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar.tamn-site .site-header { top: 0; } }
#wpadminbar svg, #wpadminbar img { display:inline; }

/* ===== WPForms — styled like the original contact form ===== */
.tamn-site .wpforms-container { margin:0; }
.tamn-site .wpforms-form .wpforms-field-container { display:grid; gap:var(--sp-4); }
@media (min-width: 640px) { .tamn-site .wpforms-form .wpforms-field-container { grid-template-columns: repeat(2, 1fr); } .tamn-site .wpforms-form .wpforms-field.full { grid-column: 1 / -1; } }
.tamn-site .wpforms-form .wpforms-field { display:grid; gap:var(--sp-2); padding:0; margin:0; }
.tamn-site .wpforms-form .wpforms-field-label { font-weight:var(--fw-bold); font-size:var(--fs-sm); color:var(--c-ink); margin:0; display:block; }
.tamn-site .wpforms-form .wpforms-required-label { color:#a0473f; }
.tamn-site .wpforms-form .wpforms-field-description { font-size:var(--fs-xs); color:var(--c-muted); }
.tamn-site .wpforms-form input[type=text], .tamn-site .wpforms-form input[type=email], .tamn-site .wpforms-form input[type=tel],
.tamn-site .wpforms-form select, .tamn-site .wpforms-form textarea {
  width:100%; max-width:none; font:inherit; font-size:var(--fs-md); color:var(--c-ink); background:var(--c-surface-alt);
  border:1.5px solid var(--c-line); border-radius:var(--r-md); padding:var(--sp-3) var(--sp-4); min-height:50px; box-shadow:none;
  transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.tamn-site .wpforms-form textarea { min-height:140px; resize:vertical; }
.tamn-site .wpforms-form input:hover, .tamn-site .wpforms-form select:hover, .tamn-site .wpforms-form textarea:hover { border-color:var(--c-steel-400); }
.tamn-site .wpforms-form input:focus, .tamn-site .wpforms-form select:focus, .tamn-site .wpforms-form textarea:focus {
  outline:none; border-color:var(--c-navy-700); background:var(--c-surface); box-shadow:0 0 0 4px rgba(12,116,188,.18); }
.tamn-site .wpforms-form .ltr-input input { direction:ltr; text-align:right; }
.tamn-site .wpforms-form .wpforms-field-checkbox ul { list-style:none; display:flex; flex-wrap:wrap; gap:var(--sp-2); margin:0; padding:0; }
.tamn-site .wpforms-form .checks-pills ul li { margin:0; padding:0; }
.tamn-site .wpforms-form .checks-pills ul li label { display:inline-flex; align-items:center; gap:var(--sp-2); padding:var(--sp-2) var(--sp-4); border-radius:var(--r-pill);
  border:1.5px solid var(--c-line); cursor:pointer; font-weight:var(--fw-medium); font-size:var(--fs-sm); margin:0;
  transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease); }
.tamn-site .wpforms-form .checks-pills ul li:has(input:checked) label, .tamn-site .wpforms-form .checks-pills ul li.wpforms-selected label { border-color:var(--c-navy-900); background:var(--c-surface-tint); }
.tamn-site .wpforms-form .checks-pills ul li { display:inline-flex; align-items:center; gap:0; position:relative; }
.tamn-site .wpforms-form .checks-pills input[type=checkbox] { position:absolute; inset-inline-start:var(--sp-4); accent-color:var(--c-navy-900); width:16px; height:16px; margin:0; }
.tamn-site .wpforms-form .checks-pills ul li label { padding-inline-start: calc(var(--sp-4) + 16px + var(--sp-2)); }
.tamn-site .wpforms-form .consent-field ul { list-style:none; margin:0; padding:0; }
.tamn-site .wpforms-form .consent-field li { display:flex; gap:var(--sp-3); align-items:flex-start; font-size:var(--fs-sm); color:var(--c-ink-soft); margin:0; }
.tamn-site .wpforms-form .consent-field input { width:18px; height:18px; margin-top:5px; accent-color:var(--c-navy-900); flex:none; }
.tamn-site .wpforms-form .consent-field li label { margin:0; font-weight:var(--fw-regular); }
.tamn-site .wpforms-form .wpforms-submit-container { margin-top:var(--sp-4); padding:0; }
.tamn-site .wpforms-form button[type=submit] {
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); min-height:48px; padding:var(--sp-3) var(--sp-6);
  font:inherit; font-weight:var(--fw-bold); font-size:var(--fs-md); border-radius:var(--r-pill); border:2px solid transparent; cursor:pointer;
  background:var(--c-navy-900); color:var(--c-on-dark); transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.tamn-site .wpforms-form button[type=submit]:hover { background:var(--c-navy-700); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.tamn-site .wpforms-form button[type=submit]::after { content:""; width:18px; height:18px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat; }
.tamn-site .wpforms-form label.wpforms-error, .tamn-site .wpforms-form em.wpforms-error { color:#a0473f; font-size:var(--fs-xs); font-style:normal; }
.tamn-site .wpforms-form input.wpforms-error, .tamn-site .wpforms-form select.wpforms-error, .tamn-site .wpforms-form textarea.wpforms-error { border-color:#a0473f; background:#fdf6f5; }
.tamn-site .wpforms-confirmation-container-full { background:var(--c-surface-tint); border:1px solid var(--c-line); border-radius:var(--r-md); padding:var(--sp-5); color:var(--c-navy-900); }
.tamn-site .wpforms-form fieldset { border:0; padding:0; margin:0; min-width:0; }
.tamn-site .wpforms-form legend.wpforms-field-label { padding:0; margin-bottom:var(--sp-2); }
.tamn-site .wpforms-form .wpforms-label-hide { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tamn-site .wpforms-form .wpforms-field-container > .wpforms-field { min-width:0; }
.tamn-site .wpforms-hidden, .tamn-site .wpforms-field-hp { display:none !important; }

/* ===== Per-element styles (from inline style attributes) ===== */
.tamn-site .ix-8adcb84 .elementor-heading-title{font-size:var(--fs-2xl) !important}
.tamn-site .ix-aab9d94{aspect-ratio:4/5 !important}
.tamn-site .ix-2cd9b34 .elementor-heading-title{font-size:var(--fs-2xl) !important}
.tamn-site .ix-ee87ac1 .elementor-heading-title{font-size:var(--fs-2xl) !important}
.tamn-site .ix-faa013f{margin-top:var(--sp-5) !important}
.tamn-site .ix-8f79ff8{aspect-ratio:16/11 !important}
.tamn-site .ix-98b2c7c .elementor-heading-title{font-size:var(--fs-2xl) !important}
.tamn-site .ix-b039a3a .elementor-button{margin-top:var(--sp-6) !important}
.tamn-site .ix-cf2f2e0 .elementor-heading-title{font-size:var(--fs-2xl) !important}
.tamn-site .ix-be08b96 .elementor-button{margin-top:var(--sp-6) !important}
.tamn-site .ix-70ac5ef{margin-bottom:var(--sp-6) !important}
.tamn-site .ix-fce1d71{aspect-ratio:4/3 !important}
.tamn-site .ix-5c0e5d8 .elementor-heading-title{font-size:var(--fs-xl) !important}
.tamn-site .ix-000b867{padding-top:var(--sp-6) !important}
.tamn-site .ix-a510dc9{padding-top:var(--sp-7) !important}
.tamn-site .ix-69f3812{margin-bottom:var(--sp-5) !important}
.tamn-site .ix-3f09145{margin-bottom:var(--sp-6) !important}