:root {
  --ink: #0D1117;
  --blue: #2563EB;
  --cyan: #06B6D4;
  --paper: #ffffff;
  --surface: #F5F7FA;
  --line: #E3E8EF;
  --muted: #5E6773;
  --container: 1180px;
  --shadow: 0 16px 45px rgba(13, 17, 23, .07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Cairo, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
html[dir="rtl"] body { font-family: Cairo, Inter, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
.container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); border-bottom: 1px solid transparent; backdrop-filter: blur(18px); transition: .2s ease; }
.site-header.is-scrolled { border-bottom-color: var(--line); }
.nav-wrap { min-height: 92px; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 28px; }
.brand img { width: 164px; height: 68px; object-fit: contain; object-position: left center; }
.main-nav { display: flex; justify-content: center; gap: 38px; font-size: 14px; font-weight: 500; }
.main-nav a { position: relative; padding: 34px 0 30px; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 20px; height: 2px; background: var(--blue); transition: .2s; }
.main-nav a:hover::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 20px; }
.mobile-nav-tools { display: none; }
.lang-link { font-size: 13px; color: var(--muted); }
.button { min-height: 48px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid transparent; font-size: 14px; font-weight: 600; cursor: pointer; transition: .2s ease; }
.button-small { min-height: 44px; }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 8px 20px rgba(37,99,235,.18); }
.button-primary:hover { background: #174FD1; transform: translateY(-1px); }
.button-primary:disabled { opacity: .6; cursor: wait; }
.menu-toggle { display: none; border: 0; background: transparent; width: 44px; height: 44px; padding: 10px; }
.menu-toggle span { display: block; width: 22px; height: 1.5px; background: var(--ink); margin: 5px auto; }
.hero { border-bottom: 1px solid var(--line); overflow: hidden; }
.hero-grid { min-height: 560px; display: grid; grid-template-columns: 40% 60%; align-items: stretch; }
.hero-copy { padding: 70px 34px 64px 0; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; }
html[dir="rtl"] .hero-copy { padding: 70px 0 64px 34px; }
.eyebrow { margin: 0 0 24px; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.hero h1 { margin: 0; max-width: 560px; font-size: clamp(54px, 5.6vw, 86px); line-height: .99; letter-spacing: -.055em; font-weight: 600; }
html[dir="rtl"] .hero h1 { letter-spacing: -.03em; line-height: 1.2; }
.hero h1 span { color: var(--blue); }
.hero-lead { max-width: 470px; margin: 34px 0 0; color: #4E5865; font-size: 17px; line-height: 1.8; }
.hero-actions { margin-top: 36px; display: flex; align-items: center; gap: 32px; }
.text-link { display: inline-flex; align-items: center; gap: 20px; padding: 12px 0; color: var(--blue); border-bottom: 1px solid #BBD0FF; font-size: 14px; font-weight: 500; }
.hero-media { position: relative; min-height: 560px; overflow: hidden; }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.08) 22%, rgba(255,255,255,0) 45%); pointer-events: none; }
html[dir="rtl"] .hero-media::after { background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,.08) 22%, rgba(255,255,255,0) 45%); }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.8) contrast(1.03); }
.media-index { position: absolute; top: 48px; right: 0; bottom: 58px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 12px; }
.media-index i { width: 1px; flex: 1; margin: 18px 0; background: linear-gradient(var(--blue) 22%, var(--line) 22%); }
.stats-strip { border-bottom: 1px solid var(--line); background: #fff; }
.stats-grid { min-height: 140px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.stats-grid > div { padding: 12px 28px; border-right: 1px solid var(--line); }
html[dir="rtl"] .stats-grid > div { border-right: 0; border-left: 1px solid var(--line); }
.stats-grid > div:last-child { border-right: 0; border-left: 0; }
.stats-grid strong { display: block; font-size: 35px; font-weight: 500; letter-spacing: -.04em; }
.stats-grid span { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; }
.section { padding: 92px 0; border-bottom: 1px solid var(--line); }
.services-layout { display: grid; grid-template-columns: 280px 1fr; gap: 70px; align-items: start; }
.section-intro h2, .approach-copy h2, .legal-grid h2, .contact-copy h2 { margin: 0; font-size: clamp(36px, 4vw, 58px); letter-spacing: -.045em; line-height: 1.05; font-weight: 600; }
.section-intro > p:not(.eyebrow), .approach-copy > p:not(.eyebrow), .contact-copy > p:not(.eyebrow) { color: var(--muted); line-height: 1.8; font-size: 15px; }
.section-intro .text-link { margin-top: 22px; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.service-card { min-height: 260px; padding: 28px 26px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; background: #fff; transition: .2s ease; }
.service-card:hover { position: relative; z-index: 2; box-shadow: var(--shadow); transform: translateY(-2px); }
.service-icon { width: 42px; height: 42px; border: 1px solid #B8CBF8; position: relative; margin-bottom: 26px; }
.service-icon::before { content: ""; position: absolute; inset: 11px; border: 2px solid var(--blue); }
.service-icon[data-icon="phone"]::before { inset: 7px 12px; border-radius: 3px; }
.service-icon[data-icon="cart"]::before { inset: 11px 8px 13px; border-width: 0 0 2px 2px; transform: skew(-10deg); }
.service-icon[data-icon="cloud"]::before { border-radius: 20px; border-width: 2px; }
.service-icon[data-icon="code"]::before { content: "</>"; inset: 7px 5px; border: 0; color: var(--blue); font-size: 13px; font-weight: 700; }
.service-icon[data-icon="shield"]::before { border-radius: 50% 50% 60% 60%; transform: scaleX(.78); }
.service-card h3 { margin: 0; font-size: 16px; font-weight: 600; }
.service-card p { margin: 12px 0 22px; color: var(--muted); line-height: 1.65; font-size: 13px; }
.service-card a { margin-top: auto; color: var(--blue); align-self: flex-end; font-size: 20px; }
.approach { background: #fff; }
.approach-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 72px; align-items: center; }
.office-media { overflow: hidden; min-height: 360px; background: var(--surface); }
.office-media img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.approach-copy { max-width: 520px; }
.approach-copy .text-link { margin-top: 18px; }
.legal-value { background: var(--surface); }
.legal-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 80px; }
.legal-points { border-top: 1px solid #D8DEE8; }
.legal-points > div { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 12px; min-height: 92px; border-bottom: 1px solid #D8DEE8; }
.legal-points span { color: var(--blue); font-size: 12px; }
.legal-points h3 { margin: 0; font-size: 18px; font-weight: 500; }
.contact-section { background: #fff; }
.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.contact-email { display: inline-block; margin-top: 22px; color: var(--blue); font-weight: 600; }
.project-form { padding: 38px; border: 1px solid var(--line); background: #fff; box-shadow: 0 18px 50px rgba(13,17,23,.04); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.project-form label { display: grid; gap: 8px; margin-bottom: 18px; font-size: 12px; font-weight: 600; color: #313947; }
.project-form input, .project-form textarea, .project-form select { width: 100%; border: 1px solid #DDE3EB; background: #FBFCFE; color: var(--ink); padding: 13px 14px; outline: none; transition: .2s; }
.project-form input:focus, .project-form textarea:focus, .project-form select:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.project-form textarea { resize: vertical; }
.form-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 4px; }
.form-status { margin: 0; color: var(--muted); font-size: 13px; }
.footer { padding: 34px 0; background: #fff; }
.footer-grid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; color: var(--muted); font-size: 12px; }
.footer-grid img { width: 128px; height: 48px; object-fit: contain; object-position: left center; }
.footer-grid p { margin: 0; }
.footer-grid div { display: flex; justify-content: flex-end; gap: 18px; }
@media (max-width: 960px) {
  body { padding-top: 76px; }
  .site-header { position: fixed; inset: 0 0 auto 0; width: 100%; z-index: 1000; }
  .nav-wrap { grid-template-columns: 1fr auto; min-height: 76px; }
  .brand img { width: 135px; height: 58px; }
  .menu-toggle { display: block; grid-column: 2; grid-row: 1; position: relative; z-index: 1003; }
  .main-nav { display: none; position: fixed; z-index: 1002; inset: 76px 0 0 0; width: 100%; height: calc(100dvh - 76px); max-height: none; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; background: rgba(255,255,255,.995); border-top: 1px solid var(--line); border-bottom: 0; padding: 22px max(24px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); flex-direction: column; gap: 0; box-shadow: 0 18px 50px rgba(13,17,23,.08); }
  .main-nav.is-open { display: flex; }
  .main-nav > a { padding: 16px 0; font-size: 16px; font-weight: 500; }
  .main-nav > a::after { bottom: 7px; }
  .nav-actions { display: none; }
  .mobile-nav-tools { display: grid; gap: 0; margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--line); }
  .mobile-nav-tools > a { padding: 15px 0; }
  .mobile-portal-link { display: flex; justify-content: space-between; align-items: center; color: #344054; font-size: 14px; font-weight: 600; }
  .mobile-lang-link { display: flex; justify-content: space-between; align-items: center; gap: 18px; color: var(--ink); border-top: 1px solid #EEF1F5; border-bottom: 1px solid #EEF1F5; }
  .mobile-lang-caption { color: var(--muted); font-size: 12px; font-weight: 500; }
  .mobile-lang-link strong { color: var(--blue); font-size: 16px; font-weight: 700; }
  .mobile-talk-button { width: 100%; margin-top: 18px; padding: 0 20px !important; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
  .menu-toggle span { transition: transform .18s ease; }
  html.menu-open { overflow: hidden; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { padding: 58px 0 42px; }
  .hero-media { min-height: 390px; margin-inline: -24px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid > div:nth-child(2) { border-right: 0; }
  .services-layout, .approach-grid, .legal-grid, .contact-grid { grid-template-columns: 1fr; gap: 44px; }
  .service-grid { grid-template-columns: 1fr 1fr; }
  .section-intro { max-width: 560px; }
}
@media (max-width: 620px) {
  .container { width: min(100% - 32px, var(--container)); }
  .hero-copy { padding-top: 46px; }
  .hero h1 { font-size: 49px; }
  .hero-lead { font-size: 15px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .hero-media { min-height: 300px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid > div { padding: 25px 12px; }
  .stats-grid strong { font-size: 28px; }
  .section { padding: 68px 0; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 220px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .project-form { padding: 24px 18px; }
  .form-footer { align-items: stretch; flex-direction: column; }
  .form-footer .button { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .footer-grid img { object-position: center; }
  .footer-grid div { justify-content: center; }
}


/* Phase 2: enterprise inner pages */
.page-hero, .about-hero, .service-hero, .legal-hero { padding: 86px 0 72px; border-bottom: 1px solid var(--line); background: #fff; }
.page-hero-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:90px; align-items:end; }
.page-hero h1, .about-hero h1, .service-hero h1, .legal-hero h1 { margin: 0; max-width: 900px; font-size: clamp(48px, 6vw, 82px); line-height: .98; letter-spacing: -.055em; font-weight: 600; }
.page-hero p:not(.eyebrow), .about-hero p:not(.eyebrow), .service-hero-copy > p:not(.eyebrow), .legal-hero p:not(.eyebrow) { color: var(--muted); line-height:1.8; font-size:16px; max-width:700px; }
.page-hero-note { border-left: 1px solid var(--line); padding-left:28px; }
html[dir="rtl"] .page-hero-note { border-left:0; border-right:1px solid var(--line); padding-left:0; padding-right:28px; }
.page-hero-note span, .service-num { color: var(--blue); font-size:12px; letter-spacing:.08em; }
.service-list { border-top:1px solid var(--line); }
.service-row { display:grid; grid-template-columns:72px 1fr 46px; gap:30px; align-items:center; padding:34px 20px; border-bottom:1px solid var(--line); transition:.2s ease; }
.service-row:hover { background:#FAFBFD; padding-inline:30px; }
.service-row h2 { margin:4px 0 8px; font-size:clamp(25px,3vw,38px); letter-spacing:-.035em; }
.service-row p { margin:0; color:var(--muted); max-width:760px; line-height:1.7; }
.service-arrow { color:var(--blue); font-size:24px; }
.split-cta { background:var(--ink); color:#fff; }
.split-cta .container { display:flex; align-items:end; justify-content:space-between; gap:50px; }
.split-cta h2 { margin:0; max-width:760px; font-size:clamp(34px,4vw,56px); line-height:1.08; letter-spacing:-.04em; }
.split-cta .eyebrow { color:#8DB7FF; }
.service-hero { padding-bottom:0; }
.service-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; min-height:600px; }
.service-hero-copy { padding:40px 64px 80px 0; align-self:center; }
html[dir="rtl"] .service-hero-copy { padding:40px 0 80px 64px; }
.service-hero-copy .button { margin-top:24px; }
.back-link { display:inline-flex; margin-bottom:54px; color:var(--muted); font-size:13px; }
.service-photo { min-height:600px; overflow:hidden; background:#EEF2F7; }
.service-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(.98); }
.detail-two-col, .process-grid, .legal-lens-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.detail-two-col h2, .process-grid h2, .legal-lens-grid h2, .section-heading h2, .story-grid h2, .image-text-grid h2 { margin:0; font-size:clamp(36px,4.5vw,60px); line-height:1.08; letter-spacing:-.045em; }
.number-list { border-top:1px solid var(--line); }
.number-list > div { display:grid; grid-template-columns:64px 1fr; gap:20px; align-items:center; min-height:86px; border-bottom:1px solid var(--line); }
.number-list span, .capability-grid span { color:var(--blue); font-size:12px; }
.number-list p { margin:0; font-size:18px; }
.surface { background:var(--surface); }
.section-heading { max-width:900px; margin-bottom:46px; }
.section-heading > p:not(.eyebrow) { color:var(--muted); line-height:1.75; max-width:700px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #D8DEE8; border-left:1px solid #D8DEE8; }
.capability-grid > div { min-height:170px; padding:26px; border-right:1px solid #D8DEE8; border-bottom:1px solid #D8DEE8; background:#fff; }
.capability-grid h3 { margin:34px 0 0; font-size:17px; font-weight:550; }
.process-steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.process-steps li { display:grid; grid-template-columns:70px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); }
.process-steps strong { color:var(--blue); font-size:12px; }
.process-steps h3 { margin:0; font-size:19px; }
.process-steps p { margin:8px 0 0; color:var(--muted); line-height:1.7; }
.legal-lens { background:#F8FAFD; }
.legal-lens-grid > p { margin:0; color:#3F4A58; line-height:1.9; font-size:17px; }
.about-hero { padding-bottom:0; }
.about-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; min-height:630px; align-items:stretch; }
.about-hero-grid > div:first-child { padding:70px 70px 80px 0; align-self:center; }
html[dir="rtl"] .about-hero-grid > div:first-child { padding:70px 0 80px 70px; }
.about-photo { overflow:hidden; min-height:630px; }
.about-photo img, .wide-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(.8); }
.story-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.story-copy p { margin:0 0 22px; color:#3F4A58; font-size:18px; line-height:1.9; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.team-card { min-height:220px; padding:26px; border:1px solid var(--line); background:#fff; display:flex; flex-direction:column; justify-content:space-between; }
.initials { width:64px; height:64px; display:grid; place-items:center; border:1px solid #B9CAF2; color:var(--blue); font-weight:700; letter-spacing:.08em; }
.team-card h3 { margin:0 0 7px; font-size:21px; }
.team-card p { margin:0; color:var(--muted); line-height:1.55; }
.image-text-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:72px; align-items:center; }
.wide-photo { min-height:470px; overflow:hidden; background:#EEF2F7; }
.image-text-grid > div:last-child > p:not(.eyebrow) { color:var(--muted); line-height:1.85; }
.partners-section { background:#fff; }
.partner-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.partner-grid > div { min-height:150px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.partner-grid span { color:#7E8996; font-size:11px; letter-spacing:.18em; }
.partner-grid strong { font-size:15px; font-weight:600; }
.legal-hero { background:#F8FAFD; }
.legal-hero h1 { max-width:none; }
.legal-document { max-width:900px; }
.legal-document h2 { margin:46px 0 12px; font-size:24px; letter-spacing:-.02em; }
.legal-document h2:first-child { margin-top:0; }
.legal-document p { margin:0; color:#465160; line-height:1.9; font-size:15px; }
.footer { padding:54px 0 22px; border-top:1px solid var(--line); }
.footer-main { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:54px; padding-bottom:42px; }
.footer-brand img { width:145px; height:58px; object-fit:contain; object-position:left center; }
html[dir="rtl"] .footer-brand img { object-position:right center; }
.footer-brand p { color:var(--muted); font-size:13px; }
.footer-links { display:flex; flex-direction:column; gap:11px; font-size:13px; }
.footer-links strong { margin-bottom:6px; color:var(--ink); }
.footer-links a { color:var(--muted); }
.footer-links a:hover { color:var(--blue); }
.footer-bottom { border-top:1px solid var(--line); padding-top:20px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
.footer-bottom p { margin:0; }
@media (max-width:960px) {
  .page-hero-grid, .service-hero-grid, .about-hero-grid, .detail-two-col, .process-grid, .legal-lens-grid, .story-grid, .image-text-grid { grid-template-columns:1fr; gap:42px; }
  .service-hero-copy, html[dir="rtl"] .service-hero-copy, .about-hero-grid > div:first-child, html[dir="rtl"] .about-hero-grid > div:first-child { padding:40px 0; }
  .service-photo, .about-photo { min-height:430px; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .team-grid { grid-template-columns:1fr 1fr; }
  .partner-grid { grid-template-columns:repeat(2,1fr); }
  .footer-main { grid-template-columns:1.5fr 1fr 1fr; }
  .footer-links:last-child { grid-column:2/4; }
}
@media (max-width:620px) {
  .page-hero, .about-hero, .service-hero, .legal-hero { padding-top:54px; }
  .page-hero h1, .about-hero h1, .service-hero h1, .legal-hero h1 { font-size:44px; }
  .page-hero-note { border:0; padding:0; }
  html[dir="rtl"] .page-hero-note { border:0; padding:0; }
  .service-row { grid-template-columns:54px 1fr 24px; gap:14px; padding-inline:0; }
  .service-row:hover { padding-inline:0; }
  .split-cta .container { align-items:flex-start; flex-direction:column; }
  .capability-grid, .team-grid, .partner-grid { grid-template-columns:1fr; }
  .service-photo, .about-photo, .wide-photo { min-height:310px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:32px; }
  .footer-brand { grid-column:1/-1; }
  .footer-links:last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; gap:8px; }
}

/* Phase 2.1 cache-busted visual hardening */
.footer { background:#fff; }
.footer-main { align-items:start; }
.footer-brand { min-width:0; }
.footer-brand img { display:block; width:142px; max-width:142px; height:56px; object-fit:contain; }
.footer-brand p { max-width:260px; margin:14px 0 0; line-height:1.7; }
.footer-links strong, .footer-links a { display:block; }
.footer-bottom { align-items:center; }
.team-card { box-shadow:0 10px 30px rgba(13,17,23,.035); }
.team-card:hover { border-color:#C9D7F5; box-shadow:0 18px 44px rgba(13,17,23,.07); transform:translateY(-2px); }
.team-card { transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.partner-grid > div { transition:background .2s ease; }
.partner-grid > div:hover { background:#FAFBFD; }
.about-photo img, .wide-photo img, .service-photo img { display:block; }
@media (max-width:960px) {
  .footer-main { grid-template-columns:1fr 1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .footer-links:last-child { grid-column:auto; }
}
@media (max-width:620px) {
  .footer-main { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .footer-brand img { width:132px; max-width:132px; }
}

/* Phase 2.2 — legal content + administration */
.service-icon[data-icon="document"]::before { content: "§"; inset: 6px; border: 0; color: var(--blue); font-family: Georgia, serif; font-size: 22px; line-height: 28px; text-align: center; }
.legal-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:48px; }
.legal-version { min-width:160px; border-left:1px solid #d9e1ec; padding-left:24px; display:grid; gap:5px; }
[dir="rtl"] .legal-version { border-left:0; border-right:1px solid #d9e1ec; padding-left:0; padding-right:24px; }
.legal-version span,.legal-version small { color:#667085; font-size:12px; }
.legal-version strong { font-size:32px; font-weight:600; color:#0d1b2f; }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:72px; align-items:start; }
.legal-aside { position:sticky; top:120px; padding-top:8px; font-size:13px; color:#667085; }
.legal-aside p { margin:0 0 9px; }
.legal-aside a { color:var(--blue); }
.legal-document { max-width:760px; }
.legal-document h2 { margin:0 0 14px; padding-top:34px; font-size:22px; line-height:1.3; color:#101828; }
.legal-document h2:first-child { padding-top:0; }
.legal-document h3 { margin:30px 0 12px; font-size:17px; color:#101828; }
.legal-document p,.legal-document li { color:#475467; font-size:15px; line-height:1.85; }
.legal-document ul,.legal-document ol { padding-inline-start:22px; }
.legal-document a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }

.admin-body,.admin-login-body { margin:0; font-family:Inter,Arial,sans-serif; background:#f6f8fb; color:#101828; }
.admin-body *,.admin-login-body * { box-sizing:border-box; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:260px minmax(0,1fr); }
.admin-sidebar { min-height:100vh; background:#fff; border-right:1px solid #e6eaf0; padding:30px 22px 24px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }
.admin-brand { display:flex; align-items:center; gap:14px; text-decoration:none; color:#101828; margin:0 6px 38px; }
.admin-brand img { width:108px; height:42px; object-fit:contain; object-position:left center; }
.admin-brand span { font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#667085; padding-left:13px; border-left:1px solid #d9e1ec; }
.admin-nav { display:grid; gap:6px; }
.admin-nav a { padding:12px 14px; border-radius:8px; color:#475467; font-size:14px; font-weight:500; text-decoration:none; }
.admin-nav a:hover,.admin-nav a.is-active { background:#eef4ff; color:#1746b5; }
.admin-sidebar-foot { margin-top:auto; display:grid; gap:10px; border-top:1px solid #edf0f4; padding-top:18px; }
.admin-sidebar-foot a,.admin-sidebar-foot button { width:100%; border:0; background:transparent; padding:8px 4px; text-align:left; font:inherit; color:#667085; cursor:pointer; text-decoration:none; }
.admin-workspace { min-width:0; }
.admin-topbar { height:76px; border-bottom:1px solid #e6eaf0; background:rgba(255,255,255,.96); display:flex; align-items:center; justify-content:space-between; padding:0 42px; position:sticky; top:0; z-index:20; }
.admin-topbar div { display:flex; align-items:baseline; gap:10px; }
.admin-topbar p { margin:0; color:#2563eb; font-size:12px; font-weight:700; letter-spacing:.1em; }
.admin-topbar strong { font-size:14px; }
.admin-topbar > span { font-size:13px; color:#667085; }
.admin-main { padding:42px; max-width:1440px; }
.admin-page-head { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:30px; }
.admin-page-head h1 { margin:6px 0 8px; font-size:31px; letter-spacing:-.03em; }
.admin-page-head p { margin:0; max-width:720px; color:#667085; line-height:1.6; }
.admin-page-head-row { align-items:center; }
.admin-back { display:inline-block; color:#667085; font-size:13px; text-decoration:none; margin-bottom:8px; }
.admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.admin-metrics article { background:#fff; border:1px solid #e5e9f0; border-radius:12px; padding:22px; box-shadow:0 8px 25px rgba(16,24,40,.035); }
.admin-metrics span { display:block; color:#667085; font-size:13px; }
.admin-metrics strong { display:block; font-size:34px; margin:12px 0 14px; }
.admin-metrics a { color:#2563eb; font-size:13px; text-decoration:none; }
.admin-panel { background:#fff; border:1px solid #e5e9f0; border-radius:12px; margin-bottom:20px; overflow:hidden; box-shadow:0 8px 25px rgba(16,24,40,.03); }
.admin-panel-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 24px; border-bottom:1px solid #edf0f4; }
.admin-panel-head h2 { margin:4px 0 0; font-size:18px; }
.admin-panel-head > a,.admin-panel-head > span { font-size:12px; color:#667085; text-decoration:none; }
.admin-table-wrap { overflow:auto; }
.admin-table { width:100%; border-collapse:collapse; font-size:13px; }
.admin-table th { padding:12px 20px; color:#667085; font-weight:500; text-align:left; background:#fbfcfd; border-bottom:1px solid #edf0f4; white-space:nowrap; }
.admin-table td { padding:16px 20px; border-bottom:1px solid #edf0f4; vertical-align:middle; color:#475467; }
.admin-table tr:last-child td { border-bottom:0; }
.admin-table td a { color:#101828; font-weight:600; text-decoration:none; }
.admin-table td small { display:block; margin-top:4px; color:#98a2b3; }
.status-pill { display:inline-flex; padding:5px 9px; border-radius:999px; background:#f2f4f7; color:#475467; font-size:11px; font-weight:600; }
.status-pill.published,.status-pill.qualified { background:#ecfdf3; color:#027a48; }
.status-pill.draft,.status-pill.closed { background:#f2f4f7; color:#475467; }
.status-pill.new { background:#eef4ff; color:#1746b5; }
.status-pill.contacted { background:#fffaeb; color:#b54708; }
.admin-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.admin-content-card { display:block; background:#fff; border:1px solid #e5e9f0; border-radius:12px; padding:22px; color:#101828; text-decoration:none; box-shadow:0 8px 25px rgba(16,24,40,.03); }
.admin-content-card:hover { border-color:#bfd1fb; box-shadow:0 14px 34px rgba(37,99,235,.08); }
.admin-content-card > div { display:flex; justify-content:space-between; align-items:center; color:#98a2b3; font-size:12px; }
.admin-content-card h2 { margin:24px 0 6px; font-size:20px; }
.admin-content-card p { margin:0; color:#667085; }
.admin-content-card footer { margin-top:32px; padding-top:16px; border-top:1px solid #edf0f4; display:flex; justify-content:space-between; color:#667085; font-size:12px; }
.admin-content-card footer strong { color:#2563eb; }
.admin-field-grid { padding:24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.admin-field-grid label,.admin-form label { display:grid; gap:8px; color:#344054; font-size:12px; font-weight:600; }
.admin-field-grid input,.admin-form input,.admin-editor textarea,.admin-status-form select { width:100%; border:1px solid #d0d5dd; border-radius:8px; background:#fff; padding:11px 12px; font:inherit; color:#101828; outline:none; }
.admin-field-grid input:focus,.admin-form input:focus,.admin-editor textarea:focus,.admin-status-form select:focus { border-color:#84adff; box-shadow:0 0 0 3px #eef4ff; }
.admin-toggle { align-self:end; min-height:42px; display:flex !important; align-items:center; gap:10px !important; padding-bottom:3px; }
.admin-toggle input { width:18px; height:18px; }
.admin-editor-field { display:block; padding:0; }
.admin-editor textarea { border:0; border-radius:0; min-height:540px; resize:vertical; padding:24px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; line-height:1.7; }
.admin-savebar { position:sticky; bottom:18px; z-index:15; margin:22px 0; padding:16px 18px; background:#0d1b2f; color:#fff; border-radius:12px; box-shadow:0 18px 45px rgba(13,27,47,.24); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.admin-savebar div { display:grid; gap:3px; }
.admin-savebar span { color:#b9c4d3; font-size:12px; }
.admin-button { border:0; border-radius:8px; background:#2563eb; color:#fff; padding:12px 18px; font:inherit; font-weight:600; cursor:pointer; }
.admin-button:hover { background:#194fc7; }
.admin-version-box { border-left:1px solid #d9e1ec; padding-left:26px; min-width:120px; }
.admin-version-box span { display:block; color:#667085; font-size:11px; }
.admin-version-box strong { display:block; margin-top:4px; font-size:26px; }
.admin-flashes { display:grid; gap:8px; margin-bottom:18px; }
.admin-flash { border-radius:8px; padding:11px 13px; font-size:13px; background:#eef4ff; color:#1746b5; }
.admin-flash.error { background:#fff1f1; color:#b42318; }
.admin-flash.success { background:#ecfdf3; color:#027a48; }
.admin-filter-links { display:flex; gap:4px; padding:4px; border:1px solid #e5e9f0; border-radius:9px; background:#fff; }
.admin-filter-links a { padding:7px 10px; border-radius:6px; color:#667085; font-size:12px; text-decoration:none; }
.admin-filter-links a.is-active { background:#eef4ff; color:#1746b5; }
.admin-inquiry-list { display:grid; gap:14px; }
.admin-inquiry-card { background:#fff; border:1px solid #e5e9f0; border-radius:12px; padding:22px; }
.admin-inquiry-meta { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; color:#98a2b3; font-size:11px; }
.admin-inquiry-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.admin-inquiry-grid h2 { margin:0 0 4px; font-size:19px; }
.admin-inquiry-grid p { margin:0 0 8px; color:#667085; font-size:13px; }
.admin-inquiry-grid a { display:block; color:#2563eb; font-size:13px; text-decoration:none; margin-top:4px; }
.admin-inquiry-grid > div:last-child { display:grid; grid-template-columns:100px 1fr; align-content:start; gap:8px 14px; font-size:13px; }
.admin-inquiry-grid > div:last-child span { color:#98a2b3; }
.admin-inquiry-message { margin:20px 0; padding:18px; background:#f8fafc; border-radius:8px; color:#475467; line-height:1.7; white-space:pre-wrap; }
.admin-status-form { border-top:1px solid #edf0f4; padding-top:16px; display:flex; justify-content:flex-end; align-items:end; gap:10px; }
.admin-status-form label { display:grid; gap:5px; color:#667085; font-size:11px; }
.admin-status-form select { min-width:150px; padding:8px 10px; }
.admin-status-form button { border:1px solid #d0d5dd; border-radius:7px; background:#fff; padding:8px 12px; cursor:pointer; }
.admin-narrow { max-width:650px; padding:24px; }
.admin-form { display:grid; gap:18px; }
.admin-form small { color:#98a2b3; font-weight:400; }
.admin-login-body { min-height:100vh; display:grid; place-items:center; padding:24px; background:linear-gradient(110deg,#f5f8fd,#fff); }
.admin-login-shell { width:min(100%,940px); display:grid; grid-template-columns:.9fr 1.1fr; background:#fff; border:1px solid #e5e9f0; box-shadow:0 30px 80px rgba(16,24,40,.10); min-height:540px; }
.admin-login-brand { padding:44px; background:#f5f8fd; display:flex; flex-direction:column; justify-content:space-between; }
.admin-login-brand img { width:170px; height:70px; object-fit:contain; object-position:left center; }
.admin-login-brand p { max-width:250px; color:#667085; line-height:1.6; }
.admin-login-card { padding:64px; align-self:center; }
.admin-login-card h1 { margin:8px 0; font-size:34px; }
.admin-login-card > p { color:#667085; line-height:1.6; margin-bottom:28px; }
.admin-empty { background:#fff; border:1px solid #e5e9f0; padding:40px; text-align:center; color:#667085; border-radius:12px; }

@media (max-width: 900px) {
  .legal-hero-grid,.legal-layout { grid-template-columns:1fr; gap:28px; }
  .legal-aside { position:static; }
  .admin-shell { grid-template-columns:1fr; }
  .admin-sidebar { position:static; min-height:0; height:auto; padding:18px; border-right:0; border-bottom:1px solid #e6eaf0; }
  .admin-brand { margin:0 0 14px; }
  .admin-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-sidebar-foot { display:none; }
  .admin-main,.admin-topbar { padding-left:20px; padding-right:20px; }
  .admin-metrics,.admin-card-grid,.admin-field-grid,.admin-inquiry-grid { grid-template-columns:1fr; }
  .admin-page-head { align-items:flex-start; flex-direction:column; }
  .admin-login-shell { grid-template-columns:1fr; }
  .admin-login-brand { min-height:180px; padding:28px; }
  .admin-login-card { padding:34px 28px; }
}
/* TSSEER Enterprise Phase 3: operational CMS, billing and client portal */
.portal-link{font-size:12px;font-weight:600;color:#344054;text-decoration:none;white-space:nowrap}.portal-link:hover{color:#2563eb}.admin-body,.portal-body{background:#f5f7fb;color:#101828}.admin-shell{grid-template-columns:250px minmax(0,1fr)}.admin-sidebar{padding:24px 18px}.admin-brand{margin-bottom:26px}.admin-brand span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#667085}.admin-nav-group{margin-bottom:22px}.admin-nav-group>p{margin:0 8px 8px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#98a2b3}.admin-nav a{display:flex;align-items:center;gap:10px}.admin-nav a>span{width:20px;color:#98a2b3;text-align:center}.admin-nav a.is-active>span{color:#2563eb}.admin-topbar-user{display:flex!important;align-items:center!important;gap:8px!important}.admin-presence,.portal-presence{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #ecfdf3}.admin-main{max-width:none;padding:34px 38px 60px}.admin-hero-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#fff 0%,#f8fbff 100%);border:1px solid #e2e8f0;padding:30px;margin-bottom:20px;box-shadow:0 14px 40px rgba(16,24,40,.04)}.admin-hero-panel h1{font-size:34px;letter-spacing:-.04em;margin:6px 0 8px}.admin-hero-panel p{margin:0;color:#667085;max-width:680px;line-height:1.6}.admin-hero-actions,.admin-action-row{display:flex;gap:10px;align-items:center}.admin-button-link,.admin-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer}.admin-button-link{background:#2563eb;color:#fff;border:1px solid #2563eb}.admin-button-link:hover{background:#1d4ed8}.admin-secondary-button{background:#fff;color:#344054;border:1px solid #d0d5dd}.admin-secondary-button:hover{border-color:#98a2b3}.admin-metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-metrics-five article{padding:18px}.admin-metrics-five strong{font-size:30px}.admin-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.dashboard-support-list{display:grid}.dashboard-support-list>a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #edf0f4;text-decoration:none;color:#101828}.dashboard-support-list>a:last-child{border-bottom:0}.dashboard-support-list strong,.dashboard-support-list span{display:block}.dashboard-support-list div>span{font-size:12px;color:#98a2b3;margin-top:4px}.admin-control-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-control-links>a{padding:22px;border-right:1px solid #edf0f4;color:#101828;text-decoration:none}.admin-control-links>a:last-child{border-right:0}.admin-control-links strong,.admin-control-links span{display:block}.admin-control-links span{margin-top:7px;color:#667085;font-size:12px;line-height:1.5}.admin-cms-section{overflow:visible}.admin-cms-grid{display:grid;gap:0}.admin-cms-field{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #edf0f4}.admin-cms-field:last-child{border-bottom:0}.admin-cms-field label{display:grid;gap:8px;padding:18px 22px;font-size:12px;font-weight:600;color:#344054}.admin-cms-field label+label{border-left:1px solid #edf0f4}.admin-cms-field input{width:100%;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;font:inherit;color:#101828;background:#fff}.admin-cms-field input:focus{outline:0;border-color:#84adff;box-shadow:0 0 0 3px #eef4ff}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form select,.admin-form textarea,.admin-field-grid select,.admin-field-grid textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;color:#101828;outline:none}.admin-form textarea,.admin-field-grid textarea{resize:vertical}.admin-form select:focus,.admin-form textarea:focus,.admin-field-grid select:focus,.admin-field-grid textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #eef4ff}.admin-project-grid,.portal-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-project-card,.portal-project-card{display:block;background:#fff;border:1px solid #e5e9f0;padding:22px;color:#101828;text-decoration:none;box-shadow:0 9px 28px rgba(16,24,40,.035);transition:.18s ease}.admin-project-card:hover,.portal-project-card:hover{transform:translateY(-2px);border-color:#b8ccf9;box-shadow:0 15px 40px rgba(37,99,235,.08)}.admin-project-card>div:first-child,.portal-project-card>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#98a2b3;font-size:11px}.admin-project-card h2,.portal-project-card h2{font-size:19px;margin:24px 0 6px}.admin-project-card p,.portal-project-card p{color:#667085;font-size:13px;min-height:38px}.progress-track{height:6px;background:#edf2f7;overflow:hidden;margin-top:20px}.progress-track i{display:block;height:100%;background:#2563eb}.admin-project-card footer,.portal-project-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#667085;font-size:11px}.invoice-item-editor{padding:18px 22px;display:grid;gap:9px}.invoice-item-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 160px;gap:10px}.invoice-item-row input{border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;font:inherit}.admin-span-2{grid-column:1/-1}.admin-status-wide{justify-content:flex-start;padding:18px 22px}.admin-credential-card{max-width:760px;background:#0d1b2f;color:#fff;padding:30px;box-shadow:0 22px 60px rgba(13,27,47,.2)}.admin-credential-card>div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.admin-credential-card span{display:block;color:#9fb0c8;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.admin-credential-card strong{font-size:17px}.credential-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8fb6ff}.admin-credential-card .admin-button-link{margin-top:22px}.support-thread-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-thread-list>a{display:block;background:#fff;border:1px solid #e5e9f0;padding:22px;text-decoration:none;color:#101828}.support-thread-list>a>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.support-thread-list h2{font-size:18px;margin:18px 0 5px}.support-thread-list p{color:#667085;font-size:12px}.conversation-shell{background:#fff;border:1px solid #e5e9f0;max-width:980px}.conversation-stream{padding:26px;display:grid;gap:14px;max-height:58vh;overflow:auto;background:#f8fafc}.message{max-width:72%;padding:14px 16px;background:#fff;border:1px solid #e5e9f0;box-shadow:0 5px 14px rgba(16,24,40,.03)}.message.admin{justify-self:end;background:#eef4ff;border-color:#dbe7ff}.message.client{justify-self:start}.message>div{display:flex;justify-content:space-between;gap:18px;align-items:center}.message strong{font-size:12px}.message span{font-size:10px;color:#98a2b3}.message p{margin:8px 0 0;color:#344054;line-height:1.6;white-space:pre-wrap}.conversation-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px;border-top:1px solid #e5e9f0}.conversation-compose textarea{resize:none;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;font:inherit}.admin-inline-form{display:flex;gap:8px}.admin-inline-form select,.admin-inline-form button{border:1px solid #d0d5dd;border-radius:7px;background:#fff;padding:9px 11px;font:inherit}.team-photo{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#eef4ff;flex:0 0 auto}.team-photo img{width:100%;height:100%;object-fit:cover}.team-card small{display:block;color:#667085;font-size:12px;line-height:1.55;margin-top:6px}.partner-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5e9f0}.partner-logo-card{min-height:150px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e5e9f0;text-decoration:none;color:#101828;background:#fff}.partner-logo-card:last-child{border-right:0}.partner-logo-card img{max-width:150px;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.78}.partner-logo-card:hover img{filter:none;opacity:1}.partner-logo-card span{font-size:11px;color:#667085;text-align:center}.document-card{background:#fff;border:1px solid #dfe5ec;padding:42px;max-width:980px;margin-bottom:24px;box-shadow:0 16px 48px rgba(16,24,40,.05)}.document-card>header{display:flex;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid #e5e9f0}.document-card>header img{width:150px;height:58px;object-fit:contain;object-position:left center}.document-card>header p{color:#667085;font-size:11px}.document-meta{text-align:right}.document-meta span,.document-parties span,.document-note span,.receipt-amount span{display:block;text-transform:uppercase;letter-spacing:.1em;color:#98a2b3;font-size:10px;font-weight:700}.document-meta strong{display:block;font-size:20px;margin:5px 0}.document-meta small{color:#667085}.document-parties{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0}.document-parties strong{display:block;margin:8px 0 4px}.document-parties p{margin:3px 0;color:#667085;font-size:12px}.document-table table{width:100%;border-collapse:collapse}.document-table th,.document-table td{padding:13px 10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:12px}.document-table th{color:#667085;font-weight:600;background:#f8fafc}.document-total{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:28px 0}.document-total p,.document-note p{color:#667085;line-height:1.6;font-size:12px}.document-total dl{margin:0}.document-total dl>div{display:flex;justify-content:space-between;padding:7px 0;color:#667085;font-size:12px}.document-total dl .grand{border-top:1px solid #101828;margin-top:8px;padding-top:14px;color:#101828;font-size:16px;font-weight:700}.document-card>footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #e5e9f0;color:#98a2b3;font-size:10px}.receipt-amount{padding:34px 0;border-bottom:1px solid #e5e9f0}.receipt-amount strong{display:block;font-size:42px;letter-spacing:-.04em;margin-top:8px}.document-note{padding:18px;background:#f8fafc;margin-bottom:28px}
.portal-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;background:#0d1b2f;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:34px}.portal-brand img{width:116px;height:46px;object-fit:contain;filter:brightness(0) invert(1)}.portal-brand span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a9b7c9}.portal-sidebar nav{display:grid;gap:5px}.portal-sidebar nav a{padding:10px 12px;border-radius:7px;color:#b8c4d4;text-decoration:none;font-size:13px}.portal-sidebar nav a:hover,.portal-sidebar nav a.is-active{background:#17283f;color:#fff}.portal-sidebar-foot{margin-top:auto;border-top:1px solid #26384e;padding-top:16px;display:grid;gap:7px}.portal-sidebar-foot a,.portal-sidebar-foot button{background:none;border:0;color:#8fa1b8;font:inherit;font-size:12px;text-decoration:none;text-align:left;padding:7px 4px;cursor:pointer}.portal-workspace{min-width:0}.portal-topbar{height:76px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.portal-topbar>div:first-child span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#98a2b3}.portal-topbar strong{font-size:14px}.portal-topbar>div:last-child{display:flex;align-items:center;gap:9px;color:#667085;font-size:12px}.portal-main{padding:36px;max-width:1460px}.portal-welcome{background:#fff;border:1px solid #e5e9f0;padding:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.portal-welcome h1{font-size:34px;letter-spacing:-.04em;margin:7px 0 9px}.portal-welcome p{color:#667085;max-width:650px;margin:0;line-height:1.6}.portal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.portal-metrics article{background:#fff;border:1px solid #e5e9f0;padding:20px}.portal-metrics span{display:block;color:#667085;font-size:12px}.portal-metrics strong{display:block;font-size:31px;margin:11px 0}.portal-metrics a{font-size:12px;color:#2563eb;text-decoration:none}.portal-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-panel{background:#fff;border:1px solid #e5e9f0;margin-bottom:18px}.portal-panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf0f4}.portal-panel-head h2{font-size:18px;margin:4px 0 0}.portal-panel-head a{font-size:12px;color:#2563eb;text-decoration:none}.portal-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;padding:17px 20px;border-bottom:1px solid #edf0f4;text-decoration:none;color:#101828}.portal-project-row:last-child{border-bottom:0}.portal-project-row span{display:block;color:#667085;font-size:11px;margin-top:4px}.portal-project-row .progress-track{grid-column:1/-1;margin-top:5px}.portal-billing-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid #edf0f4;text-decoration:none;color:#101828}.portal-billing-row:last-child{border-bottom:0}.portal-billing-row div{display:grid;gap:5px}.portal-billing-row span{color:#667085;font-size:11px}.portal-empty-text{padding:22px;color:#667085;font-size:13px}.portal-page-head{margin-bottom:24px}.portal-page-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.portal-page-head h1{font-size:34px;letter-spacing:-.04em;margin:7px 0 8px}.portal-page-head p{max-width:700px;color:#667085;line-height:1.6}.portal-project-hero{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e9f0;padding:24px;margin-bottom:18px}.portal-project-hero>div:not(.progress-track){padding:0 20px;border-right:1px solid #edf0f4}.portal-project-hero>div:first-child{padding-left:0}.portal-project-hero>div:nth-child(4){border-right:0}.portal-project-hero span{display:block;color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.portal-project-hero strong{display:block;margin-top:7px}.portal-project-hero .progress-track{grid-column:1/-1}.portal-billing-table{display:grid}.portal-billing-head,.portal-billing-table>a{display:grid;grid-template-columns:1.2fr .7fr .6fr .7fr;gap:18px;padding:13px 20px;align-items:center}.portal-billing-head{background:#f8fafc;color:#667085;font-size:11px;border-bottom:1px solid #edf0f4}.portal-billing-table>a{color:#101828;text-decoration:none;border-bottom:1px solid #edf0f4;font-size:12px}.portal-billing-table>a:last-child{border-bottom:0}.portal-billing-table small{display:block;color:#98a2b3;margin-top:3px}.portal-form-panel{max-width:700px;padding:24px}.portal-threads{grid-template-columns:1fr 1fr}.portal-conversation{max-width:980px}.portal-login-body{min-height:100vh;background:#f5f7fb;display:grid;place-items:center;padding:24px}.portal-login-shell{width:min(100%,980px);min-height:590px;background:#fff;border:1px solid #e5e9f0;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px rgba(16,24,40,.08)}.portal-login-brand{padding:42px;background:#0d1b2f;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.portal-login-brand img{width:160px;height:70px;object-fit:contain;filter:brightness(0) invert(1)}.portal-login-brand h1{font-size:39px;letter-spacing:-.04em;margin:10px 0 14px}.portal-login-brand p{color:#a9b7c9;line-height:1.65;max-width:360px}.portal-login-brand small{color:#758ba4}.portal-login-card{padding:60px;align-self:center}.portal-login-card h2{font-size:31px;letter-spacing:-.03em;margin:7px 0}.portal-login-card>p{color:#667085;margin:0 0 24px}.portal-back-link{display:inline-block;margin-top:20px;color:#667085;font-size:12px;text-decoration:none}
@media(max-width:1200px){.admin-metrics-five{grid-template-columns:repeat(3,1fr)}.admin-control-links{grid-template-columns:repeat(2,1fr)}.admin-control-links>a:nth-child(2){border-right:0}.admin-project-grid,.portal-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.portal-link{display:none}.admin-hero-panel,.portal-welcome,.portal-page-head-row{align-items:flex-start;flex-direction:column}.admin-dashboard-grid,.portal-grid-two{grid-template-columns:1fr}.admin-metrics-five,.portal-metrics{grid-template-columns:1fr}.admin-control-links{grid-template-columns:1fr}.admin-control-links>a{border-right:0;border-bottom:1px solid #edf0f4}.admin-cms-field{grid-template-columns:1fr}.admin-cms-field label+label{border-left:0;border-top:1px dashed #edf0f4}.admin-project-grid,.portal-project-grid,.support-thread-list,.portal-threads{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:1fr 90px 120px}.document-card{padding:24px}.document-total{grid-template-columns:1fr}.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto}.portal-sidebar nav{grid-template-columns:repeat(3,1fr)}.portal-sidebar-foot{display:none}.portal-main{padding:22px}.portal-project-hero{grid-template-columns:1fr 1fr;gap:18px}.portal-project-hero>div:not(.progress-track){border-right:0;padding:0}.portal-billing-head{display:none}.portal-billing-table>a{grid-template-columns:1fr 1fr}.portal-login-shell{grid-template-columns:1fr}.portal-login-brand{min-height:300px}.portal-login-card{padding:38px}}
@media print{.admin-sidebar,.admin-topbar,.portal-sidebar,.portal-topbar,.admin-page-head,.portal-page-head,.admin-flashes,.admin-panel:not(.print-keep),.footer,.site-header{display:none!important}.admin-shell,.portal-shell{display:block}.admin-main,.portal-main{padding:0}.document-card{border:0;box-shadow:none;max-width:none;margin:0;padding:16mm}.admin-body,.portal-body{background:#fff}}
.admin-service-editor{overflow:visible}.admin-service-editor-grid{display:grid;grid-template-columns:1fr 1fr}.admin-service-editor-grid>div{padding:24px;display:grid;gap:14px}.admin-service-editor-grid>div+div{border-left:1px solid #edf0f4}.admin-service-editor-grid h3{margin:0 0 4px;font-size:13px;color:#667085}.admin-service-editor-grid label{display:grid;gap:7px;color:#344054;font-size:11px;font-weight:600}.admin-service-editor-grid input,.admin-service-editor-grid textarea{width:100%;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;font:inherit;color:#101828;background:#fff;resize:vertical}.admin-service-editor-grid small{color:#98a2b3;font-weight:400}@media(max-width:900px){.admin-service-editor-grid{grid-template-columns:1fr}.admin-service-editor-grid>div+div{border-left:0;border-top:1px solid #edf0f4}}
.admin-control-links-five{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1200px){.admin-control-links-five{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.admin-control-links-five{grid-template-columns:1fr}}

/* Phase 3.1: premium contextual media system */
.service-row {
  grid-template-columns: 72px minmax(0,1fr) 196px 46px;
  gap: 28px;
}
.service-row-copy { min-width: 0; }
.service-list-photo {
  width: 196px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #edf2f7;
  border: 1px solid #e3e8ef;
}
.service-list-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(1.015);
  transform: scale(1.001);
  transition: transform .35s ease, filter .35s ease;
}
.service-row:hover .service-list-photo img {
  transform: scale(1.035);
  filter: saturate(1) contrast(1.02);
}
.service-photo {
  position: relative;
  background: #eef2f6;
}
.service-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(13,17,23,.035);
}
.service-photo img {
  filter: saturate(.94) contrast(1.02);
  transform: scale(1.001);
}
.service-photo-web-development img { object-position: center 50%; }
.service-photo-mobile-app-development img { object-position: center 48%; }
.service-photo-e-commerce-solutions img { object-position: center 48%; }
.service-photo-cloud-devops img { object-position: center 50%; }
.service-photo-ui-ux-design img { object-position: center 50%; }
.service-photo-it-consulting img { object-position: center 47%; }
.service-photo-legal-documents-compliance img { object-position: center 48%; }
.about-photo img,
.wide-photo img {
  filter: saturate(.92) contrast(1.015);
}
.about-photo,
.wide-photo {
  background: #eef2f6;
}

@media (max-width: 1080px) {
  .service-row { grid-template-columns: 62px minmax(0,1fr) 150px 34px; gap: 20px; }
  .service-list-photo { width: 150px; }
}
@media (max-width: 720px) {
  .service-row { grid-template-columns: 48px minmax(0,1fr) 24px; gap: 14px; }
  .service-list-photo { display: none; }
}

/* TSSEER v3.2: production Arabic/RTL refinements */
html[dir="rtl"] body{font-family:Cairo,Inter,sans-serif;text-align:right}
html[dir="rtl"] .main-nav,html[dir="rtl"] .nav-actions,html[dir="rtl"] .hero-actions,html[dir="rtl"] .form-footer{direction:rtl}
html[dir="rtl"] .main-nav a,html[dir="rtl"] .footer-links a,html[dir="rtl"] .footer-links strong{text-align:right}
html[dir="rtl"] .eyebrow{letter-spacing:.04em}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right;font-family:Cairo,Inter,sans-serif}
html[dir="rtl"] select{background-position:left 14px center;padding-left:42px;padding-right:14px}
html[dir="rtl"] .text-link span,html[dir="rtl"] .button span,html[dir="rtl"] .service-card>a,html[dir="rtl"] .service-arrow{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .back-link{direction:rtl}
html[dir="rtl"] .service-row-copy,html[dir="rtl"] .service-hero-copy,html[dir="rtl"] .section-intro,html[dir="rtl"] .approach-copy,html[dir="rtl"] .contact-copy,html[dir="rtl"] .story-copy,html[dir="rtl"] .legal-document{text-align:right}
html[dir="rtl"] .number-list div,html[dir="rtl"] .process-steps li{direction:rtl}
html[dir="rtl"] .footer-grid,html[dir="rtl"] .footer-bottom{direction:rtl}

/* TSSEER v3.3: mobile language switch + complete mobile navigation */
@media (max-width: 960px) {
  html[dir="rtl"] .main-nav { text-align: right; direction: rtl; }
  html[dir="rtl"] .mobile-nav-tools { direction: rtl; }
  html[dir="rtl"] .mobile-portal-link,
  html[dir="rtl"] .mobile-lang-link { direction: rtl; text-align: right; }
  html[dir="rtl"] .mobile-portal-link span,
  html[dir="rtl"] .mobile-talk-button span { transform: scaleX(-1); }
}

/* Phase 4 — Ready-made templates catalogue */
.home-template-showcase{background:#f7f9fc;border-top:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0}.home-template-head{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:42px}.home-template-head h2{font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 0}.home-template-head>div:last-child p{color:#687282;line-height:1.75;margin:0 0 18px}.home-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home-template-card{background:#fff;border:1px solid #e2e7ef;overflow:hidden}.home-template-image{display:block;aspect-ratio:16/10;background:#eef2f7;overflow:hidden}.home-template-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.home-template-card:hover .home-template-image img{transform:scale(1.025)}.home-template-card>div{padding:24px}.home-template-card>div>span{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--template-accent);text-transform:uppercase}.home-template-card h3{font-size:22px;margin:9px 0 11px;letter-spacing:-.025em}.home-template-card p{color:#6b7482;line-height:1.65;font-size:14px;min-height:68px}.home-template-card>div>a{font-size:13px;font-weight:700;color:#111827}
.templates-hero{padding:118px 0 92px;border-bottom:1px solid #e1e6ed;background:#fff}.templates-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.templates-hero h1{font-size:clamp(54px,6.7vw,92px);line-height:.98;letter-spacing:-.058em;margin:18px 0 0;max-width:900px}.templates-hero-note{border-left:1px solid #dce2eb;padding-left:30px}.templates-hero-note span{display:block;color:#2563eb;font-size:12px;margin-bottom:22px}.templates-hero-note p{font-size:18px;line-height:1.75;color:#667080;margin:0}.template-category-intro{padding:72px 0;background:#f7f9fc;border-bottom:1px solid #e1e6ed}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro-split h2{font-size:40px;line-height:1.08;margin:12px 0 0;letter-spacing:-.04em}.intro-split>p{color:#687282;line-height:1.8;margin:26px 0 0}.template-category-section{padding:92px 0;background:#fff}.template-category-section:nth-of-type(even){background:#fbfcfe}.template-category-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:44px}.template-category-head h2{font-size:44px;line-height:1.05;letter-spacing:-.04em;margin:12px 0 0}.template-category-head>p{color:#687282;line-height:1.75;margin:0}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.template-card{border:1px solid #dfe5ee;background:#fff;transition:box-shadow .25s ease,transform .25s ease}.template-card:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(15,23,42,.08)}.template-card-media{position:relative;display:block;aspect-ratio:16/9;background:#eef2f7;overflow:hidden}.template-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.template-card:hover .template-card-media img{transform:scale(1.02)}.template-preview-chip{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:9px 11px;font-size:11px;font-weight:700}.template-card-body{padding:27px}.template-card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--template-accent);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.template-card h3{font-size:30px;letter-spacing:-.035em;margin:10px 0 12px}.template-card p{color:#6d7685;line-height:1.72;margin:0}.template-price{margin-top:22px;padding-top:18px;border-top:1px solid #e3e8ef;display:flex;justify-content:space-between}.template-price span{font-size:12px;color:#7b8491}.template-price strong{font-size:15px}.template-card-actions{display:flex;gap:22px;margin-top:24px}.template-card-actions a{font-size:13px;font-weight:700}.template-card-actions a:last-child{color:var(--template-accent)}.template-custom-cta{padding:86px 0;background:#0d1117;color:#fff}.template-custom-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.template-custom-cta h2{font-size:46px;max-width:800px;margin:10px 0 0;line-height:1.05;letter-spacing:-.04em}.template-custom-cta .eyebrow{color:#7da6ff}
.template-detail-page{background:#fff}.template-detail-hero{padding:94px 0 86px;border-bottom:1px solid #e2e7ef}.template-detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.template-back{display:inline-block;margin-bottom:28px;font-size:13px;color:#6d7685}.template-detail-hero h1{font-size:clamp(54px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:16px 0 26px}.template-detail-lead{font-size:18px;line-height:1.78;color:#667080;max-width:650px}.template-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.template-detail-actions .button-secondary{border-color:#cfd6e1;background:#fff}.template-detail-price{display:flex;gap:16px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid #e2e7ef;max-width:420px}.template-detail-price span{font-size:12px;color:#7b8491}.template-detail-price strong{font-size:18px}.template-detail-visual{border:1px solid #dfe5ed;background:#f4f7fb;padding:12px}.template-detail-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.template-visual-caption{display:flex;justify-content:space-between;padding:13px 4px 1px;font-size:11px;color:#687282}.template-visual-caption strong{color:var(--template-accent)}.template-detail-intro{padding:88px 0;background:#f7f9fc}.detail-copy-grid{display:grid;grid-template-columns:.42fr 1fr;gap:70px}.detail-copy-grid h2{font-size:46px;line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}.detail-copy-grid div>p{font-size:18px;line-height:1.8;color:#667080;max-width:820px}.template-detail-specs{padding:88px 0}.template-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce2ea;border-left:1px solid #dce2ea}.template-spec-grid article{padding:30px;border-right:1px solid #dce2ea;border-bottom:1px solid #dce2ea;min-height:430px}.template-spec-grid article>span{display:block;color:var(--template-accent);font-size:12px;margin-bottom:44px}.template-spec-grid ul{list-style:none;padding:0;margin:26px 0 0}.template-spec-grid li{padding:12px 0;border-top:1px solid #e6eaf0;font-size:14px;line-height:1.55}.template-request-section{padding:92px 0;background:#0d1117;color:#fff}.template-request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;align-items:start}.template-request-grid h2{font-size:50px;line-height:1.05;letter-spacing:-.045em;margin:12px 0 24px}.template-request-grid>div>p:last-child{color:#abb5c5;line-height:1.75}.template-inquiry-form{background:#fff;color:#111827;padding:30px}.template-inquiry-form label{font-size:12px;font-weight:600}.template-inquiry-form input,.template-inquiry-form textarea{width:100%;padding:13px;border:1px solid #d8dee7;margin-top:8px;font:inherit}.template-inquiry-form textarea{resize:vertical}.related-templates{padding:88px 0}.related-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.related-template-grid>a{border:1px solid #e1e6ee;background:#fff}.related-template-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.related-template-grid>a>div{padding:18px}.related-template-grid span{display:block;color:#7b8491;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.related-template-grid strong{display:block;margin-top:7px;font-size:18px}
html[dir="rtl"] .templates-hero-note{border-left:0;border-right:1px solid #dce2eb;padding-left:0;padding-right:30px}html[dir="rtl"] .template-preview-chip{right:auto;left:16px}html[dir="rtl"] .template-spec-grid{border-left:0;border-right:1px solid #dce2ea}html[dir="rtl"] .template-spec-grid article{border-right:0;border-left:1px solid #dce2ea}
@media(max-width:960px){.home-template-head,.templates-hero-grid,.intro-split,.template-category-head,.template-detail-grid,.detail-copy-grid,.template-request-grid{grid-template-columns:1fr;gap:30px}.home-template-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.templates-hero{padding:84px 0 68px}.templates-hero h1,.template-detail-hero h1{font-size:56px}.templates-hero-note{border-left:0;border-top:1px solid #dce2eb;padding:24px 0 0}.template-category-head,.home-template-head{align-items:start}.template-spec-grid{grid-template-columns:1fr}.template-spec-grid article{min-height:auto}.template-custom-cta-inner{align-items:start;flex-direction:column}.related-template-grid{grid-template-columns:1fr}.template-detail-hero{padding:70px 0}.template-detail-visual{order:-1}html[dir="rtl"] .templates-hero-note{border-right:0;border-top:1px solid #dce2eb;padding:24px 0 0}}
@media(max-width:600px){.templates-hero h1,.template-detail-hero h1{font-size:44px}.template-category-head h2,.intro-split h2,.detail-copy-grid h2,.template-request-grid h2{font-size:36px}.template-card h3{font-size:25px}.template-detail-actions{flex-direction:column}.template-detail-actions .button{width:100%}.template-inquiry-form{padding:20px}.template-card-actions{justify-content:space-between}.template-custom-cta h2{font-size:36px}}
.template-multipage-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d9e0e9;background:#f8fafc;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#344054}.template-multipage-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--template-accent,#2563eb)}

/* ============================================================
   TSSEER Phase 4.3 — Commercial workflow / payment operations
   ============================================================ */
.admin-metrics-seven{grid-template-columns:repeat(7,minmax(0,1fr))}
.portal-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-priority-panel{border-top:2px solid #2563eb}
.portal-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe5ee;border:1px solid #dfe5ee;margin:0 0 28px}
.portal-payment-summary article{background:#fff;padding:24px;min-height:104px;display:flex;flex-direction:column;justify-content:space-between}
.portal-payment-summary span{color:#687386;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.portal-payment-summary strong{font-size:22px;letter-spacing:-.03em;color:#101828}
.portal-payment-summary article.is-cleared strong{color:#157347}
.admin-payment-summary{margin-top:-2px}
.portal-payment-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:19px 0;border-top:1px solid #e5e9ef}
.portal-payment-row:first-of-type{border-top:0}
.portal-payment-row>div{display:flex;flex-direction:column;gap:5px}.portal-payment-row>div:last-child{align-items:flex-end;text-align:right}
.portal-payment-row span,.portal-payment-row small{color:#687386;font-size:12px}.portal-payment-row strong{font-size:15px}
.portal-payment-callout{display:flex;justify-content:space-between;align-items:center;gap:36px;background:#f6f8fc;border-left:3px solid #2563eb}.portal-payment-callout h2{margin:.2rem 0 .35rem}.portal-payment-callout p:last-child{margin-bottom:0;color:#667085}
.portal-security-note{font-size:13px;color:#667085;line-height:1.65;background:#f5f7fa;padding:14px 16px;border-left:2px solid #2563eb}
.payment-bank-details{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e2e7ee;margin:20px 0}.payment-bank-details>div{padding:14px 16px;border-bottom:1px solid #e2e7ee}.payment-bank-details>div:nth-child(odd){border-inline-end:1px solid #e2e7ee}.payment-bank-details>div:nth-last-child(-n+2){border-bottom:0}.payment-bank-details dt{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.payment-bank-details dd{margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}
.portal-payment-form label{display:block;margin:0 0 17px;font-size:12px;font-weight:700;color:#344054}.portal-payment-form input,.portal-payment-form textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #d0d5dd;background:#fff;font:inherit;color:#101828;border-radius:0}.portal-payment-form small{display:block;margin-top:12px;color:#667085}
.status-pill.pending{background:#fff4d5;color:#8a5a00}.status-pill.verified,.status-pill.approved{background:#e8f6ee;color:#17653a}.status-pill.rejected,.status-pill.cancelled{background:#fff0f0;color:#a12a2a}.status-pill.converted{background:#eef2ff;color:#3549a3}
.admin-form input[type="url"]{width:100%}
@media(max-width:1320px){.admin-metrics-seven{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.portal-metrics-four{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-payment-callout{align-items:flex-start;flex-direction:column}.portal-payment-summary{grid-template-columns:1fr 1fr}.portal-payment-summary article:last-child{grid-column:1/-1}}
@media(max-width:720px){.admin-metrics-seven,.portal-metrics-four,.portal-payment-summary{grid-template-columns:1fr}.portal-payment-summary article:last-child{grid-column:auto}.portal-payment-row{flex-direction:column}.portal-payment-row>div:last-child{align-items:flex-start;text-align:left}.payment-bank-details{grid-template-columns:1fr}.payment-bank-details>div:nth-child(odd){border-inline-end:0}.payment-bank-details>div:nth-last-child(-n+2){border-bottom:1px solid #e2e7ee}.payment-bank-details>div:last-child{border-bottom:0}}


/* ============================================================
   TSSEER PHASE 4.8 — PREMIUM ENGAGING CONTENT
   ============================================================ */
.premium-proof-ribbon{border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;background:#fbfcfe}
.premium-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.premium-proof-grid article{padding:24px 26px;border-inline-end:1px solid #e8edf4;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start}
.premium-proof-grid article:last-child{border-inline-end:0}.premium-proof-grid span{font-size:12px;font-weight:700;color:#2563eb;letter-spacing:.08em}.premium-proof-grid strong{font-size:15px;color:#111827;display:block;margin-bottom:4px}.premium-proof-grid p{font-size:13px;line-height:1.6;color:#667085;margin:0}
.premium-problems{background:#0d1117;color:#fff}.premium-problems .eyebrow{color:#7dd3fc}.premium-problems-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:46px}.premium-problems-head h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:8px 0 0}.premium-problems-head p{color:#aeb8c8;line-height:1.85;margin:0}.premium-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#273142;border:1px solid #273142}.premium-problem-grid article{background:#121923;padding:30px;min-height:230px;display:flex;flex-direction:column}.premium-problem-grid span{font-size:12px;color:#67e8f9;font-weight:700;letter-spacing:.08em}.premium-problem-grid h3{font-size:21px;margin:24px 0 12px}.premium-problem-grid p{color:#9eabbc;line-height:1.7;margin:0}.premium-problem-grid b{margin-top:auto;padding-top:24px;color:#fff;font-size:13px;font-weight:600}
.engagement-paths{background:#f7f9fc}.engagement-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}.engagement-head h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:8px 0}.engagement-head>p{color:#667085;line-height:1.85}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.engagement-card{background:#fff;border:1px solid #e6eaf0;padding:30px;min-height:350px;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(15,23,42,.05)}.engagement-card>span{width:42px;height:42px;border:1px solid #dbe3ef;display:grid;place-items:center;color:#2563eb;font-size:12px;font-weight:700}.engagement-card h3{font-size:24px;margin:28px 0 10px}.engagement-card p{color:#667085;line-height:1.75}.engagement-card ul{list-style:none;padding:0;margin:18px 0 26px;border-top:1px solid #eef1f5}.engagement-card li{padding:11px 0;border-bottom:1px solid #eef1f5;font-size:14px;color:#344054}.engagement-card a{margin-top:auto;font-weight:700;color:#0f3c88;text-decoration:none}
.handover-section{background:#fff}.handover-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.handover-grid h2{font-size:clamp(34px,4vw,54px);line-height:1.08}.handover-grid>div:first-child>p:last-child{color:#667085;line-height:1.85}.handover-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe5ec;border-left:1px solid #dfe5ec}.handover-list article{padding:25px;border-right:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;min-height:170px}.handover-list span{font-size:11px;color:#2563eb;font-weight:700}.handover-list h3{font-size:18px;margin:18px 0 8px}.handover-list p{font-size:13px;line-height:1.65;color:#667085;margin:0}
.premium-faq{background:#f7f9fc}.premium-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.premium-faq h2{font-size:clamp(32px,4vw,50px);line-height:1.1}.premium-faq-intro{color:#667085;line-height:1.8}.premium-faq details{border-top:1px solid #d9e0e8;padding:20px 0}.premium-faq details:last-child{border-bottom:1px solid #d9e0e8}.premium-faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:20px}.premium-faq summary::-webkit-details-marker{display:none}.premium-faq summary:after{content:'+';color:#2563eb;font-size:22px}.premium-faq details[open] summary:after{content:'−'}.premium-faq details p{color:#667085;line-height:1.75;max-width:780px;margin:14px 0 0}
.service-entry{background:#f7f9fc}.service-entry-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:36px}.service-entry-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1}.service-entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-entry-grid article{background:#fff;border:1px solid #e3e8ef;padding:26px;min-height:240px}.service-entry-grid span{color:#2563eb;font-weight:700;font-size:12px}.service-entry-grid h3{font-size:20px;margin:22px 0 10px}.service-entry-grid p{font-size:14px;color:#667085;line-height:1.7}.service-entry-grid a{display:inline-block;margin-top:16px;text-decoration:none;font-weight:700;color:#0f3c88}
.about-principles{background:#0d1117;color:#fff}.about-principles .eyebrow{color:#7dd3fc}.about-principles-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-principles-grid h2{font-size:clamp(34px,4vw,54px);line-height:1.08}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#263141}.principle-list article{background:#121923;padding:28px;min-height:210px}.principle-list span{color:#67e8f9;font-size:12px;font-weight:700}.principle-list h3{font-size:19px;margin:22px 0 9px}.principle-list p{color:#9eabbc;font-size:13px;line-height:1.7}
.template-journey{background:#0d1117;color:#fff}.template-journey .eyebrow{color:#7dd3fc}.template-journey-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:42px}.template-journey-head h2{font-size:clamp(34px,4vw,54px);line-height:1.08}.template-journey-head p{color:#aeb8c8;line-height:1.8}.template-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#263141}.template-journey-grid article{background:#121923;padding:28px;min-height:245px}.template-journey-grid span{color:#67e8f9;font-weight:700;font-size:12px}.template-journey-grid h3{font-size:20px;margin:22px 0 10px}.template-journey-grid p{font-size:13px;color:#9eabbc;line-height:1.7}.template-confidence{background:#fff;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}.template-confidence-grid{display:grid;grid-template-columns:repeat(4,1fr)}.template-confidence-grid article{padding:26px;border-inline-end:1px solid #e6ebf1}.template-confidence-grid article:last-child{border-inline-end:0}.template-confidence-grid strong{display:block;font-size:15px;margin-bottom:7px}.template-confidence-grid p{font-size:13px;color:#667085;line-height:1.6;margin:0}
.template-compare{background:#f7f9fc}.template-compare-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.template-compare h2{font-size:clamp(32px,4vw,48px);line-height:1.1}.template-compare-table{background:#fff;border:1px solid #e2e8f0}.template-compare-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8edf3}.template-compare-row:last-child{border-bottom:0}.template-compare-row>div{padding:20px 22px}.template-compare-row>div:first-child{border-inline-end:1px solid #e8edf3;color:#667085}.template-compare-row strong{font-size:14px}.template-detail-faq{background:#fff}
@media(max-width:960px){.premium-proof-grid,.premium-problem-grid,.engagement-grid,.service-entry-grid,.template-journey-grid,.template-confidence-grid{grid-template-columns:1fr 1fr}.premium-problems-head,.engagement-head,.handover-grid,.premium-faq-grid,.service-entry-head,.about-principles-grid,.template-journey-head,.template-compare-grid{grid-template-columns:1fr;gap:34px}.handover-list{grid-template-columns:1fr}.principle-list{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.premium-proof-grid,.premium-problem-grid,.engagement-grid,.service-entry-grid,.template-journey-grid,.template-confidence-grid,.principle-list{grid-template-columns:1fr}.premium-proof-grid article,.template-confidence-grid article{border-inline-end:0;border-bottom:1px solid #e6ebf1}.premium-problem-grid article,.engagement-card,.service-entry-grid article,.template-journey-grid article{min-height:auto}.template-compare-row{grid-template-columns:1fr}.template-compare-row>div:first-child{border-inline-end:0;border-bottom:1px solid #e8edf3}}

/* ============================================================
   TSSEER PHASE 4.8.1 — LIGHT ENTERPRISE THEME CORRECTION
   Keeps Phase 4.8 content while restoring the approved light visual system.
   ============================================================ */

/* Main problem-led section: editorial light, not dark/AI-dashboard styling */
.premium-problems{
  background:#ffffff;
  color:var(--ink);
}
.premium-problems .eyebrow{color:var(--blue)}
.premium-problems-head{
  align-items:start;
  margin-bottom:38px;
}
.premium-problems-head h2{
  max-width:720px;
  color:var(--ink);
  font-size:clamp(32px,3.7vw,50px);
  line-height:1.09;
  letter-spacing:-.035em;
  font-weight:600;
}
.premium-problems-head>p{
  max-width:560px;
  color:var(--muted);
  font-size:15px;
  line-height:1.85;
}
.premium-problem-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  background:transparent;
  border:0;
}
.premium-problem-grid article{
  position:relative;
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  padding:28px;
  min-height:242px;
  box-shadow:0 12px 34px rgba(13,17,23,.045);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.premium-problem-grid article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:#2563eb;
  opacity:0;
  transition:opacity .2s ease;
}
html[dir="rtl"] .premium-problem-grid article::before{inset:0 0 0 auto}
.premium-problem-grid article:hover{
  transform:translateY(-3px);
  border-color:#cfd9e8;
  box-shadow:0 18px 44px rgba(13,17,23,.075);
}
.premium-problem-grid article:hover::before{opacity:1}
.premium-problem-grid span{
  color:#2563eb;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.premium-problem-grid h3{
  color:var(--ink);
  font-size:20px;
  line-height:1.35;
  margin:22px 0 10px;
  font-weight:600;
}
.premium-problem-grid p{
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
}
.premium-problem-grid b{
  color:#344054;
  border-top:1px solid #edf1f5;
  margin-top:auto;
  padding-top:18px;
  font-size:12px;
  font-weight:600;
}

/* About page: restore clean white/soft-blue corporate treatment */
.about-principles{
  background:#f7f9fc;
  color:var(--ink);
}
.about-principles .eyebrow{color:var(--blue)}
.about-principles-grid h2{
  color:var(--ink);
  letter-spacing:-.035em;
  font-weight:600;
}
.principle-list{
  gap:14px;
  background:transparent;
}
.principle-list article{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  min-height:205px;
  box-shadow:0 10px 28px rgba(13,17,23,.035);
}
.principle-list span{color:var(--blue)}
.principle-list h3{color:var(--ink);font-weight:600}
.principle-list p{color:var(--muted)}

/* Templates catalogue: light premium journey section */
.template-journey{
  background:#ffffff;
  color:var(--ink);
}
.template-journey .eyebrow{color:var(--blue)}
.template-journey-head h2{
  color:var(--ink);
  letter-spacing:-.035em;
  font-weight:600;
}
.template-journey-head p{color:var(--muted)}
.template-journey-grid{
  gap:14px;
  background:transparent;
}
.template-journey-grid article{
  background:#f8fafc;
  color:var(--ink);
  border:1px solid var(--line);
  min-height:240px;
  box-shadow:0 10px 28px rgba(13,17,23,.035);
}
.template-journey-grid span{color:var(--blue)}
.template-journey-grid h3{color:var(--ink);font-weight:600}
.template-journey-grid p{color:var(--muted)}

/* Refine the new Phase 4.8 content to the original enterprise language */
.engagement-paths,.premium-faq,.service-entry,.template-compare{
  background:#f7f9fc;
}
.engagement-card,.service-entry-grid article,.template-compare-table{
  box-shadow:0 10px 30px rgba(13,17,23,.035);
}
.engagement-card:hover,.service-entry-grid article:hover{
  border-color:#cfd9e8;
  box-shadow:0 16px 38px rgba(13,17,23,.06);
  transform:translateY(-2px);
}
.engagement-card,.service-entry-grid article{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

/* Keep the page visually airy at large widths */
@media(min-width:1200px){
  .premium-problems .container,
  .engagement-paths .container,
  .handover-section .container,
  .premium-faq .container{
    max-width:1180px;
  }
}
@media(max-width:960px){
  .premium-problem-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .premium-problem-grid{grid-template-columns:1fr}
  .premium-problem-grid article{min-height:auto}
}