:root{
    --ink:#1B2620;
    --paper:#F0EAD8;
    --paper-dim:#e6dfc9;
    --route:#B8321F;
    --slate:#4A5A52;
    --signal:#E8B93D;
    --line: rgba(27,38,32,0.16);
    --success: #2e7d32;
    --error: #c62828;
    --card-bg: var(--paper);
    --paper-rgb: 240,234,216;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Motion tokens — same easing family as --transition, split by duration
       so fast feedback (button press) isn't stuck waiting on a 0.3s default
       built for section reveals. Nothing above uses these yet; wire them in
       incrementally rather than replacing --transition wholesale. */
    --duration-fast: 120ms;
    --duration-normal: 240ms;
    --duration-slow: 400ms;
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);

    /* Elevation tokens — same idiom as .docket's existing hard offset
       shadow (no blur, stamped-paper look), just given names so new
       components reuse the identity instead of inventing ad hoc shadows. */
    --shadow-1: 6px 6px 0 rgba(27,38,32,0.08);
    --shadow-2: 12px 12px 0 rgba(27,38,32,0.08);
    --shadow-3: 16px 16px 0 rgba(27,38,32,0.1);

    /* Spacing scale — additive only. Existing layout uses hand-set px
       values throughout; don't force a reflow onto this. Available for
       new sections/components going forward. */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
    --space-7: 64px;
    --space-8: 96px;
  }
  [data-theme="dark"] {
    --ink:#F0EAD8;
    --paper:#1B2620;
    --paper-dim:#24312a;
    --slate:#a0b0a7;
    --line: rgba(240,234,216,0.16);
    --card-bg: #24312a;
    --paper-rgb: 27,38,32;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; overflow-x:hidden;}
  body{
    margin:0; background:var(--paper); color:var(--ink); overflow-x:hidden; max-width:100%;
    font-family:'IBM Plex Sans', sans-serif; line-height:1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-image:
      radial-gradient(circle at 20% 10%, rgba(27,38,32,0.03) 0, transparent 40%),
      radial-gradient(circle at 80% 90%, rgba(27,38,32,0.03) 0, transparent 40%);
  }
  .reveal { opacity: 0; transform: translateY(30px); transition: var(--transition); }
  .reveal.active { opacity: 1; transform: translateY(0); }
  h1,h2,h3,.display{ font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0.02em; margin:0; }
  .mono{ font-family:'IBM Plex Mono', monospace; }
  a{ color:inherit; text-decoration: none; transition: var(--transition); }
  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
    outline:3px solid var(--signal); outline-offset:2px; border-radius:2px;
  }
  .wrap{ max-width:1080px; margin:0 auto; padding:0 24px; }
  header{
    position:sticky; top:0; z-index:100; background: rgba(var(--paper-rgb), 0.85);
    border-bottom:1px solid var(--line); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  }
  .navbar{ display:flex; align-items:center; justify-content:space-between; padding:16px 24px; flex-wrap:wrap; gap:12px 16px; }
  .brand{ min-width:0; }
  .brand{ display:flex; align-items:center; gap:10px; font-family:'Oswald', sans-serif; font-weight:700; font-size:1.15rem; letter-spacing:0.03em; }
  .brand .mark-img{ height:34px; width:auto; display:block; }
  .brand .mark-dark-img{ display:none; }
  [data-theme="dark"] .brand .mark-light{ display:none; }
  [data-theme="dark"] .brand .mark-dark-img{ display:block; }
  .nav-controls { display: flex; align-items: center; gap: 16px; flex-wrap:wrap; }
  @media (max-width:480px){
    .nav-controls{ width:100%; justify-content:space-between; gap:10px; }
    .nav-cta{ padding:9px 14px; font-size:.76rem; }
    .menu-trigger{ padding:8px 12px 8px 10px; font-size:.72rem; }
  }
  .theme-toggle {
    background: none; border: 1px solid var(--line); border-radius: 50%;
    width: 34px; height: 34px; cursor: pointer; color: var(--ink);
    display: flex; align-items: center; justify-content: center; transition: var(--transition);
  }
  .theme-toggle:hover { border-color: var(--ink); transform: rotate(15deg); }
  .nav-cta{
    display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:var(--paper);
    padding:9px 16px; font-size:0.8rem; text-transform:uppercase; letter-spacing:0.04em;
    border-radius:2px; font-weight: 600;
  }
  .menu-trigger{
    display:flex; align-items:center; gap:10px; background:none;
    border:1.5px solid var(--ink); border-radius:2px; padding:8px 14px 8px 12px;
    cursor:pointer; color:var(--ink); font-family:'IBM Plex Mono', monospace;
    font-size:.76rem; text-transform:uppercase; letter-spacing:.06em; transition: var(--transition);
  }
  .menu-trigger:hover{ border-color:var(--route); color:var(--route); }
  .menu-trigger-bars{ position:relative; width:16px; height:11px; flex-shrink:0; }
  .menu-trigger-bars span{ position:absolute; left:0; width:16px; height:2px; background:currentColor; transition: top .25s ease, transform .25s ease, opacity .2s ease; }
  .menu-trigger-bars span:nth-child(1){ top:0; }
  .menu-trigger-bars span:nth-child(2){ top:4.5px; }
  .menu-trigger-bars span:nth-child(3){ top:9px; }
  .menu-trigger.open .menu-trigger-bars span:nth-child(1){ top:4.5px; transform:rotate(45deg); }
  .menu-trigger.open .menu-trigger-bars span:nth-child(2){ opacity:0; }
  .menu-trigger.open .menu-trigger-bars span:nth-child(3){ top:4.5px; transform:rotate(-45deg); }
  .menu-panel{
    display:grid; grid-template-rows:0fr; background:var(--paper); border-bottom:1px solid transparent;
    transition: grid-template-rows .45s cubic-bezier(0.4,0,0.2,1), border-color .45s ease;
  }
  .menu-panel.open{ grid-template-rows:1fr; border-bottom-color:var(--line); }
  .menu-panel-inner{ overflow:hidden; }
  .menu-panel-eyebrow{ padding:18px 24px 4px; font-family:'IBM Plex Mono', monospace; font-size:.68rem; text-transform:uppercase; letter-spacing:.12em; color:var(--slate); }
  .menu-panel-grid{ display:grid; grid-template-columns:repeat(2,1fr); }
  @media (max-width:700px){ .menu-panel-grid{ grid-template-columns:1fr; } }
  .menu-link{
    position:relative; display:flex; align-items:center; gap:16px; overflow:hidden;
    padding:18px 24px; border-bottom:1px solid var(--line); border-right:1px solid var(--line);
    color:var(--ink); z-index:1; transition: padding .3s cubic-bezier(0.4,0,0.2,1), color .3s ease;
  }
  @media (max-width:700px){ .menu-link{ border-right:none; } }
  .menu-link::before{
    content:""; position:absolute; inset:0; background:var(--route); transform:scaleX(0);
    transform-origin:left; transition:transform .4s cubic-bezier(0.4,0,0.2,1); z-index:-1;
  }
  .menu-link:hover::before{ transform:scaleX(1); }
  .menu-link:hover{ color:var(--paper); padding-left:34px; }
  .menu-link-tag{
    font-family:'IBM Plex Mono', monospace; font-size:.68rem; letter-spacing:.06em; color:var(--route);
    border:1px solid currentColor; border-radius:2px; padding:3px 6px; flex-shrink:0; transition: color .3s ease;
  }
  .menu-link:hover .menu-link-tag{ color:var(--signal); }
  .menu-link-body{ flex:1; min-width:0; }
  .menu-link-title{ display:block; font-family:'Oswald', sans-serif; font-size:1.25rem; text-transform:uppercase; letter-spacing:.02em; }
  .menu-link-caption{ display:block; font-family:'IBM Plex Mono', monospace; font-size:.72rem; color:var(--slate); margin-top:2px; opacity:.85; transition: color .3s ease; }
  .menu-link:hover .menu-link-caption{ color:var(--paper); opacity:.75; }
  .menu-link-arrow{ flex-shrink:0; font-size:1.2rem; opacity:.4; transition: transform .3s cubic-bezier(0.4,0,0.2,1), opacity .3s ease; }
  .menu-link:hover .menu-link-arrow{ transform:translateX(6px); opacity:1; }

  .hero{ padding:80px 0 60px; }
  .docket{
    background:var(--paper); border:1.5px solid var(--ink); position:relative; padding:48px 40px;
    box-shadow: var(--shadow-2); transition: var(--transition);
  }
  .docket:hover { transform: translate(-4px, -4px); box-shadow: var(--shadow-3); }
  .docket::before, .docket::after{
    content:""; position:absolute; width:12px; height:12px; border:1.5px solid var(--ink);
    border-radius:50%; background:var(--paper-dim); top:16px;
  }
  .docket::before{ left:16px; }
  .docket::after{ right:16px; }
  .docket-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom: 24px; }
  .eyebrow-mono{ font-family:'IBM Plex Mono', monospace; font-size:0.75rem; letter-spacing:0.1em; color:var(--slate); text-transform:uppercase; }
  .waybill-no{ font-family:'IBM Plex Mono', monospace; font-size:0.8rem; border:1px dashed var(--ink); padding:8px 12px; white-space:nowrap; }
  h1.title{ font-size:clamp(2.8rem, 8vw, 4.8rem); line-height:0.95; margin:0 0 12px; }
  .subtitle{ max-width:580px; color:var(--slate); font-size:1.15rem; margin:16px 0; line-height: 1.6; }
  .stamp{
    display:inline-block; border:3px solid var(--route); color:var(--route); font-family:'Oswald', sans-serif;
    font-weight:700; font-size:0.9rem; letter-spacing:0.1em; text-transform:uppercase; padding:8px 18px;
    transform:rotate(-4deg); border-radius:4px; margin:24px 0;
  }
  .scope-tag{
    display:inline-block; margin-top:8px; font-family:'IBM Plex Mono', monospace; font-size:0.72rem;
    letter-spacing:0.06em; text-transform:uppercase; color:var(--slate); border:1px dashed var(--line); padding:6px 10px;
  }
  .cta-row{ display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; }
  .btn{
    display:inline-flex; align-items:center; gap:10px; padding:16px 28px; font-size:0.9rem;
    text-transform:uppercase; letter-spacing:0.06em; border-radius:4px; font-weight:700;
    font-family:'IBM Plex Sans', sans-serif; cursor: pointer; transition: var(--transition);
  }
  .btn-primary{ background:var(--route); color:var(--paper); border: none; }
  .btn-secondary{ background:transparent; border:2px solid var(--ink); color:var(--ink); }
  .btn:hover{ transform: translateY(-2px); filter:brightness(1.1); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
  .btn:active{ transform: translateY(0); }
  section{ padding:80px 0; }
  .section-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:48px; }
  .section-num{ font-family:'IBM Plex Mono', monospace; color:var(--route); font-size:1rem; font-weight: 600; }
  .section-head h2{ font-size:2.4rem; }
  .why-list{ list-style:none; margin:0; padding:0; }
  .why-list li{ display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); }
  .why-list .n{ font-family:'IBM Plex Mono', monospace; color:var(--route); font-weight:600; width:36px; flex-shrink:0; }
  .why-list h3{ font-size:1.05rem; text-transform:none; letter-spacing:0; margin:0 0 6px; }
  .why-list p{ margin:0; color:var(--slate); font-size:0.95rem; line-height:1.6; }
  .pricing-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  .pricing-card{ background:var(--card-bg); border:1px solid var(--line); border-radius:4px; padding:28px; }
  .pricing-card .tier{ font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--route); margin-bottom:10px; }
  .pricing-card h3{ font-size:1.15rem; text-transform:none; letter-spacing:0; margin:0 0 8px; }
  .pricing-card .price{ font-family:'Oswald', sans-serif; font-size:1.8rem; margin:12px 0; }
  .pricing-card p{ color:var(--slate); font-size:0.92rem; margin:0; line-height:1.6; }
  .pricing-card ul{ margin:16px 0 0; padding-left:18px; color:var(--slate); font-size:0.88rem; line-height:1.7; }
  @media (max-width:860px){ .pricing-grid{ grid-template-columns:1fr; } }
  .contact-shell{
    background:var(--ink); color:var(--paper); padding:64px 48px; border-radius:4px; position:relative; overflow:hidden;
  }
  .contact-shell::before {
    content: ""; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px;
    background: rgba(232, 185, 61, 0.05); border-radius: 50%;
  }
  .form-group { margin-bottom: 24px; }
  .form-label{ display:block; margin-bottom:8px; color:var(--signal); font-family:'IBM Plex Mono', monospace; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.1em; }
  .form-input{
    width:100%; padding:14px; border:1px solid rgba(240,234,216,0.2); background: rgba(255,255,255,0.03);
    color:var(--paper); border-radius:4px; font-family:'IBM Plex Sans', sans-serif; font-size:1rem; transition: var(--transition);
  }
  .form-input:focus{ outline:none; border-color:var(--signal); background: rgba(255,255,255,0.08); }
  .form-input.invalid { border-color: var(--error); }
  .form-input::placeholder{ color: rgba(240,234,216,0.4); }
  textarea.form-input{ resize: vertical; }
  select.form-input{ cursor: pointer; }
  .form-row2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  @media (max-width:760px){ .form-row2{ grid-template-columns:1fr; } }
  .form-hint{ font-family:'IBM Plex Mono', monospace; font-size:0.68rem; color: rgba(240,234,216,0.55); margin-top:6px; display:block; }
  /* Honeypot: invisible to people, present to bots that fill every field. */
  .honeypot{ position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none; }
  .success-overlay {
    position: fixed; inset: 0; background: rgba(27,38,32,0.95); z-index: 1000;
    display: none; align-items: center; justify-content: center; text-align: center; color: var(--paper); padding: 24px;
  }
  .success-overlay.active { display: flex; animation: fadeIn 0.4s ease; }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  footer{ padding:60px 0; border-top:1px solid var(--line); }
  .footer-row{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:32px; }
  .foot-stamp{ font-family:'IBM Plex Mono', monospace; border:1px dashed var(--ink); padding:6px 14px; font-size:0.8rem; font-weight: 600; }
  .social-links{ display:flex; gap:10px; align-items:center; }
  .social-links a{
    font-family:'IBM Plex Mono', monospace; font-size:0.75rem; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;
    border:1px solid var(--line); border-radius:20px; padding:6px 14px; opacity:0.8;
  }
  .social-links a:hover{ opacity:1; border-color:var(--ink); color:var(--route); }
  .legal-block{
    margin-top:32px; padding-top:32px; border-top:1px solid var(--line);
    display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:24px;
    font-size:0.88rem; color:var(--slate); line-height:1.6;
  }
  .legal-block strong{
    display:block; font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.06em;
    text-transform:uppercase; color:var(--ink); margin-bottom:6px;
  }
  [data-theme="dark"] .legal-block strong{ color:var(--paper); }
  .skip-link{
    position:absolute; left:-9999px; top:0; z-index:200;
    background:var(--ink); color:var(--paper); padding:12px 20px;
    font-family:'IBM Plex Mono', monospace; font-size:.8rem; border-radius:0 0 4px 0;
  }
  .skip-link:focus{ left:0; }
  @media (max-width:600px){
    .hero{ padding:48px 0 32px; }
    section{ padding:48px 0; }
    .docket{ padding:32px 24px; }
    .contact-shell{ padding:40px 24px; }
    h1.title{ font-size:clamp(2.2rem, 9vw, 3.2rem); }
  }

  /* ---------- Homepage-only sections (not used by corporate.html) ---------- */
  .route-track{ position:relative; height:70px; margin:32px 0; }
  .pin{ position:absolute; top:8px; font-size:.72rem; letter-spacing:.06em; padding:6px 10px; border:1px dashed var(--line); border-radius:4px; }
  .pin.start{ left:0; }
  .pin.end{ right:0; }
  .truck{ position:absolute; top:0; left:50%; transform:translateX(-50%); color:var(--route); width:34px; height:34px; }
  .truck svg{ width:100%; height:100%; }

  .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  @media (max-width:860px){ .grid3{ grid-template-columns:1fr; } }
  .card{ background:var(--card-bg); border:1px solid var(--line); border-radius:4px; padding:28px; }
  .card h3{ font-size:1.05rem; text-transform:none; letter-spacing:0; margin:16px 0 8px; }
  .card p{ color:var(--slate); font-size:.92rem; line-height:1.6; margin:0; }
  .icon-box{ width:44px; height:44px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--route); }

  .coverage-wrap{ display:grid; grid-template-columns:1.2fr 1fr; gap:32px; align-items:start; }
  @media (max-width:760px){ .coverage-wrap{ grid-template-columns:1fr; } }
  .coverage-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px 20px; font-family:'IBM Plex Mono',monospace; font-size:.85rem; }
  .coverage-note{ max-width:420px; border:1px dashed var(--line); border-radius:4px; padding:20px; color:var(--slate); font-size:.92rem; line-height:1.6; }

  .pricing-note{ border:1px dashed var(--line); border-radius:4px; padding:16px 24px; color:var(--slate); font-size:.9rem; line-height:1.6; }

  .sla-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:32px; }
  @media (max-width:760px){ .sla-grid{ grid-template-columns:1fr; } }
  .sla-item .label{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--route); margin-bottom:6px; }
  .sla-item p{ color:var(--slate); font-size:.9rem; line-height:1.6; margin:0; }

  .trust-banner{ border:1px dashed var(--line); border-radius:4px; padding:20px 24px; color:var(--slate); font-size:.92rem; line-height:1.6; margin-top:32px; }
  .trust-banner a{ color:var(--route); text-decoration:underline; font-weight:600; }

  .pod-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  @media (max-width:860px){ .pod-steps{ grid-template-columns:1fr; } }
  .pod-step .step-num{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--route); margin-bottom:8px; }
  .pod-step h3{ font-size:1.05rem; text-transform:none; letter-spacing:0; margin:0 0 8px; }
  .pod-step p{ color:var(--slate); font-size:.92rem; line-height:1.6; margin:0; }

  .faq-list{ border-top:1px solid var(--line); }
  .faq-item{ border-bottom:1px solid var(--line); padding:18px 0; }
  .faq-item summary{ cursor:pointer; font-weight:600; list-style:none; position:relative; padding-right:24px; }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary::after{ content:"+"; position:absolute; right:0; top:0; color:var(--route); }
  .faq-item[open] summary::after{ content:"–"; }
  .faq-item p{ color:var(--slate); font-size:.92rem; line-height:1.6; margin:12px 0 0; }
  .faq-item a{ color:var(--route); text-decoration:underline; }

  .contact-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; }
  @media (max-width:760px){ .contact-grid{ grid-template-columns:1fr; } }
  .contact-card{ background:rgba(255,255,255,0.03); border:1px solid rgba(240,234,216,0.2); border-radius:4px; padding:18px; cursor:pointer; position:relative; transition:var(--transition); }
  .contact-card:hover{ border-color:var(--signal); }
  .contact-card .label{ font-family:'IBM Plex Mono',monospace; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; color:var(--signal); margin-bottom:6px; }
  .contact-card .value{ font-size:1.05rem; font-weight:600; }
  .contact-card .copy-hint{ position:absolute; top:12px; right:14px; font-size:.65rem; color:rgba(240,234,216,0.5); opacity:0; transition:opacity .2s ease; }
  .contact-card:hover .copy-hint{ opacity:1; }

  .overlay-check{ font-size:3.2rem; color:var(--signal); margin-bottom:16px; }
  .overlay-title{ font-size:1.8rem; margin-bottom:8px; }
  .overlay-copy{ color:rgba(240,234,216,0.8); font-size:1.05rem; margin-bottom:20px; }
  .overlay-ref{ font-family:'IBM Plex Mono',monospace; font-size:.95rem; color:var(--signal); margin-bottom:16px; }

  .btn-signal{ background:var(--signal); color:var(--ink); border:none; }
  .btn-block{ width:100%; justify-content:center; }

/* FINAL HERO POLISH — clean artwork, no embedded route strip */
.hero-polished{padding:0 0 72px;}
.hero-polished .hero-stage{position:relative;width:100%;height:auto;min-height:0;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);isolation:isolate;}
.hero-polished .hero-art{display:block;width:100%;height:auto;line-height:0;}
.hero-polished .hero-art-image{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:initial;object-position:center top;image-rendering:auto;}
.hero-polished .hero-art-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(27,38,32,0) 55%,rgba(27,38,32,.20) 100%);z-index:1;}
[data-theme="dark"] .hero-polished .hero-art-overlay{background:linear-gradient(to bottom,rgba(0,10,12,0) 50%,rgba(0,10,12,.18) 100%);}
.hero-route-bar{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);}
.hero-route-endpoint{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px dashed var(--line);border-radius:4px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.06em;color:var(--ink);}
.route-pin{color:#00bfa6;font-size:.9rem;line-height:1;}
.route-pin-end{color:var(--route);}
.hero-route-label{text-align:center;color:var(--slate);font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;}
.hero-polished .hero-copy{max-width:1080px;margin:0 auto;padding:64px 24px 0;}
.hero-polished .hero-copy-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;}
.hero-polished .hero-copy .title{max-width:760px;font-size:clamp(3rem,8vw,5.8rem);line-height:.91;margin-bottom:22px;}
.hero-polished .hero-copy .subtitle{max-width:720px;font-size:clamp(1rem,1.7vw,1.18rem);}
@media(max-width:760px){
 .hero-polished{padding-bottom:48px;}
 .hero-polished .hero-stage{height:auto;min-height:0;}
 .hero-route-bar{padding:10px 16px;gap:10px;}
 .hero-route-endpoint{padding:8px 10px;font-size:.62rem;}
 .hero-route-label{font-size:.58rem;}
 .hero-polished .hero-copy{padding-top:42px;}
 .hero-polished .hero-copy-kicker{align-items:flex-start;flex-direction:column;gap:10px;}
 .hero-polished .hero-copy .title{font-size:clamp(2.7rem,12vw,4.4rem);}
}
@media(prefers-reduced-motion:reduce){
  .hero-polished .hero-art-image{transition:none;}
  /* Previously only the hero image respected this — .reveal and .docket
     still slid/lifted regardless of the setting. Covering them here,
     not by editing each rule, so anything added later inherits it too. */
  .reveal{ transition:none; opacity:1; transform:none; }
  .docket, .docket:hover, .btn:hover{ transition:none; transform:none; }
}

/* Header uses backdrop-filter for a translucent-on-scroll effect; drop it
   cleanly for people who've asked their OS for less transparency, rather
   than leaving it forced on. */
@media(prefers-reduced-transparency:reduce){
  header{ background:var(--paper); backdrop-filter:none; -webkit-backdrop-filter:none; }
  [data-theme="dark"] header{ background:var(--paper); }
}

/* MOBILE POLISH — prevent squeezed navigation and oversized hero typography */
@media (max-width:700px){
  .wrap{padding-left:16px;padding-right:16px;}
  .navbar{padding:12px 16px;gap:10px;}
  .brand .mark-img{height:30px;}
  .theme-toggle{width:36px;height:36px;}
  .lueri-language-menu{width:100%;min-width:0;}
  .lueri-language-trigger{width:100%;min-width:0;justify-content:space-between;}
  .hero-polished .hero-copy{padding:32px 16px 0;}
  .hero-polished .hero-copy .title{font-size:clamp(2.35rem,11.5vw,3.5rem);line-height:.96;letter-spacing:.01em;max-width:100%;overflow-wrap:anywhere;}
  .hero-polished .hero-copy .subtitle{font-size:1rem;line-height:1.55;max-width:100%;}
  .hero-polished .hero-copy-kicker{margin-bottom:16px;}
  .hero-route-bar{padding:8px 12px;gap:8px;}
  .hero-route-endpoint{min-width:0;flex:1;justify-content:center;padding:7px 8px;font-size:.58rem;}
  .cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;}
  .cta-row .btn{width:100%;justify-content:center;}
  section{padding:44px 0;}
  .section-head{gap:10px;margin-bottom:28px;}
  .section-head h2{font-size:2rem;}
  .section-intro{font-size:.98rem;line-height:1.55;}
  .pricing-card,.card{padding:22px;}
  .pricing-card .price{font-size:1.55rem;overflow-wrap:anywhere;}
  .pricing-note{padding:14px 16px;font-size:.86rem;}
  .coverage-list{grid-template-columns:1fr;}
  .contact-shell{padding:32px 18px;}
}

/* RTL MOBILE SAFETY — Arabic must fit the viewport without horizontal scrolling */
html[lang="ar"],
html[lang="ar"] body{
  max-width:100%;
  overflow-x:hidden;
}
html[lang="ar"] body,
html[lang="ar"] body *{
  box-sizing:border-box;
}
html[lang="ar"] .wrap,
html[lang="ar"] .navbar,
html[lang="ar"] section,
html[lang="ar"] footer{
  max-width:100%;
}
html[lang="ar"] .navbar,
html[lang="ar"] .nav-controls,
html[lang="ar"] .hero-copy,
html[lang="ar"] .hero-route-bar,
html[lang="ar"] .pricing-card,
html[lang="ar"] .card,
html[lang="ar"] .contact-card,
html[lang="ar"] .form-row,
html[lang="ar"] .form-row2,
html[lang="ar"] .cta-row{
  min-width:0;
}
html[lang="ar"] .nav-controls > *,
html[lang="ar"] .hero-copy *,
html[lang="ar"] .pricing-card *,
html[lang="ar"] .card *,
html[lang="ar"] .contact-card *,
html[lang="ar"] .section-head *{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
html[lang="ar"] .hero-polished .hero-copy .title,
html[lang="ar"] .hero-polished .hero-copy .subtitle,
html[lang="ar"] .section-intro,
html[lang="ar"] .pricing-card p,
html[lang="ar"] .pricing-note{
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:700px){
  html[lang="ar"] #languageSelector{
    min-width:0!important;
    max-width:100%!important;
  }
  html[lang="ar"] .lueri-language-trigger{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* RTL/mobile containment for the coverage component. */
html[dir="rtl"] .coverage-wrap{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  width:100%;
  min-width:0;
}
html[dir="rtl"] .coverage-list{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-width:0;
}
html[dir="rtl"] .coverage-list > div,
html[dir="rtl"] .coverage-note{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media (max-width:760px){
  html[dir="rtl"] .coverage-wrap{
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  html[dir="rtl"] .coverage-list{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px 16px;
  }
}
@media (max-width:420px){
  html[dir="rtl"] .coverage-list{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
}
html[dir="rtl"] .menu-panel-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
@media(max-width:700px){
  html[dir="rtl"] .menu-panel-grid{ grid-template-columns:1fr; }
}
html[dir="rtl"] .menu-link{ min-width:0; }
html[dir="rtl"] .menu-link-body{ min-width:0; overflow-wrap:anywhere; }
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-intro,
html[dir="rtl"] .card,
html[dir="rtl"] .pricing-card,
html[dir="rtl"] .faq-item p{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* ============================================================
   HEADER + BRAND LOCKUP — SINGLE SOURCE OF TRUTH
   Everything below replaces what used to be five separate,
   competing "final" override blocks stacked with !important.
   One ladder, one owner per property, no specificity wars.
   The circular L mark is always physically first; the wordmark
   sits next to it; the motto sits directly under the wordmark.
   Arabic content stays RTL everywhere except this lockup, which
   stays LTR so the logo never jumps to the visual right.
   ============================================================ */

header{ overflow:visible; }

.navbar.wrap{
  box-sizing:border-box;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:12px 28px;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:24px;
}

.brand{
  direction:ltr;
  unicode-bidi:isolate;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:11px;
  flex:0 1 auto;
  min-width:0;
  max-width:52%;
}
.brand .mark-img{
  order:1;
  height:38px;
  width:auto;
  flex:0 0 auto;
}
.brand-copy{
  order:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
  max-width:calc(100% - 49px);
  gap:3px;
}
.brand-name{
  display:block;
  max-width:100%;
  font-family:'Oswald', sans-serif;
  font-weight:700;
  font-size:1.18rem;
  letter-spacing:.02em;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; /* was "clip" before — cut names mid-word, which read as broken, not stylistic */
  text-align:left;
}
.brand-motto{
  display:block;
  width:auto;
  max-width:100%;
  min-width:0;
  margin-top:2px;
  font-family:'IBM Plex Sans', sans-serif;
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.045em;
  line-height:1.1;
  white-space:nowrap;
  color:var(--ink);
  opacity:.86;
}
.brand-motto > span{
  display:inline;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
}
.brand-motto::before,
.brand-motto::after{
  content:none;
  display:none;
}

/* Arabic pages: content flips RTL, but the logo/name/motto lockup itself never does */
html[dir="rtl"] .brand{
  direction:ltr;
  flex-direction:row;
  justify-content:flex-start;
}
html[dir="rtl"] .brand-copy{
  direction:ltr;
  align-items:flex-start;
  text-align:left;
}
html[dir="rtl"] .brand-name{
  direction:ltr;
  text-align:left;
}
html[dir="rtl"] .brand-motto > span{
  direction:rtl;
  text-align:center;
}

footer .brand{ align-items:center; }
footer .brand::after{ display:none; }

.nav-controls{
  flex:0 0 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:10px;
}
.nav-controls > *{ flex:0 0 auto; }
.menu-trigger,.theme-toggle,.language-selector,.nav-cta{
  height:46px;
  box-sizing:border-box;
}
.language-selector{
  min-width:150px;
  max-width:190px;
  margin:0;
  padding:0 12px;
  font-size:.78rem;
}
.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  white-space:nowrap;
}

@media (max-width:900px){
  .navbar.wrap{ padding:11px 18px; gap:14px; }
  .brand .mark-img{ height:34px; }
  .brand-name{ font-size:1.05rem; }
  .brand-motto{ font-size:.50rem; gap:5px; }
  .nav-controls{ gap:7px; }
  .menu-trigger,.theme-toggle,.language-selector,.nav-cta{ height:44px; }
  .language-selector{ min-width:126px; max-width:170px; font-size:.74rem; }
  .nav-cta{ padding:0 14px; font-size:.72rem; }
}

@media (max-width:600px){
  .navbar.wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-auto-flow:row;
    row-gap:10px;
    padding:10px 14px 11px;
  }
  .brand{ width:100%; max-width:100%; }
  .brand .mark-img{ height:32px; }
  .brand-copy{ max-width:calc(100% - 42px); }
  .brand-name{ font-size:1rem; letter-spacing:.01em; }
  .brand-motto{ font-size:.48rem; gap:4px; letter-spacing:.02em; }
  .nav-controls{
    width:100%;
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr) auto;
    gap:7px;
  }
  .menu-trigger,.theme-toggle,.language-selector,.nav-cta{ height:42px; }
  .menu-trigger{ padding:0 11px; }
  .theme-toggle{ width:42px; padding:0; }
  .language-selector{ width:100%; min-width:0; max-width:none; padding:0 8px; font-size:.72rem; }
  .nav-cta{ padding:0 12px; font-size:.68rem; letter-spacing:.035em; }
}

@media (max-width:390px){
  .navbar.wrap{ padding-left:12px; padding-right:12px; }
  .brand .mark-img{ height:30px; }
  .brand-name{ font-size:.94rem; }
  .brand-motto{ font-size:.44rem; }
  .nav-controls{ grid-template-columns:auto auto minmax(0,1fr); }
  .nav-cta{ grid-column:1 / -1; width:100%; }
}

html[dir="rtl"] .navbar,
html[dir="rtl"] .nav-controls{ direction:ltr; }

/* ============================================================
   HEADER FIX — company name is never clipped, motto sits under it.
   Kept as its own block at the end so it can be tested or removed
   on its own. It overrides the rules above (same specificity, later
   in the file), so nothing above needed to change.
   ============================================================ */
.navbar.wrap{ flex-wrap:wrap; row-gap:10px; }
.brand{ flex:0 0 auto; max-width:100%; }
.brand-copy{ width:max-content; max-width:none; }
.brand-name{ overflow:visible; text-overflow:clip; }
.brand-motto > span{ overflow:visible; text-overflow:clip; }
.nav-controls{ margin-left:auto; }

/* FINAL LUERI I18N + MOBILE/RTL STABILITY PASS — 2026-09-29 */
html,body{max-width:100%;overflow-x:hidden;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe{max-width:100%;}
button,input,select,textarea{max-width:100%;}
html[dir="rtl"] .wrap,html[dir="rtl"] .contact-shell,html[dir="rtl"] .hero-copy,html[dir="rtl"] .coverage-wrap,html[dir="rtl"] .pricing-grid,html[dir="rtl"] .sla-grid,html[dir="rtl"] .why-list,html[dir="rtl"] .pod-steps,html[dir="rtl"] .contact-grid,html[dir="rtl"] .faq-list,html[dir="rtl"] footer{min-width:0;width:100%;max-width:100%;}
html[dir="rtl"] .card,html[dir="rtl"] .pricing-card,html[dir="rtl"] .pricing-note,html[dir="rtl"] .sla-item,html[dir="rtl"] .pod-step,html[dir="rtl"] .contact-card,html[dir="rtl"] .coverage-note,html[dir="rtl"] .faq-item{min-width:0;max-width:100%;}
html[dir="rtl"] .card *,html[dir="rtl"] .pricing-card *,html[dir="rtl"] .pricing-note *,html[dir="rtl"] .sla-item *,html[dir="rtl"] .pod-step *,html[dir="rtl"] .contact-card *,html[dir="rtl"] .coverage-note *,html[dir="rtl"] .faq-item *,html[dir="rtl"] .contact-card .value,html[dir="rtl"] .contact-card a,html[dir="rtl"] .faq-item summary{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{width:100%;max-width:100%;}
html[dir="rtl"] .faq-item summary{padding-right:0;padding-left:24px;}
html[dir="rtl"] .faq-item summary::after{right:auto;left:0;}
@media(max-width:760px){
header{position:sticky;top:0;z-index:250;}
.navbar.wrap{width:100%;min-width:0;padding:10px 13px 11px;display:grid;grid-template-columns:minmax(0,1fr);row-gap:9px;}
.brand{width:100%;min-width:0;max-width:100%;gap:9px;}
.brand .mark-img{height:34px;width:auto;flex:0 0 auto;}
.brand-copy{min-width:0;width:auto;max-width:calc(100% - 44px);}
.brand-name{font-size:clamp(1.06rem,4.6vw,1.28rem);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brand-motto{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;white-space:nowrap;font-size:clamp(.52rem,2.1vw,.64rem);}
.brand-motto::before,.brand-motto::after{flex:1 1 auto;min-width:6px;}
.brand-motto>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-controls{width:100%;min-width:0;display:grid;grid-template-columns:44px 44px minmax(0,1fr);gap:7px;align-items:center;}
.nav-controls .nav-cta{grid-column:1/-1;width:100%;}
.nav-controls .menu-trigger,.nav-controls .theme-toggle{width:100%!important;min-width:0!important;height:42px;}
.nav-controls .lueri-language-menu{width:100%;min-width:0!important;}
.nav-controls .lueri-language-trigger{width:100%;min-width:0!important;max-width:none;min-height:42px;height:42px;padding:7px 8px;}
.hero-route-endpoint{min-width:0;max-width:50%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25;}
.hero-polished .hero-copy,.hero-polished .hero-copy .title,.hero-polished .hero-copy .subtitle{min-width:0;max-width:100%;overflow-wrap:anywhere;}
}
@media(max-width:390px){.brand-name{font-size:1.04rem;}.brand .mark-img{height:31px;}.nav-controls{grid-template-columns:42px 42px minmax(0,1fr);gap:6px;}}
html[dir="rtl"] .navbar,html[dir="rtl"] .nav-controls{direction:ltr;}
html[dir="rtl"] .hero-copy,html[dir="rtl"] section,html[dir="rtl"] footer{direction:rtl;text-align:right;}
html[dir="rtl"] .brand,html[dir="rtl"] .brand-copy{direction:ltr;}
html[dir="rtl"] .brand-motto>span{direction:rtl;}

/* FINAL MOBILE HEADER CORRECTION — 2026-09-29 */
@media (max-width:760px){
  header .navbar.wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;overflow:visible!important;}
  header .brand{grid-column:1;display:flex!important;align-items:center!important;width:100%!important;}
  header .nav-controls{grid-column:1;display:grid!important;grid-template-columns:minmax(82px,auto) 44px minmax(0,1fr)!important;gap:8px!important;width:100%!important;align-items:center!important;direction:ltr!important;}
  header .nav-controls .menu-trigger{width:auto!important;min-width:82px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:8px 12px!important;white-space:nowrap!important;overflow:visible!important;}
  header .nav-controls .menu-trigger-label,#menuTriggerLabel{display:inline!important;position:static!important;white-space:nowrap!important;}
  header .nav-controls .theme-toggle{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;}
  header .nav-controls .lueri-language-menu{grid-column:3;width:100%!important;min-width:0!important;}
  header .nav-controls .lueri-language-trigger{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:8px 11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  header .nav-controls .lueri-language-trigger>span:first-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  header .nav-controls .nav-cta{grid-column:1/-1!important;width:100%!important;}
  html[dir="rtl"] header .nav-controls,html[lang="ar"] header .nav-controls{direction:ltr!important;}
  html[dir="rtl"] header .nav-controls .menu-trigger,html[lang="ar"] header .nav-controls .menu-trigger{direction:ltr!important;}
}
@media(max-width:390px){
  header .nav-controls{grid-template-columns:minmax(76px,auto) 42px minmax(0,1fr)!important;gap:6px!important;}
  header .nav-controls .menu-trigger{min-width:76px!important;padding-inline:9px!important;gap:7px!important;font-size:.72rem!important;}
  header .nav-controls .theme-toggle{width:42px!important;min-width:42px!important;height:42px!important;}
  header .nav-controls .lueri-language-trigger{height:42px!important;min-height:42px!important;font-size:.72rem!important;padding-inline:8px!important;}
}

/* FINAL RTL VIEWPORT GUARANTEE — Arabic content must fit the viewport */
html[lang="ar"],
html[lang="ar"] body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
html[lang="ar"] *,
html[lang="ar"] *::before,
html[lang="ar"] *::after{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
html[lang="ar"] img,
html[lang="ar"] svg,
html[lang="ar"] video,
html[lang="ar"] canvas,
html[lang="ar"] iframe{
  max-width:100%;
  height:auto;
}
html[lang="ar"] .hero-route-bar{
  width:100%;
  max-width:1080px;
  min-width:0;
  flex-wrap:wrap;
  justify-content:space-between;
}
html[lang="ar"] .hero-route-endpoint,
html[lang="ar"] .hero-route-label{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
html[lang="ar"] .hero-route-label{
  flex:1 1 120px;
}
html[lang="ar"] .hero-polished .hero-copy,
html[lang="ar"] .hero-polished .hero-copy-kicker,
html[lang="ar"] .hero-polished .hero-copy .title,
html[lang="ar"] .hero-polished .hero-copy .subtitle{
  width:100%;
  max-width:100%;
  min-width:0;
}
html[lang="ar"] .cta-row,
html[lang="ar"] .form-actions,
html[lang="ar"] .footer-row,
html[lang="ar"] .social-links{
  max-width:100%;
  min-width:0;
  flex-wrap:wrap;
}
html[lang="ar"] .legal-block,
html[lang="ar"] .pricing-grid,
html[lang="ar"] .grid3,
html[lang="ar"] .coverage-wrap,
html[lang="ar"] .contact-grid,
html[lang="ar"] .sla-grid,
html[lang="ar"] .pod-steps,
html[lang="ar"] .faq-list{
  width:100%;
  max-width:100%;
  min-width:0;
}
html[lang="ar"] .legal-block > *,
html[lang="ar"] .pricing-grid > *,
html[lang="ar"] .grid3 > *,
html[lang="ar"] .coverage-wrap > *,
html[lang="ar"] .contact-grid > *,
html[lang="ar"] .sla-grid > *,
html[lang="ar"] .pod-steps > *,
html[lang="ar"] .faq-list > *{
  min-width:0;
  max-width:100%;
}
@media(max-width:760px){
  html[lang="ar"] .hero-route-bar{
    padding-left:12px;
    padding-right:12px;
    gap:8px;
  }
  html[lang="ar"] .hero-route-endpoint{
    flex:1 1 110px;
  }
  html[lang="ar"] .hero-route-label{
    flex:1 1 100%;
    order:3;
    text-align:center;
  }
}


/* ---------- Canonical Lueri footer brand lockup ----------
   Footer branding uses the same hierarchy as the header. Decorative rules
   are intentionally removed from the motto: the motto is brand copy, not a
   separator treatment. */
.footer-brand{
  align-items:flex-start;
  min-width:0;
}
.footer-brand .brand-copy{
  min-width:0;
  align-items:flex-start;
  gap:3px;
}
.footer-brand .brand-name{
  font-size:1.05rem;
  line-height:1;
  letter-spacing:.02em;
}
.footer-brand .brand-motto{
  display:block;
  width:auto;
  max-width:100%;
  min-width:0;
  margin-top:0;
  font-family:'IBM Plex Sans',sans-serif;
  font-size:.58rem;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.04em;
  color:var(--slate);
  opacity:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.footer-brand .brand-motto::before,
.footer-brand .brand-motto::after{ display:none; }
@media(max-width:600px){
  .footer-brand .brand-name{ font-size:1rem; }
  .footer-brand .brand-motto{ font-size:.56rem; }
}

/* FINAL BRAND RULE — footer motto is text only; never render decorative separators */
footer .footer-brand-motto,
footer .footer-brand-motto > span{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:'IBM Plex Sans',sans-serif;
  font-size:.58rem;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.04em;
  color:var(--slate);
}
footer .footer-brand-motto::before,
footer .footer-brand-motto::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  background:none !important;
  border:0 !important;
}

/* ============================================================
   BRAND LOCKUP FINAL — motto is plain text, no separators
   The old .brand-motto rule used pseudo-elements to draw lines.
   That treatment is retired globally.
   ============================================================ */
.brand-motto,
.footer-brand-motto{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-top:0 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.brand-motto::before,
.brand-motto::after,
.footer-brand-motto::before,
.footer-brand-motto::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
}
@media(max-width:760px){
  .brand-motto,
  .footer-brand-motto{
    display:block !important;
    width:auto !important;
  }
  .brand-motto::before,
  .brand-motto::after,
  .footer-brand-motto::before,
  .footer-brand-motto::after{
    display:none !important;
    content:none !important;
  }
}