/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
}

/* LumaSite page styles */

/* Mobile feature rows: stack text labels above headings instead of using icon-width columns. */
@media (max-width: 1024px) {
  .marketing-site .feature-section--rows .feature-tile {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:24px 0;
    min-width:0;
  }
  .marketing-site .feature-section--rows .feature-tile > .eyebrow {
    display:block;
    width:auto;
    max-width:100%;
    margin:0 0 10px;
    font-size:12px;
    line-height:1.5;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .marketing-site .feature-section--rows .feature-tile > .smo-icon {
    margin:0 0 14px;
    flex:none;
  }
  .marketing-site .feature-section--rows .feature-tile h3 {
    margin:0;
    max-width:100%;
    font-size:24px;
    line-height:1.3;
    overflow-wrap:break-word;
  }
  .marketing-site .feature-section--rows .feature-tile p {
    margin:12px 0 0;
    max-width:100%;
    font-size:15px;
    line-height:1.7;
  }
  .marketing-site .feature-section--rows .feature-tile .text-link {
    margin:16px 0 0;
    padding-top:0;
    align-self:flex-start;
  }
}


/* SendMailOS FAQ style v1: plain rows with a plus/minus control. */
.marketing-site :is(.faq-list,.f-faq,.seo-faq){border-top:1px solid #dce7ee;background:transparent}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details{margin:0;padding:0;border:0;border-bottom:1px solid #dce7ee;border-radius:0;background:transparent;box-shadow:none}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary{position:relative;display:block;list-style:none;cursor:pointer;margin:0;padding:28px 48px 28px 0;border:0;border-radius:0;background:transparent;color:#263b49;font-family:Manrope,Inter,Arial,sans-serif;font-size:19px;font-weight:500;line-height:1.5;letter-spacing:-.015em;text-align:left}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary::-webkit-details-marker{display:none}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary::marker{content:""}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary::before{content:none;display:none}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary::after{content:"+";display:block;position:absolute;top:50%;right:0;bottom:auto;left:auto;width:24px;height:28px;margin:0;padding:0;border:0;background:none;box-shadow:none;transform:translateY(-50%);transition:none;color:#263b49;font-family:Inter,Arial,sans-serif;font-size:27px;font-weight:400;line-height:28px;text-align:center;pointer-events:none}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details[open]>summary::after{content:"−";transform:translateY(-50%)}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary svg,.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary .faq-icon{display:none}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary:focus-visible{outline:2px solid #4086b7;outline-offset:4px;border-radius:3px}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>p,.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>div{max-width:none;margin:0;padding:0 56px 24px 0;color:#596f7f;font-size:15px;line-height:1.85}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>div>p{max-width:none;margin:0 0 12px;padding:0;color:#596f7f;font-size:15px;line-height:1.85}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>div>p:last-child{margin-bottom:0}
@media(max-width:700px){
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary{padding:22px 40px 22px 0;font-size:16px;line-height:1.6}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>summary::after{font-size:25px;width:23px}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>p,.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>div{padding:0 0 22px;font-size:14px;line-height:1.85}
.marketing-site :is(.faq-list,.f-faq,.seo-faq)>details>div>p{font-size:14px;line-height:1.85}
}

/* SendMailOS shared CTA arrow v1: one static SVG. */
.marketing-site .smos-arrow{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex:0 0 20px;vertical-align:middle;box-sizing:border-box;fill:none!important;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;transform:none!important;transition:none!important;pointer-events:none;text-decoration:none!important}
.marketing-site .smos-arrow path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* SendMailOS unified footer v2. Static navigation works without JavaScript. */
/* The native layout requires its footer slot. Its legacy footer is hidden from layout and accessibility. */
.marketing-site>.site-footer{display:none!important}
.marketing-site .smos-footer{box-sizing:border-box;margin:24px 16px 16px;border-radius:28px;background:#142f3e;color:#f5f8fa;font-family:Inter,Arial,sans-serif;isolation:isolate}
.marketing-site .smos-footer *{box-sizing:border-box;min-width:0}
.marketing-site .smos-footer-inner{max-width:1352px;margin:0 auto;padding:56px 48px 0}
.marketing-site .smos-footer-main{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(4,minmax(0,1fr));gap:36px;padding-bottom:42px}
.marketing-site .smos-footer-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-1.3px;min-height:44px}
.marketing-site .smos-footer-logo svg{display:block;flex:none;width:36px;height:36px}
.marketing-site .smos-footer-brand>p{max-width:250px;font-size:14px;line-height:1.8;color:#c1d0d8;margin:20px 0 22px;letter-spacing:0}
.marketing-site .smos-footer-start{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:12px 19px;border-radius:999px;background:#f0f5f7;border:1px solid #f0f5f7;color:#163342;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .15s ease,border-color .15s ease}
.marketing-site .smos-footer-start:hover{background:#d9e8ed;border-color:#d9e8ed}
.marketing-site .smos-footer-free{display:block;color:#b4c7d1;font-size:11px;line-height:1.8;margin-top:13px}
.marketing-site .smos-footer-group h2{font-family:Inter,Arial,sans-serif;color:#fff;font-size:13px;line-height:1.6;font-weight:600;letter-spacing:0;margin:10px 0 17px}
.marketing-site .smos-footer-group ul{list-style:none;display:grid;gap:0;margin:0;padding:0}
.marketing-site .smos-footer-group li{list-style:none;margin:0;padding:0}
.marketing-site .smos-footer-group a{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:39px;padding:7px 0;color:#bfd0db;font-size:12px;line-height:1.7;text-decoration:none;overflow-wrap:anywhere;transition:color .15s ease}
.marketing-site .smos-footer-group a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.marketing-site .smos-footer a:focus-visible{outline:2px solid #d3cfff;outline-offset:5px;border-radius:4px}
.marketing-site .smos-footer-server{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #3b5361;border-radius:16px;background:#1c3949;margin:0 0 27px}
.marketing-site .smos-footer-server-copy{display:flex;align-items:center;gap:17px;min-width:0}
.marketing-site .smos-footer-server-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #526378;border-radius:12px;background:#293c55;color:#d3cfff}
.marketing-site .smos-footer-server-copy p{margin:0 0 5px;color:#f5f8fa;font-size:13px;line-height:1.7;font-weight:500;letter-spacing:0;max-width:none}
.marketing-site .smos-footer-server-copy strong{font-weight:600;white-space:nowrap}
.marketing-site .smos-footer-server-copy div>span{display:block;color:#b9cbd5;font-size:10px;line-height:1.8;max-width:650px}
.marketing-site .smos-footer-cost{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;flex:none;color:#e0dcff;text-decoration:none;font-size:12px;line-height:1.6;font-weight:500;white-space:nowrap}
.marketing-site .smos-footer-cost:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.marketing-site .smos-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0 25px;border-top:1px solid #3b5361;color:#b6c9d3;font-size:10px;line-height:1.7}
.marketing-site .smos-footer-bottom p{font-size:10px;line-height:1.7;color:inherit;margin:0;max-width:none}
.marketing-site .smos-footer-bottom>a{display:inline-flex;align-items:center;gap:12px;min-height:36px;font-size:11px;color:#dae5eb;text-decoration:none}
.marketing-site .smos-footer-bottom>a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(min-width:1500px){.marketing-site .smos-footer-inner{padding:64px 40px 0}.marketing-site .smos-footer-main{gap:48px}.marketing-site .smos-footer-group a{font-size:13px}.marketing-site .smos-footer-group h2{font-size:14px}}
@media(max-width:1100px){.marketing-site .smos-footer-inner{padding:40px 32px 0}.marketing-site .smos-footer-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.marketing-site .smos-footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:start;margin-bottom:7px}.marketing-site .smos-footer-brand>p{grid-column:1;max-width:420px;margin:12px 0 0}.marketing-site .smos-footer-start{grid-column:2;grid-row:1;align-self:center}.marketing-site .smos-footer-free{grid-column:2;grid-row:2;text-align:center;margin:9px 0 0}.marketing-site .smos-footer-server{padding:20px}.marketing-site .smos-footer-server-icon{display:none}}
@media(max-width:700px){.marketing-site .smos-footer{margin:18px 10px 10px;border-radius:22px}.marketing-site .smos-footer-inner{padding:32px 24px 0}.marketing-site .smos-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 24px;padding-bottom:30px}.marketing-site .smos-footer-brand{display:block;margin-bottom:4px}.marketing-site .smos-footer-logo{font-size:27px}.marketing-site .smos-footer-brand>p{font-size:14px;max-width:320px;margin:16px 0 20px}.marketing-site .smos-footer-start{min-height:46px}.marketing-site .smos-footer-free{text-align:left;margin-top:11px}.marketing-site .smos-footer-group h2{font-size:13px;margin:0 0 10px}.marketing-site .smos-footer-group a{min-height:44px;font-size:12px;padding:9px 0;line-height:1.65}.marketing-site .smos-footer-server{display:block;margin-bottom:23px;padding:19px 17px;border-radius:14px}.marketing-site .smos-footer-server-copy p{font-size:13px;line-height:1.8;margin-bottom:8px}.marketing-site .smos-footer-server-copy div>span{font-size:10px;line-height:1.85}.marketing-site .smos-footer-cost{margin-top:12px;justify-content:flex-start;gap:18px}.marketing-site .smos-footer-bottom{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:20px 0 23px}.marketing-site .smos-footer-bottom p{grid-column:1/-1}.marketing-site .smos-footer-bottom>span{font-size:10px}.marketing-site .smos-footer-bottom>a{min-height:44px;font-size:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.marketing-site .smos-footer a{transition:none}}
/* One native header and one locale control across equivalent product pages. */
.marketing-site .smo-locale-picker{position:relative;display:block!important;flex:0 0 auto;margin:0;padding:0;border:0;font-family:var(--font-body,Inter,Arial,sans-serif);text-align:left;line-height:1.5;color:#263d49}
.marketing-site .smo-locale-picker>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:52px;min-height:44px;margin:0;padding:8px 10px;border:1px solid #dce7eb;border-radius:999px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;background:#fff;color:inherit}
.marketing-site .smo-locale-picker>summary::-webkit-details-marker{display:none}
.marketing-site .smo-locale-picker>summary:after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.marketing-site .smo-locale-picker>div{position:absolute;top:calc(100% + 10px);right:0;z-index:120;width:174px;padding:8px;border:1px solid #dce7eb;border-radius:14px;background:#fff;box-shadow:0 16px 44px #142f451f}
.marketing-site .smo-locale-picker:not([open])>div{display:none!important}
.marketing-site .smo-locale-picker a{position:static;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 12px;border:0;border-radius:9px;font-size:14px;line-height:1.5;color:#263d49;text-decoration:none;white-space:nowrap}
.marketing-site .smo-locale-picker a[aria-current="page"],.marketing-site .smo-locale-picker a:hover{background:#eef5f8;color:#173746}
.marketing-site .smo-locale-picker a:focus-visible,.marketing-site .smo-locale-picker summary:focus-visible{outline:3px solid #5b9bc1;outline-offset:3px}
.marketing-site .smo-mobile-languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #dce7eb}
.marketing-site .smo-mobile-languages a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px!important;border:1px solid #dce7eb;border-radius:999px;font:14px/1.5 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:0!important}
.marketing-site .smo-mobile-languages a[aria-current]{background:#eef5f8}
.marketing-site .ix-languages{display:none!important}
/* Hero alignment is shared by the original and translated templates. */
.marketing-site :is(.hero-content,.page-intro,.f-hero,.seo-hero,.v-hero-copy,.ix-hero){text-align:center!important}
.marketing-site :is(.hero-content,.page-intro,.f-hero,.seo-hero,.v-hero-copy,.ix-hero)>:is(h1,p,.eyebrow){margin-left:auto!important;margin-right:auto!important}
.marketing-site :is(.hero-buttons,.page-intro .button-row,.f-hero .f-actions,.seo-hero .seo-actions,.v-hero .seo-actions,.ix-hero .ix-actions){display:flex;flex-wrap:wrap;justify-content:center!important;align-items:center}
.marketing-site .page-intro h1,.marketing-site .seo-hero h1,.marketing-site .v-hero-copy h1{max-width:1040px;margin-left:auto!important;margin-right:auto!important}
.marketing-site .page-intro>p:not(.eyebrow),.marketing-site .seo-hero>p:not(.seo-kicker),.marketing-site .v-hero-copy>p:not(.seo-kicker){max-width:820px;margin-left:auto!important;margin-right:auto!important}
.marketing-site .v-hero{display:flex!important;flex-direction:column;align-items:center;gap:36px}
.marketing-site .v-hero-copy{width:100%;max-width:1100px}
.marketing-site .v-hero-image{width:100%;max-width:940px;margin:0 auto}
.marketing-site .hero-free{justify-content:center}
.marketing-site[data-page="home"]>[data-scroll-header-spacer],.ix-site.marketing-site>[data-scroll-header-spacer]{display:none!important}
/* English-only guides use the native chrome and keep their own articles. */
.ix-site.marketing-site>.site-header{display:flex!important}
.ix-site.marketing-site>main{padding-top:112px}
.ix-site .ix-breadcrumb{margin-top:18px}
.ix-site .ix-hero{margin-top:36px}
.marketing-site .smo-guide-language{font-size:12px;line-height:1.7;text-align:center;color:#5c7280;margin:0 auto 20px;max-width:820px;padding:0 20px}
.marketing-site .smo-shared-language-note{font-size:12px!important;line-height:1.7!important;text-align:center;color:#5c7280;max-width:780px!important;margin:18px auto!important;padding:0 20px}
@media(max-width:1100px){.marketing-site .site-header .desktop-nav{display:none}.marketing-site .site-header .mobile-menu-toggle{display:inline-flex}.marketing-site .site-header .header-actions{margin-left:auto}}
@media(max-width:640px){.marketing-site .site-header .login-link{display:none!important}.marketing-site .smo-locale-picker>summary{min-width:46px;padding:8px}.marketing-site .site-header .header-actions{gap:8px!important}.ix-site.marketing-site>main{padding-top:96px}.marketing-site .v-hero{gap:24px}}
@media(max-width:420px){.marketing-site .site-header .header-actions>.button.compact{display:none!important}.marketing-site .site-header .site-brand{font-size:20px!important}}

/* Workflow rows have text labels, so the first track must not use icon width.
   Apply to the existing EN/SQ/IT/DE template; mobile stacking stays unchanged. */
@media (min-width: 1025px) {
  .marketing-site #workflow-examples .feature-tile {
    grid-template-columns: minmax(160px, .65fr) minmax(0, 1fr) minmax(0, 1.6fr);
  }
  .marketing-site #workflow-examples .feature-tile > .eyebrow {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .marketing-site #workflow-examples .feature-tile > :is(h3, p) {
    min-width: 0;
  }
}