:root{
      --bg: #f7f8fc;
      --surface: #ffffff;
      --ink: #0a0f2e;
      --ink-soft: #5c6280;
      --primary: #1b1fa8;
      --primary-dark: #12156f;
      --secondary: #eceffe;
      --accent: #c9920a;
      --accent-light: #f4c652;
      --success: #0f9f6e;
      --border: rgba(27, 31, 168, .12);
      --shadow: 0 18px 50px rgba(10, 15, 46, .10);
      --shadow-lg: 0 26px 70px rgba(10, 15, 46, .18);
      --radius-sm: 12px;
      --radius: 18px;
      --radius-lg: 28px;
      --container: 1180px;
    }
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
      margin: 0;
      color: var(--ink);
      background: var(--bg);
      font-family: Inter, Arial, sans-serif;
      line-height: 1.6;
      overflow-x: hidden;
    }
body.menu-open{ overflow: hidden; }
img{ display: block; max-width: 100%; }
a{ color: inherit; text-decoration: none; }
button,input{ font: inherit; }
button{ cursor: pointer; }
h1,h2,h3,h4,.brand-name,.stat-number,.price{
      margin-top: 0;
      font-family: Montserrat, Arial, sans-serif;
    }
p{ margin-top: 0; }
.container{ width: min(var(--container), calc(100% - 32px)); margin-inline: auto; }
.section{ padding: 92px 0; }
.surface{ background: var(--surface); }
.soft-section{ background: linear-gradient(180deg, #f0f2fb 0%, #f8f9fd 100%); }
.section-kicker{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--accent);
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .15em;
      text-transform: uppercase;
      margin-bottom: 15px;
    }
.section-kicker::before,.section-kicker::after{
      content: "";
      width: 30px;
      height: 1px;
      background: currentColor;
    }
.section-kicker.left::after{ display: none; }
.section-title{
      margin-bottom: 16px;
      font-size: clamp(2rem, 4vw, 3.05rem);
      line-height: 1.15;
      letter-spacing: -.035em;
      font-weight: 900;
    }
.section-copy{ color: var(--ink-soft); max-width: 650px; }
.section-heading.center{ text-align: center; margin-bottom: 50px; }
.section-heading.center .section-copy{ margin-inline: auto; }
.btn{
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 12px 22px;
      border: 1px solid transparent;
      border-radius: 12px;
      font-weight: 800;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }
.btn:hover{ transform: translateY(-2px); }
.btn-primary{ background: var(--primary); color: #fff; box-shadow: 0 12px 30px rgba(27, 31, 168, .25); }
.btn-primary:hover{ background: var(--primary-dark); }
.btn-accent{ background: var(--accent); color: #fff; box-shadow: 0 12px 30px rgba(201, 146, 10, .22); }
.btn-accent:hover{ background: #ab7904; }
.btn-success{ background: #149f70; color: #fff; }
.btn-success:hover{ background: #0b8058; }
.btn-outline{ color: var(--primary); border: 2px solid var(--primary); background: transparent; }
.btn-outline:hover{ color: #fff; background: var(--primary); }
.btn-light-outline{ color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
.btn-light-outline:hover{ background: rgba(255,255,255,.16); }
.topbar{ background: var(--ink); color: rgba(255,255,255,.65); font-size: .75rem; }
.topbar-inner{ min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar-group{ display: flex; align-items: center; gap: 20px; }
.topbar a,.topbar span{ display: inline-flex; align-items: center; gap: 7px; }
.topbar a:hover{ color: #fff; }
.socials{ display: flex; align-items: center; gap: 12px; }
.topbar-divider{ width: 1px; height: 15px; background: rgba(255,255,255,.16); }
.site-header{
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(255,255,255,.97);
      border-bottom: 1px solid var(--border);
      transition: box-shadow .25s ease, backdrop-filter .25s ease;
    }
.site-header.scrolled{ box-shadow: 0 8px 30px rgba(10,15,46,.08); backdrop-filter: blur(14px); }
.nav-inner{ min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.logo{ display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo-mark{ width: 38px; height: 38px; display: grid; place-items: center; flex-shrink: 0; }
.logo-mark img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.brand-name{ font-size: .93rem; font-weight: 900; line-height: 1; }
.brand-name span{ color: var(--primary); }
.brand-country{ margin-top: 4px; color: var(--ink-soft); font-size: .56rem; line-height: 1; text-transform: uppercase; letter-spacing: .2em; font-weight: 700; }
.desktop-nav{ display: flex; align-items: center; gap: 2px; }
.nav-link,.dropdown-toggle{
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 10px 12px;
      border: 0;
      background: transparent;
      color: rgba(10,15,46,.72);
      font-size: .87rem;
      font-weight: 700;
    }
.nav-link:hover,.dropdown-toggle:hover{ color: var(--primary); }
.nav-actions{ display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.whatsapp-link{ color: #087a55; font-weight: 800; font-size: .85rem; }
.dropdown{ position: relative; }
.dropdown-menu{
      position: absolute;
      top: 100%;
      left: 50%;
      z-index: 30;
      width: 680px;
      padding: 26px;
      transform: translate(-50%, 8px);
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 20px;
      box-shadow: var(--shadow-lg);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    }
.dropdown.solutions .dropdown-menu{ width: min(900px, calc(100vw - 32px)); }
.dropdown.solutions .dropdown-grid{ grid-template-columns: repeat(3, 1fr); }
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{ opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.dropdown-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dropdown-item{ display: flex; align-items: flex-start; gap: 14px; min-height: 72px; padding: 15px; border-radius: 15px; }
.dropdown-item:hover{ background: var(--secondary); }
.drop-icon{ width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 12px; color: var(--primary); background: rgba(27,31,168,.09); }
.drop-title{ display: block; font-size: .9rem; font-weight: 800; line-height: 1.25; }
.drop-desc{ display: block; margin-top: 5px; color: var(--ink-soft); font-size: .75rem; line-height: 1.4; }
.dropdown-footer{ margin-top: 12px; padding-top: 13px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; gap: 14px; font-size: .72rem; color: var(--ink-soft); }
.dropdown-footer a{ color: var(--primary); font-weight: 800; }
.menu-toggle{ display: none; width: 42px; height: 42px; border: 0; border-radius: 50%; color: var(--ink); background: transparent; }
.menu-toggle:hover{ background: var(--secondary); }
.drawer-backdrop{ position: fixed; inset: 0; z-index: 1200; background: rgba(10,15,46,.58); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: .25s; }
.drawer-backdrop.open{ opacity: 1; visibility: visible; }
.mobile-drawer{
      position: fixed;
      top: 0;
      right: 0;
      z-index: 1250;
      width: min(360px, 92vw);
      height: 100dvh;
      display: flex;
      flex-direction: column;
      background: #fff;
      box-shadow: -20px 0 60px rgba(10,15,46,.25);
      transform: translateX(102%);
      transition: transform .28s ease;
    }
.mobile-drawer.open{ transform: translateX(0); }
.drawer-head{ display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.drawer-close{ width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--bg); }
.drawer-nav{ flex: 1; overflow-y: auto; padding: 14px; }
.mobile-link,.mobile-accordion-btn{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px 11px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-size: .9rem; font-weight: 800; text-align: left; }
.mobile-link:hover,.mobile-accordion-btn:hover{ background: var(--secondary); }
.mobile-submenu{ display: none; padding: 3px 0 8px 14px; }
.mobile-submenu.open{ display: block; }
.mobile-submenu a{ display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; color: var(--ink-soft); font-size: .82rem; font-weight: 600; }
.mobile-submenu a:hover{ color: var(--primary); background: var(--secondary); }
.drawer-actions{ padding: 16px 18px; border-top: 1px solid var(--border); }
.drawer-actions-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 9px; }
.drawer-actions .btn{ width: 100%; min-height: 44px; padding: 10px; font-size: .82rem; }
.hero{
      position: relative;
      min-height: 500px;
      display: flex;
      align-items: center;
      overflow: hidden;
      color: #fff;
      background: var(--ink);
    }
.hero::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(125deg, rgba(10,15,46,.98) 10%, rgba(10,15,46,.94) 49%, rgba(27,31,168,.78) 100%),
        url('../images/generated/brand-team-hero.webp') center/cover;
    }
.hero::after{ content: ""; position: absolute; top: 0; left: 20%; right: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(244,198,82,.7), transparent); }
.hero-grid{ position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; padding: 48px 0 58px; }
.eyebrow{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 15px;
      margin-bottom: 18px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      color: rgba(255,255,255,.74);
      font-size: .7rem;
      font-weight: 800;
      letter-spacing: .15em;
      text-transform: uppercase;
    }
.eyebrow-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--accent-light); box-shadow: 0 0 0 5px rgba(244,198,82,.10); animation: pulse 1.7s infinite; }
@keyframes pulse { 50% { opacity: .4; transform: scale(.85); } }
.hero h1{ max-width: 690px; margin-bottom: 18px; font-size: clamp(2.65rem, 4.3vw, 3.9rem); line-height: 1.07; letter-spacing: -.045em; font-weight: 900; }
.hero h1 span{ color: transparent; background: linear-gradient(90deg, #f7d174, var(--accent)); -webkit-background-clip: text; background-clip: text; }
.hero-copy{ max-width: 610px; margin-bottom: 24px; color: rgba(255,255,255,.64); font-size: 1.08rem; }
.hero-actions{ display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 28px; }
.hero .btn-success{ background: rgba(20,159,112,.17); color: #80e5c0; border-color: rgba(73,211,160,.26); }
.hero .btn-success:hover{ background: rgba(20,159,112,.28); }
.hero-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.hero-stat .stat-number{ color: var(--accent-light); font-size: 1.48rem; font-weight: 900; line-height: 1.2; }
.hero-stat .stat-label{ color: rgba(255,255,255,.65); font-size: .7rem; font-weight: 600; }
.browser-mockup{ position: relative; aspect-ratio: 4 / 3; }
.browser-window{ position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.10); border-radius: 20px; background: rgba(255,255,255,.06); box-shadow: 0 35px 80px rgba(0,0,0,.28); }
.browser-bar{ height: 40px; display: flex; align-items: center; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.09); }
.browser-dots{ display: flex; gap: 7px; }
.browser-dots i{ width: 10px; height: 10px; border-radius: 50%; }
.browser-dots i:nth-child(1){ background: #fb7185; }
.browser-dots i:nth-child(2){ background: #fbbf24; }
.browser-dots i:nth-child(3){ background: #34d399; }
.browser-address{ flex: 1; margin-left: 20px; padding: 4px 12px; border-radius: 6px; color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); font-size: .62rem; }
.browser-window > img{ width: 100%; height: calc(100% - 40px); object-fit: cover; opacity: .53; }
.float-card{ position: absolute; z-index: 2; padding: 16px; color: var(--ink); background: #fff; border: 1px solid var(--border); border-radius: 17px; box-shadow: 0 24px 55px rgba(0,0,0,.22); }
.search-card{ left: -28px; bottom: -25px; width: 225px; }
.analytics-card{ top: -28px; right: -24px; width: 190px; }
.float-card-title{ display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.float-card-icon{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #2563eb; }
.float-card small{ color: var(--ink-soft); }
.search-row{ display: flex; align-items: center; gap: 8px; margin-top: 7px; font-size: .7rem; font-weight: 700; }
.search-row .rank{ margin-left: auto; padding: 2px 6px; border-radius: 999px; color: #087a55; background: #e7fbf2; font-size: .58rem; }
.analytics-value{ margin: 3px 0; font-family: Montserrat, Arial, sans-serif; font-size: 1.75rem; font-weight: 900; }
.analytics-growth{ color: #0b9b6d; font-size: .7rem; font-weight: 800; }
.mini-chart{ height: 46px; display: flex; align-items: flex-end; gap: 5px; margin-top: 13px; }
.mini-chart i{ flex: 1; border-radius: 3px 3px 0 0; background: rgba(27,31,168,.20); }
.hero-wave{ position: absolute; z-index: 3; left: 0; right: 0; bottom: -1px; line-height: 0; }
.hero-wave svg{ width: 100%; height: 68px; }
.trust-strip{ padding: 30px 0; background: #fff; border-bottom: 1px solid var(--border); }
.trust-label{ margin-bottom: 18px; text-align: center; color: var(--ink-soft); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
.trust-list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 34px; }
.trust-list span{ color: rgba(10,15,46,.62); font-family: Montserrat, Arial, sans-serif; font-size: .85rem; font-weight: 900; transition: color .2s; }
.trust-list span:hover{ color: rgba(10,15,46,.9); }
.problem-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 40px; }
.problem-card{ display: flex; align-items: center; gap: 15px; padding: 19px; border: 1px solid var(--border); border-radius: 17px; background: #fff; transition: .25s ease; }
.problem-card:hover{ transform: translateY(-3px); border-color: rgba(27,31,168,.30); box-shadow: var(--shadow); }
.problem-icon{ width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; border-radius: 12px; color: var(--primary); background: rgba(27,31,168,.09); }
.problem-card strong{ font-size: .88rem; line-height: 1.35; }
.center-action{ text-align: center; }
.split-heading{ display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 48px; }
.text-link{ display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-size: .85rem; font-weight: 800; }
.text-link:hover{ gap: 12px; }
.service-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.service-card,.partner-card,.blog-card{ display: block; background: #fff; border: 1px solid var(--border); border-radius: 20px; transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
.service-card{ padding: 25px; }
.service-card:hover,.partner-card:hover,.blog-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow); border-color: rgba(27,31,168,.20); }
.service-icon{ width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 16px; color: #fff; font-size: 1.25rem; box-shadow: 0 12px 25px rgba(10,15,46,.14); }
.gradient-blue{ background: linear-gradient(135deg, #2563eb, #3730a3); }
.gradient-purple{ background: linear-gradient(135deg, #9333ea, #6d28d9); }
.gradient-orange{ background: linear-gradient(135deg, #f59e0b, #ea580c); }
.gradient-green{ background: linear-gradient(135deg, #10b981, #0f766e); }
.gradient-rose{ background: linear-gradient(135deg, #f43f5e, #db2777); }
.gradient-cyan{ background: linear-gradient(135deg, #0ea5e9, #0891b2); }
.card-tagline{ margin-bottom: 5px; color: var(--ink-soft); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.service-card h3{ margin-bottom: 9px; font-size: 1.08rem; font-weight: 900; }
.service-card p{ min-height: 67px; margin-bottom: 17px; color: var(--ink-soft); font-size: .84rem; }
.service-meta{ display: flex; gap: 18px; padding-top: 15px; margin-bottom: 15px; border-top: 1px solid var(--border); color: var(--ink-soft); font-size: .7rem; }
.card-more{ display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-size: .82rem; font-weight: 800; }
.service-card:hover .card-more,.partner-card:hover .card-more{ gap: 10px; }
.portfolio-grid{ display: grid; grid-template-columns: 3fr 2fr; gap: 22px; }
.project-feature{ position: relative; height: 500px; min-height: 0; overflow: hidden; border-radius: 26px; background: var(--ink); }
.project-feature img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .65s ease; }
.project-feature:hover img{ transform: scale(1.045); }
.project-feature::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,15,46,.95), rgba(10,15,46,.05) 72%); }
.project-feature-content{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 27px; color: #fff; }
.project-category{ color: rgba(255,255,255,.58); font-size: .72rem; font-weight: 700; }
.project-title{ margin: 4px 0 7px; font-size: 1.7rem; font-weight: 900; }
.project-result{ margin-bottom: 13px; color: #7be7bf; font-size: .85rem; font-weight: 800; }
.project-tags{ display: flex; flex-wrap: wrap; gap: 7px; }
.project-tags span{ padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.15); font-size: .67rem; }
.project-thumbs{ height: 500px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 12px; }
.project-thumb{ position: relative; min-height: 0; padding: 0; overflow: hidden; border: 0; border-radius: 16px; background: var(--ink); text-align: left; }
.project-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.project-thumb::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,15,46,.86), transparent); }
.project-thumb.active{ outline: 3px solid var(--primary); box-shadow: var(--shadow); }
.project-thumb-text{ position: absolute; z-index: 2; left: 13px; right: 13px; bottom: 11px; color: #fff; }
.project-thumb-text small{ display: block; color: rgba(255,255,255,.57); font-size: .6rem; }
.project-thumb-text strong{ display: block; font-family: Montserrat, Arial, sans-serif; font-size: .82rem; }
.dark-section{ position: relative; overflow: hidden; color: #fff; background: var(--ink); }
.dark-section::before,.dark-section::after{ content: ""; position: absolute; width: 430px; height: 430px; border-radius: 50%; filter: blur(100px); opacity: .12; }
.dark-section::before{ top: -180px; left: 12%; background: var(--primary); }
.dark-section::after{ right: 10%; bottom: -220px; background: var(--accent); }
.industry-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.1fr; gap: 70px; align-items: center; }
.dark-section .section-copy{ color: rgba(255,255,255,.58); }
.industry-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.industry-item{ display: flex; align-items: center; gap: 11px; padding: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.05); transition: .2s; }
.industry-item:hover{ transform: translateX(4px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); }
.industry-icon{ width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--secondary); color: var(--primary); }
.industry-item span{ font-size: .82rem; font-weight: 700; }
.industry-item .fa-chevron-right{ margin-left: auto; color: rgba(255,255,255,.27); font-size: .7rem; }
.process-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.process-list{ display: grid; gap: 10px; }
.process-button{ width: 100%; display: flex; align-items: flex-start; gap: 16px; padding: 15px 17px; border: 1px solid var(--border); border-radius: 16px; color: var(--ink); background: #fff; text-align: left; transition: .2s; }
.process-button:hover{ border-color: rgba(27,31,168,.28); }
.process-button.active{ color: #fff; background: var(--primary); border-color: var(--primary); box-shadow: 0 15px 35px rgba(27,31,168,.22); }
.process-num{ color: rgba(27,31,168,.18); font-family: Montserrat, Arial, sans-serif; font-size: 1.4rem; font-weight: 900; }
.process-button.active .process-num{ color: rgba(255,255,255,.30); }
.process-button strong{ display: block; font-size: .86rem; }
.process-button p{ display: none; margin: 5px 0 0; color: rgba(255,255,255,.70); font-size: .72rem; }
.process-button.active p{ display: block; }
.process-detail{ position: sticky; top: 95px; padding: 32px; border: 1px solid var(--border); border-radius: 26px; background: #fff; box-shadow: var(--shadow); }
.process-detail-number{ color: rgba(27,31,168,.09); font-family: Montserrat, Arial, sans-serif; font-size: 3.7rem; line-height: 1; font-weight: 900; }
.process-detail h3{ margin: 7px 0 15px; font-size: 1.6rem; font-weight: 900; }
.process-detail p{ color: var(--ink-soft); }
.process-dots{ display: flex; gap: 7px; margin: 26px 0; }
.process-dot{ width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: var(--border); transition: width .2s, background .2s; }
.process-dot.active{ width: 28px; background: var(--primary); }
.process-detail-action{ padding-top: 22px; border-top: 1px solid var(--border); }
.process-detail-action .btn{ width: 100%; }
.google-section{ position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #0c1a55 0%, var(--primary) 50%, #30206c 100%); }
.google-section::after{ content: ""; position: absolute; top: -130px; right: -90px; width: 440px; height: 440px; border-radius: 50%; background: rgba(201,146,10,.10); filter: blur(75px); }
.google-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 68px; align-items: center; }
.business-profile{ padding: 24px; border-radius: 26px; color: var(--ink); background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.30); }
.business-head{ display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.business-head img{ width: 50px; height: 50px; border-radius: 12px; object-fit: cover; }
.business-head h3{ margin: 0; font-size: .9rem; font-weight: 900; }
.business-head p{ margin: 2px 0 0; color: var(--ink-soft); font-size: .68rem; }
.open-badge{ margin-left: auto; padding: 4px 9px; border-radius: 7px; color: #2563eb; background: #eff6ff; font-size: .64rem; font-weight: 800; }
.rating-row{ display: flex; align-items: center; gap: 5px; margin-bottom: 13px; font-size: .75rem; }
.stars{ color: #f5b919; letter-spacing: 2px; }
.business-photo{ width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; border-radius: 13px; }
.business-buttons{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 13px 0; }
.business-buttons button{ padding: 9px; border: 1px solid var(--border); border-radius: 9px; color: var(--ink); background: #fff; font-size: .68rem; font-weight: 800; }
.business-buttons button:first-child{ color: #fff; background: #2563eb; border-color: #2563eb; }
.profile-stats{ display: flex; justify-content: space-between; gap: 14px; padding-top: 12px; border-top: 1px solid var(--border); color: var(--ink-soft); font-size: .68rem; }
.profile-stats strong{ color: #0b9b6d; }
.google-copy .section-kicker{ color: #f9d67e; }
.google-copy .section-title{ color: #fff; }
.google-copy .section-copy{ color: rgba(255,255,255,.63); }
.check-list{ display: grid; gap: 11px; margin: 26px 0 30px; }
.check-list div{ display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.76); font-size: .83rem; }
.check-list i{ color: #61dfad; }
.pricing-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.pricing-card{ position: relative; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--border); border-radius: 26px; background: #fff; }
.pricing-card.featured{ z-index: 1; color: #fff; background: var(--primary); border-color: var(--primary); transform: scale(1.045); box-shadow: 0 25px 65px rgba(27,31,168,.28); }
.popular-tag{ position: absolute; top: -14px; left: 50%; transform: translateX(-50%); padding: 6px 16px; border-radius: 999px; color: #fff; background: var(--accent); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.plan-name{ color: var(--ink-soft); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .15em; }
.featured .plan-name{ color: rgba(255,255,255,.60); }
.price{ margin: 7px 0 1px; font-size: 1.85rem; font-weight: 900; }
.period{ color: var(--ink-soft); font-size: .74rem; }
.featured .period{ color: rgba(255,255,255,.60); }
.plan-copy{ min-height: 66px; margin: 13px 0 18px; color: var(--ink-soft); font-size: .8rem; }
.featured .plan-copy{ color: rgba(255,255,255,.68); }
.feature-list{ flex: 1; padding: 0; margin: 0 0 23px; list-style: none; }
.feature-list li{ display: flex; gap: 10px; margin: 10px 0; font-size: .78rem; }
.feature-list i{ margin-top: 4px; color: #16a673; }
.featured .feature-list li{ color: rgba(255,255,255,.82); }
.featured .feature-list i{ color: #7be7bf; }
.featured .btn{ color: var(--primary); background: #fff; }
.pricing-note{ margin-top: 32px; padding: 17px; border: 1px solid var(--border); border-radius: 16px; background: var(--secondary); text-align: center; color: var(--ink-soft); font-size: .82rem; }
.pricing-note a{ color: var(--primary); font-weight: 800; }
.testimonial-shell{ max-width: 800px; margin-inline: auto; }
.testimonial-card{ position: relative; padding: 44px; border: 1px solid var(--border); border-radius: 27px; background: #fff; box-shadow: var(--shadow); text-align: center; }
.quote-mark{ position: absolute; top: 25px; left: 28px; color: rgba(27,31,168,.08); font-size: 2.3rem; }
.testimonial-card blockquote{ margin: 20px 0 26px; font-family: Montserrat, Arial, sans-serif; font-size: clamp(1.15rem, 2.6vw, 1.55rem); font-weight: 700; line-height: 1.55; }
.client{ display: flex; align-items: center; justify-content: center; gap: 13px; }
.client img{ width: 58px; height: 58px; border: 2px solid rgba(27,31,168,.15); border-radius: 50%; object-fit: cover; }
.client-text{ text-align: left; }
.client-text strong{ display: block; }
.client-text small{ color: var(--ink-soft); }
.slider-nav{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; }
.slider-arrow{ width: 39px; height: 39px; border: 1px solid var(--border); border-radius: 50%; background: #fff; }
.slider-arrow:hover{ background: var(--secondary); }
.slider-dots{ display: flex; gap: 7px; }
.slider-dot{ width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: var(--border); transition: .2s; }
.slider-dot.active{ width: 27px; background: var(--primary); }
.audit-panel{ position: relative; overflow: hidden; padding: 62px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, var(--primary), #273693 55%, #11275f); }
.audit-panel::after{ content: ""; position: absolute; top: -170px; right: -140px; width: 470px; height: 470px; border-radius: 50%; background: rgba(201,146,10,.12); filter: blur(70px); }
.audit-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }
.free-pill{ display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; margin-bottom: 18px; border-radius: 999px; background: rgba(255,255,255,.10); color: rgba(255,255,255,.75); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .13em; }
.audit-copy h2{ margin-bottom: 15px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.13; font-weight: 900; }
.audit-copy > p{ color: rgba(255,255,255,.65); }
.audit-checks{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin-top: 22px; }
.audit-checks span{ display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.66); font-size: .78rem; }
.audit-checks i{ color: #7be7bf; }
.audit-form,.audit-success{ padding: 25px; border-radius: 20px; color: var(--ink); background: #fff; box-shadow: var(--shadow-lg); }
.audit-form h3,.audit-success h3{ margin-bottom: 17px; font-size: 1.08rem; font-weight: 900; }
.form-control{ width: 100%; height: 48px; padding: 0 14px; margin-bottom: 11px; border: 1px solid var(--border); border-radius: 11px; color: var(--ink); background: #f0f2fa; outline: none; }
.form-control:focus{ border-color: rgba(27,31,168,.50); box-shadow: 0 0 0 4px rgba(27,31,168,.10); }
.audit-form .btn{ width: 100%; }
.form-note{ margin: 10px 0 0; color: var(--ink-soft); font-size: .66rem; text-align: center; }
.audit-success{ display: none; text-align: center; }
.audit-success.show{ display: block; }
.audit-success-icon{ width: 65px; height: 65px; display: grid; place-items: center; margin: 0 auto 15px; border-radius: 50%; color: var(--success); background: #dcfce7; font-size: 1.7rem; }
.audit-success p{ color: var(--ink-soft); font-size: .82rem; }
.partner-grid,.blog-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.partner-card{ padding: 29px; }
.partner-icon{ width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 19px; border-radius: 16px; color: var(--primary); background: rgba(27,31,168,.09); font-size: 1.2rem; }
.partner-card h3{ margin-bottom: 8px; font-size: 1.05rem; font-weight: 900; }
.partner-card p{ min-height: 50px; color: var(--ink-soft); font-size: .82rem; }
.blog-card{ overflow: hidden; }
.blog-image{ aspect-ratio: 16 / 9; overflow: hidden; }
.blog-image img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.blog-card:hover img{ transform: scale(1.05); }
.blog-body{ padding: 22px; }
.blog-category{ margin-bottom: 8px; color: var(--primary); font-size: .65rem; font-weight: 900; text-transform: uppercase; letter-spacing: .13em; }
.blog-card h3{ min-height: 52px; margin-bottom: 9px; font-size: .9rem; line-height: 1.45; font-weight: 900; }
.blog-card p{ min-height: 62px; margin-bottom: 14px; color: var(--ink-soft); font-size: .74rem; }
.blog-meta{ display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--border); color: var(--ink-soft); font-size: .68rem; }
.blog-meta span:last-child{ color: var(--primary); font-weight: 800; }
.final-cta{ text-align: center; }
.final-cta .container{ max-width: 900px; }
.final-cta h2{ margin-bottom: 20px; font-size: clamp(2.3rem, 5vw, 3.7rem); line-height: 1.12; letter-spacing: -.04em; font-weight: 900; }
.final-cta p{ max-width: 680px; margin: 0 auto 34px; color: var(--ink-soft); font-size: 1.05rem; }
.final-actions{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.site-footer{ color: #fff; background: var(--ink); }
.footer-main{ padding: 58px 0 32px; }
.footer-grid{ display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); gap: 32px; margin-bottom: 42px; }
.footer-brand .logo .brand-name{ color: #fff; }
.footer-brand .brand-name span{ color: var(--accent-light); }
.footer-brand .brand-country{ color: rgba(255,255,255,.40); }
.footer-brand > p{ margin: 17px 0; color: rgba(255,255,255,.48); font-size: .76rem; }
.contact-list{ display: grid; gap: 7px; }
.contact-list a{ display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.50); font-size: .72rem; }
.contact-list a:hover{ color: #fff; }
.footer-socials{ display: flex; gap: 7px; margin-top: 16px; }
.footer-socials a{ width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: rgba(255,255,255,.60); background: rgba(255,255,255,.08); }
.footer-socials a:hover{ color: #fff; background: var(--primary); }
.footer-col h3{ margin-bottom: 17px; color: #fff; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; }
.footer-links{ display: grid; gap: 8px; }
.footer-links a{ color: rgba(255,255,255,.48); font-size: .72rem; }
.footer-links a:hover{ color: #fff; }
.rating-strip{ display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.rating-copy{ display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.68); font-size: .78rem; }
.trust-checks{ display: flex; gap: 22px; color: rgba(255,255,255,.40); font-size: .7rem; }
.footer-bottom{ display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; color: rgba(255,255,255,.65); font-size: .67rem; }
.legal-links{ display: flex; gap: 16px; }
.legal-links a:hover{ color: rgba(255,255,255,.65); }
.whatsapp-fab{ position: fixed; z-index: 1100; right: 22px; bottom: 22px; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #22c55e; box-shadow: 0 16px 34px rgba(34,197,94,.35); font-size: 1.45rem; transition: .2s; }
.whatsapp-fab:hover{ transform: scale(1.08); background: #16a34a; }
[data-reveal]{ opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].revealed{ opacity: 1; transform: none; }
@media (max-width: 1100px) {.desktop-nav,.nav-actions{ display: none; }
.menu-toggle{ display: grid; place-items: center; }
.hero{ min-height: auto; }
.hero-grid{ grid-template-columns: 1fr; padding: 75px 0 130px; }
.hero-visual{ display: none; }
.hero-copy{ max-width: 700px; }
.hero-stats{ max-width: 700px; }
.footer-grid{ grid-template-columns: 1.3fr repeat(2, 1fr); }
.footer-brand{ grid-row: span 2; }}
@media (max-width: 900px) {.section{ padding: 75px 0; }
.problem-grid,.service-grid,.pricing-grid,.partner-grid,.blog-grid{ grid-template-columns: repeat(2, 1fr); }
.pricing-card.featured{ transform: none; }
.portfolio-grid,.industry-grid,.process-grid,.google-grid,.audit-grid{ grid-template-columns: 1fr; }
.portfolio-grid{ gap: 14px; }
.project-thumbs{ height: auto; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 105px); }
.project-thumb{ min-height: 100px; }
.process-detail{ position: static; }
.google-grid{ gap: 44px; }
.audit-panel{ padding: 42px; }
.footer-grid{ grid-template-columns: repeat(2, 1fr); }
.footer-brand{ grid-column: span 2; grid-row: auto; }}
@media (max-width: 640px) {.container{ width: min(100% - 24px, var(--container)); }
.topbar-inner{ min-height: 38px; }
.topbar .email,.topbar .location,.topbar .socials,.topbar-divider{ display: none; }
.topbar a{ min-height: 38px; }
.topbar-group{ gap: 8px; }
.nav-inner{ min-height: 62px; }
.logo-mark{ width: 34px; height: 34px; }
.hero-grid{ padding-top: 60px; }
.hero h1{ font-size: 2.55rem; }
.hero-copy{ font-size: .96rem; }
.hero-actions{ display: grid; }
.hero-actions .btn{ width: 100%; }
.hero-stats{ grid-template-columns: repeat(2, 1fr); }
.section{ padding: 62px 0; }
.section-title{ font-size: 2rem; }
.section-kicker::before,.section-kicker::after{ width: 22px; }
.problem-grid,.service-grid,.pricing-grid,.partner-grid,.blog-grid{ grid-template-columns: 1fr; }
.split-heading{ align-items: flex-start; flex-direction: column; }
.service-card p,.plan-copy,.partner-card p,.blog-card h3,.blog-card p{ min-height: 0; }
.project-feature{ height: 390px; }
.project-thumbs{ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 105px); }
.industry-list{ grid-template-columns: 1fr; }
.audit-panel{ padding: 28px 20px; border-radius: 22px; }
.audit-checks{ grid-template-columns: 1fr; }
.testimonial-card{ padding: 35px 20px; }
.business-profile{ padding: 18px; }
.rating-strip,.footer-bottom{ align-items: flex-start; flex-direction: column; }
.trust-checks{ flex-wrap: wrap; gap: 10px 18px; }
.footer-grid{ grid-template-columns: repeat(2, 1fr); gap: 30px 22px; }
.footer-brand{ grid-column: span 2; }
.footer-col h3{ margin-bottom: 13px; }
.whatsapp-fab{ right: 15px; bottom: 15px; width: 52px; height: 52px; }}
@media (prefers-reduced-motion: reduce) {*,*::before,*::after{ scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
[data-reveal]{ opacity: 1; transform: none; }}
.page-hero{position:relative;display:flex;align-items:center;min-height:500px;overflow:hidden;padding:54px 0 62px;color:#fff;background:var(--ink)}
.page-hero.has-image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,rgba(10,15,46,.86) 0%,rgba(10,15,46,.62) 56%,rgba(27,31,168,.34) 100%),var(--hero-image);background-position:var(--hero-position,center);background-size:cover;background-repeat:no-repeat}
.page-hero::after{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,198,82,.75),transparent)}
.page-hero .container{position:relative;z-index:2}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:28px;color:rgba(255,255,255,.48);font-size:.76rem;font-weight:600}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs i{font-size:.6rem}
.page-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--accent-light);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.page-badge::before{content:"";width:32px;height:1px;background:currentColor}
.page-hero h1{max-width:900px;margin-bottom:22px;font-size:clamp(2.55rem,5vw,4.35rem);line-height:1.07;letter-spacing:-.045em;font-weight:900}
.page-hero h1 .accent{display:block;color:transparent;background:linear-gradient(90deg,#f7d174,var(--accent));-webkit-background-clip:text;background-clip:text}
.page-hero-copy{max-width:740px;margin-bottom:30px;color:rgba(255,255,255,.67);font-size:1.06rem}
.page-actions{display:flex;flex-wrap:wrap;gap:13px}
.page-actions .btn{min-height:52px;padding-inline:25px}
.hero-mini-stats{display:flex;flex-wrap:wrap;gap:30px;margin-top:36px}
.hero-mini-stat strong{display:block;color:var(--accent-light);font:900 1.55rem Montserrat,sans-serif}
.hero-mini-stat span{color:rgba(255,255,255,.5);font-size:.74rem}
.content-section{padding:86px 0}
.content-section.white{background:#fff}
.content-section.soft{background:linear-gradient(180deg,#f0f2fb,#f8f9fd)}
.content-section.dark{color:#fff;background:var(--ink)}
.section-intro{max-width:760px;margin:0 auto 46px;text-align:center}
.section-intro.left{margin-left:0;text-align:left}
.section-intro .section-copy{margin-inline:auto}
.section-intro.left .section-copy{margin-inline:0}
.section-intro .section-kicker{justify-content:center}
.section-intro.left .section-kicker{justify-content:flex-start}
.section-intro.left .section-kicker::after{display:none}
.content-section.dark .section-title{color:#fff}
.content-section.dark .section-copy{color:rgba(255,255,255,.62)}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split-grid.reverse .split-media{order:-1}
.split-media{position:relative}
.split-media img{width:100%;min-height:360px;max-height:560px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.media-badge{position:absolute;right:-10px;bottom:24px;max-width:220px;padding:17px;border-radius:16px;color:#fff;background:var(--primary);box-shadow:var(--shadow-lg)}
.media-badge strong{display:block;font:900 1.35rem Montserrat,sans-serif}
.media-badge span{font-size:.72rem;color:rgba(255,255,255,.75)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card-grid.two{grid-template-columns:repeat(2,1fr)}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
.info-card,.image-card,.feature-card,.process-card,.value-card,.blog-card,.contact-card,.review-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.info-card:hover,.image-card:hover,.feature-card:hover,.process-card:hover,.value-card:hover,.blog-card:hover,.contact-card:hover,.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(27,31,168,.25)}
.info-card,.feature-card,.process-card,.value-card,.contact-card,.review-card{padding:25px}
.icon-box{width:46px;height:46px;display:grid;place-items:center;margin-bottom:17px;border-radius:13px;color:var(--primary);background:rgba(27,31,168,.09);font-size:1rem}
.card-number{margin-bottom:7px;color:rgba(27,31,168,.16);font:900 1.75rem Montserrat,sans-serif}
.info-card h3,.image-card h3,.feature-card h3,.process-card h3,.value-card h3,.blog-card h3,.contact-card h3,.review-card h3{margin-bottom:8px;font-size:1rem;line-height:1.3;font-weight:900}
.info-card p,.image-card p,.feature-card p,.process-card p,.value-card p,.blog-card p,.contact-card p,.review-card p{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.68}
.image-card .image-wrap{aspect-ratio:16/10;overflow:hidden}
.image-card .image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.image-card:hover .image-wrap img{transform:scale(1.05)}
.image-card-body{padding:21px}
.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--ink-soft);background:var(--secondary);font-size:.7rem;font-weight:700}
.result{margin:10px 0;color:var(--success);font-size:.78rem;font-weight:900}
.check-list,.problem-list,.plain-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.check-list li,.problem-list li{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:rgba(10,15,46,.82);font-size:.87rem}
.check-list i{margin-top:3px;color:var(--success)}
.problem-list i{margin-top:3px;color:#d45a69}
.plain-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-soft);font-size:.87rem}
.plain-list i{margin-top:5px;color:var(--primary)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;padding:31px;border:1px solid var(--border);border-radius:25px;background:var(--surface);box-shadow:0 8px 25px rgba(10,15,46,.05)}
.price-card.featured{z-index:2;color:#fff;background:var(--primary);border-color:transparent;transform:scale(1.04);box-shadow:0 25px 55px rgba(27,31,168,.28)}
.price-card .popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 15px;border-radius:999px;color:#fff;background:var(--accent);font-size:.68rem;font-weight:900;white-space:nowrap}
.plan-name{color:var(--ink-soft);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.price-card.featured .plan-name{color:rgba(255,255,255,.6)}
.plan-price{margin:8px 0 3px;font:900 1.9rem Montserrat,sans-serif}
.plan-desc{min-height:48px;margin-bottom:20px;color:var(--ink-soft);font-size:.82rem}
.price-card.featured .plan-desc{color:rgba(255,255,255,.65)}
.plan-features{display:grid;gap:10px;flex:1;margin:0 0 25px;padding:0;list-style:none}
.plan-features li{display:flex;gap:9px;font-size:.8rem}
.plan-features i{margin-top:4px;color:var(--success)}
.price-card.featured .plan-features li{color:rgba(255,255,255,.82)}
.price-card.featured .plan-features i{color:#75e2b7}
.price-card .btn{width:100%}
.price-card.featured .btn{color:var(--primary);background:var(--surface)}
.faq-list{display:grid;gap:12px;max-width:860px;margin-inline:auto}
.faq-item{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border:0;background:transparent;color:var(--ink);font-size:.88rem;font-weight:850;text-align:left}
.faq-question i{color:var(--primary);transition:transform .2s}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{display:none;padding:0 20px 19px;color:var(--ink-soft);font-size:.84rem;line-height:1.7;border-top:1px solid transparent}
.faq-item.open .faq-answer{display:block;padding-top:16px;border-top-color:var(--border)}
.cta-section{padding:82px 0;background:var(--surface)}
.cta-box{position:relative;overflow:hidden;padding:58px 40px;border-radius:30px;color:#fff;text-align:center;background:linear-gradient(135deg,var(--ink),var(--primary));box-shadow:var(--shadow-lg)}
.cta-box::before{content:"";position:absolute;inset:auto -110px -180px auto;width:360px;height:360px;border-radius:50%;background:rgba(244,198,82,.14)}
.cta-box>*{position:relative}
.cta-box h2{max-width:760px;margin:0 auto 15px;font-size:clamp(2rem,4vw,3rem);line-height:1.15;font-weight:900}
.cta-box p{max-width:650px;margin:0 auto 28px;color:rgba(255,255,255,.66)}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.form-shell{padding:30px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.form-field{display:grid;gap:7px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:.78rem;font-weight:850}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(27,31,168,.16);border-radius:11px;outline:none;color:var(--ink);background:#f6f7fc;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}
.form-field textarea{min-height:130px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(27,31,168,.08);background:var(--surface)}
.form-note{color:var(--ink-soft);font-size:.72rem}
.form-success{display:none;padding:25px;border:1px solid rgba(15,159,110,.22);border-radius:16px;color:#0b7755;background:#eafaf4;text-align:center}
.form-success.show{display:block}
.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.option-card{position:relative;cursor:pointer}
.option-card input{position:absolute;opacity:0;pointer-events:none}
.option-card span{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:13px;border:1px solid var(--border);border-radius:13px;color:var(--ink-soft);background:var(--surface);font-size:.76rem;font-weight:750;text-align:center;transition:.2s}
.option-card input:checked+span{color:var(--primary);border-color:var(--primary);background:var(--secondary);box-shadow:0 0 0 3px rgba(27,31,168,.06)}
.option-card i{font-size:1.05rem}
.wizard-progress{display:flex;justify-content:space-between;gap:10px;margin-bottom:30px}
.wizard-step-marker{flex:1;display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.7rem;font-weight:750}
.wizard-step-marker::before{content:attr(data-step);width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:var(--secondary);font-weight:900}
.wizard-step-marker.active{color:var(--primary)}
.wizard-step-marker.active::before,.wizard-step-marker.done::before{color:#fff;background:var(--primary)}
.wizard-panel{display:none}
.wizard-panel.active{display:block}
.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:23px}
.wizard-actions .btn:last-child{margin-left:auto}
.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:35px}
.filter-button{padding:9px 15px;border:1px solid var(--border);border-radius:999px;color:var(--ink-soft);background:var(--surface);font-size:.75rem;font-weight:800}
.filter-button.active,.filter-button:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
.hidden-card{display:none!important}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}
.article-content,.sidebar-card{min-width:0;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.article-content h2{margin:32px 0 12px;font-size:1.7rem}
.article-content h3{margin:25px 0 10px}
.article-content p,.article-content li{color:var(--ink-soft);font-size:.94rem;line-height:1.85}
.article-content img{width:100%;margin:22px 0;border-radius:18px}
.sidebar-stack{display:grid;gap:17px}
.sidebar-card h3{font-size:1rem}
.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:22px;color:var(--ink-soft);font-size:.76rem}
.author-box{display:flex;gap:15px;align-items:center;margin-top:35px;padding:20px;border-radius:16px;background:var(--secondary)}
.author-box img{width:60px;height:60px;margin:0;border-radius:50%;object-fit:cover}
.review-stars{color:#f2b528;letter-spacing:1px}
.review-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.review-head img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.review-head small{color:var(--ink-soft)}
.timeline{position:relative;display:grid;gap:20px;max-width:850px;margin:auto}
.timeline::before{content:"";position:absolute;top:0;bottom:0;left:28px;width:2px;background:var(--border)}
.timeline-item{position:relative;padding:21px 22px 21px 78px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.timeline-dot{position:absolute;left:14px;top:20px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:.68rem;font-weight:900}
.timeline-item .year{color:var(--accent);font-size:.72rem;font-weight:900}
.timeline-item h3{margin:4px 0 5px;font-size:1rem}
.timeline-item p{margin:0;color:var(--ink-soft);font-size:.84rem}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:start}
.calculator-result{position:sticky;top:100px;padding:30px;border-radius:24px;color:#fff;background:linear-gradient(145deg,var(--ink),var(--primary));box-shadow:var(--shadow-lg)}
.calculator-result .estimate{margin:12px 0;font:900 2.6rem Montserrat,sans-serif;color:var(--accent-light)}
.calculator-result ul{display:grid;gap:10px;padding-left:18px;color:rgba(255,255,255,.72);font-size:.82rem}
.range-field input{width:100%;accent-color:var(--primary)}
.range-labels{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:.68rem}
.booking-grid{display:grid;grid-template-columns:340px 1fr;gap:28px}
.consultant-card{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:13px;cursor:pointer}
.consultant-card.active{border-color:var(--primary);background:var(--secondary)}
.consultant-card img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.consultant-card h4{margin:0 0 3px;font-size:.82rem}
.consultant-card p{margin:0;font-size:.68rem;color:var(--ink-soft)}
.date-grid,.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.slot-button{padding:11px 7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:.72rem;font-weight:750}
.slot-button.active,.slot-button:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
.legal-content{max-width:900px;margin:auto;padding:35px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}
.legal-content h2{margin-top:30px;font-size:1.35rem}
.legal-content p,.legal-content li{color:var(--ink-soft);font-size:.9rem;line-height:1.8}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sitemap-card{padding:23px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.sitemap-card h2{font-size:1rem}
.sitemap-card a{display:block;padding:6px 0;color:var(--ink-soft);font-size:.82rem}
.sitemap-card a:hover{color:var(--primary)}
.portal-body{min-height:100vh;background:var(--bg)}
.portal-nav{display:grid;gap:3px}
.portal-link{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:10px;color:rgba(255,255,255,.62);background:transparent;font-size:.78rem;font-weight:700;text-align:left}
.portal-link:hover,.portal-link.active{color:#fff;background:rgba(255,255,255,.1)}
.portal-link i{width:18px;text-align:center}
.dashboard-panel{display:none}
.dashboard-panel.active{display:block}
.metric-top{display:flex;justify-content:space-between;gap:10px}
.table-wrap{overflow-x:auto;background:linear-gradient(to right,var(--surface) 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),var(--surface) 70%) 100% 0,linear-gradient(to right,rgba(10,15,46,.12),rgba(255,255,255,0)),linear-gradient(to left,rgba(10,15,46,.12),rgba(255,255,255,0)) 100% 0;background-repeat:no-repeat;background-color:var(--surface);background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}
.data-table{width:100%;border-collapse:collapse;font-size:.75rem}
.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.data-table th{color:var(--ink-soft);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:700px){.data-table:not(.sla-table):not(.entity-table-leads){min-width:0}
.data-table:not(.sla-table):not(.entity-table-leads) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.data-table:not(.sla-table):not(.entity-table-leads) tbody{display:grid;gap:10px}
.data-table:not(.sla-table):not(.entity-table-leads) tr{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.data-table:not(.sla-table):not(.entity-table-leads) td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border:0;border-bottom:1px solid var(--border);white-space:normal;text-align:right}
.data-table:not(.sla-table):not(.entity-table-leads) td:last-child{border-bottom:0}
.data-table:not(.sla-table):not(.entity-table-leads) td[data-label]::before{content:attr(data-label);margin-right:auto;padding-right:10px;color:var(--ink-soft);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:left}}
.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.62rem;font-weight:850}
.status.success{color:#0b7a55;background:#e4f8f0}
.status.warning{color:#996e00;background:#fff5d6}
.status.info{color:#1749a6;background:#eaf0ff}
.status.danger{color:#a8243b;background:#ffe8ed}
.activity-list{display:grid;gap:15px}
.activity-item{display:flex;gap:11px}
.activity-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--secondary)}
.activity-item strong{display:block;font-size:.74rem}
.activity-item span{color:var(--ink-soft);font-size:.68rem}
.chart-bars{height:180px;display:flex;align-items:flex-end;gap:12px;padding-top:20px}
.chart-bars span{flex:1;min-width:18px;border-radius:7px 7px 0 0;background:linear-gradient(var(--primary),#6a6fe2);position:relative}
.chart-bars small{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:var(--ink-soft);font-size:.58rem}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}
.login-visual{position:relative;display:flex;align-items:flex-end;padding:50px;color:#fff;background:linear-gradient(135deg,rgba(10,15,46,.96),rgba(27,31,168,.78)),url('../images/generated/brand-team-hero.webp') center/cover}
.login-visual h1{font-size:2.6rem}
.login-panel{display:grid;place-items:center;padding:30px}
.login-box{width:min(430px,100%)}
.login-box .logo{margin-bottom:35px}
.login-box h2{font-size:2rem}
.login-box>p{color:var(--ink-soft)}
@media(max-width:1100px){.card-grid.four{grid-template-columns:repeat(2,1fr)}
.desktop-nav{display:none}
.nav-actions .whatsapp-link{display:none}
.menu-toggle{display:grid;place-items:center}}
@media(max-width:850px){.content-section{padding:68px 0}
.page-hero{min-height:auto;padding:66px 0 72px}
.split-grid,.article-layout,.calculator-layout,.booking-grid{grid-template-columns:1fr}
.split-grid.reverse .split-media{order:0}
.card-grid,.pricing-grid{grid-template-columns:1fr 1fr}
.price-card.featured{transform:none}
.article-layout .sidebar-stack{grid-row:auto}
.calculator-result{position:static}
.login-page{grid-template-columns:1fr}
.login-visual{display:none}}
@media(max-width:620px){.page-hero h1{font-size:2.35rem}
.page-hero-copy{font-size:.95rem}
.card-grid,.card-grid.two,.card-grid.four,.pricing-grid,.form-grid,.option-grid,.sitemap-grid{grid-template-columns:1fr}
.split-grid{gap:36px}
.content-section{padding:58px 0}
.section-intro{margin-bottom:34px}
.form-field.full{grid-column:auto}
.form-shell{padding:21px}
.date-grid,.time-grid{grid-template-columns:repeat(2,1fr)}
.cta-box{padding:42px 20px}
.wizard-progress{overflow-x:auto}
.wizard-step-marker span{display:none}
.hero-mini-stats{gap:20px}
.media-badge{right:8px}
.login-panel{padding:20px}}
.portfolio-card-action{margin-top:18px;padding-top:17px;border-top:1px solid var(--border)}
.portfolio-pdf-button{width:100%;min-height:44px;padding:10px 16px;font-size:.78rem}
.portfolio-preview-link{display:block;color:inherit}
.portfolio-preview-link .image-wrap{position:relative;overflow:hidden}
.portfolio-preview-link img{transition:transform .35s ease,filter .35s ease}
.portfolio-preview-overlay{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;color:#fff;background:rgba(19,27,62,.88);font-size:.68rem;font-weight:800;box-shadow:0 8px 22px rgba(12,18,48,.25);opacity:0;transform:translateY(8px);transition:.25s}
.portfolio-preview-link:hover img,.portfolio-preview-link:focus-visible img{transform:scale(1.025);filter:brightness(.8)}
.portfolio-preview-link:hover .portfolio-preview-overlay,.portfolio-preview-link:focus-visible .portfolio-preview-overlay{opacity:1;transform:none}
.managed-work-section{background:linear-gradient(180deg,#f7f8fc,#fff)}
.clickable-project-feature{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.clickable-project-feature:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(19,28,69,.15)}
.clickable-project-feature:focus-visible{outline:3px solid rgba(54,89,227,.45);outline-offset:4px}
.career-card-image{display:block;color:inherit}
.career-card-image .image-wrap{position:relative;overflow:hidden}
.career-card-image img{transition:transform .3s ease,filter .3s ease}
.career-card-image:hover img,.career-card-image:focus-visible img{transform:scale(1.03);filter:brightness(.82)}
.career-card-image:hover .portfolio-preview-overlay,.career-card-image:focus-visible .portfolio-preview-overlay{opacity:1;transform:none}
.career-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.career-card-actions .btn{justify-content:center;padding-inline:12px}
.job-facts{display:grid;gap:16px;margin-top:16px}
.job-facts span{display:grid;grid-template-columns:24px 1fr;gap:2px 8px;color:var(--ink-soft);font-size:.75rem}
.job-facts i{grid-row:1/3;color:var(--primary);margin-top:3px}
.job-facts strong{color:var(--ink);font-size:.68rem}
.career-apply-card .btn{width:100%;justify-content:center;margin-top:14px}
.business-kit-card{display:flex;flex-direction:column}
.business-kit-card .package-label{display:inline-flex;align-self:flex-start;margin:6px 0 10px;padding:5px 9px;border-radius:999px;color:var(--primary);background:#edf1ff;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.business-kit-card h4{margin:18px 0 9px;font-size:.7rem}
.package-feature-list{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.package-feature-list li{display:flex;gap:8px;color:var(--ink-soft);font-size:.7rem}
.package-feature-list i{margin-top:3px;color:#1b9a69}
.business-kit-card .btn{width:100%;justify-content:center;margin-top:auto}
.selected-package-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;border:1px solid #cfd8ff;border-radius:18px;background:linear-gradient(135deg,#f7f9ff,#edf1ff);box-shadow:0 10px 28px rgba(38,57,151,.08)}
.selected-package-banner>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--portal-blue),#1b1fa8);font-size:1.1rem}
.selected-package-banner div{display:grid;gap:3px}
.selected-package-banner small{color:#6874a6;font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.selected-package-banner strong{font:800 .9rem Montserrat,sans-serif}
.selected-package-banner p{margin:0;color:var(--ink-soft);font-size:.68rem}
.selected-package-banner>a{font-size:.68rem;font-weight:800}
@media(max-width:620px){.career-card-actions{grid-template-columns:1fr}
.selected-package-banner{grid-template-columns:auto 1fr}
.selected-package-banner>a{grid-column:1/-1}
.selected-package-banner p{display:none}}
.portfolio-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:38px}
.pagination-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:11px;color:var(--ink-soft);background:var(--surface);font-weight:850;transition:.2s}
.pagination-button:hover:not(:disabled),.pagination-button.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 8px 20px rgba(27,31,168,.18)}
.pagination-button:disabled{cursor:not-allowed;opacity:.38}
[data-paginated-grid]{scroll-margin-top:110px}
.portal-body{--portal-navy:var(--ink);--portal-blue:var(--primary);--portal-blue-soft:var(--secondary);--portal-canvas:var(--bg);background:var(--bg);color:var(--ink)}
.portal-nav{gap:4px}
.portal-link{min-height:43px;padding:10px 12px;border-radius:11px;transition:background .18s ease,color .18s ease,transform .18s ease}
.portal-link:hover{transform:translateX(2px)}
.portal-link.active{background:linear-gradient(90deg,var(--primary),#3439c5);box-shadow:0 8px 22px rgba(27,31,168,.27)}
.portal-link span{flex:1}
.notification-dot{position:absolute;right:9px;top:8px;width:6px;height:6px;border-radius:50%;background:#ef476f;box-shadow:0 0 0 2px #fff}
.btn-sm{min-height:40px;padding:9px 15px;font-size:.72rem}
.btn-quiet{color:#39415f;border-color:#dfe3ee;background:var(--surface)}
.btn-quiet:hover{color:var(--portal-blue);border-color:#b9c4f3;background:#f7f8ff}
.data-table tbody tr{transition:background .15s}
.data-table tbody tr:hover{background:#f8f9fd}
.data-table th,.data-table td{padding:13px 10px}
.data-table td:first-child{font-weight:700}
.status{letter-spacing:.01em}
.progress-track{width:120px;height:7px;overflow:hidden;border-radius:999px;background:#e9ebf3}
.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue),#778df0)}
.empty-state{padding:30px 18px!important;text-align:center!important;color:#777e98;font-weight:500!important}
.row-actions{display:flex;align-items:center;gap:7px}
.row-actions form{margin:0}
.receipt-details div{display:flex;justify-content:space-between;gap:30px}
.receipt-sheet{width:min(700px,100%);margin:0 auto;padding:55px 60px;border-top:7px solid #8b2ff0;background:var(--surface);box-shadow:0 24px 70px rgba(18,23,52,.14)}
.receipt-check{width:60px;height:60px;display:grid;place-items:center;margin-bottom:24px;border-radius:50%;color:#fff;background:#0f9f6e;font-size:1.3rem}
.receipt-sheet h1{margin-bottom:8px}
.receipt-sheet>p{color:#71788f}
.receipt-details{margin:32px 0;padding:20px;border:1px solid #e3e6ed;border-radius:14px}
.receipt-details div{padding:10px;border-bottom:1px solid #eceef4}
.receipt-details div:last-child{border:0}
.receipt-details dt{color:#747b91;font-size:.72rem}
.receipt-details dd{margin:0;font-size:.75rem;font-weight:700}
.receipt-details .receipt-total{margin-top:10px;padding:15px;color:#fff;background:#8b2ff0;border-radius:10px;font-size:1rem}
.receipt-sheet footer{color:#747b91;font-size:.68rem}
@media(max-width:700px){.receipt-sheet{padding:35px 24px}}
.article-content h2{margin-top:38px;line-height:1.25}
.article-content ul,.article-content ol{display:grid;gap:7px;margin:14px 0 22px;padding-left:24px}
.article-content a:not(.btn){color:var(--primary);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content img{height:auto}
.article-content>p:first-of-type{padding:18px 20px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:var(--secondary)}
.article-content .table-wrap{margin:18px 0 26px;border:1px solid var(--border);border-radius:13px}
.article-content table{width:100%;min-width:600px;border-collapse:collapse}
.article-content th,.article-content td{padding:13px 15px;border-bottom:1px solid var(--border);text-align:left;font-size:.82rem}
.article-content th{color:var(--ink);background:var(--secondary)}
.article-content tr:last-child td{border-bottom:0}
.article-layout .sidebar-card:has(.plain-list){position:relative;overflow:hidden;padding:0;border-color:rgba(54,89,227,.16);background:linear-gradient(160deg,#fff 0%,#f8f9ff 100%);box-shadow:0 20px 48px rgba(22,30,70,.1)}
.article-layout .sidebar-card:has(.plain-list)::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),#777cf1,var(--accent))}
.article-layout .sidebar-card:has(.plain-list) h3{display:flex;align-items:center;gap:11px;margin:0;padding:23px 22px 17px;border-bottom:1px solid rgba(54,89,227,.1);font-size:1.02rem;letter-spacing:-.015em}
.article-layout .sidebar-card:has(.plain-list) h3::before{content:"\f02d";width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--primary),#6f74eb);box-shadow:0 8px 20px rgba(54,89,227,.24);font-family:"Font Awesome 6 Free";font-size:.86rem;font-weight:900}
.article-layout .sidebar-card:has(.plain-list) .plain-list{position:relative!important;display:flex!important;align-items:center;min-height:66px;margin:0 13px;padding:12px 42px 12px 46px!important;border-bottom:1px solid rgba(34,43,82,.08);border-radius:11px;color:var(--ink);font-size:.78rem;font-weight:800;line-height:1.45;transition:color .2s,background .2s,transform .2s,box-shadow .2s}
.article-layout .sidebar-card:has(.plain-list) .plain-list::before{content:"\f15c";position:absolute;left:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:var(--secondary);font-family:"Font Awesome 6 Free";font-size:.68rem;font-weight:900;transition:.2s}
.article-layout .sidebar-card:has(.plain-list) .plain-list::after{content:"\f061";position:absolute;right:14px;color:#a0a6bb;font-family:"Font Awesome 6 Free";font-size:.7rem;font-weight:900;transition:transform .2s,color .2s}
.article-layout .sidebar-card:has(.plain-list) .plain-list:last-child{margin-bottom:13px;border-bottom:0}
.article-layout .sidebar-card:has(.plain-list) .plain-list:hover,.article-layout .sidebar-card:has(.plain-list) .plain-list:focus-visible{color:var(--primary);background:#fff;box-shadow:0 9px 24px rgba(54,89,227,.1);transform:translateX(3px);outline:none}
.article-layout .sidebar-card:has(.plain-list) .plain-list:hover::before,.article-layout .sidebar-card:has(.plain-list) .plain-list:focus-visible::before{color:#fff;background:var(--primary)}
.article-layout .sidebar-card:has(.plain-list) .plain-list:hover::after,.article-layout .sidebar-card:has(.plain-list) .plain-list:focus-visible::after{color:var(--primary);transform:translateX(3px)}
@media(max-width:850px){.article-layout .sidebar-card:has(.plain-list) .plain-list{font-size:.84rem}}
@media print{.receipt-sheet{width:100%;min-height:0;box-shadow:none}
@page{size:A4;margin:0}}
.sales-target-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:23px 26px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#171d42,var(--portal-blue));box-shadow:0 16px 35px rgba(43,67,163,.2)}
.sales-target-card>div:first-child{flex:1}
.sales-target-card span,.sales-target-card strong,.sales-target-card small{display:block}
.sales-target-card>div>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.sales-target-card strong{margin:5px 0 12px;font:900 1.55rem Montserrat,sans-serif}
.sales-target-card strong small{display:inline;font:500 .7rem Inter,sans-serif;opacity:.65}
.target-track{height:8px;overflow:hidden;margin-bottom:8px;border-radius:999px;background:rgba(255,255,255,.15)}
.target-track span{height:100%;border-radius:inherit;background:#f4c652}
.sales-target-card small{font-size:.64rem;opacity:.7}
.target-ring{--pct:0;width:76px;height:76px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle 29px,#26336f 97%,transparent),conic-gradient(#f4c652 calc(var(--pct)*1%),rgba(255,255,255,.15) 0)}
.target-ring strong{margin:0;font-size:.9rem}
.priority-list{display:grid}
.priority-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0f5}
.priority-list>a:last-child{border-bottom:0}
.priority-list strong,.priority-list small{display:block}
.priority-list strong{font-size:.74rem}
.priority-list small{color:#777e98;font-size:.63rem}
.priority-list b{font-size:.7rem}
.funnel-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.funnel-row a{position:relative;padding:15px;border:1px solid #e5e8f0;border-radius:13px;background:#fafbfe;transition:.18s}
.funnel-row a:hover{border-color:#b8c4f4;transform:translateY(-2px)}
.funnel-row span,.funnel-row strong,.funnel-row small{display:block}
.funnel-row span{color:#737a94;font-size:.62rem}
.funnel-row strong{font:900 1.25rem Montserrat,sans-serif}
.funnel-row small{color:var(--portal-blue);font-size:.62rem}
.lead-identity{display:flex;align-items:center;gap:10px}
.lead-identity>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--portal-blue);background:#edf1ff;font-size:.62rem;font-weight:850}
.lead-identity strong,.lead-identity small{display:block}
.lead-identity small{margin-top:2px;color:#7b829a;font-size:.61rem}
.proposal-line{display:grid;grid-template-columns:minmax(260px,1fr) 100px 150px 38px;gap:8px}
.proposal-line input{height:42px;padding:0 11px;border:1px solid #dfe3ed;border-radius:9px}
.proposal-line button{border:0;border-radius:9px;color:#b32d45;background:#fff0f3}
.proposal-document{max-width:960px;margin:0 auto;background:var(--surface);box-shadow:0 18px 55px rgba(15,21,53,.1)}
.proposal-document>header{display:flex;align-items:center;justify-content:space-between;padding:37px 42px;color:#fff;background:#171b30;border-bottom:5px solid #8b2ff0}
.proposal-document>header>div:last-child{text-align:right}
.proposal-document>header>div:last-child span{display:block;color:#b47bfa;font:900 2.3rem Montserrat,sans-serif;text-transform:uppercase}
.proposal-document>header>div:last-child strong{font-size:.7rem;letter-spacing:.13em}
.proposal-doc-title>span{color:#b47bfa;font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.proposal-doc-title{padding:36px 42px 22px}
.proposal-doc-title h1{margin:6px 0;font-size:1.65rem}
.proposal-doc-title p{max-width:650px;color:#6f7690;font-size:.72rem}
.proposal-doc-table{width:calc(100% - 84px);margin:0 42px;border-collapse:collapse}
.proposal-doc-table th{padding:11px;color:#fff;background:#8b2ff0;font-size:.62rem;text-align:left;text-transform:uppercase}
.proposal-doc-table td{padding:15px 11px;border-bottom:1px solid #e4e7ee;font-size:.7rem}
.proposal-doc-bottom{display:grid;grid-template-columns:1fr 330px;gap:50px;padding:30px 42px}
.proposal-doc-bottom h3{font-size:.75rem}
.proposal-doc-bottom p{color:#6f7690;font-size:.68rem}
.proposal-doc-bottom dl{margin:0}
.proposal-doc-bottom dl div{display:flex;justify-content:space-between;padding:7px 10px;font-size:.68rem}
.proposal-doc-bottom dd{margin:0;font-weight:750}
.proposal-doc-bottom .proposal-total{margin-top:7px;padding:13px;color:#fff;background:#8b2ff0;font-size:.85rem;font-weight:900}
.proposal-document footer{display:flex;justify-content:space-between;padding:22px 42px;color:#fff;background:#171b30;font-size:.66rem}
@media(max-width:1050px){.funnel-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.proposal-document>header{flex-wrap:wrap;gap:14px;padding:25px}
.proposal-document>header>div:last-child{text-align:left}
.proposal-document>header>div:last-child span{font-size:1.7rem}
.proposal-doc-title{padding:22px 25px 16px}
.proposal-doc-table{width:calc(100% - 50px);margin:0 25px;display:block;overflow-x:auto}
.proposal-doc-bottom{grid-template-columns:1fr;gap:20px;padding:22px 25px}
.proposal-document footer{padding:18px 25px;flex-wrap:wrap;gap:6px}}
@media(max-width:700px){.sales-target-card{padding:19px}
.funnel-row{grid-template-columns:repeat(2,1fr)}
.priority-list>a{grid-template-columns:auto 1fr auto}
.priority-list .status{display:none}
.proposal-line{grid-template-columns:1fr 70px 110px 35px}
.proposal-doc-bottom{grid-template-columns:1fr}
.proposal-document>header,.proposal-doc-title,.proposal-doc-bottom{padding-left:24px;padding-right:24px}
.proposal-doc-table{width:calc(100% - 48px);margin:0 24px}
.proposal-document>header>div:last-child span{font-size:1.5rem}}
@media print{.proposal-document{max-width:none;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.stage-discovery{background:#5f7ae8}
.stage-qualified{background:#9a65df}
.stage-proposal{background:#e09440}
.stage-negotiation{background:#e05d73}
.reports-grid{grid-template-columns:1.45fr .55fr}
.funnel-list{display:grid;gap:15px;margin-top:20px}
.funnel-row{display:grid;grid-template-columns:145px 1fr 36px;align-items:center;gap:13px}
.funnel-row>div:first-child{display:grid}
.funnel-row strong{font-size:.68rem}
.funnel-row span{color:#868ca2;font-size:.57rem}
.funnel-row>b{font-size:.65rem;text-align:right}
.funnel-bar{height:8px;overflow:hidden;border-radius:999px;background:#edf0f6}
.funnel-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue),#7890f3)}
.source-list{display:grid;margin-top:7px}
.source-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:.68rem}
.source-list span{display:flex;align-items:center;gap:9px}
.source-rank{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--portal-blue);background:#edf1ff;font-size:.58rem;font-style:normal}
.source-list strong{font-size:.72rem}
@media(max-width:900px){.reports-grid{grid-template-columns:1fr}}
@media(max-width:620px){.funnel-row{grid-template-columns:105px 1fr 30px}
.proposal-line{grid-template-columns:1fr;gap:8px}
.proposal-line button{justify-self:end;width:auto;padding:0 16px}}
.clickable-row{cursor:pointer;outline:0}
.clickable-row:hover{background:#f4f6ff!important}
.clickable-row:focus-visible{box-shadow:inset 0 0 0 2px #5973e9;background:#f4f6ff}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.icon-action{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid #e1e4ed;border-radius:9px;color:#626a83;background:var(--surface);font-size:.72rem;transition:.16s}
.icon-action:hover{z-index:2;color:var(--portal-blue);border-color:#bdc8f5;background:#f2f5ff;transform:translateY(-1px)}
.icon-action.danger:hover{color:#c52c4c;border-color:#f1b4c1;background:#fff2f5}
.data-table td:last-child,.data-table th:last-child{text-align:right}
.data-table tbody tr:last-child td{border-bottom:0}
@media(max-width:620px){.icon-action{width:36px;height:36px}}
.sales-scope-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:24px 26px;border-radius:18px;color:#fff;background:radial-gradient(circle at 90% 20%,rgba(244,198,82,.2),transparent 28%),linear-gradient(135deg,var(--ink),var(--primary));box-shadow:0 16px 38px rgba(27,31,168,.16)}
.sales-scope-banner h2{margin:5px 0 6px;color:#fff;font-size:1.45rem}
.sales-scope-banner p{margin:0;color:rgba(255,255,255,.68);font-size:.75rem}
.sales-scope-banner .section-kicker{color:var(--accent-light)}
.sales-scope-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);font-size:.66rem}
.sales-scope-breadcrumb>i:first-child{color:var(--accent-light)}
.sales-scope-breadcrumb .fa-chevron-right{font-size:.5rem;opacity:.55}
.target-period-form{display:flex;align-items:end;gap:8px}
.target-period-form label{display:grid;gap:4px;color:var(--ink-soft);font-size:.62rem;font-weight:800}
.target-period-form input{height:40px;padding:0 11px;border:1px solid var(--border);border-radius:10px;color:var(--ink);background:var(--surface)}
@media(max-width:700px){.sales-scope-banner{align-items:flex-start;flex-direction:column;padding:21px}
.sales-scope-breadcrumb{width:100%}
.target-period-form{width:100%;align-items:stretch;flex-direction:column}
.target-period-form input,.target-period-form .btn{width:100%}}
.icon-action.primary{color:#fff;border-color:var(--portal-blue);background:var(--portal-blue)}
.icon-action.success{color:#fff;border-color:#0f9f6e;background:#0f9f6e}
.icon-action.warning{color:#fff;border-color:#c98a00;background:#c98a00}
.icon-action.danger{color:#fff;border-color:#d4183d;background:#d4183d}
.icon-action.primary:hover{color:#fff;background:#2848c9}
.data-table th:last-child{min-width:82px}
.data-table td:last-child>.icon-action{vertical-align:middle}
.freelancer-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px;padding:28px;border-radius:22px;color:#fff;background:linear-gradient(125deg,#11162e,#293c91 60%,#5b68d9);box-shadow:0 18px 44px rgba(27,37,92,.2)}
.freelancer-hero:after{content:"";position:absolute;right:-55px;top:-90px;width:250px;height:250px;border:42px solid rgba(255,255,255,.055);border-radius:50%}
.freelancer-hero>div{position:relative;z-index:1}
.freelancer-hero h2{margin:0 0 6px;font-size:1.7rem}
.freelancer-hero p{margin:0;color:rgba(255,255,255,.72);font-size:.77rem}
.freelancer-hero .btn-quiet{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09)}
.freelancer-attention{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:14px 16px;border:1px solid #f1d793;border-radius:15px;background:#fff9e9}
.freelancer-attention>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#8d6500;background:#ffe8aa}
.freelancer-attention>div{flex:1}
.freelancer-attention strong,.freelancer-attention p{display:block;margin:0}
.freelancer-attention strong{font-size:.72rem}
.freelancer-attention p{margin-top:2px;color:#776b51;font-size:.64rem}
.freelancer-attention a{color:#725400;font-size:.66rem;font-weight:850}
.focus-card{background:linear-gradient(135deg,#fff,#f6f8ff)}
.focus-card>p{color:#727990;font-size:.69rem}
.focus-actions{display:flex;gap:9px;margin-top:18px}
.freelancer-count{font:850 2rem Montserrat;color:#31479e}
.priority{padding:4px 7px;border-radius:99px;color:#5a6381;background:#eff1f6;font-size:.55rem;font-style:normal;font-weight:800}
.priority.high,.priority.urgent{color:#a93447;background:#fff0f2}
.priority.low{color:#28705b;background:#ecf8f4}
@media(max-width:700px){.freelancer-hero{align-items:flex-start;flex-direction:column}
.freelancer-attention{align-items:flex-start;flex-wrap:wrap}
.freelancer-attention>div{min-width:calc(100% - 55px)}}
.section-kicker{display:block;margin-bottom:5px;color:#65708e;font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.partner-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px;padding:25px 28px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#111633 0%,#263a96 65%,var(--portal-blue) 100%);box-shadow:0 18px 40px rgba(28,43,103,.18)}
.partner-hero:after{content:"";position:absolute;right:-60px;top:-90px;width:230px;height:230px;border:38px solid rgba(255,255,255,.06);border-radius:50%}
.partner-hero>div{position:relative;z-index:1}
.partner-hero h2{margin:0 0 5px;font-size:1.65rem}
.partner-hero p{margin:0;color:rgba(255,255,255,.7);font-size:.78rem}
.partner-hero .btn-quiet{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1)}
.partner-attention{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:14px 16px;border:1px solid #dce2fb;border-radius:14px;background:#f5f7ff}
.partner-attention>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--portal-blue);background:#e4e9ff}
.partner-attention>div{flex:1}
.partner-attention strong,.partner-attention p{display:block;margin:0}
.partner-attention strong{font-size:.72rem}
.partner-attention p{margin-top:2px;color:#727a96;font-size:.65rem}
.partner-attention>a{color:var(--portal-blue);font-size:.67rem;font-weight:800}
.partner-overview-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px}
.funnel-visual{display:grid;gap:16px;margin-top:22px}
.funnel-visual>div{display:grid;grid-template-columns:85px 1fr 28px;align-items:center;gap:10px}
.funnel-visual span,.funnel-visual strong{font-size:.67rem}
.funnel-visual>div>div{height:10px;overflow:hidden;border-radius:99px;background:#edf0f6}
.funnel-visual i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue),#8094ef)}
.earnings-ring{width:150px;height:150px;display:grid;place-items:center;margin:18px auto;border-radius:50%;background:radial-gradient(circle 57px,#fff 98%,transparent),conic-gradient(var(--portal-blue) calc(var(--pct)*1%),#e7eaf2 0)}
.earnings-ring div{text-align:center}
.earnings-ring strong,.earnings-ring span{display:block}
.earnings-ring strong{font:850 .95rem Montserrat}
.earnings-ring span{color:#777e98;font-size:.62rem}
.mini-stat-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8eaf1}
.mini-stat-row>span{padding:15px 10px}
.mini-stat-row>span+span{border-left:1px solid #e8eaf1}
.mini-stat-row small,.mini-stat-row strong{display:block}
.mini-stat-row small{color:#777e98;font-size:.59rem}
.mini-stat-row strong{margin-top:4px;font-size:.73rem}
.referral-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:13px;padding:12px 3px;border-bottom:1px solid #edf0f5}
.referral-list>a:last-child{border:0}
.referral-list strong,.referral-list small{display:block}
.referral-list strong{font-size:.72rem}
.referral-list small{margin-top:2px;color:#7b829a;font-size:.61rem}
.referral-list b{font-size:.7rem}
.referral-list em{font-style:normal}
.referral-list>a>i{color:#aab0c3;font-size:.62rem}
.stage-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:14px;padding:5px;border:1px solid #e2e5ef;border-radius:13px;background:var(--surface)}
.stage-tabs a,.stage-tabs button{padding:8px 13px;border:0;border-radius:9px;color:#68708d;background:transparent;font-size:.65rem;font-weight:750;white-space:nowrap}
.stage-tabs .active{color:#fff;background:var(--portal-blue)}
.consent-check{display:flex;align-items:flex-start;gap:8px;color:#59617c;font-size:.67rem;line-height:1.45}
.consent-check input{margin-top:2px;accent-color:var(--portal-blue)}
.share-actions{display:flex;gap:13px;margin-top:12px}
.share-actions a{color:#fff;font-size:.65rem}
.qr-placeholder{width:130px!important;height:130px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.1)}
.qr-placeholder i{font-size:3.2rem}
.qr-placeholder span{display:block;font-size:.55rem}
.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.analytics-funnel{display:grid;gap:7px;margin-top:18px}
.analytics-funnel>div{width:var(--level);display:grid;grid-template-columns:1fr auto auto;gap:15px;margin:auto;padding:11px 14px;border-radius:9px;color:#fff;background:linear-gradient(90deg,#25397e,#5975e4)}
.analytics-funnel span,.analytics-funnel small{font-size:.62rem}
.source-list>div{display:grid;grid-template-columns:auto 120px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5}
.source-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f0f3ff;font-size:.62rem;font-weight:800}
.source-list strong,.source-list small{display:block;font-size:.65rem}
.source-list small{color:#7b8299;font-size:.57rem}
.source-bar{height:7px;border-radius:99px;background:#eaedf4}
.source-bar i{display:block;height:100%;border-radius:inherit;background:var(--portal-blue)}
.source-list b{font-size:.67rem}
.insight-panel{display:flex;align-items:center;gap:15px}
.insight-panel>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#d38e00;background:#fff4d5}
.insight-panel>div{flex:1}
.insight-panel h3,.insight-panel p{margin:0}
.insight-panel p{margin-top:3px;color:#777e98;font-size:.66rem}
.help-hero{margin-bottom:18px;padding:29px;border-radius:20px;text-align:center;color:#fff;background:linear-gradient(125deg,#111633,var(--portal-blue))}
.help-hero h2{margin:0}
.help-hero p{margin:5px 0 18px;color:rgba(255,255,255,.7);font-size:.73rem}
.faq-list details{border-bottom:1px solid #edf0f5}
.faq-list summary{display:flex;justify-content:space-between;padding:15px 0;cursor:pointer;font-size:.72rem;font-weight:750;list-style:none}
.faq-list details p{margin:0 0 16px;color:#717892;font-size:.68rem}
.marketing-feature{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:29px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#161d43,#5a46ba)}
.marketing-feature>div{max-width:680px}
.marketing-feature span{font-size:.61rem;text-transform:uppercase;letter-spacing:.09em;opacity:.7}
.marketing-feature h2{margin:6px 0;font-size:1.4rem}
.marketing-feature p{color:rgba(255,255,255,.72);font-size:.7rem}
.marketing-feature>i{font-size:5rem;opacity:.14}
.btn-light{color:#263876;background:var(--surface)}
@media(max-width:1000px){.partner-overview-grid,.analytics-grid{grid-template-columns:1fr}}
@media(max-width:700px){.partner-hero{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}
.qr-placeholder{display:none}
.referral-list>a{grid-template-columns:auto 1fr auto}
.referral-list b,.referral-list em{display:none}
.analytics-grid{grid-template-columns:1fr}
.source-list>div{grid-template-columns:auto 100px 1fr auto}
.insight-panel{align-items:flex-start;flex-wrap:wrap}
.marketing-feature>i{display:none}}
.report-bars{display:grid;gap:13px}
.report-bars>div{display:grid;grid-template-columns:80px minmax(100px,1fr) 30px 90px;align-items:center;gap:9px;font-size:.65rem}
.report-bars>div>div{height:8px;overflow:hidden;border-radius:999px;background:#e8ebf2}
.report-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue),#7e91eb)}
.report-bars small{color:#777e98;text-align:right}
.chart-bars span[data-value]{position:relative;cursor:default}
.chart-bars span[data-value]:hover::after,.chart-bars span[data-value]:focus-visible::after{content:attr(data-value);position:absolute;left:50%;bottom:100%;transform:translate(-50%,-8px);background:var(--ink);color:var(--surface);padding:4px 9px;border-radius:8px;font-size:.65rem;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:5}
.portal-nav{overflow:hidden;max-height:800px;transition:max-height .25s ease}
.portal-nav.collapsed{max-height:0}
[data-dialog-open][aria-disabled="true"]{cursor:not-allowed;opacity:.65}
.portal-nav{flex:0 0 auto}
.portal-nav{overflow:hidden;max-height:1000px}
.portal-nav.collapsed{max-height:0}
.portal-role-admin .portal-link{min-height:40px;padding-block:8px}
.resource-head-actions{display:flex;align-items:center;gap:10px}
@media(max-width:800px){.resource-head-actions{align-items:stretch;flex-direction:column}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
    --bg:#0d1122;--surface:#151a30;--ink:#eef0fb;--ink-soft:#9aa0c0;--secondary:#1d2340;
    --border:rgba(255,255,255,.12);--shadow:0 18px 50px rgba(0,0,0,.45);--shadow-lg:0 26px 70px rgba(0,0,0,.55);
    --flash-success-bg:#0e2a22;--flash-success-ink:#5fe0b8;--flash-success-border:rgba(15,159,110,.35);
    --flash-danger-bg:#331019;--flash-danger-ink:#ff8fa3;--flash-danger-border:rgba(212,24,61,.35);
  }}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] h4{
  color:var(--ink)!important;
}
:root[data-theme="dark"]{
  --bg:#0d1122;--surface:#151a30;--ink:#eef0fb;--ink-soft:#9aa0c0;--secondary:#1d2340;
  --border:rgba(255,255,255,.12);--shadow:0 18px 50px rgba(0,0,0,.45);--shadow-lg:0 26px 70px rgba(0,0,0,.55);
  --flash-success-bg:#0e2a22;--flash-success-ink:#5fe0b8;--flash-success-border:rgba(15,159,110,.35);
  --flash-danger-bg:#331019;--flash-danger-ink:#ff8fa3;--flash-danger-border:rgba(212,24,61,.35);
}
.login-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1fr;place-items:center;padding:32px 20px;background:linear-gradient(135deg,rgba(10,15,46,.82),rgba(27,31,168,.68)),url('../images/generated/brand-team-hero.webp') center/cover fixed}
.login-panel{width:100%;display:grid;place-items:center;padding:0}
.login-box{width:min(440px,100%);padding:36px;border:1px solid rgba(255,255,255,.35);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 24px 70px rgba(8,12,45,.3);backdrop-filter:blur(14px)}
.login-logo{width:min(230px,75%);display:block;margin:0 auto 28px}
.login-logo img{width:100%;height:auto;display:block}
.login-box h1{margin:0 0 24px;font-size:2rem;text-align:center}
.login-form{display:grid;gap:16px}
.login-form .form-field{display:grid;gap:7px}
.login-form .form-field label{font-size:.75rem;font-weight:800}
.login-form input,.login-form select{width:100%}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.75rem}
.login-options label{display:flex;align-items:center;gap:7px}
.login-options input{width:auto}
.login-options a{color:var(--primary);font-weight:800}
.login-submit,.login-back{width:100%;justify-content:center}
.login-back{margin-top:12px;border:1px solid var(--border);color:var(--ink);background:#fff}
.login-back:hover{border-color:var(--primary);color:var(--primary)}
.login-error{margin:0 0 16px;padding:10px 14px;border-radius:10px;color:#a92424;background:#fdeaea;font-size:.78rem;font-weight:700}
@media(max-width:620px){.login-page{padding:18px 12px}
.login-panel{padding:0}
.login-box{padding:26px 20px;border-radius:18px}
.login-box h1{font-size:1.65rem}
.login-options{align-items:flex-start;flex-direction:column;gap:10px}}
.form-error{margin-top:14px;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#991b1b;font-weight:600}
.form-consent{display:grid;gap:9px;margin:18px 0 4px;padding:14px;border-radius:12px;background:#f7f8fc;border:1px solid var(--border)}
.form-consent label{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.5;color:var(--ink-soft)}
.form-consent input{margin-top:3px;flex:0 0 auto}
.form-consent a{color:var(--primary);font-weight:700}
.cookie-banner{position:fixed;z-index:9999;left:20px;right:20px;bottom:20px;max-width:760px;margin:auto;padding:18px 20px;border-radius:16px;background:#fff;box-shadow:0 18px 60px rgba(10,15,46,.25);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}
.cookie-banner p{margin:0;font-size:.86rem;line-height:1.5}
.cookie-banner>div{display:flex;gap:8px;flex:0 0 auto}
@media(max-width:650px){.cookie-banner{align-items:stretch;flex-direction:column}
.cookie-banner>div{display:grid;grid-template-columns:1fr 1fr}}
.hero-grid{grid-template-columns:1.1fr .9fr;gap:48px;padding:64px 0 72px}
.hero h1{max-width:650px;margin-bottom:16px;font-size:clamp(2.45rem,4vw,3.65rem);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.hero-copy{max-width:560px;margin-bottom:22px;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:1.65}
.hero-actions{gap:11px;margin-bottom:24px}
.hero-stats{max-width:600px;gap:18px}
.float-card{box-shadow:0 18px 45px rgba(0,0,0,.2)}
.page-hero{min-height:420px;padding:58px 0 64px}
.page-hero.has-image::before{background-image:linear-gradient(105deg,rgba(10,15,46,.94) 0%,rgba(10,15,46,.86) 48%,rgba(10,15,46,.5) 100%),var(--hero-image)}
.breadcrumbs{margin-bottom:20px;font-size:.72rem}
.page-badge{gap:9px;margin-bottom:14px;font-size:.68rem;letter-spacing:.13em}
.page-badge::before{width:24px}
.page-hero h1{max-width:760px;margin-bottom:16px;font-size:clamp(2.35rem,4.2vw,3.65rem);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.page-hero-copy{max-width:620px;margin-bottom:24px;color:rgba(255,255,255,.74);font-size:1rem;line-height:1.65}
.page-actions{gap:11px}
.page-actions .btn{min-height:48px;padding-inline:22px}
.page-actions .btn-light-outline{border-color:rgba(255,255,255,.28);background:rgba(10,15,46,.18)}
.hero-mini-stats{gap:24px;margin-top:28px}
@media(max-width:850px){.page-hero{padding:52px 0 58px}
.page-hero.has-image::before{background-image:linear-gradient(105deg,rgba(10,15,46,.94),rgba(10,15,46,.72)),var(--hero-image)}}
@media(max-width:620px){.hero-grid{padding:48px 0 82px}
.hero h1{max-width:19ch;font-size:clamp(2.15rem,10vw,2.7rem)}
.hero-copy{max-width:38ch;font-size:.94rem;line-height:1.55}
.hero-stats,.hero-visual{display:none}
.page-hero{padding:38px 0 44px}
.breadcrumbs{display:none}
.page-badge{margin-bottom:12px;font-size:.62rem}
.page-hero h1{max-width:19ch;margin-bottom:14px;font-size:clamp(2rem,10vw,2.55rem);line-height:1.08}
.page-hero-copy{max-width:38ch;margin-bottom:20px;font-size:.92rem;line-height:1.55}
.page-actions{display:grid;width:100%}
.page-actions .btn{width:100%;min-height:46px}
.page-actions .btn-light-outline,.hero-mini-stats{display:none}}
.entity-list-leads{padding:0;overflow:hidden;border-radius:20px;box-shadow:0 12px 34px rgba(20,28,70,.07)}
.entity-list-leads .table-wrap{padding:0 14px 14px}
.entity-table-leads{border-spacing:0 8px}
.entity-table-leads thead th{border:0;background:transparent}
.entity-table-leads tbody tr{background:#fff;box-shadow:0 2px 10px rgba(22,30,70,.045)}
.entity-table-leads tbody td{border-top:1px solid #e8ebf2;border-bottom:1px solid #e8ebf2}
.entity-table-leads tbody td:first-child{border-left:1px solid #e8ebf2;border-radius:12px 0 0 12px}
.entity-table-leads tbody td:last-child{border-right:1px solid #e8ebf2;border-radius:0 12px 12px 0}
.entity-table-leads tbody tr:hover{background:#f7f9ff}
.entity-table-leads td:nth-child(5){font-weight:850;color:#25304f}
.entity-table-leads td:nth-child(6){font-weight:850;color:var(--portal-blue)}
.entity-table-leads td:nth-child(7){color:#69718a}
.sla-table{min-width:1160px;border-collapse:separate;border-spacing:0 8px}
.sla-table thead th{border:0;background:transparent}
.sla-table tbody tr{background:#fff;box-shadow:0 2px 10px rgba(22,30,70,.045)}
.sla-table tbody td{vertical-align:middle;border-top:1px solid #e8ebf2;border-bottom:1px solid #e8ebf2}
.sla-table tbody td:first-child{border-left:1px solid #e8ebf2;border-radius:12px 0 0 12px}
.sla-table tbody td:last-child{border-right:1px solid #e8ebf2;border-radius:0 12px 12px 0}
.sla-table tbody tr.sla-overdue{background:#fffafb;box-shadow:inset 3px 0 #d83a56,0 2px 10px rgba(22,30,70,.045)}
@media(max-width:760px){.entity-list-leads .table-wrap{padding-inline:8px}}
.portal-body{--control-height:44px;--control-radius:10px;--control-border:#d9deea}
.form-note{line-height:1.55}
.wizard-actions,.row-actions{flex-wrap:wrap}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.data-table{min-width:720px;border-collapse:separate;border-spacing:0;font-size:.72rem}
.data-table th{position:sticky;top:0;z-index:2;padding:11px 12px;border-bottom:1px solid var(--border);color:#737b92;background:var(--surface);font-size:.59rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.data-table td{height:54px;padding:11px 12px;border-bottom:1px solid #e9ecf3;vertical-align:middle;line-height:1.45;white-space:nowrap}
.data-table tbody tr{transition:background .16s ease}
.data-table tbody tr:hover{background:#f7f9ff}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table td :where(strong,small){display:block}
.data-table td small{margin-top:2px;color:var(--ink-soft);font-size:.61rem}
.data-table td a:not(.btn):focus-visible{outline:2px solid #6179df;outline-offset:3px;border-radius:4px}
.data-table .status{justify-content:center;white-space:nowrap}
.row-actions{justify-content:flex-end}
.row-actions :where(a,button){white-space:nowrap}
.data-table td[colspan]{height:auto;white-space:normal}
@media(max-width:760px){.portal-body{--control-height:46px}
.data-table{min-width:660px}
.data-table th,.data-table td{padding-inline:10px}}
@media(max-width:480px){.wizard-actions{display:grid;grid-template-columns:1fr}
.wizard-actions .btn{width:100%;margin-left:0!important;justify-content:center}}
:root[data-theme="dark"] .portal-body{--control-border:rgba(255,255,255,.15)}
:root[data-theme="dark"] .data-table tbody tr:hover{background:#1b223e}
:root[data-theme="dark"] .data-table td{border-bottom-color:rgba(255,255,255,.09)}
.about-page{background:#fffaf0}
.about-hero{position:relative;padding:70px 0 0;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 15%,rgba(70,76,230,.3),transparent 28%),linear-gradient(135deg,#080d2a,#111772)}
.about-hero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.about-hero .breadcrumbs{margin-bottom:34px}
.about-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--accent-light);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.about-eyebrow>span{width:34px;height:1px;background:currentColor}
.about-hero h1{margin:20px 0 24px;font-size:clamp(3rem,5.7vw,5.15rem);font-weight:900;line-height:1.01;letter-spacing:-.055em}
.about-hero h1 em,.about-ghana h2 em{color:var(--accent-light);font-style:normal}
.about-hero-copy>p{max-width:650px;margin-bottom:30px;color:rgba(255,255,255,.72);font-size:1.04rem}
.about-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.about-text-link{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:.84rem;font-weight:850}
.about-text-link:hover i{transform:translateX(5px)}
.about-text-link.dark{color:var(--primary)}
.about-hero-visual{position:relative;min-height:560px}
.about-hero-visual>img{width:100%;height:560px;border-radius:180px 180px 20px 20px;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.about-hero-visual::after{content:"";position:absolute;inset:18px -18px -18px 18px;z-index:-1;border:1px solid rgba(244,198,82,.42);border-radius:180px 180px 20px 20px}
.about-location-card{position:absolute;top:54px;left:-34px;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(10,15,46,.84);box-shadow:var(--shadow)}
.about-location-card i{color:var(--accent-light)}
.about-location-card strong,.about-location-card small{display:block}
.about-location-card strong{font-size:.78rem}
.about-location-card small{color:rgba(255,255,255,.58);font-size:.61rem}
.about-hero-note{position:absolute;right:-20px;bottom:34px;width:255px;display:flex;align-items:center;gap:13px;padding:16px;border-radius:16px;color:var(--ink);background:#fff;box-shadow:var(--shadow-lg);font-size:.7rem;font-weight:750}
.about-hero-note b{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--primary);font:900 1rem Montserrat}
.about-trust-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.12)}
.about-trust-row span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;border-right:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.74);font-size:.73rem;font-weight:800}
.about-trust-row i{color:var(--accent-light)}
.about-problem{padding:82px 0;color:#fff;background:#c78e09}
.about-problem-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:86px}
.about-problem .section-kicker{color:#fff4d0}
.about-problem h2{margin-bottom:18px;font-size:clamp(2.3rem,4.2vw,3.7rem);line-height:1.08;letter-spacing:-.045em}
.about-problem p{color:rgba(255,255,255,.8)}
.about-voices{border-top:1px solid rgba(255,255,255,.32)}
.about-voices article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.32)}
.about-voices span{color:rgba(255,255,255,.58);font-size:.68rem;font-weight:900}
.about-voices p{margin:0;color:#fff;font:700 1rem Montserrat}
.about-story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
.about-story-media{position:relative;padding:0 32px 32px 0}
.about-story-media>img{width:100%;min-height:500px;border-radius:24px;object-fit:cover}
.about-story-media>div{position:absolute;right:0;bottom:0;width:265px;padding:23px;border-radius:18px;color:#fff;background:var(--primary);box-shadow:var(--shadow)}
.about-story-media small,.about-story-media strong{display:block}
.about-story-media small{margin-bottom:8px;color:rgba(255,255,255,.55);font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}
.about-story-media strong{font:800 1rem Montserrat}
.about-story-copy>p{color:var(--ink-soft)}
.about-story-copy blockquote{margin:26px 0 0;padding:18px 0 18px 24px;border-left:3px solid var(--accent);font:700 1.02rem Montserrat}
.about-purpose{background:#f8f2e7}
.about-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-purpose-grid article{min-height:335px;padding:40px;border:1px solid rgba(201,146,10,.2);border-radius:24px;background:#fff}
.about-purpose-grid article>span{color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.about-purpose-grid h3{margin:76px 0 14px;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.12}
.about-purpose-grid p{margin:0;color:var(--ink-soft)}
.about-purpose-grid .mission{color:#fff;border:0;background:var(--primary)}
.about-purpose-grid .mission>span,.about-purpose-grid .mission p{color:rgba(255,255,255,.65)}
.about-purpose-line{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px 0 0;color:var(--ink-soft);font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.about-purpose-line i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.about-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.about-section-head>div{max-width:680px}
.about-section-head>p{max-width:390px;margin:0;color:var(--ink-soft)}
.about-section-head>a,.about-centre-link a{color:var(--primary);font-size:.77rem;font-weight:850}
.about-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-local-grid article{position:relative;min-height:265px;padding:27px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:.2s}
.about-local-grid article:hover,.about-work-grid>a:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.about-local-grid .featured{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:548px;color:#fff;border:0;background:linear-gradient(rgba(10,15,46,.12),rgba(10,15,46,.94)),url('../images/generated/brand-consultation.webp') center/cover}
.about-local-grid article>span{position:absolute;top:23px;right:23px;color:rgba(10,15,46,.3);font-size:.62rem;font-weight:900}
.about-local-grid article>i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:36px;border-radius:13px;color:var(--primary);background:var(--secondary)}
.about-local-grid .featured>i{color:var(--accent-light);background:rgba(255,255,255,.12)}
.about-local-grid h3{margin-bottom:9px;font-size:1.02rem}
.about-local-grid p{margin:0;color:var(--ink-soft);font-size:.77rem}
.about-local-grid .featured p{color:rgba(255,255,255,.68)}
.about-process{background:#fffaf0}
.about-process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.about-process-list article{text-align:center}
.about-process-list article>span{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid rgba(27,31,168,.2);border-radius:50%;color:var(--primary);background:#fff;font-size:.67rem;font-weight:900}
.about-process-list h3{margin-bottom:8px;font-size:.92rem}
.about-process-list p{margin:0;color:var(--ink-soft);font-size:.72rem}
.about-centre-link{text-align:center;margin:35px 0 0}
.about-values-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px}
.about-values-intro{position:sticky;top:125px;align-self:start}
.about-values-intro>p{color:var(--ink-soft)}
.about-values-list{border-top:1px solid var(--border)}
.about-values-list article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--border)}
.about-values-list>article>span{color:var(--accent);font-size:.66rem;font-weight:900}
.about-values-list h3{margin-bottom:6px;font-size:1.02rem}
.about-values-list p{margin:0;color:var(--ink-soft);font-size:.78rem}
.about-team{color:#fff;background:#0a0f2e}
.about-team-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px;align-items:center}
.about-team-grid>div:first-child>p{color:rgba(255,255,255,.62)}
.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.about-tags span{padding:7px 11px;border:1px solid rgba(255,255,255,.15);border-radius:99px;color:rgba(255,255,255,.68);font-size:.64rem}
.about-team-media{position:relative}
.about-team-media>img{width:100%;height:480px;border-radius:24px;object-fit:cover}
.about-team-media>div{position:absolute;left:23px;right:23px;bottom:23px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(10,15,46,.8)}
.about-team-media strong,.about-team-media small{display:block}
.about-team-media small{color:rgba(255,255,255,.56)}
.about-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-work-grid>a{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;transition:.2s}
.about-work-grid>a>div{position:relative;overflow:hidden;aspect-ratio:1.35}
.about-work-grid img{width:100%;height:100%;object-fit:cover}
.about-work-grid>a>div>span{position:absolute;top:13px;left:13px;padding:6px 10px;border-radius:99px;color:#fff;background:rgba(10,15,46,.78);font-size:.58rem;font-weight:800}
.about-work-grid section{padding:21px}
.about-work-grid h3{margin-bottom:7px;font-size:.98rem}
.about-work-grid p{min-height:62px;color:var(--ink-soft);font-size:.73rem}
.about-work-grid b{color:var(--primary);font-size:.67rem}
.about-fit{background:#fffaf0}
.about-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}
.about-fit-grid>div:first-child>p{color:var(--ink-soft)}
.about-fit-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-fit-list span{display:flex;align-items:center;gap:11px;min-height:74px;padding:16px;border:1px solid rgba(201,146,10,.2);border-radius:15px;background:#fff;font-size:.72rem;font-weight:800}
.about-fit-list span:last-child{grid-column:1/-1}
.about-fit-list i{width:33px;height:33px;display:grid;place-items:center;flex:0 0 33px;border-radius:10px;color:var(--accent);background:#fff6df}
.about-ghana{padding:96px 0;color:#fff;background:linear-gradient(120deg,rgba(10,15,46,.96),rgba(27,31,168,.82)),url('../images/generated/brand-team-hero.webp') center/cover}
.about-ghana-grid{display:grid;grid-template-columns:1fr .9fr;gap:86px;align-items:center}
.about-ghana h2{margin:20px 0 17px;font-size:clamp(2.6rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.05em}
.about-ghana p{color:rgba(255,255,255,.65)}
.about-cities{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16)}
.about-cities span{padding:17px 5px;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72);font-size:.74rem;font-weight:800}
.about-cities span:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}
.about-final{background:#fff}
.about-final-box{display:grid;grid-template-columns:1.2fr .8fr;gap:66px;align-items:center;padding:52px;border-radius:28px;color:#fff;background:linear-gradient(130deg,#111772,#1b1fa8)}
.about-final h2{margin:10px 0 15px;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.1}
.about-final p{margin:0;color:rgba(255,255,255,.65)}
.about-final-actions{display:grid;gap:11px}
.about-final-actions .btn{width:100%}
.about-final-actions small{color:rgba(255,255,255,.46);font-size:.6rem;text-align:center}
@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr 1fr;gap:34px}
.about-hero h1{font-size:clamp(2.65rem,6vw,4rem)}
.about-location-card{left:-12px}
.about-hero-note{right:8px}
.about-story-grid,.about-team-grid{gap:44px}
.about-local-grid{grid-template-columns:1fr 1fr}
.about-process-list{grid-template-columns:repeat(3,1fr);row-gap:32px}
.about-values-grid,.about-fit-grid{gap:46px}}
@media(max-width:760px){.about-hero-grid,.about-problem-grid,.about-story-grid,.about-values-grid,.about-team-grid,.about-fit-grid,.about-ghana-grid,.about-final-box{grid-template-columns:1fr}
.about-hero-grid{gap:42px}
.about-hero-visual{max-width:560px;margin:auto}
.about-trust-row{grid-template-columns:1fr 1fr}
.about-problem-grid{gap:30px}
.about-purpose-grid,.about-work-grid{grid-template-columns:1fr}
.about-section-head{align-items:flex-start;flex-direction:column}
.about-process-list{grid-template-columns:1fr 1fr}
.about-values-intro{position:static}
.about-work-grid{max-width:600px;margin:auto}
.about-fit-list{grid-template-columns:1fr 1fr}
.about-final-box{padding:40px}}
@media(max-width:540px){.about-hero{padding-top:46px}
.about-hero h1{font-size:clamp(2.2rem,12vw,3.05rem)}
.about-hero-copy>p{font-size:.9rem}
.about-hero-actions{align-items:flex-start;flex-direction:column;gap:17px}
.about-hero-visual,.about-hero-visual>img{min-height:385px;height:385px}
.about-hero-visual>img{border-radius:120px 120px 18px 18px}
.about-location-card{top:24px;left:8px}
.about-hero-note{right:8px;bottom:12px;width:225px}
.about-trust-row{margin-top:36px}
.about-trust-row span{min-height:60px;font-size:.63rem}
.about-problem{padding:58px 0}
.about-problem h2{font-size:2.2rem}
.about-story-media{padding:0 12px 65px 0}
.about-purpose-grid article{min-height:auto;padding:27px}
.about-purpose-grid h3{margin-top:44px;font-size:1.6rem}
.about-purpose-line{align-items:flex-start;flex-direction:column;gap:7px}
.about-purpose-line i{display:none}
.about-local-grid,.about-process-list,.about-fit-list{grid-template-columns:1fr}
.about-local-grid .featured{grid-row:auto;min-height:385px}
.about-team-media>img{height:345px}
.about-cities{grid-template-columns:1fr}
.about-cities span:nth-child(odd){border-right:0}
.about-fit-list span:last-child{grid-column:auto}
.about-final-box{padding:30px 20px}}
.about-editorial{background:#080a11}
.about-editorial .about-hero{min-height:calc(100svh - 104px);padding:0;background:#050609}
.about-editorial .about-hero::before{opacity:.05;background-size:80px 80px}
.editorial-hero{position:relative;min-height:calc(100svh - 104px);padding-top:28px;padding-bottom:35px}
.editorial-hero-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.45);font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
.editorial-hero-top .breadcrumbs{margin:0;text-transform:none;letter-spacing:0}
.editorial-collage{position:absolute;inset:45px 0 120px;z-index:1;pointer-events:none}
.editorial-collage img{position:absolute;object-fit:cover;filter:saturate(.82) contrast(1.04);box-shadow:0 22px 50px rgba(0,0,0,.34)}
.collage-one{top:7%;left:18%;width:9%;height:20%}
.collage-two{top:9%;left:37%;width:26%;height:45%;object-position:center}
.collage-three{top:33%;right:10%;width:12%;height:22%}
.editorial-route{position:absolute;z-index:3;top:18%;left:44%;color:rgba(255,255,255,.48);font:500 .72rem Georgia,serif}
.editorial-route em{color:var(--accent-light)}
.about-editorial .about-hero h1{position:absolute;z-index:2;top:39%;left:50%;width:100%;margin:0;transform:translate(-50%,-50%);color:#fff;font-size:clamp(7rem,16vw,13.5rem);line-height:.78;letter-spacing:-.09em;text-align:center;text-transform:lowercase;white-space:nowrap}
.editorial-origin{position:absolute;z-index:4;top:63%;left:50%;display:flex;align-items:flex-start;gap:12px;transform:translateX(-50%);color:rgba(255,255,255,.58);font-size:.58rem;line-height:1.35;text-align:center}
.editorial-origin>span{position:absolute;top:-38px;left:50%;width:1px;height:28px;background:rgba(255,255,255,.35)}
.editorial-hero-bottom{position:absolute;z-index:5;left:0;right:0;bottom:35px;display:flex;align-items:end;justify-content:space-between}
.editorial-hero-bottom>a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.48);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
.editorial-hero-bottom>a i{color:var(--accent-light)}
.about-manifesto{padding:120px 0 140px;color:#fff;background:#050609;text-align:center}
.editorial-label{display:inline-block;margin-bottom:38px;color:var(--accent-light);font:italic .75rem Georgia,serif}
.about-manifesto h2{max-width:960px;margin:0 auto 38px;font-size:clamp(2.25rem,4.6vw,4.6rem);line-height:.98;letter-spacing:-.055em}
.about-manifesto h2 em{color:var(--accent-light);font-style:normal}
.about-manifesto>div>p{max-width:520px;margin:0 auto;color:rgba(255,255,255,.52);font-size:.8rem}
.manifesto-signoff{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:48px;color:rgba(255,255,255,.4);font-size:.57rem;letter-spacing:.14em;text-transform:uppercase}
.manifesto-signoff i{width:4px;height:4px;border-radius:50%;background:var(--accent-light)}
.about-editorial .about-problem{padding:120px 0;background:#0a0d18}
.about-editorial .about-problem-grid{align-items:center}
.about-editorial .about-problem h2{max-width:640px;font-size:clamp(3rem,5vw,5.25rem);line-height:.96}
.about-editorial .about-voices{border-top-color:rgba(255,255,255,.12)}
.about-editorial .about-voices article{border-bottom-color:rgba(255,255,255,.12);transition:padding-left .25s}
.about-editorial .about-voices article:hover{padding-left:18px}
.about-editorial .about-voices span{color:var(--accent-light)}
.about-editorial main>.surface{background:#f7f2e8}
.about-editorial .about-story-grid{padding-block:30px}
.about-editorial .about-story-media>img{border-radius:0}
.about-editorial .about-story-media>div{border-radius:0;background:#101568}
.about-editorial .about-purpose{color:#fff;background:#050609}
.about-editorial .about-purpose .section-title{color:#fff}
.about-editorial .about-purpose-grid{display:block}
.about-editorial .about-purpose-grid article{position:relative;width:72%;min-height:320px;padding:60px 0;border:0;border-top:1px solid rgba(255,255,255,.16);border-radius:0;color:#fff;background:none}
.about-editorial .about-purpose-grid article:nth-child(2){margin-left:auto;text-align:right}
.about-editorial .about-purpose-grid h3{margin:55px 0 14px;font-size:clamp(2.4rem,5vw,5rem)}
.about-editorial .about-purpose-grid p{max-width:560px;color:rgba(255,255,255,.52)}
.about-editorial .about-purpose-grid article:nth-child(2) p{margin-left:auto}
.about-editorial .about-purpose-line{color:rgba(255,255,255,.46)}
.about-editorial .about-local-grid article{border-radius:0;box-shadow:none;background:transparent}
.about-editorial .about-local-grid article:not(.featured){border-width:1px 0 0}
.about-editorial .about-local-grid article>i{border-radius:50%}
.about-editorial .about-local-grid .featured{border-radius:0}
.about-editorial .about-process{position:relative;overflow:hidden;padding:130px 0;color:#fff;background:#050609}
.about-editorial .about-process .section-title{color:#fff}
.about-editorial .about-process .section-copy{color:rgba(255,255,255,.45)}
.about-editorial .about-process-list{position:relative;z-index:2;display:block;min-height:1050px;margin-top:50px}
.about-editorial .about-process-list article{position:absolute;width:280px;text-align:left}
.about-editorial .about-process-list article:nth-child(1){top:6%;left:8%}
.about-editorial .about-process-list article:nth-child(2){top:25%;right:9%}
.about-editorial .about-process-list article:nth-child(3){top:45%;left:17%}
.about-editorial .about-process-list article:nth-child(4){top:65%;right:15%}
.about-editorial .about-process-list article:nth-child(5){top:84%;left:35%}
.about-editorial .about-process-list article>span{width:auto;height:auto;display:block;margin:0 0 8px;border:0;color:var(--accent-light);background:none;font:italic .8rem Georgia,serif}
.about-editorial .about-process-list h3{color:#fff;font-size:1.18rem}
.about-editorial .about-process-list p{color:rgba(255,255,255,.48);font-size:.72rem}
.process-path{position:absolute;z-index:1;top:360px;bottom:170px;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(var(--accent-light),rgba(244,198,82,.12))}
.process-path::before,.process-path::after,.process-path span::before,.process-path span::after{content:"";position:absolute;border:1px solid rgba(244,198,82,.5);border-radius:50%}
.process-path::before{top:12%;left:-105px;width:105px;height:145px;border-right:0}
.process-path::after{top:41%;left:0;width:140px;height:180px;border-left:0}
.process-path span::before{top:67%;left:-150px;width:150px;height:190px;border-right:0}
.process-path span::after{bottom:2%;left:0;width:80px;height:105px;border-left:0}
.about-editorial .about-centre-link a{color:var(--accent-light)}
.about-editorial .about-values-grid{grid-template-columns:.75fr 1.25fr}
.about-editorial .about-values-list article{grid-template-columns:70px 1fr;padding:34px 0}
.about-editorial .about-values-list h3{font-size:clamp(1.5rem,2.5vw,2.35rem);letter-spacing:-.035em}
.about-editorial .about-values-list article:hover h3{color:var(--primary)}
.about-editorial .about-team{background:#101568}
.about-editorial .about-team-media>img,.about-editorial .about-team-media>div{border-radius:0}
.about-editorial .about-tags span{border-radius:0}
.about-editorial .about-work-grid{grid-template-columns:1.3fr .7fr;align-items:start}
.about-editorial .about-work-grid>a{border:0;border-radius:0;background:transparent}
.about-editorial .about-work-grid>a:first-child{grid-row:span 2}
.about-editorial .about-work-grid>a:first-child>div{aspect-ratio:1.15}
.about-editorial .about-work-grid>a:not(:first-child){display:grid;grid-template-columns:1fr 1fr}
.about-editorial .about-work-grid>a:not(:first-child)>div{aspect-ratio:1}
.about-editorial .about-work-grid section{padding:20px 4px}
.about-editorial .about-work-grid>a:not(:first-child) section{padding:18px}
.about-editorial .about-work-grid p{min-height:0}
.about-editorial .about-fit{background:#f7f2e8}
.about-editorial .about-fit-list span{border:0;border-bottom:1px solid rgba(10,15,46,.15);border-radius:0;background:transparent}
.about-editorial .about-ghana{background:linear-gradient(115deg,rgba(5,6,9,.98),rgba(16,21,104,.84)),url('../images/generated/brand-team-hero.webp') center/cover}
.about-editorial .about-ghana h2{font-size:clamp(4rem,7vw,7.5rem)}
.about-editorial .about-final{background:#050609}
.about-editorial .about-final-box{border:1px solid rgba(255,255,255,.14);border-radius:0;background:none}
@media(max-width:800px){.about-editorial .about-hero h1{font-size:clamp(5rem,20vw,9rem)}
.collage-one{left:7%;width:15%}
.collage-two{left:34%;width:34%}
.collage-three{right:4%;width:17%}
.about-editorial .about-purpose-grid article{width:88%}
.about-editorial .about-process-list{min-height:auto;display:grid;grid-template-columns:1fr;gap:42px;margin-top:60px;padding-left:55px}
.about-editorial .about-process-list article{position:relative!important;inset:auto!important;width:auto}
.about-editorial .about-process-list article::before{content:"";position:absolute;top:5px;left:-36px;width:8px;height:8px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 0 5px rgba(244,198,82,.12)}
.process-path{top:400px;bottom:190px;left:33px}
.process-path::before,.process-path::after,.process-path span::before,.process-path span::after{display:none}
.about-editorial .about-work-grid{grid-template-columns:1fr}
.about-editorial .about-work-grid>a:first-child{grid-row:auto}
.about-editorial .about-work-grid>a:not(:first-child){display:block}
.about-editorial .about-work-grid>a:not(:first-child)>div{aspect-ratio:1.35}}
@media(max-width:540px){.about-editorial .about-hero,.editorial-hero{min-height:680px}
.editorial-hero{padding-top:22px}
.editorial-hero-top>span{display:none}
.editorial-collage{inset:70px 0 150px}
.collage-one{top:5%;left:4%;width:20%;height:18%}
.collage-two{top:10%;left:29%;width:47%;height:42%}
.collage-three{top:37%;right:0;width:22%;height:18%}
.editorial-route{top:16%;left:34%}
.about-editorial .about-hero h1{top:43%;font-size:clamp(4.7rem,24vw,7rem);white-space:normal;line-height:.72}
.editorial-origin{top:61%}
.editorial-hero-bottom{align-items:flex-start;flex-direction:column-reverse;gap:22px}
.editorial-hero-bottom .btn{width:100%}
.about-manifesto{padding:90px 0}
.about-manifesto h2{font-size:2.3rem}
.manifesto-signoff{flex-wrap:wrap}
.about-editorial .about-problem{padding:85px 0}
.about-editorial .about-problem h2{font-size:2.8rem}
.about-editorial .about-purpose-grid article{width:100%;min-height:auto;padding:45px 0}
.about-editorial .about-purpose-grid article:nth-child(2){text-align:left}
.about-editorial .about-purpose-grid article:nth-child(2) p{margin-left:0}
.about-editorial .about-purpose-grid h3{margin-top:35px;font-size:2.35rem}
.about-editorial .about-process{padding:90px 0}
.process-path{top:365px}
.about-editorial .about-values-list h3{font-size:1.5rem}
.about-editorial .about-work-grid>a:not(:first-child){display:block}
.about-editorial .about-ghana h2{font-size:3.6rem}}
.brand-name{display:block;line-height:1.05}
.brand-country{display:block;margin-top:2px;line-height:1;font-size:.57rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}
.btn{min-height:38px;padding:8px 16px;border-radius:10px;font-size:.78rem;line-height:1.1}
.btn i{transform-origin:center;will-change:transform}
.btn:hover i{animation:buttonIconSpin .55s ease both}
@keyframes buttonIconSpin{to{transform:rotate(360deg)}}
.page-hero,.about-refined .about-main-hero{height:450px!important;min-height:450px!important;padding:38px 0}
.page-hero-copy,.hero-mini-stats,.about-hero-promises{display:none!important}
.page-hero .breadcrumbs{margin-bottom:16px}
.page-hero .page-badge{margin-bottom:12px}
.page-hero h1{max-width:820px;margin-bottom:20px;font-size:clamp(2.1rem,4vw,3.35rem)}
.page-actions .btn{min-height:40px;padding-inline:17px}
.cta-section{padding:28px 0}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid rgba(244,198,82,.75);border-radius:18px;text-align:left;animation:ctaBorderGlow 2.5s ease-in-out infinite}
.cta-box::before{width:180px;height:180px;inset:-80px -60px auto auto}
.cta-box h2{max-width:600px;margin:0;font-size:clamp(1.25rem,2.3vw,1.75rem)}
.cta-box p{display:none}
.cta-actions{flex:0 0 auto}
.cta-actions .btn{white-space:nowrap}
@keyframes ctaBorderGlow{0%,100%{box-shadow:0 0 0 0 rgba(244,198,82,.08),var(--shadow)}50%{border-color:#f4c652;box-shadow:0 0 0 5px rgba(244,198,82,.08),var(--shadow)}}
.image-card,.feature-card,.service-card{position:relative;border:1px solid rgba(27,31,168,.2);box-shadow:0 14px 34px rgba(10,15,46,.07)}
.image-card::before,.feature-card::before,.service-card::before{content:"";position:absolute;z-index:2;top:-1px;left:18px;right:18px;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--primary),var(--accent-light),var(--primary))}
.image-card:hover,.feature-card:hover,.service-card:hover{border-color:rgba(201,146,10,.55);box-shadow:0 20px 48px rgba(27,31,168,.14)}
.service-card .card-more{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:9px;color:#fff;background:var(--primary);font-size:.7rem;font-weight:850}
.service-card:hover .card-more{background:var(--accent);color:var(--ink)}
.faq-item{border-color:rgba(27,31,168,.18);box-shadow:0 8px 24px rgba(10,15,46,.04)}
.faq-question i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid rgba(27,31,168,.18);border-radius:10px;background:var(--secondary);box-shadow:inset 0 0 0 3px #fff}
.faq-item.open .faq-question i{color:#fff;background:var(--primary);box-shadow:0 8px 18px rgba(27,31,168,.22)}
.mobile-action-bar{display:none}
.service-promo{position:fixed;z-index:1250;left:50%;bottom:24px;width:min(720px,calc(100% - 32px));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:10px 12px;border:1px solid rgba(244,198,82,.7);border-radius:14px;color:#fff;background:linear-gradient(120deg,var(--ink),var(--primary));box-shadow:0 22px 60px rgba(10,15,46,.3);opacity:0;visibility:hidden;transform:translate(-50%,25px);transition:.35s ease}
.service-promo.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.service-promo-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:var(--accent-light)}
.service-promo strong,.service-promo small{display:block}
.service-promo strong{font-size:.8rem}
.service-promo small{color:rgba(255,255,255,.63);font-size:.66rem}
.service-promo-close{width:30px;height:30px;border:0;border-radius:8px;color:#fff;background:rgba(255,255,255,.1)}
@media(max-width:760px){body{padding-bottom:64px}
.page-hero,.about-refined .about-main-hero{height:450px!important;min-height:450px!important;padding:30px 0}
.page-hero h1{font-size:clamp(1.9rem,9vw,2.6rem)}
.page-actions{gap:8px}
.cta-box{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}
.cta-actions{width:100%;justify-content:flex-start}
.cta-actions .btn{flex:1}
.mobile-action-bar{position:fixed;z-index:1300;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(244,198,82,.55);background:rgba(10,15,46,.97);box-shadow:0 -10px 30px rgba(10,15,46,.18);backdrop-filter:blur(16px)}
.mobile-action-bar a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#fff;font-size:.61rem;font-weight:800}
.mobile-action-bar a+ a{border-left:1px solid rgba(255,255,255,.1)}
.mobile-action-bar i{color:var(--accent-light);font-size:1rem}
.mobile-action-bar a:active i{transform:rotate(360deg);transition:.4s}
.whatsapp-fab{display:none}
.service-promo{bottom:76px;grid-template-columns:auto 1fr auto}
.service-promo small{display:none}
.service-promo .btn{grid-column:2;width:max-content}
.service-promo-close{grid-column:3;grid-row:1/3}
.site-footer{padding-bottom:0}}
@property --card-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.image-card,.feature-card,.service-card,.price-card,.info-card,.review-card,.partner-card,.blog-card{position:relative;isolation:isolate}
.image-card::before,.feature-card::before,.service-card::before,.price-card::before,.info-card::before,.review-card::before,.partner-card::before,.blog-card::before{content:"";position:absolute;z-index:4;inset:-1px;height:auto;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--card-border-angle),transparent 0deg 90deg,var(--primary) 122deg,var(--accent-light) 230deg,var(--primary) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:cardBorderTravel 4s linear infinite}
@keyframes cardBorderTravel{to{--card-border-angle:360deg}}
.card-action-btn{min-height:30px;margin:0 0 0 8px;padding:6px 10px!important;border-radius:8px!important;font-size:.64rem!important;line-height:1!important;vertical-align:middle;white-space:nowrap;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.btn:hover i,.cta-box{animation:none}
.service-promo{transition:none}
.image-card::before,.feature-card::before,.service-card::before,.price-card::before,.info-card::before,.review-card::before,.partner-card::before,.blog-card::before{animation:none}}
.about-refined .about-main-hero{min-height:570px}
.about-refined .about-main-hero::before{background-image:linear-gradient(105deg,rgba(10,15,46,.96) 0%,rgba(10,15,46,.83) 52%,rgba(27,31,168,.42) 100%),var(--hero-image)}
.about-refined .about-main-hero h1{max-width:820px}
.about-hero-promises{gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.15)}
.about-hero-promises>div{min-width:170px;padding:18px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.14)}
.about-hero-promises>div:last-child{border:0}
.about-hero-promises strong{font-size:1.12rem}
.about-hero-promises span{display:block;max-width:160px}
.about-purpose-section .section-intro{max-width:820px;margin-inline:auto;text-align:center}
.about-purpose-section .section-copy{margin-inline:auto}
.about-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.about-mv-card{position:relative;padding:38px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(10,15,46,.06)}
.about-mv-card::after{content:"";position:absolute;top:-70px;right:-70px;width:190px;height:190px;border-radius:50%;background:rgba(27,31,168,.05)}
.about-mv-card.mission{color:#fff;border-color:transparent;background:linear-gradient(145deg,var(--primary),var(--primary-dark))}
.about-mv-card.mission::after{background:rgba(255,255,255,.07)}
.about-mv-icon{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;margin-bottom:45px;border-radius:15px;color:var(--primary);background:var(--secondary);font-size:1.25rem}
.about-mv-card.mission .about-mv-icon{color:var(--accent-light);background:rgba(255,255,255,.12)}
.about-mv-card>span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.about-mv-card h3{max-width:470px;margin:12px 0 14px;font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.15}
.about-mv-card p{color:var(--ink-soft)}
.about-mv-card.mission p{color:rgba(255,255,255,.68)}
.about-mv-card ul{display:grid;gap:10px;margin:25px 0 0;padding:22px 0 0;border-top:1px solid var(--border);list-style:none}
.about-mv-card.mission ul{border-color:rgba(255,255,255,.15)}
.about-mv-card li{display:flex;gap:10px;font-size:.74rem;font-weight:700}
.about-mv-card li i{margin-top:5px;color:var(--accent)}
.about-timeline-section .section-intro{text-align:center}
.about-timeline-section .section-copy{margin-inline:auto}
.about-timeline{position:relative;max-width:1040px;margin:65px auto 0}
.about-timeline-line{position:absolute;top:20px;bottom:20px;left:50%;width:3px;overflow:hidden;transform:translateX(-50%);border-radius:99px;background:rgba(27,31,168,.12)}
.about-timeline-line span{position:absolute;inset:0;background:linear-gradient(var(--accent-light),var(--primary),var(--accent));transform-origin:top;animation:aboutTimelineGrow 3.2s ease-in-out infinite alternate}
.about-timeline-item{position:relative;display:grid;grid-template-columns:1fr 84px 1fr;align-items:center;min-height:270px}
.about-timeline-item .timeline-content{grid-column:1;text-align:right}
.about-timeline-item .timeline-visual{grid-column:3}
.about-timeline-item.reverse .timeline-content{grid-column:3;grid-row:1;text-align:left}
.about-timeline-item.reverse .timeline-visual{grid-column:1;grid-row:1}
.timeline-marker{position:relative;z-index:2;grid-column:2;grid-row:1;display:grid;place-items:center}
.timeline-marker b{width:52px;height:52px;display:grid;place-items:center;border:7px solid #f0f2fb;border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 0 0 2px rgba(27,31,168,.18);font-size:.7rem}
.timeline-content{padding:28px}
.timeline-content>span{color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.timeline-content h3{margin:9px 0 10px;font-size:1.35rem}
.timeline-content p{margin:0;color:var(--ink-soft);font-size:.79rem}
.timeline-content small{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--primary);font-size:.64rem;font-weight:800}
.timeline-visual{padding:25px}
.timeline-visual img{width:100%;height:210px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow)}
.about-timeline-action{text-align:center;margin-top:40px}
@keyframes aboutTimelineGrow{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.about-timeline-line span{animation:none}}
.about-people-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}
.about-people-visual{position:relative;padding:0 25px 30px 0}
.about-people-visual>img{width:100%;height:560px;border-radius:var(--radius-lg);object-fit:cover;object-position:center 28%;box-shadow:var(--shadow)}
.about-people-badge{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:13px;min-width:300px;padding:20px;border-radius:17px;color:#fff;background:var(--primary);box-shadow:var(--shadow)}
.about-people-badge>i{font-size:1.35rem;color:var(--accent-light)}
.about-people-badge strong,.about-people-badge small{display:block}
.about-people-badge strong{font-size:.82rem}
.about-people-badge small{color:rgba(255,255,255,.58);font-size:.62rem}
.about-people-copy>p{color:var(--ink-soft)}
.about-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.about-capabilities span{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;font-size:.7rem;font-weight:800}
.about-capabilities i{color:var(--primary)}
.about-principles-section .section-intro{text-align:center}
.about-principles-section .feature-card{height:100%}
@media(max-width:850px){.about-mv-grid,.about-people-grid{grid-template-columns:1fr}
.about-people-visual{max-width:650px}
.about-timeline-item{grid-template-columns:1fr 70px 1fr}
.timeline-content,.timeline-visual{padding:15px}
.timeline-visual img{height:190px}
.about-people-grid{gap:50px}}
@media(max-width:620px){.about-refined .about-main-hero{min-height:auto}
.about-hero-promises{display:grid;grid-template-columns:1fr}
.about-hero-promises>div{padding:13px 0;margin:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
.about-mv-card{padding:27px}
.about-mv-icon{margin-bottom:30px}
.about-timeline{margin-top:45px}
.about-timeline-line{left:26px}
.about-timeline-item,.about-timeline-item.reverse{display:grid;grid-template-columns:52px 1fr;min-height:0;margin-bottom:38px}
.timeline-marker,.about-timeline-item.reverse .timeline-marker{grid-column:1;grid-row:1/3;align-self:start}
.timeline-marker b{width:42px;height:42px;border-width:5px}
.about-timeline-item .timeline-content,.about-timeline-item.reverse .timeline-content{grid-column:2;grid-row:1;text-align:left;padding:0 0 16px 16px}
.about-timeline-item .timeline-visual,.about-timeline-item.reverse .timeline-visual{grid-column:2;grid-row:2;padding:0 0 0 16px}
.timeline-visual img{height:180px}
.about-people-visual{padding:0 10px 58px 0}
.about-people-visual>img{height:390px}
.about-people-badge{right:0;min-width:0;width:calc(100% - 25px)}
.about-capabilities{grid-template-columns:1fr}}
.request-confirmation{text-align:center;padding:44px}
.confirmation-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;color:#087655;background:#e6f8f1;font-size:1.65rem;box-shadow:0 0 0 8px rgba(15,159,110,.08)}
.request-confirmation>.section-copy{margin-inline:auto}
.request-reference{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;margin:22px auto;padding:10px 12px 10px 16px;border:1px solid var(--border);border-radius:12px;background:#f7f8fc}
.request-reference span{color:var(--ink-soft);font-size:.66rem;font-weight:700}
.request-reference strong{font-size:.8rem;letter-spacing:.05em}
.request-reference button{width:32px;height:32px;border:0;border-radius:8px;color:var(--primary);background:var(--secondary)}
.account-next-step{position:relative;overflow:hidden;margin:30px 0 22px;padding:30px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--ink),var(--primary));text-align:left;box-shadow:0 18px 45px rgba(27,31,168,.2)}
.account-next-step::after{content:"";position:absolute;right:-55px;top:-85px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}
.account-next-copy{position:relative;z-index:1}
.next-step-badge{display:inline-flex;padding:6px 9px;border-radius:99px;color:var(--ink);background:var(--accent-light);font-size:.61rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.account-next-step h2{max-width:590px;margin:14px 0 8px;color:#fff;font-size:1.45rem}
.account-next-step p{max-width:590px;margin:0;color:rgba(255,255,255,.68);font-size:.8rem}
.mini-benefits{display:flex;flex-wrap:wrap;gap:9px 16px;margin:20px 0}
.mini-benefits span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-size:.68rem;font-weight:750}
.mini-benefits i{color:var(--accent-light)}
.account-next-cta{position:relative;z-index:1;color:var(--ink)!important;background:var(--accent-light)!important}
.account-next-step>small{position:relative;z-index:1;display:block;margin-top:10px;color:rgba(255,255,255,.52);font-size:.61rem}
.confirmation-actions{justify-content:center}
.confirmation-actions .btn-light-outline{color:var(--ink);border-color:var(--border)}
.onboarding-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);background:#f6f7fc}
.onboarding-story{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(36px,6vw,90px);color:#fff;background:radial-gradient(circle at 80% 15%,rgba(244,198,82,.18),transparent 28%),linear-gradient(145deg,var(--ink),#151970 70%,var(--primary))}
.onboarding-logo{width:220px;filter:brightness(0) invert(1)}
.onboarding-logo img{width:100%}
.onboarding-kicker{display:block;margin-bottom:18px;color:var(--accent-light);font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.onboarding-story h1{max-width:550px;margin:0 0 18px;color:#fff;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.04}
.onboarding-story p{max-width:540px;color:rgba(255,255,255,.66);font-size:.92rem}
.onboarding-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}
.onboarding-benefits span{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);font-size:.7rem;font-weight:750}
.onboarding-benefits i{color:var(--accent-light)}
.onboarding-story>small{color:rgba(255,255,255,.42);font-size:.65rem}
.onboarding-panel{display:grid;place-items:center;padding:35px}
.onboarding-box{width:min(520px,100%)}
.onboarding-heading{margin-bottom:24px}
.onboarding-step{color:var(--primary);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.onboarding-heading h2{margin:8px 0;font-size:2rem}
.onboarding-heading p{margin:0;color:var(--ink-soft);font-size:.82rem}
.onboarding-request{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:22px;padding:15px;border:1px solid rgba(27,31,168,.14);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(10,15,46,.05)}
.onboarding-request>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--primary);background:var(--secondary)}
.onboarding-request small,.onboarding-request strong,.onboarding-request p{display:block}
.onboarding-request small{color:var(--ink-soft);font-size:.59rem;font-weight:700}
.onboarding-request strong{font-size:.77rem}
.onboarding-request p{margin:2px 0 0;color:var(--ink-soft);font-size:.65rem}
.onboarding-request>i{color:var(--success)}
.readonly-field,.password-field{position:relative}
.readonly-field{min-height:48px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;color:var(--ink-soft);background:#eceef5;font-size:.8rem}
.password-field input{padding-right:48px}
.password-field button{position:absolute;top:5px;right:5px;width:38px;height:38px;border:0;border-radius:8px;color:var(--ink-soft);background:transparent}
.onboarding-box .form-field>small{color:var(--ink-soft);font-size:.61rem}
.account-terms{display:flex;align-items:flex-start;gap:9px;color:var(--ink-soft);font-size:.68rem;line-height:1.55}
.account-terms input{margin-top:3px}
.account-terms a,.onboarding-help a,.text-link{color:var(--primary);font-weight:800}
.onboarding-help{text-align:center;color:var(--ink-soft);font-size:.68rem}
.onboarding-invalid{text-align:center}
.onboarding-invalid>span{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;color:var(--primary);background:var(--secondary);font-size:1.35rem}
.onboarding-invalid p{color:var(--ink-soft)}
.onboarding-invalid .text-link{display:block;margin-top:18px}
@media(max-width:900px){.onboarding-page{grid-template-columns:1fr}
.onboarding-story{min-height:auto;padding:30px}
.onboarding-story>div{margin:55px 0 20px}
.onboarding-story h1{font-size:2.4rem}
.onboarding-story>small{display:none}
.onboarding-panel{padding:42px 20px 60px}}
@media(max-width:620px){.request-confirmation{padding:28px 20px}
.account-next-step{padding:24px 20px}
.account-next-cta{width:100%;justify-content:center}
.confirmation-actions{display:grid}
.onboarding-story{padding:25px 20px}
.onboarding-logo{width:180px}
.onboarding-story>div{margin:40px 0 10px}
.onboarding-story h1{font-size:2rem}
.onboarding-benefits{grid-template-columns:1fr}
.onboarding-panel{padding:34px 16px 50px}
.onboarding-heading h2{font-size:1.65rem}}
.trust-checks{color:rgba(255,255,255,.62)}
.trust-checks a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.trust-checks a:hover{color:#fff}
.trust-checks i{margin-right:5px;opacity:.8}
.review-initial{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--primary,#1a1f9c);color:#fff;font-weight:800;flex:none}
.consultation-form-wrap{width:min(860px,100%);margin-inline:auto}
.consultation-form-wrap>.form-shell{padding:clamp(24px,4vw,42px)}
.recovery-box{text-align:center}
.recovery-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),#5a65e8);box-shadow:0 12px 26px rgba(27,31,168,.22);font-size:1.1rem}
.login-kicker{display:block;margin-bottom:8px;color:var(--primary);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.recovery-box h1{margin-bottom:12px}
.recovery-copy{margin:0 0 22px;color:var(--ink-soft);font-size:.82rem;line-height:1.65}
.recovery-box .login-form{text-align:left}
.recovery-box .login-submit{margin-top:3px}
.recovery-success{margin-top:20px}
.recovery-success>i{font-size:1.8rem}
.recovery-success h3{margin:10px 0 6px}
.recovery-success p{margin:0;line-height:1.55}
.magazine-blog{background:var(--bg)}
.magazine-blog main{overflow:hidden}
.magazine-hero{position:relative;height:350px;min-height:350px;display:flex;align-items:center;padding:32px 0;color:#fff;background:var(--ink)}
.magazine-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(105deg,rgba(10,15,46,.94) 0%,rgba(10,15,46,.82) 52%,rgba(27,31,168,.48) 100%),url('../images/generated/brand-development.webp');background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.magazine-hero>.container{position:relative;z-index:1}
.magazine-breadcrumbs{margin-bottom:26px;color:rgba(255,255,255,.68)}
.magazine-breadcrumbs a{color:rgba(255,255,255,.68)}
.magazine-breadcrumbs a:hover{color:#fff}
.magazine-masthead{display:block;margin:0}
.magazine-overline,.magazine-section-heading>div>span,.magazine-bottom-cta-inner>div>span{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.magazine-overline::before,.magazine-section-heading>div>span::before,.magazine-bottom-cta-inner>div>span::before{content:"";width:28px;height:1px;background:currentColor}
.magazine-masthead h1{max-width:720px;margin:0;color:#fff;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:900;line-height:1.02;letter-spacing:-.05em}
.magazine-masthead h1 em{color:var(--accent-light);font-family:inherit;font-style:normal;font-weight:900}
.magazine-featured{padding:28px 0 78px;background:var(--surface)}
.magazine-lead-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:18px;min-height:590px}
.magazine-lead-story,.magazine-side-story{position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;background:var(--ink);box-shadow:var(--shadow);isolation:isolate}
.magazine-lead-story{min-height:590px}
.magazine-lead-story img,.magazine-side-story img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.magazine-lead-story:hover img,.magazine-side-story:hover img{transform:scale(1.04)}
.magazine-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(10,15,46,.25) 50%,rgba(10,15,46,.95) 100%)}
.magazine-lead-content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:clamp(28px,4vw,48px)}
.magazine-lead-content h2{max-width:800px;margin:13px 0;color:#fff;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.06;letter-spacing:-.04em}
.magazine-lead-content p{max-width:680px;margin:0;color:rgba(255,255,255,.72);font-size:.85rem;line-height:1.68}
.magazine-category{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.magazine-category.light{padding:6px 10px;border-radius:999px;color:#fff;background:rgba(27,31,168,.78);backdrop-filter:blur(8px)}
.magazine-story-meta{display:flex;align-items:center;gap:18px;margin-top:22px;color:rgba(255,255,255,.67);font-size:.65rem;font-weight:750}
.magazine-story-meta i{width:40px;height:40px;display:grid;place-items:center;margin-left:auto;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:rgba(255,255,255,.08)}
.magazine-side-stories{display:grid;grid-template-rows:repeat(2,1fr);gap:18px}
.magazine-side-story{min-height:0;border-radius:20px}
.magazine-side-story>div{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:25px}
.magazine-side-story h3{margin:11px 0 12px;color:#fff;font-size:clamp(1.08rem,1.5vw,1.4rem);line-height:1.25}
.magazine-read-time{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.68);font-size:.62rem;font-weight:750}
.magazine-read-time i{color:var(--accent-light)}
.magazine-side-placeholder,.magazine-empty{display:grid;place-items:center;align-content:center;gap:12px;padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);text-align:center}
.magazine-side-placeholder i,.magazine-empty>i{font-size:2rem;color:var(--primary)}
.magazine-side-placeholder a{color:var(--primary);font-size:.7rem;font-weight:800}
.magazine-empty h2{margin:8px 0 0}
.magazine-empty p{margin:0 0 10px;color:var(--ink-soft)}
.magazine-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.magazine-section-heading h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em}
.magazine-section-heading>p{max-width:430px;margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.68}
.magazine-latest{padding:88px 0 100px;background:linear-gradient(180deg,#f0f2fb 0%,#f8f9fd 100%);scroll-margin-top:90px}
.magazine-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}
.magazine-section-heading.compact{align-items:center}
.magazine-section-heading.compact h2{font-size:2.5rem}
.magazine-filter-bar{display:flex;gap:8px;overflow-x:auto;margin-bottom:25px;padding-bottom:5px;scrollbar-width:none}
.magazine-filter-bar::-webkit-scrollbar{display:none}
.magazine-filter-bar .filter-button{white-space:nowrap}
.magazine-article-list{display:grid;gap:16px;scroll-margin-top:120px}
.magazine-latest-card{display:grid;grid-template-columns:245px minmax(0,1fr);gap:23px;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 8px 28px rgba(10,15,46,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.magazine-latest-card:hover{border-color:rgba(27,31,168,.22);transform:translateY(-3px);box-shadow:var(--shadow)}
.magazine-latest-card.hidden-card{display:none}
.magazine-latest-image{overflow:hidden;aspect-ratio:1.25;border-radius:14px;background:var(--secondary)}
.magazine-latest-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.magazine-latest-card:hover img{transform:scale(1.04)}
.magazine-latest-body{display:flex;flex-direction:column;min-width:0;padding:4px 4px 3px 0}
.magazine-card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink-soft);font-size:.6rem;font-weight:750}
.magazine-latest-body h3{margin:12px 0 9px;font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.25}
.magazine-latest-body h3 a{color:var(--ink)}
.magazine-latest-body h3 a:hover{color:var(--primary)}
.magazine-latest-body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink-soft);font-size:.74rem;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.magazine-read-link{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:13px;color:var(--primary);font-size:.67rem;font-weight:850}
.magazine-read-link span{color:var(--ink-soft);font-weight:650}
.magazine-read-link i{margin-left:auto;transition:.2s}
.magazine-read-link:hover i{transform:translateX(4px)}
.magazine-pagination{justify-content:flex-start;margin-top:28px}
.magazine-sidebar{position:sticky;top:112px;display:grid;gap:18px}
.magazine-sidebar-block,.magazine-sidebar-cta{padding:25px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 8px 28px rgba(10,15,46,.055)}
.magazine-sidebar-title{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.magazine-sidebar-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:var(--secondary);font-size:.59rem;font-weight:900}
.magazine-sidebar-title h2{margin:0;font-size:1rem}
.magazine-trending-list{display:grid}
.magazine-trending-list>a{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--ink)}
.magazine-trending-list>a:last-child{border-bottom:0}
.magazine-trending-list>a>strong{color:rgba(27,31,168,.24);font:900 1.22rem Montserrat,sans-serif}
.magazine-trending-list>a>span{font-size:.7rem;font-weight:800;line-height:1.42}
.magazine-trending-list small,.magazine-trending-list em{display:block}
.magazine-trending-list small{margin-bottom:4px;color:var(--primary);font-size:.54rem;letter-spacing:.08em;text-transform:uppercase}
.magazine-trending-list em{margin-top:6px;color:var(--ink-soft);font-size:.56rem;font-style:normal;font-weight:600}
.magazine-trending-list>a:hover>span{color:var(--primary)}
.magazine-sidebar-cta{position:relative;overflow:hidden;color:#fff;border-color:rgba(244,198,82,.55);background:linear-gradient(135deg,var(--ink),var(--primary));box-shadow:var(--shadow)}
.magazine-sidebar-cta::after{content:"";position:absolute;right:-70px;bottom:-85px;width:200px;height:200px;border-radius:50%;background:rgba(244,198,82,.12)}
.magazine-sidebar-cta>span{color:var(--accent-light);font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.magazine-sidebar-cta h2{margin:14px 0 10px;color:#fff;font-size:1.5rem;line-height:1.15}
.magazine-sidebar-cta p{margin:0 0 21px;color:rgba(255,255,255,.68);font-size:.72rem;line-height:1.65}
.magazine-sidebar-cta .btn{position:relative;z-index:2;width:100%;justify-content:center}
.magazine-quick-links>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);color:var(--ink)}
.magazine-quick-links>a:last-child{border-bottom:0}
.magazine-quick-links>a>i{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;color:var(--primary);background:var(--secondary)}
.magazine-quick-links strong,.magazine-quick-links small{display:block}
.magazine-quick-links strong{font-size:.68rem}
.magazine-quick-links small{margin-top:2px;color:var(--ink-soft);font-size:.57rem}
.magazine-quick-links>a:hover strong{color:var(--primary)}
.magazine-bottom-cta{padding:28px 0;background:var(--surface)}
.magazine-bottom-cta-inner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding:30px 34px;border:1px solid rgba(244,198,82,.72);border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--ink),var(--primary));box-shadow:var(--shadow-lg)}
.magazine-bottom-cta-inner::after{content:"";position:absolute;top:-100px;right:-70px;width:230px;height:230px;border-radius:50%;background:rgba(244,198,82,.12)}
.magazine-bottom-cta-inner>div{position:relative;z-index:1}
.magazine-bottom-cta-inner>div>span{margin-bottom:8px;color:var(--accent-light)}
.magazine-bottom-cta h2{max-width:720px;margin:0;color:#fff;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.035em}
.magazine-bottom-cta p{display:none}
.magazine-bottom-cta-inner>div:last-child{display:flex;gap:10px}
.magazine-bottom-cta .btn{white-space:nowrap}
@media(max-width:1100px){.magazine-lead-grid{grid-template-columns:1.35fr .75fr}
.magazine-content-grid{grid-template-columns:minmax(0,1fr) 310px}
.magazine-latest-card{grid-template-columns:215px 1fr}}
@media(max-width:850px){.magazine-masthead{grid-template-columns:1fr;gap:22px}
.magazine-lead-grid{grid-template-columns:1fr;min-height:0}
.magazine-lead-story{min-height:550px}
.magazine-side-stories{grid-template-columns:1fr 1fr;grid-template-rows:none}
.magazine-side-story{min-height:305px}
.magazine-content-grid{grid-template-columns:1fr}
.magazine-sidebar{position:static;grid-template-columns:1fr 1fr}
.magazine-sidebar-cta{grid-row:span 2}
.magazine-bottom-cta-inner{grid-template-columns:1fr}
.magazine-bottom-cta-inner>div:last-child{justify-content:flex-start}}
@media(max-width:650px){.magazine-hero{height:350px;min-height:350px;padding:28px 0}
.magazine-breadcrumbs{margin-bottom:24px}
.magazine-masthead{margin-bottom:26px}
.magazine-masthead h1{font-size:2.55rem}
.magazine-masthead h1 br{display:none}
.magazine-lead-story{min-height:500px;border-radius:20px}
.magazine-lead-content{padding:24px}
.magazine-lead-content h2{font-size:1.9rem}
.magazine-lead-content p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.magazine-story-meta{gap:10px}
.magazine-side-stories{grid-template-columns:1fr}
.magazine-side-story{min-height:320px}
.magazine-section-heading{align-items:flex-start;flex-direction:column;gap:8px}
.magazine-latest{padding:64px 0}
.magazine-section-heading.compact h2{font-size:2rem}
.magazine-latest-card{grid-template-columns:1fr;gap:17px;padding:14px}
.magazine-latest-image{aspect-ratio:16/9}
.magazine-latest-body{padding:2px 3px 3px}
.magazine-latest-body p{margin-bottom:15px}
.magazine-card-topline{align-items:flex-start}
.magazine-sidebar{grid-template-columns:1fr}
.magazine-sidebar-cta{grid-row:auto}
.magazine-bottom-cta-inner{align-items:flex-start;padding:23px;gap:20px}
.magazine-bottom-cta-inner>div:last-child{width:100%;flex-wrap:wrap}
.magazine-bottom-cta .btn{flex:1}}
@media(max-width:420px){.magazine-masthead h1{font-size:2.25rem}
.magazine-lead-story{min-height:470px}
.magazine-lead-content h2{font-size:1.65rem}
.magazine-story-meta span:first-child{display:none}
.magazine-bottom-cta-inner>div:last-child{display:grid}
.magazine-bottom-cta .btn{width:100%}}
@media(max-width:420px){.report-bars>div{grid-template-columns:64px minmax(32px,1fr) 22px minmax(56px,auto);gap:7px}
.report-bars>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
:root[data-theme="dark"] .receipt-sheet{--surface:#fff;--ink:#171b30;--ink-soft:#697087;--border:#e2e5ed;background:#fff;color:#171b30}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .receipt-sheet{--surface:#fff;--ink:#171b30;--ink-soft:#697087;--border:#e2e5ed;background:#fff;color:#171b30}}
.form-field input[type=checkbox],.form-field input[type=radio]{width:auto;min-width:0;height:auto;min-height:0;padding:0;flex:none;accent-color:var(--portal-blue,#1a1f9c)}
.data-table .icon-action.danger{background:transparent;color:#d4183d;border-color:rgba(212,24,61,.35)}
.data-table .icon-action.danger:hover{background:#d4183d;color:#fff;border-color:#d4183d}
.login-box>.login-logo{width:min(250px,80%);box-sizing:border-box;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,#0a0f2e,#1b1fa8)}
:root[data-theme="dark"] .funnel-row a,:root[data-theme="dark"] .partner-attention{background:#1b2140;border-color:rgba(255,255,255,.12)}
:root[data-theme="dark"] .funnel-row span,:root[data-theme="dark"] .funnel-row small,:root[data-theme="dark"] .partner-attention p,:root[data-theme="dark"] .lead-identity small,:root[data-theme="dark"] .consent-check{color:var(--ink-soft)}
:root[data-theme="dark"] .freelancer-attention{background:#2a2412;border-color:rgba(244,198,82,.3)}
:root[data-theme="dark"] .freelancer-attention p{color:#d9cfa8}
:root[data-theme="dark"] .freelancer-attention a,:root[data-theme="dark"] .freelancer-attention>span{color:#f4c652}
:root[data-theme="dark"] .freelancer-attention>span{background:rgba(244,198,82,.16)}
:root[data-theme="dark"] .partner-attention>span,:root[data-theme="dark"] .lead-identity>span{background:rgba(124,141,255,.16);color:#a9b6ff}
:root[data-theme="dark"] .freelancer-count{color:#a9b6ff}
:root[data-theme="dark"] .partner-attention a{color:#a9b6ff}
.check-list .check-fail i{color:#d98a00}
.check-list .check-fail span{font-weight:700}
.sla-table{min-width:940px}
.sla-table{min-width:880px}
@media(max-width:700px){.data-table:not(.sla-table) tbody tr{position:relative}}
.entity-table-invoices td>span[title]{max-width:150px}
.entity-table-invoices th,.entity-table-invoices td{padding-inline:10px;white-space:nowrap}
.entity-table-invoices th:nth-child(5),.entity-table-invoices td:nth-child(5){text-align:right}
@media (max-width:1280px) and (min-width:901px){.entity-table-invoices th:nth-child(4),.entity-table-invoices td:nth-child(4){display:none}
.entity-table-invoices th,.entity-table-invoices td{padding-inline:8px}}
@media (max-width:1280px) and (min-width:901px){.entity-table-invoices th:last-child,.entity-table-invoices td:last-child{padding-inline:6px}
.entity-table-invoices .icon-action{width:30px;height:30px}
.entity-table-invoices td>span[title]{max-width:130px}}
@media (max-width:1280px) and (min-width:901px){.entity-table-invoices td:nth-child(2){max-width:90px;overflow:hidden;text-overflow:ellipsis}
.entity-table-invoices th,.entity-table-invoices td{font-size:.74rem}}
@media (min-width:901px){.entity-table-invoices{min-width:0}}
@media (pointer:coarse),(max-width:820px){.btn,.pagination-button,.filter-button,.dropdown-toggle,.mobile-accordion-btn{min-height:44px}
.btn{padding-block:11px}
.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea,.login-box input,input[type=search]{font-size:16px}
.form-consent label{display:flex;gap:10px;align-items:flex-start;padding-block:6px;line-height:1.45}
.form-consent a,.login-box a,.footer-links a,.contact-list a{display:inline-block;padding-block:8px}
.form-consent input[type=checkbox]{width:22px;height:22px;flex:none;margin-top:1px}
.nav-actions a,.topbar a,.login-options a{min-height:44px;display:inline-flex;align-items:center}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3659e3;outline-offset:2px}
.btn[disabled],button[type=submit][disabled]{opacity:.65;cursor:progress}
@media (pointer:coarse),(max-width:820px){.menu-toggle,.drawer-close{min-height:44px;min-width:44px}
.icon-action{width:42px;height:42px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-size:16px}}
@media (max-width:640px){.page-hero{min-height:260px}}