/* ============================================================
   editlywp.com - Homepage Stylesheet
   Tokenized design system · Light-mode · Premium WordPress-native
   ============================================================ */

/* ----- Reset ----- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:hidden;overflow-x:clip}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.anchor-sentinel{display:block;height:0;overflow:hidden}

@media(max-width:900px){
  html{scroll-padding-top:178px}
}

/* ----- Design Tokens ----- */
:root{
  /* Palette */
  --editly-bg:         #f5f3fa;
  --editly-surface:    #ffffff;
  --editly-surface-alt:#f8f7fd;
  --editly-text:       #171833;
  --editly-text-secondary:#4f5570;
  --editly-muted:      #7c819a;
  --editly-border:     #e5e6f0;
  --editly-border-light:#eff0f7;
  --editly-accent:     #7b3ff2;
  --editly-accent-soft:#f0e9ff;
  --editly-accent-dark:#5a20cb;
  --editly-accent-glow:rgba(123,63,242,.16);
  --editly-accent-hot: #e23a73;
  --editly-gradient-main:linear-gradient(118deg,#e93f66 0%,#b537b6 45%,#6930f0 100%);
  --editly-gradient-soft:linear-gradient(125deg,#fff4f8 0%,#f4efff 54%,#edf2ff 100%);
  --elementor-violet-deep:#2f1868;
  --elementor-bordeaux-deep:#6a1b44;
  --elementor-gradient:linear-gradient(118deg,#4f1537 0%,#3b165f 50%,#25134f 100%);
  --endcap-gradient:linear-gradient(122deg,#4a142d 0%,#3a153d 52%,#2b1632 100%);
  --texture-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.58'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");
  --texture-scanlines:repeating-linear-gradient(180deg, rgba(255,255,255,.014) 0, rgba(255,255,255,.014) 1px, rgba(0,0,0,.034) 1.5px, rgba(0,0,0,0) 3px);
  --texture-grain:var(--texture-noise),var(--texture-scanlines);
  --texture-grain-size:220px 220px,100% 3px;
  --texture-grain-blend:overlay;
  --separator-overlap:clamp(2.1rem,4.4vw,4.2rem);
  --editly-pro-badge:  #f6ecff;
  --editly-free-badge: #ddf8ea;
  --editly-success:    #3fda8d;
  --editly-success-dark:#21a867;
  --editly-success-soft:#e8fff1;
  --editly-white:      #ffffff;

  /* Typography */
  --font-display:'Sorts Mill Goudy','Iowan Old Style','Georgia','Times New Roman',serif;
  --font-body:   'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:   'JetBrains Mono','Fira Code',monospace;

  --text-xs:  .75rem;   /* 12px */
  --text-sm:  .8125rem; /* 13px */
  --text-base:.9375rem; /* 15px */
  --text-md:  1.0625rem;/* 17px */
  --text-lg:  1.25rem;  /* 20px */
  --text-xl:  1.5rem;   /* 24px */
  --text-2xl: 2rem;     /* 32px */
  --text-3xl: 2.5rem;   /* 40px */
  --text-4xl: 3.25rem;  /* 52px */

  /* Spacing scale (4px base) */
  --sp-1:  .25rem;  --sp-2:  .5rem;
  --sp-3:  .75rem;  --sp-4:  1rem;
  --sp-5:  1.25rem; --sp-6:  1.5rem;
  --sp-8:  2rem;    --sp-10: 2.5rem;
  --sp-12: 3rem;    --sp-16: 4rem;
  --sp-20: 5rem;    --sp-24: 6rem;
  --sp-32: 8rem;

  /* Radii */
  --radius-xs: 4px;  --radius-sm: 6px;
  --radius-md: 10px; --radius-lg: 14px;
  --radius-xl: 20px; --radius-2xl:28px;
  --radius-full:9999px;

  /* Shadows */
  --shadow-xs:  0 1px 2px rgba(0,0,0,.04);
  --shadow-sm:  0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
  --shadow-lg:  0 8px 30px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.03);
  --shadow-xl:  0 16px 48px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.04);
  --shadow-demo:0 18px 56px rgba(105,48,240,.12),0 2px 10px rgba(19,14,38,.06);
  --shadow-card:0 1px 4px rgba(0,0,0,.04);

  /* Transitions */
  --ease-out:  cubic-bezier(.23,1,.32,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:  150ms;
  --dur-base:  250ms;
  --dur-slow:  400ms;

  /* Layout */
  --container-max:1180px;
  --section-py:var(--sp-24);
  --ui-pill-height:30px;
  --ui-pill-border:rgba(205,214,234,.92);
  --ui-pill-bg:rgba(255,255,255,.86);
  --ui-pill-shadow:0 6px 18px rgba(34,25,70,.055),0 1px 0 rgba(255,255,255,.9) inset;
  --home-surface-hero:
    radial-gradient(58rem 28rem at 50% 0%,rgba(124,85,223,.12),rgba(124,85,223,0) 68%),
    radial-gradient(42rem 24rem at 88% 24%,rgba(233,63,102,.07),rgba(233,63,102,0) 70%),
    linear-gradient(180deg,#f7f4fb 0%,#f5f7fb 100%);
  --home-surface-a:
    radial-gradient(48rem 22rem at 14% 4%,rgba(35,172,107,.05),rgba(35,172,107,0) 70%),
    linear-gradient(180deg,#fbfcff 0%,#f8f9fd 100%);
  --home-surface-b:
    radial-gradient(52rem 22rem at 88% 4%,rgba(124,85,223,.075),rgba(124,85,223,0) 72%),
    linear-gradient(180deg,#f7f5fc 0%,#f5f4fa 100%);
}

/* ----- Base ----- */
body{
  font-family:var(--font-body);
  font-size:var(--text-base);
  line-height:1.65;
  color:var(--editly-text);
  background:
    radial-gradient(60rem 34rem at 87% -5%, rgba(233,63,102,.16), rgba(233,63,102,0) 62%),
    radial-gradient(58rem 36rem at -8% 24%, rgba(105,48,240,.14), rgba(105,48,240,0) 62%),
    var(--editly-bg);
}
main{
  position:relative;
  isolation:isolate;
}
main::before{
  content:"";
  display:none;
  position:absolute;
  top:260px;
  bottom:220px;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,rgba(226,58,115,0),rgba(179,56,184,.16) 12%,rgba(105,48,240,.14) 46%,rgba(63,218,141,.14) 74%,rgba(63,218,141,0));
  transform:translateX(-50%);
  pointer-events:none;
  z-index:-2;
}
h1,h2,h3{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.012em;
  color:var(--editly-text);
}
h4,h5,h6{
  font-family:var(--font-body);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--editly-text);
}

/* ----- Utilities ----- */
.container{
  width:100%;
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--sp-6);
}
.sr-only{
  position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.accent{color:var(--editly-accent)}
.muted{color:var(--editly-muted)}
.text-center{text-align:center}
.section-head-centered{text-align:center}
.section-head-centered .section-label{margin-left:auto;margin-right:auto}
.section-head-centered .section-title{margin-left:auto;margin-right:auto}
.section-head-centered .section-subtitle{margin-left:auto;margin-right:auto}
.section-subtitle-centered{margin-left:auto;margin-right:auto}
.badge-inline-gap{margin-right:6px}
.inline-link-accent{
  color:var(--editly-accent);
  font-weight:600;
  text-underline-offset:2px;
}
.inline-link-accent:hover{
  text-decoration:underline;
}

/* ----- Buttons ----- */
.btn{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  padding:11px 22px;
  font-size:var(--text-base);font-weight:600;
  border-radius:12px;
  transition:all var(--dur-base) var(--ease-out);
  white-space:nowrap;
  border:1px solid transparent;
}
.btn-primary,
.btn-pro{
  background-image:var(--texture-grain),var(--elementor-gradient);
  background-size:220px 220px,100% 3px,100% 100%;
  background-blend-mode:overlay,overlay,normal;
  color:var(--editly-white);
  box-shadow:0 10px 22px rgba(53,24,104,.34);
  border-color:rgba(255,255,255,.14);
}
.btn-primary:hover,
.btn-pro:hover{
  background-image:var(--texture-grain),var(--elementor-gradient);
  background-size:220px 220px,100% 3px,100% 100%;
  background-blend-mode:overlay,overlay,normal;
  box-shadow:0 16px 28px rgba(53,24,104,.4);
  transform:translateY(-2px) scale(1.01);
}
.btn-free{
  background-image:var(--texture-grain),linear-gradient(132deg,#ebfff3 0%,#dcfce9 52%,#c7f4dd 100%);
  background-size:220px 220px,100% 3px,100% 100%;
  background-blend-mode:overlay,overlay,normal;
  color:#0e4a33;
  border:1px solid rgba(54,186,118,.45);
  box-shadow:0 10px 22px rgba(33,168,103,.18);
}
.btn-free:hover{
  background-image:var(--texture-grain),linear-gradient(132deg,#e3ffef 0%,#d1f9e3 52%,#baf0d6 100%);
  background-size:220px 220px,100% 3px,100% 100%;
  background-blend-mode:overlay,overlay,normal;
  box-shadow:0 14px 24px rgba(33,168,103,.22);
  border-color:rgba(33,168,103,.58);
  transform:translateY(-1px);
}
.btn-free .fa-icon{
  color:#177e52;
}
.btn-secondary{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:var(--editly-text);
  border:1px solid #dce0ec;
}
.btn-secondary:hover{
  border-color:var(--editly-success);
  color:var(--editly-success-dark);
  background:var(--editly-success-soft);
}
.btn-ghost{
  color:var(--editly-accent-dark);
  padding:10px 14px;
  border-radius:10px;
}
.btn-ghost:hover{
  background:rgba(123,63,242,.1);
}
.fa-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
  width:14px;
  height:14px;
  flex-shrink:0;
}
.btn .fa-icon{width:16px;height:16px;font-size:16px}

/* Focus ring */
.btn:focus-visible,
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--editly-accent);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}

/* ----- Badges ----- */
.badge,
.docs-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:4px 10px;
  font-family:var(--font-body);
  font-size:12px;
  line-height:1;
  font-weight:700;
  border-radius:var(--radius-full);
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid transparent;
  white-space:nowrap;
}
.badge-pro,
.docs-badge--pro{
  background:var(--editly-pro-badge);
  color:var(--editly-accent-dark);
  border-color:rgba(123,63,242,.18);
}
.badge-free,
.docs-badge--free{
  background:var(--editly-free-badge);
  color:var(--editly-success-dark);
  border-color:rgba(33,168,103,.2);
}
.docs-badge--both{
  background:rgba(58,113,193,.1);
  color:#285389;
  border-color:rgba(58,113,193,.18);
}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:100;
  background:var(--elementor-gradient);
  backdrop-filter:blur(12px) saturate(116%);
  -webkit-backdrop-filter:blur(12px) saturate(116%);
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 28px rgba(19,11,37,.22);
  isolation:isolate;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    var(--texture-grain),
    radial-gradient(48% 160% at 14% -26%, rgba(233,63,102,.24), rgba(233,63,102,0) 68%),
    radial-gradient(42% 180% at 90% -44%, rgba(123,63,242,.2), rgba(123,63,242,0) 70%);
  background-size:var(--texture-grain-size),auto,auto;
  background-blend-mode:var(--texture-grain-blend),normal,normal;
  opacity:.68;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(214,191,255,.3),rgba(255,255,255,.22));
}
.site-header>.container{
  max-width:1560px;
  padding-inline:clamp(18px,2.2vw,36px);
}
.nav-inner{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  grid-template-areas:"brand links actions";
  align-items:center;
  gap:clamp(22px,2.4vw,44px);
  min-height:68px;
  position:relative;
  z-index:2;
}
.nav-logo{
  display:flex;align-items:center;gap:var(--sp-2);
  font-weight:700;font-size:var(--text-lg);
  color:#f7f3ff;
  flex:0 0 auto;
  grid-area:brand;
}
.nav-logo .nav-logo-image{
  width:auto;
  height:32px;
  object-fit:contain;
}
.nav-logo span{opacity:.74;font-weight:500;font-size:var(--text-sm);margin-left:var(--sp-1);color:#ddd5f4;white-space:nowrap}
.nav-links-shell{
  position:relative;
  grid-area:links;
  min-width:0;
  overflow:hidden;
}
.nav-links-shell::before,
.nav-links-shell::after{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:30px;
  pointer-events:none;
  opacity:0;
  transition:opacity var(--dur-fast) var(--ease-out);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.nav-links-shell::before{
  left:0;
  background:linear-gradient(90deg,rgba(79,25,91,.94),rgba(79,25,91,0));
}
.nav-links-shell::after{
  right:0;
  background:linear-gradient(270deg,rgba(50,25,100,.94),rgba(50,25,100,0));
}
.nav-links-shell.can-scroll-left::before,
.nav-links-shell.can-scroll-right::after{
  opacity:1;
}
.nav-links{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,1.35vw,24px);
  overflow-x:auto;
  overflow-y:hidden;
  padding:5px 7px;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.nav-links::-webkit-scrollbar{
  display:none;
}
.nav-links-shell.is-overflowing .nav-links{
  justify-content:flex-start;
}
.nav-links a{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:7px;
  font-size:clamp(.76rem,.77vw,.875rem);font-weight:550;
  color:rgba(239,233,255,.88);
  transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);
  border-radius:10px;
  padding:6px 2px;
  white-space:nowrap;
}
.nav-links a:hover{color:#fff}
.nav-links a.is-active{
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  padding:6px 10px;
}
.nav-links a.is-active .nav-link-icon{
  color:#fff;
}
.nav-link-icon{
  width:12px;
  height:12px;
  font-size:12px;
  color:rgba(230,218,250,.78);
}
.nav-links a:hover .nav-link-icon{
  color:#fff;
}
.nav-actions{display:flex;grid-area:actions;align-items:center;gap:10px;white-space:nowrap}
.nav-mobile-pro{display:none!important}
@media(min-width:1261px){
  .nav-mobile-contact{display:none!important}
}
.header-language{position:relative}
.header-language>summary{
  min-width:62px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 10px;
  color:rgba(247,243,255,.94);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.24);
  border-radius:11px;
  font-size:12px;
  font-weight:750;
  letter-spacing:.04em;
  cursor:pointer;
  list-style:none;
}
.header-language>summary::-webkit-details-marker{display:none}
.header-language>summary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38)}
.header-language[open]>summary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42)}
.header-language__chevron{font-size:9px;transition:transform var(--dur-fast) var(--ease-out)}
.header-language[open] .header-language__chevron{transform:rotate(180deg)}
.header-language__menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(430px,calc(100vw - 28px));
  padding:14px;
  color:var(--editly-ink);
  background:rgba(255,255,255,.98);
  border:1px solid rgba(94,64,147,.16);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(22,12,43,.28);
}
.header-language__menu::before{
  content:"";
  position:absolute;
  right:22px;
  top:-6px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid rgba(94,64,147,.16);
  border-top:1px solid rgba(94,64,147,.16);
  transform:rotate(45deg);
}
.header-language__menu>p{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--editly-muted)}
.header-language__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.header-language__grid a{
  display:grid;
  grid-template-columns:25px minmax(0,1fr) max-content;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:7px 9px;
  color:#342b43;
  border:1px solid rgba(94,64,147,.1);
  border-radius:11px;
  background:#fff;
}
.header-language__grid a:hover{color:var(--editly-accent-dark);background:#faf8ff;border-color:rgba(123,63,242,.24)}
.header-language__grid a.is-active{color:var(--editly-accent-dark);background:rgba(123,63,242,.08);border-color:rgba(123,63,242,.24)}
.header-language__grid a>span{font-size:18px}
.header-language__grid a strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:720}
.header-language__grid a small{color:var(--editly-muted);font-size:9px;font-weight:800;letter-spacing:.05em}
.site-header .btn-pro{
  border-color:rgba(255,255,255,.2);
  box-shadow:0 10px 20px rgba(19,10,40,.32);
}
.site-header .btn-pro:hover{
  box-shadow:0 16px 28px rgba(19,10,40,.4);
}
.site-header .btn-free{
  background:rgba(255,255,255,.06);
  color:rgba(244,239,255,.92);
  border-color:rgba(255,255,255,.34);
  box-shadow:none;
}
.site-header .btn-free:hover{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.48);
  color:#ffffff;
  box-shadow:none;
}
.site-header .btn-free .fa-icon{
  color:inherit;
}

/* Configurable message; qualified commercial campaigns become a bottom dock. */
.site-announcement{
  position:relative;
  z-index:96;
  overflow:hidden;
  color:#f3fff8;
  background:
    radial-gradient(50rem 10rem at 18% -70%,rgba(129,255,191,.22),rgba(129,255,191,0) 72%),
    linear-gradient(112deg,#0b4a35 0%,#106344 48%,#0e7550 100%);
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 22px rgba(10,55,39,.18);
  isolation:isolate;
}
.site-announcement[data-engagement-gated]{display:none}
.editly-offer-qualified .site-announcement[data-engagement-gated]{display:block}
.site-announcement[hidden]{display:none}
.editly-offer-qualified .site-announcement[data-engagement-gated]{
  position:fixed;
  left:50%;
  bottom:18px;
  width:max-content;
  max-width:min(960px,calc(100% - 32px));
  z-index:1000;
  border:1px solid rgba(209,255,229,.38);
  border-radius:14px;
  box-shadow:0 18px 48px rgba(5,39,28,.3);
  transform:translateX(-50%);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.agency-offer-dock .site-announcement__inner{
  width:100%;
  max-width:100%;
  min-height:56px;
  padding:8px 14px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto 40px;
  align-items:center;
  justify-content:stretch;
  gap:12px;
}
.agency-offer-dock .site-announcement__icon{grid-column:1}
.agency-offer-dock .site-announcement__content{grid-column:2;justify-content:flex-start}
.agency-offer-dock .site-announcement__content p{
  max-width:65ch;
  text-wrap:balance;
}
.agency-offer-dock .site-announcement__actions{grid-column:3}
.agency-offer-dock .site-announcement__dismiss{grid-column:4;margin-left:0}
.site-announcement.is-live-reveal{
  animation:editly-offer-arrive 320ms var(--ease-out) both;
}
@keyframes editly-offer-arrive{
  from{opacity:0;filter:blur(8px);transform:translate(-50%,14px) scale(.985)}
  to{opacity:1;filter:blur(0);transform:translate(-50%,0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .site-announcement.is-live-reveal{animation:none}
}

/* Final cascade for the editorial blog language. Keep the hierarchy through
   typography and rules rather than isolated white cards. */
body.page-blog .blog-card,
body.page-blog-article .blog-card,
main.page-blog .blog-card,
main.page-blog-article .blog-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.page-blog .blog-path-card,
main.page-blog .blog-path-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:linear-gradient(110deg,rgba(111,45,232,.045),rgba(255,255,255,0));
  box-shadow:none;
}

/* ============================================================

/* ============================================================
   Mobile-first interaction pass

   Compact decision groups become native horizontal rails on phones. A card
   remains visibly cropped at the right edge so the gesture is discoverable
   without adding translated instructions or carousel controls. Reading-heavy
   content deliberately stays in the normal vertical document flow.
   ============================================================ */
@media(max-width:767px){
  :root{
    --mobile-rail-card:min(82vw,340px);
    --mobile-rail-gap:12px;
  }

  body:is(.page-home,.home) .section:not(.hero),
  .pricing-page .section,
  .features-page .section,
  .fvp-page .section,
  .docs-page .section,
  .blog-page .section{
    padding-top:clamp(2.65rem,12vw,3.6rem);
    padding-bottom:clamp(2.65rem,12vw,3.6rem);
  }

  body:is(.page-home,.home) :is(.product-steps-grid,.business-value-grid,.differentiation-grid),
  body:is(.page-home,.home) #pricing .volume-plans,
  .pricing-page .volume-plans,
  .features-page .features-edition-map,
  .fvp-page .fvp-decision-panel,
  .page-blog .blog-cluster-nav,
  .page-blog .blog-category .blog-grid{
    width:100%;
    max-width:none;
    display:flex;
    grid-template-columns:none;
    align-items:stretch;
    gap:var(--mobile-rail-gap);
    margin-right:0;
    margin-left:0;
    padding:4px 16vw 18px 2px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:2px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body:is(.page-home,.home) :is(.product-steps-grid,.business-value-grid,.differentiation-grid)::-webkit-scrollbar,
  body:is(.page-home,.home) #pricing .volume-plans::-webkit-scrollbar,
  .pricing-page .volume-plans::-webkit-scrollbar,
  .features-page .features-edition-map::-webkit-scrollbar,
  .fvp-page .fvp-decision-panel::-webkit-scrollbar,
  .page-blog .blog-cluster-nav::-webkit-scrollbar,
  .page-blog .blog-category .blog-grid::-webkit-scrollbar{
    display:none;
  }

  body:is(.page-home,.home) .product-steps-grid > .product-step-card,
  body:is(.page-home,.home) .business-value-grid > article,
  body:is(.page-home,.home) .differentiation-grid > .differentiation-card,
  body:is(.page-home,.home) #pricing .volume-plans > .volume-card,
  .pricing-page .volume-plans > .volume-card,
  .features-page .features-edition-map > .features-edition-card,
  .fvp-page .fvp-decision-panel > .editorial-panel-item,
  .page-blog .blog-cluster-nav > a,
  .page-blog .blog-category .blog-grid > .blog-card{
    box-sizing:border-box;
    flex:0 0 var(--mobile-rail-card);
    min-width:0;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  body:is(.page-home,.home) .product-steps-grid{
    margin-top:24px;
  }
  body:is(.page-home,.home) .product-step-card,
  body:is(.page-home,.home) .product-step-card + .product-step-card{
    min-height:100%;
    padding:14px 15px 20px;
    border:1px solid rgba(210,218,235,.88);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.88));
    box-shadow:0 14px 30px rgba(35,28,70,.075);
  }
  body:is(.page-home,.home) .product-step-card:not(:last-child)::before{
    display:none;
  }
  body:is(.page-home,.home) .product-step-visual{
    min-height:150px;
  }
  body:is(.page-home,.home) .product-steps-summary{
    margin-top:5px;
    border-radius:14px;
  }

  body:is(.page-home,.home) .business-value-grid{
    margin-top:24px;
  }
  body:is(.page-home,.home) .business-value-grid > article,
  body:is(.page-home,.home) .business-value-grid > article + article{
    padding:24px 20px;
    border:1px solid rgba(205,214,234,.84);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,244,255,.82));
    box-shadow:0 14px 30px rgba(35,28,70,.07);
  }

  body:is(.page-home,.home) .differentiation-grid{
    margin-top:25px;
  }
  body:is(.page-home,.home) .differentiation-card,
  body:is(.page-home,.home) .differentiation-card + .differentiation-card{
    padding:12px 14px 20px;
    border:1px solid rgba(222,104,125,.2);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,247,250,.94),rgba(255,255,255,.86));
    box-shadow:0 13px 28px rgba(111,43,63,.055);
  }
  body:is(.page-home,.home) .differentiation-card-editly{
    border-color:rgba(35,172,107,.3);
    background:linear-gradient(180deg,rgba(237,251,244,.94),rgba(255,255,255,.88));
  }

  body:is(.page-home,.home) #pricing .volume-plans,
  .pricing-page .volume-plans{
    margin-bottom:8px;
  }
  body:is(.page-home,.home) #pricing .volume-plans > .volume-card,
  body:is(.page-home,.home) #pricing .volume-card + .volume-card,
  .pricing-page .volume-plans > .volume-card,
  .pricing-page .volume-card + .volume-card{
    min-height:390px;
    padding:22px 19px;
    border:1px solid rgba(201,212,236,.76);
    border-radius:18px;
    background:rgba(255,255,255,.9);
    box-shadow:0 14px 30px rgba(35,28,70,.065);
  }
  body:is(.page-home,.home) #pricing .volume-card.featured,
  .pricing-page .volume-card.featured{
    border-radius:18px;
    background:linear-gradient(155deg,rgba(244,239,255,.96),rgba(242,251,247,.94));
    box-shadow:inset 0 2px #7650d6,0 14px 30px rgba(46,31,91,.08);
  }
  body:is(.page-home,.home) #pricing .volume-fit,
  .pricing-page .volume-detail{
    min-height:4.5em;
  }

  .features-page .features-edition-map{
    margin-top:20px;
  }
  .features-page .features-edition-card,
  .features-page .features-edition-card + .features-edition-card{
    padding:18px;
    border:1px solid rgba(205,214,234,.82);
    border-radius:17px;
    background:rgba(255,255,255,.9);
    box-shadow:0 12px 26px rgba(35,28,70,.06);
  }
  .features-page .features-edition-card-pro{
    background:linear-gradient(145deg,rgba(246,241,255,.96),rgba(255,255,255,.88));
  }

  .fvp-page .fvp-decision-panel{
    margin-top:22px;
    overflow-x:auto;
  }
  .fvp-page .fvp-decision-panel > .editorial-panel-item{
    min-height:210px;
    padding:22px 19px;
    border:1px solid rgba(205,214,234,.84);
    border-radius:17px;
    background:rgba(255,255,255,.9);
    box-shadow:0 12px 26px rgba(35,28,70,.055);
  }

  .page-blog .blog-cluster-nav{
    margin-bottom:30px;
  }
  .page-blog .blog-cluster-nav > a{
    min-height:92px;
    border:1px solid rgba(205,214,234,.84);
    border-radius:16px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 24px rgba(35,28,70,.055);
  }
  .page-blog .blog-category .blog-grid > .blog-card{
    min-height:240px;
    padding:20px;
    border:1px solid rgba(205,214,234,.84);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,249,255,.88));
    box-shadow:0 12px 26px rgba(35,28,70,.055);
  }

  .control-proof-list{
    grid-template-columns:1fr;
    border-radius:12px;
  }
  .control-proof-list li{
    justify-content:flex-start;
    text-align:left;
  }

  .hero-actions,
  .final-cta-actions,
  .features-section-actions{
    align-items:stretch;
  }
  .hero-actions .btn,
  .final-cta-actions .btn{
    min-height:48px;
  }
}


@media(max-width:420px){
  :root{--mobile-rail-card:84vw}
  .section-title,
  .pricing-page .pricing-page-title{
    overflow-wrap:anywhere;
  }
}

@media(prefers-reduced-motion:reduce){
  body:is(.page-home,.home) :is(.product-steps-grid,.business-value-grid,.differentiation-grid),
  body:is(.page-home,.home) #pricing .volume-plans,
  .pricing-page .volume-plans,
  .features-page .features-edition-map,
  .fvp-page .fvp-decision-panel,
  .page-blog .blog-cluster-nav,
  .page-blog .blog-category .blog-grid{
    scroll-behavior:auto;
  }
}
body.blog .blog-card,
main.blog-page .blog-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.blog .blog-cluster-nav a,
main.blog-page .blog-cluster-nav a{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:linear-gradient(110deg,rgba(111,45,232,.045),rgba(255,255,255,0));
  box-shadow:none;
}
.site-announcement::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  background-blend-mode:var(--texture-grain-blend);
  opacity:.22;
}
.site-announcement__inner{
  width:100%;
  max-width:1560px;
  min-height:58px;
  margin:0 auto;
  padding:9px clamp(18px,2.2vw,36px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(10px,1.3vw,18px);
}
.site-announcement__icon{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 36px;
  color:#0f6546;
  background:#d9fbe9;
  border:1px solid rgba(255,255,255,.52);
  border-radius:11px;
  box-shadow:0 8px 18px rgba(4,43,29,.2);
}
.site-announcement__icon svg{
  width:21px;
  height:21px;
  fill:currentColor;
}
.site-announcement__content{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:9px;
  min-width:0;
}
.site-announcement__eyebrow{
  flex:0 0 auto;
  color:#bdf4d5;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.site-announcement__content p{
  margin:0;
  color:#f7fffa;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
}
.site-announcement__actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.site-announcement__link{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:7px 13px;
  color:#0b5238;
  background:#fff;
  border:1px solid rgba(255,255,255,.7);
  border-radius:9px;
  box-shadow:0 7px 16px rgba(3,42,28,.17);
  font-size:12px;
  font-weight:800;
  transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);
}
.site-announcement__link:hover{
  box-shadow:0 10px 20px rgba(3,42,28,.23);
  transform:translateY(-1px);
}
.site-announcement__dismiss{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  margin-left:2px;
  color:rgba(238,255,246,.82);
  border-radius:10px;
  transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);
}
.site-announcement__dismiss svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
.site-announcement__dismiss:hover{
  color:#fff;
  background:rgba(255,255,255,.12);
}
.site-announcement.is-dismissing{
  opacity:0;
  transform:translateY(-8px);
  transition:opacity 180ms ease,transform 180ms ease;
}
.editly-offer-qualified .site-announcement[data-engagement-gated].is-dismissing{transform:translate(-50%,8px)}

@media(max-width:760px){
  .editly-offer-qualified .site-announcement[data-engagement-gated]{
    bottom:10px;
    width:calc(100% - 20px);
    border-radius:13px;
  }
  .site-announcement__inner,
  .agency-offer-dock .site-announcement__inner{
    min-height:0;
    padding:12px 14px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 40px;
    justify-content:stretch;
    gap:8px 10px;
  }
  .site-announcement__icon,
  .agency-offer-dock .site-announcement__icon{grid-column:1;grid-row:1}
  .site-announcement__content,
  .agency-offer-dock .site-announcement__content{
    grid-column:2;
    grid-row:1;
    display:block;
  }
  .site-announcement__eyebrow{display:block;margin-bottom:2px}
  .site-announcement__content p{font-size:12px;line-height:1.48}
  .site-announcement__actions,
  .agency-offer-dock .site-announcement__actions{
    grid-column:2;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-self:start;
  }
  .site-announcement__dismiss,
  .agency-offer-dock .site-announcement__dismiss{grid-column:3;grid-row:1;margin:0}
}

@media(max-width:420px){
  .site-announcement__inner{grid-template-columns:32px minmax(0,1fr) 40px}
  .site-announcement__icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
  .site-announcement__icon svg{width:19px;height:19px}
  .site-announcement__link{min-height:34px;padding:6px 10px;font-size:11px}
}

/* Mobile nav */
.nav-toggle{display:none;padding:var(--sp-2);color:#f7f2ff}
.nav-toggle .fa-icon{width:22px;height:22px;font-size:22px}
body.nav-open{
  overflow:hidden;
  overscroll-behavior:none;
}

@media(max-width:1260px){
  .container{
    padding:0 clamp(12px,4vw,18px);
  }
  main::before{display:none}
  .nav-links-shell{
    display:contents;
    overflow:visible;
  }
  .nav-links-shell::before,
  .nav-links-shell::after{
    display:none;
  }
  .nav-links,.nav-actions .nav-cta-pro{display:none}
  .nav-inner{
    height:70px;
  }
  .nav-toggle{
    display:flex;
    margin-left:2px;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
  }
  .nav-logo{min-height:44px}
  .nav-logo .nav-logo-image{
    height:28px;
  }
  .nav-logo span{
    font-size:13px;
    margin-left:4px;
  }
  .nav-actions{
    gap:6px;
  }
  .nav-actions .nav-cta-free{
    padding:10px 14px;
    font-size:1.02rem;
  }
  .nav-links.open{
    display:flex;
    flex-direction:column;
    position:absolute;
    grid-area:unset;
    top:calc(100% + 10px);
    left:0;
    right:0;
    width:100%;
    background:var(--elementor-gradient);
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    padding:10px;
    gap:6px;
    box-shadow:0 18px 36px rgba(16,10,32,.34);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .nav-links.open a{
    width:100%;
    justify-content:flex-start;
    padding:11px 12px;
    border:1px solid transparent;
    border-radius:11px;
    color:rgba(245,239,255,.92);
  }
  .nav-links.open a .nav-link-icon{
    width:14px;
    height:14px;
    font-size:14px;
    color:rgba(219,207,246,.9);
  }
  .nav-links.open a:hover{
    color:#fff;
    background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.16);
  }
  .nav-links.open a:focus-visible{
    outline-color:#fff;
  }
  .nav-links.open a.is-active{
    padding:11px 12px;
  }
  .nav-links.open .nav-mobile-pro{
    display:flex!important;
    margin-top:4px;
    color:#fff;
    background:linear-gradient(135deg,rgba(117,39,124,.96),rgba(54,24,122,.98));
    border-color:rgba(255,255,255,.2);
    box-shadow:0 10px 22px rgba(16,10,32,.22);
  }
}

@media(max-width:560px){
  .nav-logo span{
    display:none;
  }
  .nav-actions .nav-cta-free{
    display:none;
  }
  .header-language>summary{min-width:54px;padding-inline:8px}
  .header-language__menu{position:fixed;top:78px;right:12px;left:12px;width:auto}
  .header-language__menu::before{right:67px}
  .header-language__grid a{grid-template-columns:25px minmax(0,1fr)}
  .header-language__grid a small{display:none}
}

/* ============================================================
   STICKY SECTION PROGRESS
   ============================================================ */
.section-progress{
  position:sticky;
  top:var(--site-header-height,64px);
  z-index:95;
  background:var(--elementor-gradient);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.14);
  isolation:isolate;
}
.section-progress::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  background-blend-mode:var(--texture-grain-blend);
  opacity:.34;
}
.section-progress-inner{
  position:relative;
  z-index:1;
  padding:8px 0 10px;
}
.section-progress-line{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:rgba(255,255,255,.24);
  border-radius:999px;
  overflow:hidden;
}
#section-progress-fill{
  display:block;
  width:100%;
  height:100%;
  transform-origin:left center;
  transform:scaleX(0);
  background:linear-gradient(90deg,rgba(226,58,115,.85),rgba(123,63,242,.85),rgba(63,218,141,.8));
  transition:transform 90ms linear;
}
.section-progress-list{
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.section-progress-list::-webkit-scrollbar{display:none}
.section-progress-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  gap:8px;
  flex:0 0 auto;
  white-space:nowrap;
  scroll-snap-align:start;
  color:rgba(231,224,248,.86);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.02em;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
}
.section-progress-link .fa-icon{
  color:rgba(225,215,246,.82);
}
.section-progress-link:hover{
  color:#fff;
  background:rgba(255,255,255,.1);
}
.section-progress-link[aria-current="page"]{
  color:#fff;
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.24);
}
.section-progress-link[aria-current="page"] .fa-icon{
  color:#fff;
}
.section-progress-link.is-visited:not([aria-current="page"]){
  color:rgba(229,231,255,.84);
}
.section-progress-link.is-visited:not([aria-current="page"]) .fa-icon{
  color:rgba(122,236,171,.95);
}

@media(max-width:900px){
  .section-progress-inner::before,
  .section-progress-inner::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:20px;
    pointer-events:none;
    z-index:2;
  }
  .section-progress-inner::before{
    left:0;
    background:linear-gradient(90deg,rgba(70,36,111,1),rgba(70,36,111,0));
  }
  .section-progress-inner::after{
    right:0;
    background:linear-gradient(270deg,rgba(52,29,96,1),rgba(52,29,96,0));
  }
}

@media(max-width:700px){
  .section-progress{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .section-progress::before,
  .section-progress-inner::before,
  .section-progress-inner::after{
    display:none;
  }
  .section-progress-inner{
    padding:6px 0 8px;
  }
  .section-progress-list{
    position:relative;
    justify-content:flex-start;
    min-height:40px;
    padding-right:58px;
    overflow:visible;
    scroll-snap-type:none;
  }
  .section-progress-list::after{
    content:attr(data-current) " / " attr(data-total);
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(239,233,255,.76);
    font-size:11px;
    font-weight:750;
    letter-spacing:.08em;
    font-variant-numeric:tabular-nums;
  }
  .section-progress-link{
    display:none;
    min-height:38px;
    max-width:100%;
    padding:7px 11px;
  }
  .section-progress-link[aria-current="page"]{
    display:inline-flex;
  }
}

@media(min-width:1024px){
  .section-progress-list{
    justify-content:space-between;
    overflow:visible;
  }
  .section-progress-link{
    justify-content:center;
  }
}

/* ============================================================
   SECTION SHARED
   ============================================================ */
.section{
  padding:var(--section-py) 0;
}
body:is(.page-home,.home){
  --home-section-py:clamp(3.1rem,5.1vw,4.2rem);
  --home-section-py-tight:clamp(1.9rem,3.7vw,2.7rem);
}
body:is(.page-home,.home) main > .section:not(.hero):not(.final-cta){
  padding-top:var(--home-section-py);
  padding-bottom:var(--home-section-py);
}
body:is(.page-home,.home) main > .section:not(.hero):not(.final-cta):has(+ .separator-fullbleed){
  padding-bottom:var(--home-section-py-tight);
}
body:is(.page-home,.home) .separator-fullbleed + .section:not(.hero):not(.final-cta){
  padding-top:var(--home-section-py-tight);
}
.features-page .section,
.pricing-page .section,
.fvp-page .section,
.docs-page .section{
  padding:clamp(2.9rem,5.3vw,4.9rem) 0;
}
.section-alt{
  background:
    radial-gradient(42rem 20rem at 84% 6%,rgba(124,85,223,.055),rgba(124,85,223,0) 70%),
    linear-gradient(135deg,#fcfcff,#f6f7ff);
}
.page-hero{
  padding-top:clamp(2.2rem,4.2vw,3.4rem);
  padding-bottom:clamp(1.2rem,2.8vw,2rem);
}
.page-hero-inner{
  max-width:820px;
}
.page-hero-title{
  margin-bottom:10px;
}
.section-label{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--text-xs);font-weight:700;
  color:var(--editly-accent-dark);
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:var(--sp-4);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(219,223,238,.95);
  border-radius:9999px;
  padding:6px 12px;
}
.section-label .fa-icon{width:16px;height:16px;font-size:16px}
.section-title{
  font-size:var(--text-2xl);
  margin-bottom:var(--sp-4);
  letter-spacing:-.03em;
}
.section-subtitle{
  font-size:var(--text-md);
  color:var(--editly-text-secondary);
  max-width:560px;
  line-height:1.7;
}
#compatibility .compat-intro{
  max-width:920px;
  font-size:var(--text-base);
  line-height:1.6;
}
.faq-technical-detail{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(111,45,232,.14);
}
.faq-technical-detail summary{
  width:max-content;
  max-width:100%;
  cursor:pointer;
  color:var(--editly-accent-dark);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.faq-technical-detail p{
  margin:10px 0 0;
  color:var(--editly-text-secondary);
  font-size:.9rem;
  line-height:1.65;
}
.editorial-panel{
  margin-top:var(--sp-6);
  border:1px solid rgba(216,223,240,.84);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(246,251,255,.88));
  box-shadow:0 8px 20px rgba(27,19,58,.055);
}
.editorial-panel-item{
  padding:clamp(14px,2vw,18px);
  border-right:1px solid rgba(223,229,243,.78);
}
.editorial-panel-item:last-child{
  border-right:none;
}
.editorial-panel-item h3{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-body);
  font-size:1rem;
  font-weight:700;
  letter-spacing:-.01em;
  margin-bottom:8px;
}
.editorial-panel-item h3 .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
}
.editorial-panel-item p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:#4f5a7a;
}
@media(max-width:900px){
  .editorial-panel-item{
    border-right:none;
    border-bottom:1px solid rgba(223,229,243,.78);
  }
  .editorial-panel-item:last-child{
    border-bottom:none;
  }
}

@media(min-width:1024px){
  .section-title{font-size:var(--text-3xl)}
}

/* ============================================================
   1) HERO
   ============================================================ */
.hero{
  padding:var(--sp-20) 0 var(--sp-16);
  text-align:center;
  position:relative;
  overflow:clip;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-16% -6% 38% -6%;
  background:radial-gradient(64rem 30rem at 14% 42%, rgba(63,218,141,.16), rgba(63,218,141,0) 66%),
             radial-gradient(56rem 40rem at 84% 22%, rgba(226,58,115,.2), rgba(226,58,115,0) 64%),
             radial-gradient(54rem 32rem at 58% 10%, rgba(123,63,242,.24), rgba(123,63,242,0) 70%);
  z-index:-1;
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:clamp(84px,16vw,160px);
  background:linear-gradient(180deg,rgba(52,28,95,.26) 0%, rgba(52,28,95,0) 100%);
  pointer-events:none;
  z-index:-1;
}
.hero-layout{
  display:grid;
  gap:var(--sp-8);
  align-items:center;
}
.hero-copy{
  max-width:760px;
  margin:0 auto;
}
.hero h1{
  font-size:var(--text-3xl);
  max-width:680px;margin:0 auto var(--sp-6);
  letter-spacing:-.03em;
  line-height:1.1;
  text-wrap:balance;
}
.hero p{
  font-size:var(--text-md);
  color:var(--editly-text-secondary);
  max-width:58ch;margin:0 auto;
  line-height:1.7;
}
.hero p+p{margin-top:var(--sp-3)}
.hero-ctas{
  display:flex;align-items:center;justify-content:center;
  gap:var(--sp-4);
  margin-top:var(--sp-8);
  flex-wrap:wrap;
}
.hero-winwin{
  margin-top:var(--sp-4);
  font-size:.9rem;
  color:#1f6d4b;
  background:rgba(63,218,141,.13);
  border:1px solid rgba(63,218,141,.45);
  border-radius:10px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.hero-winwin strong{
  color:#147b4b;
}
.hero-trust{
  display:flex;align-items:center;justify-content:center;
  gap:var(--sp-6);
  margin-top:var(--sp-10);
  flex-wrap:wrap;
}
.hero-trust-item{
  display:flex;align-items:center;gap:var(--sp-2);
  font-size:var(--text-sm);
  color:#616882;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(220,225,240,.8);
}
.hero-trust-item .fa-icon{
  width:18px;height:18px;
  color:var(--editly-success-dark);
  flex-shrink:0;
}
.hero-journey{
  margin-top:var(--sp-8);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-2);
}
.hero-journey a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(219,224,239,.95);
  background:rgba(255,255,255,.75);
  color:#425075;
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);
}
.hero-journey a span{
  width:20px;
  height:20px;
  border-radius:9999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:5.5px;
  font-weight:800;
  color:#fff;
  background:var(--editly-gradient-main);
  box-shadow:0 6px 12px rgba(95,41,178,.24);
}
.hero-journey a:hover{
  border-color:#c9d1e8;
  color:#2c3860;
  box-shadow:0 10px 18px rgba(24,20,52,.08);
  transform:translateY(-1px);
}
.hero-visual{
  position:relative;
  margin:0;
  perspective:1600px;
  perspective-origin:18% 30%;
  isolation:isolate;
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:8% -3% -7% 3%;
  border-radius:calc(var(--radius-2xl) + 10px);
  background:linear-gradient(130deg,rgba(226,58,115,.32),rgba(123,63,242,.22) 46%,rgba(63,218,141,.14) 100%);
  filter:blur(.3px);
  z-index:0;
}
.hero-visual::after{
  content:"";
  position:absolute;
  left:12%;
  right:8%;
  bottom:-30px;
  height:34px;
  background:radial-gradient(ellipse at center, rgba(24,21,44,.24) 0%, rgba(24,21,44,.08) 48%, rgba(24,21,44,0) 75%);
  filter:blur(7px);
  z-index:0;
}
.hero-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1180/760;
  object-fit:cover;
  border:1px solid var(--editly-border);
  border-radius:var(--radius-2xl);
  box-shadow:0 22px 44px rgba(18,14,40,.18),0 6px 16px rgba(18,14,40,.08);
  background:var(--editly-surface);
  transform-origin:8% 56%;
  transform:rotateY(-12deg) rotateX(4deg) translate3d(0,-4px,0);
  transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out);
}
.hero-floating-panel{
  position:absolute;
  right:clamp(12px,2.4vw,26px);
  bottom:clamp(12px,2.4vw,24px);
  min-width:240px;
  max-width:300px;
  background:rgba(253,254,255,.94);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(212,218,236,.95);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-lg);
  padding:var(--sp-4);
  text-align:left;
  z-index:2;
  transform:translate3d(0,0,42px) rotateZ(-1.2deg);
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.hero-floating-label{
  font-size:var(--text-xs);
  font-weight:700;
  color:#464d67;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:var(--sp-2);
}
.hero-floating-panel ul{
  display:grid;
  gap:var(--sp-2);
}
.hero-floating-panel li{
  display:flex;
  align-items:center;
  gap:var(--sp-2);
  font-size:var(--text-sm);
  color:var(--editly-text-secondary);
}
.hero-floating-panel .svg-icon{
  color:var(--editly-success-dark);
  flex-shrink:0;
}

@media(hover:hover){
  .hero-visual:hover img{
    transform:rotateY(-9deg) rotateX(3deg) translate3d(0,-2px,0);
    box-shadow:0 28px 64px rgba(32,18,62,.24),0 10px 22px rgba(32,18,62,.12);
  }
  .hero-visual:hover .hero-floating-panel{
    transform:translate3d(0,-2px,50px) rotateZ(-.8deg);
    box-shadow:0 18px 36px rgba(20,17,42,.18);
  }
}

@media(max-width:640px){
  .hero-floating-panel{
    position:static;
    max-width:none;
    margin-top:var(--sp-4);
    transform:none;
  }
  .hero-visual::before,.hero-visual::after{display:none}
  .hero-visual img{transform:none}
}

@media(max-width:1023px){
  .hero-visual{
    max-width:740px;
    margin:0 auto;
  }
  .hero-visual img{
    transform:none;
  }
}

@media(min-width:1024px){
  .hero{padding:var(--sp-32) 0 var(--sp-20)}
  .hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(2.5rem,4vw,4rem);
    align-items:start;
  }
  .hero-copy{
    margin:0;
    max-width:none;
    text-align:left;
    padding-top:var(--sp-4);
  }
  .hero h1{
    font-size:clamp(2.95rem,4vw,3.9rem);
    margin:0 0 var(--sp-6);
    max-width:15.4ch;
  }
  .hero p{
    margin:0;
    max-width:52ch;
  }
  .hero-copy .hero-ctas{
    justify-content:flex-start;
  }
  .hero-copy .hero-winwin{
    text-align:left;
  }
  .hero-copy .hero-trust{
    justify-content:flex-start;
  }
  .hero-copy .hero-journey{
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:720px;
  }
  .hero-visual{
    margin-top:var(--sp-2);
  }
}

@media (prefers-reduced-motion: reduce){
  .hero-visual img,
  .hero-floating-panel{
    transition:none;
    transform:none;
  }
}
/* Hero refinements (centered/editorial variant) */
.hero{
  padding:72px 0 var(--sp-14);
}
.hero::before{
  inset:-12% -10% 36% -10%;
  background:
    radial-gradient(52rem 24rem at 50% 18%, rgba(123,63,242,.12), rgba(123,63,242,0) 72%),
    radial-gradient(44rem 22rem at 18% 42%, rgba(63,218,141,.08), rgba(63,218,141,0) 72%),
    radial-gradient(44rem 24rem at 82% 38%, rgba(226,58,115,.08), rgba(226,58,115,0) 72%);
}
.hero .container{
  display:block;
}
.hero-flow{
  max-width:980px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero-copy-centered{
  margin:0;
  max-width:980px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hero p.hero-kicker{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-content:center;
  width:fit-content;
  max-width:fit-content;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(182,218,200,.22);
  background:rgba(239,252,245,.14);
  color:#4b6f62;
  font-size:14px;
  line-height:1;
  font-weight:650;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hero p.hero-kicker .hero-kicker-icon{
  width:10px;
  height:10px;
  font-size:10px;
}
.hero .hero-copy-centered h1{
  font-size:clamp(36px,3.6vw,54px);
  max-width:26ch;
  margin:14px auto 0;
  line-height:1.1;
  letter-spacing:-.022em;
}
.hero .hero-copy-centered > p:not(.hero-kicker){
  margin:14px auto 0;
  max-width:56ch;
  color:#515a77;
}
.hero .hero-copy-centered .hero-ctas{
  margin-top:22px;
  justify-content:center;
  gap:var(--sp-3);
}
.hero .hero-copy-centered .btn-pro{
  background:var(--elementor-gradient);
  box-shadow:0 8px 18px rgba(53,24,104,.3);
}
.hero .hero-copy-centered .btn-pro:hover{
  box-shadow:0 12px 24px rgba(53,24,104,.38);
  transform:translateY(-1px);
}
.hero .hero-copy-centered .btn-free{
  box-shadow:0 8px 16px rgba(33,168,103,.16);
}
.hero .hero-copy-centered .btn-free:hover{
  box-shadow:0 12px 22px rgba(33,168,103,.24);
}
.hero .wp-icon{
  width:15px;
  height:15px;
  font-size:15px;
}
.hero .hero-copy-centered .hero-trust{
  margin-top:16px;
  gap:8px;
}
.hero .hero-copy-centered .hero-trust-item{
  border:1px solid rgba(216,222,238,.9);
  background:rgba(255,255,255,.74);
  color:#546080;
  border-radius:999px;
  min-height:34px;
  padding:8px 12px;
  font-size:12px;
  font-weight:650;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.hero .hero-copy-centered .hero-trust-item .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
}
.hero .hero-elementor-icon{
  width:15px;
  height:15px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
}
.hero .chip-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:#6f78a0;
}
.hero-media-wrap{
  width:min(100%,940px);
  margin:24px auto 0;
}
.hero-video-frame{
  position:relative;
  width:100%;
  /* A landscape stage reduces visual weight without cropping the narrated demo or its captions. */
  aspect-ratio:3 / 2;
  border-radius:18px 18px 0 0;
  border:1px solid rgba(218,223,239,.95);
  border-bottom:0;
  background:rgba(255,255,255,.75);
  box-shadow:0 18px 34px rgba(20,16,44,.1),0 2px 12px rgba(20,16,44,.05);
  overflow:hidden;
  isolation:isolate;
}
.hero-video-frame::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-18px;
  height:20px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(24,21,44,.16) 0%, rgba(24,21,44,.04) 50%, rgba(24,21,44,0) 78%);
  filter:blur(5px);
  pointer-events:none;
  z-index:-1;
}
.hero-video-poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#f3f1f8;
  object-position:center;
  border-radius:inherit;
  transition:opacity var(--dur-base) var(--ease-out);
}
.hero-video-frame video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#edf1f9;
  border-radius:inherit;
  display:block;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  opacity:0;
  pointer-events:none;
  transition:opacity var(--dur-slow) var(--ease-out);
}
.hero-video-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(22,18,44,.52);
  color:#fff;
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-base) var(--ease-out),visibility var(--dur-base) var(--ease-out);
}
.hero-video-play:hover{
  transform:translate(-50%,-50%) scale(1.02);
  background:rgba(22,18,44,.62);
}
.hero-video-play-icon{
  width:14px;
  height:14px;
  font-size:14px;
}
.hero-video-frame.is-playing .hero-video-play{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.hero-video-frame.is-playing .hero-video-poster{
  opacity:0;
}
.hero-video-frame.is-playing video{
  opacity:1;
  pointer-events:auto;
}
.hero-media-panel{
  border:1px solid rgba(218,223,239,.95);
  border-top:1px solid rgba(210,216,235,.9);
  border-radius:0 0 20px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,255,.94));
  padding:14px 18px;
  text-align:center;
}
.hero-media-panel p{
  font-size:13px;
  line-height:1.5;
  color:#505a77;
  margin:0 auto;
  max-width:72ch;
}
.media-text-summary{
  margin:10px auto 0;
  max-width:76ch;
  border:1px solid rgba(218,223,239,.9);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#505a77;
  font-size:13px;
  line-height:1.6;
  text-align:left;
}
.media-text-summary summary{
  padding:10px 14px;
  color:#293453;
  font-weight:800;
  cursor:pointer;
}
.media-text-summary p{
  margin:0;
  padding:0 14px 14px;
}
.blog-overview-video .media-text-summary{
  width:100%;
  max-width:none;
}
.hero-media-points{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.hero-media-points li{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:650;
  color:#4d5776;
  border:1px solid rgba(214,220,238,.92);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  padding:6px 10px;
}

@media(min-width:1024px){
  .hero{
    padding:82px 0 60px;
  }
  .hero .hero-copy-centered{
    max-width:980px;
    text-align:center;
    padding-top:0;
    margin:0;
  }
  .hero .hero-copy-centered .hero-ctas,
  .hero .hero-copy-centered .hero-trust{
    justify-content:center;
  }
}

@media(max-width:640px){
  .hero{
    padding:72px 0 52px;
  }
  .hero .hero-copy-centered h1{
    max-width:15ch;
  }
  .hero .hero-copy-centered .hero-trust{
    gap:var(--sp-3);
  }
  .hero-video-play span{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero-video-play,
  .hero-video-frame video{
    transition:none;
  }
}

/* ============================================================
   3) WHY EDITLY
   ============================================================ */
.why-combined{
  margin-top:0;
}
.why-combined .section-subtitle{
  margin-top:var(--sp-3);
  max-width:72ch;
}
.why-kicker{
  margin:var(--sp-5) 0 0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(203,213,236,.92);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#3f4b70;
  font-size:13px;
  font-weight:800;
  line-height:1.45;
  padding:8px 12px;
  box-shadow:0 8px 16px rgba(27,19,58,.045);
}
.why-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--editly-success-dark);
  box-shadow:0 0 0 5px rgba(35,172,107,.11);
  flex:0 0 auto;
}
.safe-layer-scene{
  position:relative;
  margin-top:clamp(24px,3.5vw,38px);
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
  isolation:isolate;
  padding:clamp(22px,3.5vw,42px) clamp(6px,1.4vw,14px);
  border:1px solid rgba(223,229,243,.64);
  border-radius:28px;
  background:
    radial-gradient(42rem 18rem at 50% 42%,rgba(111,45,232,.07),rgba(111,45,232,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.58),rgba(248,250,255,.44));
  overflow:hidden;
}
.safe-layer-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  opacity:.22;
  mix-blend-mode:multiply;
}
.why-flow-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
}
.safe-layer-requests,
.safe-layer-outcomes{
  position:relative;
  z-index:1;
}
.safe-layer-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#667193;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.safe-layer-label::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#7c55df;
}
.safe-layer-requests .safe-layer-label{
  margin-left:4px;
}
.request-bubbles{
  margin-top:14px;
  display:grid;
  gap:10px;
}
.request-bubbles span{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  border:1px solid rgba(212,221,240,.92);
  border-radius:999px 999px 999px 8px;
  background:linear-gradient(180deg,#fff,rgba(248,250,255,.94));
  color:#465375;
  font-size:13px;
  font-weight:750;
  line-height:1.35;
  padding:9px 12px;
  box-shadow:0 10px 18px rgba(27,19,58,.055);
}
.request-bubbles span:nth-child(even){
  margin-left:18px;
  border-radius:999px 999px 8px 999px;
}
.request-bubbles span:nth-child(3){
  margin-left:8px;
}
.safe-layer-core{
  position:relative;
  border:1px solid rgba(151,126,223,.52);
  border-radius:24px;
  background:
    radial-gradient(36rem 14rem at 85% -20%,rgba(63,218,141,.13),rgba(63,218,141,0) 70%),
    radial-gradient(36rem 14rem at 8% 110%,rgba(233,63,102,.09),rgba(233,63,102,0) 70%),
    linear-gradient(158deg,rgba(255,255,255,.98),rgba(247,244,255,.96) 52%,rgba(244,253,248,.96));
  box-shadow:
    0 26px 58px rgba(42,28,91,.16),
    0 0 0 1px rgba(255,255,255,.72) inset;
  padding:clamp(18px,2.8vw,24px);
  transform:translateZ(0);
  z-index:2;
}
.safe-layer-core-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.safe-layer-core-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#5d36bd;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.safe-layer-core-head span::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--editly-success-dark);
  box-shadow:0 0 0 5px rgba(35,172,107,.12);
}
.safe-layer-core-head strong{
  color:#2f3a61;
  font-size:13px;
}
.safe-layer-split{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}
.safe-layer-panel{
  border:1px solid rgba(216,224,240,.9);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  color:#374363;
  padding:15px 16px;
}
.safe-layer-panel--edit{
  border-color:rgba(124,85,223,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,245,255,.95));
}
.safe-layer-panel--protect{
  background:rgba(247,249,253,.86);
}
.safe-layer-panel h3{
  margin:0 0 10px;
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-body);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  line-height:1.25;
  text-transform:uppercase;
}
.safe-layer-panel h3::before{
  font-family:"Font Awesome 6 Free";
  font-weight:900;
}
.safe-layer-panel--edit h3{
  color:#5d36bd;
}
.safe-layer-panel--edit h3::before{
  content:"\f00c";
}
.safe-layer-panel--protect h3{
  color:#667193;
}
.safe-layer-panel--protect h3::before{
  content:"\f023";
}
.safe-layer-panel p{
  margin:0;
  color:#3f4b70;
  font-size:14px;
  font-weight:650;
  line-height:1.55;
}
.safe-layer-panel--protect p{
  color:#5e6887;
}
.safe-layer-mantra{
  margin:12px 0 0;
  border:1px solid rgba(63,218,141,.3);
  border-radius:14px;
  background:rgba(235,252,244,.72);
  color:#213052;
  font-size:clamp(1rem,1.8vw,1.18rem);
  font-weight:900;
  line-height:1.35;
  padding:12px 14px;
  text-align:center;
}
.safe-layer-outcomes ul{
  margin-top:14px;
  display:grid;
  gap:9px;
  border:1px solid rgba(216,224,241,.86);
  border-radius:18px;
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 24px rgba(27,19,58,.055);
  padding:12px;
}
.safe-layer-outcomes li{
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.62);
  color:#3f4b70;
  font-size:13px;
  font-weight:800;
  line-height:1.4;
  padding:9px 10px;
  box-shadow:none;
}
.safe-layer-outcomes .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:#5d36bd;
  flex:0 0 auto;
}
.safe-layer-summary{
  margin-top:clamp(18px,2.7vw,28px);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.safe-layer-summary strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:1px solid rgba(216,224,240,.9);
  border-radius:999px;
  color:#202849;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
  padding:10px 16px;
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(236,251,243,.88));
  box-shadow:0 10px 20px rgba(27,19,58,.05);
  text-align:center;
}

@media(min-width:980px){
  .safe-layer-scene{
    grid-template-columns:minmax(0,.7fr) minmax(420px,1.3fr) minmax(0,.76fr);
    gap:22px;
  }
  .safe-layer-summary{
    justify-content:center;
  }
}

@media(max-width:640px){
  .why-kicker{
    border-radius:14px;
  }
  .safe-layer-core{
    border-radius:20px;
  }
  .safe-layer-scene{
    padding:18px 12px;
  }
  .why-flow-svg{
    display:none;
  }
  .safe-layer-scene::after{
    content:"";
    position:absolute;
    top:58px;
    bottom:58px;
    left:50%;
    z-index:0;
    width:2px;
    transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(124,85,223,.08),rgba(124,85,223,.2),rgba(35,172,107,.13));
    border-radius:999px;
  }
  .request-bubbles span{
    width:100%;
  }
  .request-bubbles span:nth-child(even),
  .request-bubbles span:nth-child(3){
    margin-left:0;
  }
  .safe-layer-summary strong{
    width:100%;
    justify-content:center;
    border-radius:14px;
  }
}

/* Product proof + compact workflow sections */
.product-steps{
  position:relative;
  background:
    radial-gradient(54rem 18rem at 50% -18%,rgba(124,85,223,.12),rgba(124,85,223,0) 72%),
    radial-gradient(42rem 16rem at 90% 110%,rgba(35,172,107,.09),rgba(35,172,107,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(248,250,255,.58));
  overflow:hidden;
}
.product-steps::before{
  content:"";
  position:absolute;
  left:50%;
  top:calc(50% + 42px);
  width:min(760px,72vw);
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(35,172,107,.28),rgba(124,85,223,.32),rgba(124,85,223,.2));
  opacity:.72;
  pointer-events:none;
}
.product-steps-grid{
  position:relative;
  z-index:1;
  width:min(1080px,100%);
  margin:var(--sp-8) auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.2vw,24px);
}
.product-step-card{
  position:relative;
  min-height:215px;
  border:1px solid rgba(199,210,236,.9);
  border-radius:26px;
  background:
    radial-gradient(18rem 10rem at 100% 0%,rgba(124,85,223,.075),rgba(124,85,223,0) 70%),
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,251,255,.92));
  box-shadow:0 22px 46px rgba(29,22,58,.085);
  padding:clamp(21px,2.8vw,28px);
  text-align:left;
  overflow:hidden;
  transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.product-step-card::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-50px;
  width:160px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(35,172,107,.1),rgba(35,172,107,0) 68%);
  pointer-events:none;
}
.product-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid rgba(124,85,223,.22);
  border-radius:15px;
  background:rgba(248,245,255,.86);
  color:#5d36bd;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.product-step-visual{
  position:relative;
  z-index:1;
  margin-top:var(--sp-5);
  min-height:124px;
  border:1px solid rgba(215,224,241,.86);
  border-radius:18px;
  background:
    linear-gradient(rgba(124,85,223,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,172,107,.04) 1px,transparent 1px),
    rgba(255,255,255,.76);
  background-size:18px 18px,18px 18px,auto;
  padding:12px;
  overflow:hidden;
}
.workflow-visual-header{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  min-height:28px;
  border:1px solid rgba(216,224,240,.86);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(29,22,58,.055);
  color:#4c5878;
  font-size:10px;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
  padding:5px 9px;
}
.workflow-visual-header img{
  width:17px;
  height:17px;
  object-fit:contain;
  border-radius:4px;
  flex-shrink:0;
}
.workflow-visual-header .fa-icon{
  width:13px;
  height:13px;
  font-size:13px;
  color:#6f2de8;
}
.workflow-visual-header-elementor{
  border-color:rgba(229,67,122,.18);
  color:#6f2de8;
}
.workflow-visual-header-admin{
  border-color:rgba(35,172,107,.22);
  color:#137c50;
}
.workflow-visual-header em{
  margin-left:3px;
  border-radius:999px;
  background:rgba(238,232,255,.9);
  color:#6a3fd0;
  font-size:8px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.05em;
  padding:4px 6px;
}
.product-step-card:hover{
  transform:translateY(-4px);
  border-color:rgba(124,85,223,.26);
  box-shadow:0 28px 58px rgba(29,22,58,.105);
}
.mock-page-line{
  display:block;
  height:10px;
  width:64%;
  margin-top:10px;
  border-radius:999px;
  background:rgba(210,219,239,.9);
}
.mock-page-line-wide{
  width:82%;
  margin-top:0;
}
.mock-page-line-accent{
  width:52%;
  background:rgba(124,85,223,.2);
  box-shadow:0 0 0 5px rgba(124,85,223,.055);
}
.mock-scan-line{
  position:absolute;
  inset:48px auto 12px 18%;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(35,172,107,0),rgba(35,172,107,.72),rgba(35,172,107,0));
  box-shadow:0 0 18px rgba(35,172,107,.32);
  animation:editlyScan 3.8s var(--ease-out) infinite;
}
.elementor-page-scan{
  position:relative;
  z-index:1;
  margin-top:10px;
}
.product-step-visual-fields{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.product-step-visual-fields .workflow-visual-header{
  min-height:24px;
  font-size:9px;
  padding:4px 8px;
}
.wp-admin-field-stack{
  display:grid;
  gap:5px;
}
.wp-admin-field-stack span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:24px;
  border:1px solid rgba(215,224,241,.84);
  border-radius:9px;
  background:rgba(255,255,255,.82);
  color:#3f4b70;
  font-size:10px;
  font-weight:850;
  padding:5px 8px;
}
.wp-admin-field-stack em{
  border-radius:999px;
  background:rgba(231,251,241,.92);
  color:#137c50;
  font-size:8px;
  font-style:normal;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  padding:4px 5px;
}
.wp-admin-field-stack span:nth-child(2){
  animation:editlyFieldPulse 4.2s var(--ease-out) infinite;
}
.product-step-visual-locked{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.builder-lock-mock{
  position:relative;
  display:grid;
  grid-template-columns:minmax(78px,.42fr) minmax(0,1fr);
  gap:9px;
}
.builder-sidebar{
  display:grid;
  gap:6px;
}
.builder-sidebar span{
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px dashed rgba(151,160,184,.46);
  border-radius:8px;
  background:rgba(245,248,253,.74);
  color:#7a829c;
  font-size:9px;
  font-weight:900;
  padding:0 7px;
}
.builder-sidebar span::after{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(124,85,223,.28);
}
.builder-canvas{
  min-height:82px;
  border:1px solid rgba(215,224,241,.8);
  border-radius:12px;
  background:
    linear-gradient(rgba(124,85,223,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,172,107,.035) 1px,transparent 1px),
    rgba(255,255,255,.58);
  background-size:16px 16px,16px 16px,auto;
  padding:11px;
}
.builder-block{
  display:block;
  height:9px;
  width:62%;
  margin-top:9px;
  border-radius:999px;
  background:rgba(203,213,235,.78);
}
.builder-block-wide{
  width:84%;
  margin-top:0;
}
.builder-block-accent{
  width:46%;
  background:rgba(124,85,223,.18);
}
.product-step-visual-locked .fa-icon{
  position:absolute;
  right:10px;
  bottom:10px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#5d36bd;
  box-shadow:0 10px 18px rgba(29,22,58,.08);
}
.product-step-visual-result{
  display:flex;
  flex-direction:column;
  gap:10px;
  background:
    radial-gradient(circle at 78% 35%,rgba(35,172,107,.1),transparent 34%),
    linear-gradient(rgba(124,85,223,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,172,107,.025) 1px,transparent 1px),
    rgba(252,255,253,.92);
  background-size:auto,22px 22px,22px 22px,auto;
}
.workflow-visual-header-front{
  border-color:rgba(35,172,107,.26);
  color:#137c50;
}
.workflow-visual-header-front .fa-icon{
  color:#19915e;
}
.workflow-visual-header-front em{
  background:rgba(229,248,237,.94);
  color:#167c52;
}
.client-front-result{
  position:relative;
  min-height:104px;
  overflow:hidden;
  border:1px solid rgba(211,224,218,.9);
  border-radius:13px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(32,65,50,.07);
}
.client-front-browser{
  height:23px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 9px;
  border-bottom:1px solid rgba(220,227,224,.9);
  background:#f7f9f8;
}
.client-front-browser i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c8cfcc;
}
.client-front-copy{
  width:70%;
  display:grid;
  gap:7px;
  padding:16px 14px;
}
.client-front-copy b,.client-front-copy i{
  display:block;
  height:8px;
  border-radius:999px;
  background:#dce4e0;
}
.client-front-copy b{
  width:82%;
  height:11px;
  background:linear-gradient(90deg,#4e3d56,#8d075f);
}
.client-front-copy i:nth-child(2){width:100%}.client-front-copy i:nth-child(3){width:68%}
.client-front-safe{
  position:absolute;
  right:16px;
  top:43px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#e5f8ed;
  box-shadow:0 8px 17px rgba(35,172,107,.12);
  color:#17885a;
  font-size:15px;
}
.product-step-card h3{
  margin:var(--sp-4) 0 0;
  color:#1f2848;
  font-size:clamp(1.18rem,1.72vw,1.48rem);
  line-height:1.12;
  letter-spacing:-.015em;
}
.product-step-card p{
  margin:var(--sp-3) 0 0;
  color:#536080;
  font-size:14.5px;
  line-height:1.62;
}
.product-steps-summary{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  margin:clamp(18px,2.6vw,26px) auto 0;
  border:1px solid rgba(215,224,241,.86);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 26px rgba(29,22,58,.055);
  color:#394563;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
  text-align:center;
  padding:11px 16px;
}
@keyframes editlyScan{
  0%,22%{transform:translateX(0);opacity:.16}
  45%{opacity:1}
  70%,100%{transform:translateX(220px);opacity:.18}
}
@keyframes editlyFieldPulse{
  0%,54%,100%{border-color:rgba(215,224,241,.84);box-shadow:none}
  66%,76%{border-color:rgba(35,172,107,.36);box-shadow:0 0 0 4px rgba(35,172,107,.08)}
}
@keyframes editlyLanePulse{
  0%,100%{opacity:.42;transform:translate(-8%,50%) scaleX(.88)}
  50%{opacity:.9;transform:translate(8%,50%) scaleX(1)}
}
/* ============================================================
   Home support loop: merged Why + workflow proof
   ============================================================ */
.support-loop{
  position:relative;
  overflow:hidden;
}
.support-loop::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(42rem 20rem at 12% 18%,rgba(233,63,102,.055),rgba(233,63,102,0) 72%),
    radial-gradient(48rem 24rem at 86% 82%,rgba(35,172,107,.065),rgba(35,172,107,0) 72%);
}
.support-loop .container{
  position:relative;
  z-index:1;
}
.support-loop-head .section-subtitle{
  max-width:760px;
}
/* Compact handover story used by the shortened homepage. */
.handover-compact{
  margin:clamp(22px,3vw,32px) auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid rgba(215,224,241,.8);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(29,22,58,.045);
}
.handover-compact-card{
  position:relative;
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:clamp(18px,2.2vw,24px);
}
.handover-compact-card--core{
  background:
    radial-gradient(22rem 10rem at 50% -10%,rgba(124,85,223,.1),rgba(124,85,223,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,246,255,.62));
}
.handover-compact-card + .handover-compact-card{
  border-left:1px solid rgba(215,224,241,.78);
}
.handover-compact-step{
  color:#667295;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.handover-compact-card > .fa-icon{
  width:42px;
  height:42px;
  margin-top:22px;
  border:1px solid rgba(124,85,223,.17);
  border-radius:14px;
  background:rgba(246,242,255,.9);
  color:#6b42d7;
  font-size:18px;
}
.handover-compact-card h3{
  margin-top:16px;
  color:#202849;
  font-size:clamp(1.08rem,1.45vw,1.3rem);
  line-height:1.2;
}
.handover-compact-card p{
  margin-top:8px;
  color:#536080;
  font-size:13.5px;
  line-height:1.6;
}
@media(max-width:820px){
  .handover-compact{
    grid-template-columns:1fr;
  }
  .handover-compact-card{
    min-height:0;
  }
  .handover-compact-card + .handover-compact-card{
    border-left:0;
    border-top:1px solid rgba(215,224,241,.78);
  }
}

.differentiation-grid{
  width:min(1080px,100%);
  margin:clamp(26px,4vw,42px) auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,20px);
}
.differentiation-card{
  position:relative;
  border:1px solid rgba(233,63,102,.17);
  border-radius:24px;
  background:
    radial-gradient(19rem 10rem at 100% 0%,rgba(233,63,102,.052),rgba(233,63,102,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,252,.86));
  box-shadow:0 12px 28px rgba(29,22,58,.045);
  padding:clamp(18px,2.3vw,24px);
  text-align:left;
  transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.differentiation-card-editly{
  border-color:rgba(124,85,223,.24);
  background:
    radial-gradient(18rem 10rem at 100% 0%,rgba(124,85,223,.07),rgba(124,85,223,0) 70%),
    radial-gradient(16rem 9rem at 0% 100%,rgba(35,172,107,.055),rgba(35,172,107,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,248,255,.88));
}
.differentiation-card-editly::after{
  content:"";
  position:absolute;
  inset:auto 20px 0 20px;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,rgba(35,172,107,.5),rgba(124,85,223,.56));
  opacity:.7;
}
.differentiation-card h3{
  margin:var(--sp-4) 0 0;
  color:#202849;
  font-size:clamp(1.08rem,1.42vw,1.26rem);
  line-height:1.14;
}
.differentiation-card:hover{
  transform:translateY(-3px);
  border-color:rgba(233,63,102,.28);
  box-shadow:0 18px 38px rgba(29,22,58,.07);
}
.differentiation-card-editly:hover{
  border-color:rgba(35,172,107,.34);
}
.differentiation-chip{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(233,63,102,.2);
  border-radius:999px;
  background:rgba(255,248,250,.82);
  color:#8e4258;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  padding:7px 9px;
}
.differentiation-card-editly .differentiation-chip{
  border-color:rgba(35,172,107,.28);
  background:rgba(231,251,241,.86);
  color:#137c50;
}
.differentiation-mini{
  margin-top:var(--sp-4);
  min-height:126px;
  border:1px solid rgba(233,63,102,.15);
  border-radius:16px;
  background:
    linear-gradient(rgba(233,63,102,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(233,63,102,.02) 1px,transparent 1px),
    rgba(255,252,253,.62);
  background-size:18px 18px,18px 18px,auto;
  padding:12px;
  color:#4f5a79;
  font-size:11px;
  font-weight:860;
}
.differentiation-mini-lock{
  display:grid;
  gap:10px;
}
.differentiation-mini-lock span{
  opacity:.72;
}
.elementor-role-panel .fa-icon{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,246,249,.92);
  color:#9a4058;
}
.differentiation-mini-fields{
  display:grid;
  gap:10px;
}
.acf-field-stack,
.differentiation-mini-editly{
  display:grid;
  gap:8px;
}
.acf-field-stack span,
.differentiation-mini-editly > span,
.elementor-role-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(215,224,241,.76);
  border-radius:10px;
  background:rgba(255,255,255,.78);
  padding:8px 9px;
}
.acf-field-stack span,
.differentiation-mini-lock{
  border-color:rgba(233,63,102,.18);
}
.difference-brand{
  display:flex;
  align-items:center;
  gap:8px;
  color:#465173;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  line-height:1;
  text-transform:uppercase;
}
.difference-brand img{
  width:20px;
  height:20px;
  object-fit:contain;
  border-radius:6px;
}
.acf-logo-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:20px;
  border-radius:6px;
  background:#00d084;
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.04em;
}
.elementor-role-panel{
  min-height:46px;
}
.elementor-role-panel strong{
  color:#8e4258;
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.differentiation-mini small{
  color:#8b5363;
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
}
.differentiation-mini-editly{
  border-color:rgba(35,172,107,.22);
  background:
    radial-gradient(12rem 7rem at 100% 0%,rgba(35,172,107,.07),rgba(35,172,107,0) 68%),
    rgba(255,255,255,.74);
}
.editly-admin-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#5a6380;
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em;
  line-height:1;
  text-transform:uppercase;
}
.editly-admin-bar img{
  width:22px;
  height:22px;
  object-fit:contain;
  border:1px solid rgba(35,172,107,.2);
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 12px rgba(29,22,58,.06);
}
.differentiation-mini-editly em{
  border-radius:999px;
  background:rgba(231,251,241,.9);
  color:#137c50;
  font-size:9px;
  font-style:normal;
  font-weight:950;
  line-height:1;
  text-transform:uppercase;
  padding:5px 6px;
}
.differentiation-mini-editly .fa-icon{
  color:#5d36bd;
}
.differentiation-card p{
  margin:var(--sp-3) 0 0;
  color:#536080;
  font-size:13.5px;
  line-height:1.56;
}

@media (prefers-reduced-motion: reduce){
  .mock-scan-line,
  .wp-admin-field-stack span:nth-child(2){
    animation:none;
  }
  .product-step-card,
  .differentiation-card{
    transition:none;
  }
}

@media(max-width:900px){
  .product-steps::before{
    display:none;
  }
  .product-steps-grid,
  .differentiation-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .product-steps-summary{
    width:100%;
    border-radius:16px;
  }
}

/* ============================================================
   4) FEATURES
   ============================================================ */
/* ============================================================
   Home controls: compact Free / Pro decision layer
   ============================================================ */
.controls-section{
  position:relative;
  overflow:hidden;
}
.controls-section::before{
  content:"";
  position:absolute;
  inset:10% 0 auto;
  height:62%;
  pointer-events:none;
  background:
    radial-gradient(46rem 18rem at 18% 16%,rgba(35,172,107,.075),rgba(35,172,107,0) 70%),
    radial-gradient(48rem 20rem at 84% 20%,rgba(124,85,223,.095),rgba(124,85,223,0) 72%);
}
.controls-section .container{
  position:relative;
  z-index:1;
}
.controls-head .section-subtitle{
  max-width:720px;
}
.control-deck{
  position:relative;
  margin:clamp(24px,3.2vw,34px) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,.7fr) minmax(0,1fr);
  gap:clamp(12px,1.7vw,18px);
  align-items:stretch;
  border:1px solid rgba(213,222,240,.72);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 28px rgba(29,22,58,.045);
  overflow:hidden;
  padding:clamp(16px,2.35vw,24px);
  isolation:isolate;
}
.control-deck::before{
  content:none;
}
.control-deck-glow{
  display:none;
}
.control-plan,
.control-core-panel,
.control-outcome-row{
  position:relative;
  z-index:1;
}
.control-plan{
  border:1px solid rgba(215,224,241,.72);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 24px rgba(29,22,58,.04);
  padding:clamp(14px,1.9vw,18px);
}
.control-plan-pro{
  border-color:rgba(124,85,223,.18);
  background:
    radial-gradient(21rem 11rem at 100% 0%,rgba(124,85,223,.06),rgba(124,85,223,0) 72%),
    rgba(255,255,255,.74);
}
.control-plan-head{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(215,224,241,.72);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#455171;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  padding:8px 10px;
}
.control-plan-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#23ac6b;
  box-shadow:0 0 0 5px rgba(35,172,107,.1);
}
.control-plan-pro .control-plan-dot{
  background:#7c55df;
  box-shadow:0 0 0 5px rgba(124,85,223,.1);
}
.control-feature-list{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.control-feature-list li{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-height:70px;
  border:1px solid rgba(223,229,243,.66);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(249,251,255,.62));
  padding:11px;
  transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);
}
.control-feature-list li:hover{
  transform:translateY(-2px);
  border-color:rgba(124,85,223,.2);
  box-shadow:0 10px 20px rgba(29,22,58,.045);
}
.control-feature-list .fa-icon{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(35,172,107,.18);
  border-radius:12px;
  background:rgba(240,253,247,.76);
  color:#168f58;
  font-size:14px;
}
.control-plan-pro .control-feature-list .fa-icon{
  border-color:rgba(124,85,223,.2);
  background:rgba(248,245,255,.78);
  color:#6b40d8;
}
.control-feature-list strong{
  display:block;
  color:#202849;
  font-size:13.5px;
  font-weight:900;
  line-height:1.25;
}
.control-feature-list span{
  display:block;
  margin-top:4px;
  color:#5b6684;
  font-size:12px;
  font-weight:680;
  line-height:1.42;
}
.control-core-panel{
  align-self:center;
  border:1px solid rgba(138,102,226,.34);
  border-radius:14px;
  background:
    radial-gradient(22rem 11rem at 50% -28%,rgba(124,85,223,.12),rgba(124,85,223,0) 70%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,248,255,.88));
  box-shadow:0 18px 42px rgba(68,48,124,.095),0 1px 0 rgba(255,255,255,.9) inset;
  text-align:center;
  padding:clamp(18px,2.3vw,26px);
}
.control-core-kicker{
  display:inline-flex;
  border:1px solid rgba(177,158,232,.32);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#5f35c4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
  padding:8px 10px;
}
.control-core-panel strong{
  display:block;
  margin-top:12px;
  color:#172042;
  font-family:var(--font-display);
  font-size:clamp(1.34rem,2vw,1.76rem);
  line-height:1.08;
  letter-spacing:-.02em;
}
.control-core-panel p{
  margin:10px auto 0;
  color:#536080;
  font-size:12.5px;
  font-weight:760;
  line-height:1.45;
}
.control-route{
  margin:16px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:7px;
}
.control-route span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid rgba(215,224,241,.88);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#3d496b;
  font-size:11.5px;
  font-weight:860;
  line-height:1;
  padding:8px 10px;
}
.control-route .fa-icon{
  width:12px;
  height:12px;
  color:#7c55df;
  font-size:12px;
}
.control-outcome-row{
  width:min(980px,100%);
  margin:16px auto 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.control-outcome-row p{
  margin:0;
  max-width:70ch;
  text-align:left;
  border:0;
  border-radius:0;
  background:transparent;
  color:#4e5978;
  font-size:13px;
  font-weight:650;
  line-height:1.55;
  padding:0;
  box-shadow:none;
}
.control-outcome-row .btn-ghost{
  min-height:38px;
  border-radius:10px;
  color:#5f35c4;
  border-color:rgba(177,158,232,.36);
  background:rgba(255,255,255,.72);
}
@keyframes editlyControlGlow{
  0%,100%{opacity:.72;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.04)}
}
@media(max-width:980px){
  .control-deck{
    grid-template-columns:1fr;
  }
  .control-deck::before{
    display:none;
  }
  .control-core-panel{
    order:-1;
  }
}
@media(max-width:640px){
  .control-deck{
    border-radius:14px;
    padding:16px;
  }
  .control-feature-list li{
    min-height:0;
  }
  .control-outcome-row .btn{
    width:100%;
    border-radius:10px;
  }
  .control-outcome-row p{ text-align:center; }
}

/* ============================================================
   Home product story: quiet, interface-led decision boards
   ============================================================ */
.product-steps::before{
  display:none;
}
.product-steps-grid{
  gap:0;
  padding:0;
  overflow:visible;
  border-top:1px solid rgba(210,218,235,.76);
  border-bottom:1px solid rgba(210,218,235,.76);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.product-step-card{
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:22px 22px 26px;
  border:0;
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.product-step-card::after{
  display:none;
}
.product-step-card + .product-step-card{
  border-left:1px solid rgba(220,226,239,.78);
  border-radius:0;
}
.product-step-card:not(:last-child)::before{
  content:"›";
  position:absolute;
  z-index:7;
  top:74px;
  right:-14px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(191,204,231,.78);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 18px rgba(57,43,101,.09);
  color:#7650d6;
  font-family:system-ui,sans-serif;
  font-size:22px;
  font-weight:500;
  line-height:1;
  pointer-events:none;
}
.product-step-number{
  display:none;
}
.product-step-visual{
  min-height:164px;
  margin-top:0;
  padding:14px;
  border-color:rgba(218,224,238,.68);
  border-radius:16px;
  background:
    linear-gradient(rgba(124,85,223,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,172,107,.022) 1px,transparent 1px),
    rgba(253,254,255,.88);
  background-size:22px 22px,22px 22px,auto;
  box-shadow:0 14px 32px rgba(44,35,82,.045),0 1px 0 rgba(255,255,255,.94) inset;
}
.product-step-card h3{
  margin-top:18px;
  font-size:clamp(1.16rem,1.55vw,1.34rem);
  line-height:1.16;
}
.product-step-card p{
  margin-top:7px;
  font-size:13.5px;
  line-height:1.55;
}
.product-step-card:hover{
  transform:none;
  background:linear-gradient(180deg,rgba(252,251,255,.58),rgba(255,255,255,.18));
  box-shadow:none;
}
.product-step-visual-scan .elementor-page-scan{
  display:grid;
  gap:7px;
  margin-top:12px;
}
.product-step-visual-scan .mock-page-line{
  width:100%;
  height:30px;
  margin:0;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(219,225,239,.82);
  border-radius:10px;
  background:rgba(255,255,255,.9);
  box-shadow:0 7px 16px rgba(35,28,70,.045);
  color:#52607d;
  padding:0 10px;
}
.product-step-visual-scan .mock-page-line-accent{
  background:rgba(249,247,255,.96);
  border-color:rgba(124,85,223,.18);
  box-shadow:0 0 0 4px rgba(124,85,223,.035);
}
.product-step-visual-scan .mock-page-line .fa-icon{
  width:14px;
  height:14px;
  color:#7752d8;
  font-size:12px;
}
.product-step-visual-scan .mock-page-line b{
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
}
.product-steps-summary{
  width:min(1080px,100%);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:0;
  margin-top:14px;
  padding:0;
  overflow:hidden;
  border-top:1px solid rgba(217,224,239,.78);
  border-bottom:1px solid rgba(217,224,239,.78);
  border-radius:0;
  background:rgba(250,251,254,.66);
  font-size:12px;
  box-shadow:none;
}
.product-steps-summary span{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:11px;
  align-content:center;
  min-height:74px;
  padding:13px 17px;
  text-align:left;
}
.product-steps-summary span + span{
  border-left:1px solid rgba(217,224,239,.8);
}
.product-steps-summary .fa-icon{
  grid-row:1 / 3;
  align-self:center;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(237,242,255,.94);
  color:#7550d6;
  font-size:14px;
}
.product-steps-summary strong{
  align-self:end;
  color:#25304f;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
}
.product-steps-summary small{
  align-self:start;
  margin-top:3px;
  color:#697491;
  font-size:10.75px;
  font-weight:650;
  line-height:1.28;
}

.control-deck{
  grid-template-columns:minmax(0,1fr) minmax(230px,.68fr) minmax(0,1fr);
  gap:0;
  padding:0;
  border-color:rgba(207,216,234,.78);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 56px rgba(35,28,70,.055);
}
.control-plan{
  padding:26px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.control-plan-pro{
  border-left:1px solid rgba(221,226,239,.82);
  background:linear-gradient(155deg,rgba(252,250,255,.84),rgba(255,255,255,.68));
}
.control-plan-free{
  border-right:1px solid rgba(221,226,239,.82);
}
.control-plan-head{
  padding:0;
  border:0;
  background:transparent;
}
.control-feature-list{
  gap:0;
  margin-top:16px;
}
.control-feature-list li{
  min-height:0;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
  border:0;
  border-top:1px solid rgba(225,229,240,.84);
  border-radius:0;
  background:transparent;
}
.control-feature-list li:hover{
  transform:none;
  border-color:rgba(225,229,240,.84);
  box-shadow:none;
}
.control-feature-list .fa-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  font-size:15px;
}
.control-feature-list strong{
  font-size:13px;
}
.control-feature-list span{
  margin-top:3px;
  font-size:11.75px;
  line-height:1.4;
}
.control-core-panel{
  height:100%;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 20px;
  border:0;
  border-radius:0;
  background:
    radial-gradient(20rem 13rem at 50% 5%,rgba(124,85,223,.09),rgba(124,85,223,0) 72%),
    linear-gradient(180deg,#fcfbff,#f8f8fc);
  box-shadow:none;
}
.control-route{
  gap:5px;
}
.control-route span{
  min-height:28px;
  padding:7px 9px;
  font-size:10.5px;
}
.control-outcome-row{
  width:min(1080px,100%);
  margin-top:14px;
  gap:10px;
}
.control-proof-list{
  flex:1 1 100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  border:1px solid rgba(214,222,238,.82);
  border-radius:15px;
  background:rgba(214,222,238,.82);
  box-shadow:0 12px 30px rgba(35,28,70,.04);
}
.control-proof-list li{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 14px;
  color:#3e4969;
  background:rgba(255,255,255,.94);
  font-size:12px;
  font-weight:760;
  line-height:1.35;
  text-align:center;
}
.control-proof-list .fa-icon{
  flex:0 0 auto;
  width:18px;
  height:18px;
  color:#6f46d2;
  font-size:13px;
}
.control-outcome-row .btn{
  min-height:40px;
}

.differentiation-grid{
  gap:12px;
  padding:12px;
  overflow:visible;
  border:1px solid rgba(210,218,235,.82);
  border-radius:26px;
  background:rgba(255,255,255,.72);
  box-shadow:0 24px 68px rgba(35,28,70,.055);
}
.differentiation-card{
  display:flex;
  flex-direction:column;
  padding:12px 16px 20px;
  border:1px solid rgba(222,104,125,.2);
  border-radius:19px;
  background:
    radial-gradient(22rem 13rem at 50% 0%,rgba(225,75,105,.07),rgba(225,75,105,0) 72%),
    linear-gradient(180deg,rgba(255,248,250,.92),rgba(255,252,253,.76));
  box-shadow:0 13px 30px rgba(111,43,63,.045);
}
.differentiation-card + .differentiation-card{
  border-left:1px solid rgba(222,104,125,.2);
  border-radius:19px;
}
.differentiation-card-editly{
  background:
    radial-gradient(22rem 13rem at 50% 0%,rgba(35,172,107,.115),rgba(35,172,107,0) 72%),
    linear-gradient(180deg,rgba(244,255,249,.96),rgba(249,255,252,.82));
  border-color:rgba(35,172,107,.3);
  box-shadow:0 16px 36px rgba(21,126,78,.08);
}
.differentiation-card-editly::after{
  display:none;
}
.differentiation-mini{
  order:1;
  min-height:156px;
  margin-top:0;
  padding:14px;
  border-color:rgba(218,224,238,.66);
  border-radius:16px;
  background:
    linear-gradient(rgba(124,85,223,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,85,223,.018) 1px,transparent 1px),
    rgba(253,254,255,.9);
  background-size:22px 22px,22px 22px,auto;
  box-shadow:0 14px 32px rgba(44,35,82,.04),0 1px 0 rgba(255,255,255,.94) inset;
}
.differentiation-card:not(.differentiation-card-editly) .differentiation-mini{
  border-color:rgba(222,104,125,.2);
  background:
    linear-gradient(rgba(225,75,105,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(225,75,105,.018) 1px,transparent 1px),
    rgba(255,253,253,.92);
  background-size:22px 22px,22px 22px,auto;
}
.differentiation-card-editly .differentiation-mini{
  border-color:rgba(35,172,107,.24);
  background:
    linear-gradient(rgba(35,172,107,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,172,107,.02) 1px,transparent 1px),
    rgba(250,255,252,.94);
  background-size:22px 22px,22px 22px,auto;
}
.differentiation-chip{
  order:2;
  align-self:flex-start;
  margin-top:16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#795064;
  font-size:9.5px;
  letter-spacing:.075em;
}
.differentiation-card-editly .differentiation-chip{
  border:0;
  background:transparent;
  color:#137c50;
}
.differentiation-card h3{
  order:3;
  margin-top:8px;
  font-size:clamp(1.16rem,1.5vw,1.34rem);
}
.differentiation-card p{
  order:4;
  margin-top:8px;
  font-size:13px;
  line-height:1.52;
}
.differentiation-card:hover{
  transform:none;
  border-color:rgba(222,104,125,.28);
  box-shadow:0 15px 34px rgba(111,43,63,.06);
}
.differentiation-card-editly:hover{
  border-color:rgba(35,172,107,.38);
  box-shadow:0 18px 40px rgba(21,126,78,.1);
}

@media(max-width:900px){
  .differentiation-card + .differentiation-card{
    border-radius:19px;
  }
  .product-step-card + .product-step-card{
    border-top:1px solid rgba(220,226,239,.78);
    border-left:0;
    border-radius:0;
    padding-top:20px;
  }
  .product-step-card:not(:last-child)::before{
    top:auto;
    right:auto;
    bottom:-14px;
    left:calc(50% - 14px);
    content:"↓";
    font-size:14px;
  }
  .differentiation-card + .differentiation-card{
    padding-top:12px;
  }
}

@media(max-width:980px){
  .control-deck{
    grid-template-columns:1fr;
  }
  .control-plan-free,
  .control-plan-pro{
    border:0;
  }
  .control-plan-pro{
    border-top:1px solid rgba(221,226,239,.82);
  }
  .control-core-panel{
    order:0;
    border-top:1px solid rgba(221,226,239,.82);
  }
}
@media(max-width:640px){
  .product-steps-grid{
    padding:8px;
    border-radius:20px;
  }
  .product-step-card{
    padding:10px 10px 20px;
    border-radius:14px;
  }
  .product-step-card + .product-step-card{
    border-top:1px solid rgba(220,226,239,.78);
    border-left:0;
    border-radius:0;
    padding-top:20px;
  }
  .product-step-card:not(:last-child)::before{
    top:auto;
    right:auto;
    bottom:-14px;
    left:calc(50% - 14px);
    content:"↓";
    font-size:14px;
  }
  .product-step-number{
    display:none;
  }
  .product-step-visual{
    min-height:138px;
  }
  .product-steps-summary{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
  }
  .product-steps-summary span{
    min-height:68px;
    padding:12px 15px;
  }
  .product-steps-summary span + span{
    border-top:1px solid rgba(217,224,239,.8);
    border-left:0;
  }
  .product-steps-summary .fa-icon{
    transform:none;
  }
  .control-deck{
    padding:0;
    border-radius:17px;
  }
  .control-plan{
    padding:20px 18px;
  }
  .control-core-panel{
    padding:24px 18px;
  }
  .control-proof-list{
    grid-template-columns:1fr;
  }
  .control-proof-list li{
    justify-content:flex-start;
    min-height:48px;
    text-align:left;
  }
  .differentiation-card{
    padding:10px 10px 18px;
    border-radius:16px;
  }
  .differentiation-card + .differentiation-card{
    border-radius:16px;
    padding-top:10px;
  }
  .differentiation-mini{
    min-height:138px;
  }
}

.compat-engine{
  margin:var(--sp-8) auto 0;
  max-width:900px;
  background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(248,245,255,.86));
  border:1px solid #e2e7f3;
  border-radius:16px;
  padding:var(--sp-5) var(--sp-6);
  box-shadow:0 10px 20px rgba(29,21,56,.06);
}
.compat-engine p{
  margin:0;
  font-size:var(--text-base);
  line-height:1.7;
  color:#4c5470;
}
.compat-engine strong{
  color:#2d3252;
}
#compatibility .section-label .compat-pro-badge{
  margin-left:2px;
  padding:2px 7px;
  font-size:10px;
  letter-spacing:.04em;
  opacity:.88;
}
.compat-helper{
  margin-top:8px;
  font-size:11px;
  line-height:1.4;
  color:#7a829d;
}
.compat-scope{
  width:min(980px,100%);
  margin:var(--sp-5) auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.compat-scope span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border:1px solid rgba(215,224,241,.86);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#536080;
  font-size:12px;
  font-weight:850;
  line-height:1;
  padding:8px 11px;
  box-shadow:0 8px 16px rgba(29,22,58,.035);
  transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);
}
.compat-scope span:hover{
  transform:translateY(-2px);
  border-color:rgba(124,85,223,.22);
  box-shadow:0 12px 22px rgba(29,22,58,.055);
}
.compat-marquee{
  margin-top:var(--sp-8);
  position:relative;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  border-radius:18px;
  border:1px solid #e3e8f3;
  background:linear-gradient(130deg,#ffffff,#f8f9ff);
  padding:var(--sp-4);
}
.compat-marquee::before,
.compat-marquee::after{
  content:none;
  position:absolute;
  top:0;
  bottom:0;
  width:54px;
  pointer-events:none;
  z-index:2;
}
.compat-marquee::before{
  left:0;
  background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0) 100%);
}
.compat-marquee::after{
  right:0;
  background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,0) 100%);
}
.compat-track{
  display:flex;
  width:max-content;
  animation:none;
}
.compat-set[aria-hidden="true"]{
  display:none;
}
.compat-set{
  display:flex;
  gap:var(--sp-4);
  padding-right:var(--sp-4);
}
.compat-slide{
  margin:0;
  width:190px;
  min-height:136px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  padding:var(--sp-3);
  background:rgba(255,255,255,.92);
  border:1px solid #e4e9f4;
  border-radius:12px;
  overflow:hidden;
  transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.pack-card-link{
  display:flex;
  width:100%;
  min-height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  color:inherit;
  text-decoration:none;
  border-radius:10px;
}
.pack-card-link:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px var(--editly-accent);
}
.compat-slide img{
  display:block;
  width:100%;
  max-width:130px;
  height:64px;
  object-fit:contain;
  border-radius:10px;
}
.compat-slide figcaption{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.25;
}
.compat-slide figcaption strong{
  font-size:12px;
  color:#2f3656;
  font-weight:700;
}
.compat-slide figcaption span{
  font-size:10px;
  color:#79809c;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:700;
}
@media(hover:hover){
  .compat-marquee:hover .compat-track{
    animation-play-state:paused;
  }
  .compat-slide:hover{
    transform:translateY(-1px);
    border-color:#d4dcef;
    box-shadow:0 6px 14px rgba(30,22,62,.06);
  }
}
@keyframes compatSlide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.compat-note{
  text-align:center;
  margin-top:var(--sp-6);
  font-size:var(--text-sm);
  color:var(--editly-muted);
  font-style:italic;
  max-width:76ch;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:768px){
  .compat-engine{
    padding:var(--sp-4);
  }
  .compat-marquee{
    padding:var(--sp-3);
  }
  .compat-slide{
    width:168px;
    min-height:124px;
  }
  .compat-slide img{
    max-width:114px;
    height:56px;
  }
}
@media (prefers-reduced-motion: reduce){
  .compat-marquee{
    overflow:auto;
  }
  .compat-marquee::before,
  .compat-marquee::after{
    display:none;
  }
  .compat-track{
    animation:none;
  }
}

/* ============================================================
   8) SECTION SEPARATOR
   ============================================================ */
.separator-fullbleed{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:calc(var(--separator-overlap) * -1);
  margin-bottom:calc(var(--separator-overlap) * -1);
  overflow-x:clip;
  z-index:3;
}
body:is(.page-home,.home) .separator-fullbleed{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}
.separator-fullbleed::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  mix-blend-mode:var(--texture-grain-blend);
  opacity:.34;
}
.section-separator{
  position:relative;
  padding:18px 0;
  background:var(--elementor-gradient);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  isolation:isolate;
}
.section-separator::before,
.section-separator::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  filter:blur(34px);
}
.section-separator::before{
  width:56vw;
  height:180px;
  left:-8vw;
  top:-72px;
  background:radial-gradient(ellipse at center, rgba(232,95,150,.24) 0%, rgba(232,95,150,0) 72%);
}
.section-separator::after{
  width:54vw;
  height:180px;
  right:-7vw;
  bottom:-82px;
  background:radial-gradient(ellipse at center, rgba(130,96,236,.22) 0%, rgba(130,96,236,0) 74%);
}
.separator-inner{
  position:relative;
  z-index:3;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:0;
}
.section-separator-inner{
  min-height:146px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:var(--sp-2);
  max-width:980px;
  margin:0 auto;
  padding:24px clamp(1.1rem,3vw,2.1rem);
  position:relative;
  z-index:1;
}
.section-separator-title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2.5vw,1.56rem);
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.01em;
  color:#fbfbff;
  text-align:center;
}
.section-separator-micro{
  margin:0;
  font-size:14px;
  line-height:1.4;
  font-weight:600;
  color:rgba(240,244,255,.92);
  text-align:center;
}
body:is(.page-home,.home) .section-separator{
  padding:0;
  border-top:none;
  border-bottom:none;
}
body:is(.page-home,.home) .section-separator-inner{
  min-height:126px;
}

/* ============================================================
   Home pricing / offer
   ============================================================ */
.pricing-container{
  max-width:1340px;
}
.pricing-card{
  max-width:980px;
  margin:clamp(22px,3vw,30px) auto 0;
  background:
    radial-gradient(42rem 14rem at 50% -16%, rgba(124,85,223,.045), rgba(124,85,223,0) 74%),
    radial-gradient(44rem 18rem at 92% 112%, rgba(63,218,141,.045), rgba(63,218,141,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,251,255,.84));
  border:1px solid rgba(198,209,233,.58);
  border-radius:26px;
  padding:clamp(22px,2.5vw,28px) clamp(18px,2.8vw,34px) clamp(24px,2.8vw,32px);
  text-align:center;
  box-shadow:0 14px 34px rgba(30,20,63,.045);
  position:relative;
  overflow:hidden;
}
.pricing-card h3{
  font-size:clamp(1.48rem,1.9vw,1.86rem);
  letter-spacing:-.018em;
  margin-bottom:var(--sp-3);
}
.pricing-plan-scope{
  margin:16px auto 4px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.pricing-plan-scope span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  border:1px solid rgba(216,224,240,.9);
  border-radius:999px;
  background:rgba(248,250,255,.88);
  color:#4e5a7c;
  font-size:12px;
  font-weight:720;
  padding:8px 11px;
}
.pricing-plan-scope .fa-icon{
  color:#6b42d7;
}
.pricing-card .pricing-includes{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  margin:var(--sp-2) auto var(--sp-4);
  justify-content:center;
  max-width:860px;
}
.pricing-card .pricing-includes li{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:620;
  line-height:1.35;
  color:#5a6484;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  transition:color var(--dur-fast) var(--ease-out);
}
.pricing-card .pricing-includes li:hover{
  color:#334063;
}
.pricing-card .pricing-includes li .fa-icon{
  width:11px;
  height:11px;
  font-size:11px;
  color:#7c55df;
  opacity:.86;
  flex-shrink:0;
}
.volume-plans{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(14px,1.8vw,18px);
  margin:0 0 var(--sp-4);
  text-align:left;
  align-items:stretch;
}
.volume-card{
  position:relative;
  border:1px solid rgba(201,212,236,.62);
  border-radius:17px;
  padding:clamp(15px,2vw,20px);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 18px rgba(27,19,58,.035);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
  overflow:hidden;
}
.volume-card::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(124,85,223,.32),rgba(35,172,107,.3));
  opacity:.22;
  transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);
}
.volume-card > *{
  position:relative;
  z-index:1;
}
.volume-card:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(27,19,58,.05);
  border-color:rgba(176,194,231,.72);
}
.volume-card:hover::before{
  opacity:.64;
  transform:scaleX(1.03);
}
.volume-card.featured{
  border-color:rgba(117,76,214,.34);
  background:
    radial-gradient(26rem 12rem at 92% -36%, rgba(124,85,223,.06), rgba(124,85,223,0) 72%),
    linear-gradient(152deg,rgba(250,248,255,.9),rgba(248,252,250,.88));
  box-shadow:0 12px 26px rgba(39,29,84,.07);
}
.volume-card-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.volume-card h4{
  font-size:clamp(1.32rem,1.9vw,1.72rem);
  letter-spacing:-.01em;
  color:#1f2748;
  margin-bottom:0;
}
.volume-popular{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid rgba(124,85,223,.24);
  border-radius:999px;
  font-size:10px;
  font-weight:720;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#5f35c4;
  background:rgba(255,255,255,.76);
  box-shadow:none;
  animation:none;
}
.volume-popular .fa-icon{
  width:12px;
  height:12px;
  font-size:12px;
  color:#6b40d8;
}
.volume-fit{
  min-height:36px;
  margin:2px 0 4px;
  color:#5c6684;
  font-size:12.5px;
  font-weight:640;
  line-height:1.45;
}
.volume-price{
  font-family:var(--font-display);
  display:flex;
  align-items:flex-end;
  gap:8px;
  font-size:clamp(1.9rem,2.65vw,2.42rem);
  line-height:1;
  letter-spacing:-.025em;
  color:#171f42;
  margin-top:2px;
}
.volume-price span{
  font-size:.92rem;
  font-weight:620;
  color:var(--editly-muted);
  letter-spacing:0;
  text-transform:lowercase;
  margin:0;
  padding-bottom:4px;
}
.volume-meta{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(204,214,236,.92);
  border-radius:999px;
  padding:4px 9px;
  font-size:12px;
  font-weight:640;
  color:#415073;
  background:rgba(255,255,255,.76);
  margin-bottom:var(--sp-3);
}
.volume-scenario{
  margin:-6px 0 var(--sp-4);
  color:#5a6688;
  font-size:11.5px;
  font-weight:620;
  line-height:1.42;
}
.volume-card .editly-purchase{
  width:100%;
  justify-content:center;
  min-height:46px;
  font-size:clamp(1rem,1.12vw,1.12rem);
  font-weight:760;
  border-radius:14px;
  margin-top:auto;
}
.volume-card .btn-secondary{
  background:rgba(255,255,255,.82);
  border-color:rgba(190,203,235,.82);
  color:#29365d;
  box-shadow:0 4px 8px rgba(35,43,82,.035);
}
.volume-card .btn-secondary:hover{
  transform:translateY(-1px);
  border-color:#a8bbe7;
  color:#1f2b4f;
  box-shadow:0 10px 16px rgba(35,43,82,.09);
}
.volume-card .btn-primary{
  box-shadow:0 8px 14px rgba(53,24,104,.18);
}
.volume-card .btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 22px rgba(53,24,104,.28);
}
.pricing-reassurance{
  width:max-content;
  max-width:100%;
  margin:0 auto;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:#4c587a;
  font-size:12.5px;
  font-weight:660;
  line-height:1.35;
  padding:2px 0;
}
.pricing-roi-strip{
  width:max-content;
  max-width:100%;
  margin:0 auto var(--sp-5);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:#3a466b;
  font-size:12.5px;
  font-weight:690;
  line-height:1.35;
  padding:0;
}
.pricing-roi-strip .fa-icon{
  width:13px;
  height:13px;
  font-size:13px;
  color:#23ac6b;
  flex-shrink:0;
}
.pricing-winwin{
  max-width:720px;
  margin:var(--sp-3) auto 0;
  color:#4f5b7d;
  font-size:12.5px;
  font-weight:620;
  line-height:1.55;
}
.editly-purchase[disabled]{
  opacity:.7;
  cursor:wait;
}
.pricing-card .pricing-free-note{
  margin-top:var(--sp-3);
  font-size:var(--text-sm);
  color:var(--editly-muted);
}
.pricing-card .pricing-free-note .repo-free-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--editly-success-dark);
  font-weight:700;
}
.pricing-card .pricing-free-note .repo-free-link:hover{
  color:#168f58;
  text-decoration:underline;
  text-underline-offset:2px;
}
.pricing-card .pricing-free-note .repo-free-link .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:inherit;
}
@keyframes editlyPopularGlow{
  0%,68%,100%{box-shadow:0 8px 16px rgba(62,29,129,.26)}
  80%{box-shadow:0 0 0 5px rgba(124,85,223,.1),0 10px 20px rgba(62,29,129,.3)}
}
/* Home-only balancing: keep the homepage pricing table visually as substantial as /pricing. */
body:is(.page-home,.home) #pricing .pricing-card{
  max-width:1140px;
  padding:clamp(24px,2.8vw,34px) clamp(20px,3.2vw,42px) clamp(26px,2.9vw,34px);
}
body:is(.page-home,.home) #pricing .volume-card{
  padding:clamp(18px,2.25vw,24px);
}
body:is(.page-home,.home) #pricing .volume-meta{
  margin-bottom:var(--sp-4);
}
.editly-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(24,18,46,.44);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  display:grid;
  place-items:center;
  z-index:2147482000;
  padding:var(--sp-5);
}
html.editly-license-modal-open,
body.editly-license-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.editly-license-modal-open{
  position:fixed;
  inset-inline:0;
  top:var(--editly-license-scroll-offset,0);
  width:100%;
  padding-right:var(--editly-license-scrollbar-width,0)!important;
}
.editly-modal{
  width:min(460px,100%);
  background:#fff;
  border:1px solid #d7deef;
  border-radius:14px;
  box-shadow:0 24px 48px rgba(25,19,52,.24);
  padding:24px;
  text-align:center;
  position:relative;
}
.editly-modal h3{
  font-size:var(--text-lg);
  margin-bottom:8px;
}
.editly-modal p{
  color:var(--editly-text-secondary);
}
.editly-modal code{
  display:block;
  margin:12px 0 14px;
  padding:10px 12px;
  border-radius:10px;
  background:#f3f5fc;
  border:1px solid #dce2f0;
  font-family:var(--font-mono);
  font-size:13px;
  color:#283257;
  word-break:break-all;
}
.editly-modal-copy{
  margin-bottom:10px;
}
.editly-modal-close{
  position:absolute;
  top:8px;
  right:10px;
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#6b7393;
}
@media(max-width:640px){
  .editly-modal-overlay{padding:12px}
  .editly-modal{max-height:calc(100dvh - 24px);overflow:auto;padding:23px 17px 19px;border-radius:13px}
}
.editly-modal-close:hover{
  background:#eff2fb;
  color:#303b60;
}
.editly-modal-mail{
  font-size:var(--text-sm);
}

@media(min-width:768px){
  .volume-plans{
    grid-template-columns:repeat(3,1fr);
  }
  .pricing-card{
    padding:var(--sp-10) clamp(26px,3vw,40px);
  }
  body:is(.page-home,.home) #pricing .volume-plans{
    gap:var(--sp-5);
  }
  body:is(.page-home,.home) #pricing .volume-card{
    min-height:306px;
  }
}

@media(max-width:767px){
  .faq-list{
    grid-template-columns:1fr;
  }
  .pricing-card{
    padding:24px 14px 26px;
  }
  .volume-card{
    gap:8px;
  }
  .volume-card h4{
    font-size:1.55rem;
  }
  .volume-price{
    font-size:clamp(2rem,10vw,2.4rem);
  }
  .volume-price span{
    font-size:.95rem;
    padding-bottom:3px;
  }
  .volume-popular{
    font-size:11px;
    padding:5px 9px;
  }
  body:is(.page-home,.home) #pricing .pricing-card{
    max-width:100%;
    padding:24px 16px 28px;
  }
}

/* ============================================================
   Continuous hero gradients

   Unlike the organic accents used inside conversion components, page heroes
   use one edge-to-edge animated wash. There is no isolated blob or globe.
   ============================================================ */
@keyframes editlyHeroWashShift{
  0%{transform:translate3d(-3.5%,1.5%,0) scale(1.035);opacity:.8}
  50%{transform:translate3d(2%,-2.5%,0) scale(1.085);opacity:1}
  100%{transform:translate3d(4%,-.5%,0) scale(1.045);opacity:.86}
}
@keyframes editlyGrainBreathe{
  0%,100%{opacity:.3}
  50%{opacity:.46}
}

body:is(.page-home,.home) .hero::before{
  inset:-18% -12% 26%;
  border-radius:0;
  background:
    radial-gradient(54rem 30rem at 48% 12%,rgba(121,58,225,.22),rgba(121,58,225,0) 70%),
    radial-gradient(48rem 28rem at 86% 42%,rgba(232,58,115,.18),rgba(232,58,115,0) 72%),
    radial-gradient(44rem 26rem at 12% 48%,rgba(158,75,205,.13),rgba(158,75,205,0) 72%);
  animation:editlyHeroWashShift 15s ease-in-out infinite alternate;
}
body:is(.page-home,.home) .hero::after{
  inset:0;
  height:auto;
  background:
    linear-gradient(180deg,rgba(52,28,95,.2) 0%,rgba(52,28,95,0) 28%),
    var(--texture-grain);
  background-size:auto,var(--texture-grain-size);
  background-blend-mode:normal,soft-light;
  opacity:.42;
  animation:editlyGrainBreathe 12s ease-in-out infinite;
}

:is(
  .pricing-page .pricing-hero,
  .features-page .page-hero,
  .docs-page .page-hero,
  .blog-page:not(.blog-article) .page-hero,
  .fvp-page .page-hero,
  .changelog-page .page-hero
){
  --hero-wash-a:rgba(124,61,224,.24);
  --hero-wash-b:rgba(233,61,123,.17);
  --hero-wash-c:rgba(156,72,204,.11);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(132deg,#f7efff 0%,#fff4f8 51%,#f2f4ff 100%);
}
.pricing-page.pricing-page .pricing-hero{
  --hero-wash-a:rgba(112,57,218,.12);
  --hero-wash-b:rgba(229,64,130,.085);
  --hero-wash-c:rgba(54,190,133,.035);
  background:linear-gradient(132deg,#fcfbff 0%,#fffafd 52%,#fafbff 100%);
}
.features-page .page-hero{
  --hero-wash-a:rgba(128,61,229,.25);
  --hero-wash-b:rgba(225,59,121,.16);
  --hero-wash-c:rgba(75,190,144,.09);
}
.docs-page .page-hero{
  --hero-wash-a:rgba(111,62,215,.2);
  --hero-wash-b:rgba(230,73,137,.14);
  --hero-wash-c:rgba(50,185,137,.11);
}
.blog-page:not(.blog-article) .page-hero{
  --hero-wash-a:rgba(139,59,224,.23);
  --hero-wash-b:rgba(235,67,125,.2);
  --hero-wash-c:rgba(93,106,221,.08);
}
.fvp-page .page-hero{
  --hero-wash-a:rgba(115,56,221,.24);
  --hero-wash-b:rgba(227,64,127,.16);
  --hero-wash-c:rgba(42,180,127,.1);
}
.changelog-page .page-hero{
  --hero-wash-a:rgba(102,68,210,.2);
  --hero-wash-b:rgba(215,75,137,.14);
  --hero-wash-c:rgba(61,177,149,.08);
}
:is(
  .pricing-page .pricing-hero,
  .features-page .page-hero,
  .docs-page .page-hero,
  .blog-page:not(.blog-article) .page-hero,
  .fvp-page .page-hero,
  .changelog-page .page-hero
)::before{
  content:"";
  display:block;
  position:absolute;
  inset:-24%;
  width:auto;
  height:auto;
  z-index:0;
  border-radius:0;
  background:
    radial-gradient(58% 76% at 22% 26%,var(--hero-wash-a),rgba(124,61,224,0) 72%),
    radial-gradient(52% 72% at 82% 38%,var(--hero-wash-b),rgba(233,61,123,0) 74%),
    radial-gradient(48% 66% at 54% 84%,var(--hero-wash-c),rgba(54,190,133,0) 72%);
  pointer-events:none;
  will-change:transform,opacity;
  animation:editlyHeroWashShift 16s ease-in-out -3s infinite alternate;
}
:is(
  .pricing-page .pricing-hero,
  .features-page .page-hero,
  .docs-page .page-hero,
  .blog-page:not(.blog-article) .page-hero,
  .fvp-page .page-hero,
  .changelog-page .page-hero
)::after{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  z-index:0;
  border-radius:0;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  background-blend-mode:soft-light;
  mix-blend-mode:soft-light;
  pointer-events:none;
  animation:editlyGrainBreathe 13s ease-in-out infinite;
}
:is(
  .pricing-page .pricing-hero,
  .features-page .page-hero,
  .docs-page .page-hero,
  .blog-page:not(.blog-article) .page-hero,
  .fvp-page .page-hero,
  .changelog-page .page-hero
) > *{
  position:relative;
  z-index:1;
}
.pricing-page.pricing-page .pricing-hero::after{
  opacity:.22;
  animation:none;
}

/* Keep alternating surfaces tactile, but quieter than page heroes. */
.section-alt:not(.page-hero):not(.pricing-hero){
  background-image:
    var(--texture-noise),
    radial-gradient(42rem 20rem at 84% 6%,rgba(124,85,223,.07),rgba(124,85,223,0) 70%),
    linear-gradient(135deg,#fcfbff,#f5f6ff);
  background-size:320px 320px,auto,auto;
  background-blend-mode:soft-light,normal,normal;
}

@media(max-width:767px){
  :is(
    .pricing-page .pricing-hero,
    .features-page .page-hero,
    .docs-page .page-hero,
    .blog-page:not(.blog-article) .page-hero,
    .fvp-page .page-hero,
    .changelog-page .page-hero
  )::before{
    inset:-18%;
  }
}

@media(prefers-reduced-motion:reduce){
  body:is(.page-home,.home) .hero::before,
  body:is(.page-home,.home) .hero::after,
  :is(
    .pricing-page .pricing-hero,
    .features-page .page-hero,
    .docs-page .page-hero,
    .blog-page:not(.blog-article) .page-hero,
    .fvp-page .page-hero,
    .changelog-page .page-hero
  )::before,
  :is(
    .pricing-page .pricing-hero,
    .features-page .page-hero,
    .docs-page .page-hero,
    .blog-page:not(.blog-article) .page-hero,
    .fvp-page .page-hero,
    .changelog-page .page-hero
  )::after{
    animation:none!important;
    transform:none!important;
    will-change:auto;
  }
}

/* ============================================================
   13) FAQ
   ============================================================ */
.faq-list{
  max-width:900px;
  margin:clamp(28px,4vw,40px) auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid rgba(215,224,241,.9);
}
.faq-item{
  position:relative;
  border:0;
  border-bottom:1px solid rgba(215,224,241,.9);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:background var(--dur-fast) var(--ease-out);
}
.faq-item:hover,
.faq-item.open{
  background:rgba(248,250,255,.6);
}
.faq-question{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  min-height:58px;
  padding:17px 4px;
  font-size:var(--text-md);font-weight:600;
  color:var(--editly-text);
  text-align:left;
  transition:color var(--dur-fast) var(--ease-out);
  padding-left:4px;
}
.faq-question:hover{color:var(--editly-accent)}
.faq-question:focus-visible{
  outline:2px solid var(--editly-accent);
  outline-offset:-2px;
}
.faq-question .fa-icon{
  width:20px;height:20px;font-size:20px;
  color:var(--editly-muted);
  transition:transform var(--dur-base) var(--ease-out);
  flex-shrink:0;
}
.faq-item.open .faq-question .fa-icon{transform:rotate(45deg)}
.faq-answer{
  max-height:0;overflow:hidden;
  transition:max-height var(--dur-slow) var(--ease-out),
             padding var(--dur-slow) var(--ease-out);
}
.faq-item.open .faq-answer{
  max-height:1000px;
}
.faq-answer-inner{
  max-width:72ch;
  padding:0 4px 18px;
  font-size:var(--text-base);
  color:var(--editly-text-secondary);
  line-height:1.7;
}

/* ============================================================
   14) FINAL CTA
   ============================================================ */
.final-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  text-align:center;
  padding:var(--sp-24) 0;
  background:linear-gradient(132deg,#fff8fb 0%,#f6f2ff 56%,#edf9f2 100%);
  border-top:1px solid #e4e8f3;
}
.final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(60% 130% at 10% -18%, rgba(233,63,102,.12), rgba(233,63,102,0) 70%),
    radial-gradient(56% 130% at 90% 114%, rgba(123,63,242,.1), rgba(123,63,242,0) 72%),
    radial-gradient(44% 120% at 86% 104%, rgba(63,218,141,.08), rgba(63,218,141,0) 74%);
  opacity:.9;
}
.final-cta::after{
  display:none;
}
.final-cta .container{
  position:relative;
  z-index:1;
}
.final-cta h2{
  font-size:var(--text-2xl);
  margin-bottom:var(--sp-3);
  color:var(--editly-text);
}
.final-cta p{
  font-size:var(--text-md);
  color:var(--editly-text-secondary);
  margin-bottom:var(--sp-8);
}
.final-proof-lane{
  width:max-content;
  max-width:100%;
  margin:0 auto var(--sp-8);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(215,224,241,.78);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  box-shadow:0 12px 26px rgba(29,22,58,.055);
  padding:9px 12px;
}
.final-proof-lane span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#3f4d74;
  font-size:12px;
  font-weight:900;
  line-height:1;
  padding:7px 10px;
}
.final-proof-lane .fa-icon{
  width:11px;
  height:11px;
  color:#7c55df;
  font-size:11px;
}
.final-cta .hero-ctas{margin-top:0}
.final-cta .btn-pro{
  box-shadow:0 12px 24px rgba(44,22,89,.28);
}
.final-cta .btn-pro:hover{
  box-shadow:0 16px 30px rgba(44,22,89,.34);
}
.final-cta .btn-free{
  box-shadow:0 10px 20px rgba(33,168,103,.16);
}
.final-cta .btn-free:hover{
  box-shadow:0 14px 24px rgba(33,168,103,.22);
}
.final-winwin{
  margin-top:var(--sp-5);
  font-size:var(--text-sm);
  color:#3f4f78;
}

@media(min-width:1024px){
  .final-cta h2{font-size:var(--text-3xl)}
}

@media(max-width:767px){
  .final-proof-lane{
    width:100%;
    border-radius:18px;
    flex-direction:column;
  }
  .final-proof-lane .fa-icon{
    transform:rotate(90deg);
  }
}

@media (prefers-reduced-motion: reduce){
  .capability-center,
  .capability-center-route span,
  .capability-node,
  .compat-scope span,
  .pricing-card .pricing-includes li,
  .volume-card,
  .volume-card::before,
  .faq-item{
    transition:none;
  }
  .volume-popular{
    animation:none;
  }
}

/* ============================================================
   Pricing page
   ============================================================ */
.pricing-page [id]{
  scroll-margin-top:110px;
}
.pricing-page #plans{
  padding-top:44px;
}
.pricing-page-title{
  margin-bottom:10px;
}
.pricing-page .section-subtitle{
  max-width:54ch;
}
.pricing-reassurance-inline{
  margin:12px auto 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(216,223,240,.88);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#4f5a7b;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  padding:8px 12px;
  max-width:100%;
}
.pricing-reassurance-inline .fa-icon{
  width:13px;
  height:13px;
  font-size:13px;
  color:#6f78a0;
  flex-shrink:0;
}
.pricing-page .pricing-container{
  max-width:1440px;
}
.pricing-page .pricing-card{
  max-width:1120px;
  margin-top:var(--sp-6);
  padding:clamp(22px,2.5vw,30px) clamp(18px,2.8vw,34px) clamp(28px,3vw,38px);
}
.pricing-page .pricing-pro-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,330px);
  align-items:end;
  gap:18px;
  margin-bottom:16px;
  text-align:left;
}
.pricing-page .pricing-pro-heading{
  min-width:0;
}
.pricing-page .pricing-pro-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
  color:#6d4fc4;
  font-size:10px;
  font-weight:820;
  letter-spacing:.07em;
  line-height:1.35;
  text-transform:uppercase;
}
.pricing-page .pricing-pro-kicker .fa-icon{
  width:12px;
  height:12px;
  color:#7c55df;
  font-size:12px;
}
.pricing-page .pricing-pro-heading h3{
  margin:0 0 5px;
  font-size:clamp(1.6rem,2.2vw,2rem);
  line-height:1.05;
}
.pricing-page .pricing-pro-heading>p:last-child{
  max-width:650px;
  margin:0;
  color:#66708d;
  font-size:12.5px;
  line-height:1.5;
}
.pricing-page .pricing-roi-strip{
  width:100%;
  margin:0;
  justify-content:flex-start;
  padding:11px 13px;
  border:1px solid rgba(88,190,139,.24);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(237,250,244,.92),rgba(248,252,250,.82));
  color:#3f5f52;
  font-size:11.5px;
  font-weight:670;
  text-align:left;
}
.pricing-page .pricing-roi-strip .fa-icon{
  width:18px;
  height:18px;
  color:#23a96b;
  font-size:14px;
}
.pricing-page .pricing-card .pricing-includes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:none;
  margin:0 0 22px;
}
.pricing-page .pricing-card .pricing-includes li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
  padding:13px;
  border:1px solid rgba(213,219,235,.76);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,248,253,.78));
  color:#394461;
  text-align:left;
}
.pricing-page .pricing-card .pricing-includes li:hover{
  border-color:rgba(178,164,219,.68);
  color:#303b59;
}
.pricing-page .pricing-card .pricing-includes li>.fa-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f1ecfb;
  color:#7148d2;
  font-size:13px;
  opacity:1;
}
.pricing-page .pricing-includes li>span{
  min-width:0;
  display:grid;
  gap:3px;
}
.pricing-page .pricing-includes strong{
  color:#36405e;
  font-size:12px;
  font-weight:790;
  line-height:1.25;
}
.pricing-page .pricing-includes small{
  color:#7a8299;
  font-size:10.5px;
  font-weight:530;
  line-height:1.4;
}
.pricing-page .pricing-reassurance{
  margin-top:var(--sp-4);
}
.pricing-page .pricing-card .pricing-free-note{
  margin-top:var(--sp-6);
}
.pricing-page .volume-card{
  gap:8px;
}
.pricing-page .volume-detail{
  font-size:13px;
  color:#556184;
}
body:is(.page-home,.home) #pricing .volume-fit,
.pricing-page .volume-detail{
  min-height:4.6em;
  line-height:1.52;
}
.pricing-page .volume-features{
  display:grid;
  gap:4px;
  margin:2px 0 var(--sp-3);
}
.pricing-page .volume-features li{
  position:relative;
  padding-left:16px;
  font-size:13px;
  color:#4c5879;
}
.pricing-page .volume-features li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--editly-success-dark);
}
@media(max-width:900px){
  .pricing-page .pricing-pro-overview{
    grid-template-columns:1fr;
    align-items:start;
    gap:12px;
  }
  .pricing-page .pricing-roi-strip{
    width:auto;
  }
  .pricing-page .pricing-card .pricing-includes{
    grid-template-columns:1fr;
  }
}
@media(max-width:767px){
  .pricing-page .pricing-card{
    padding:20px 12px 28px;
  }
  .pricing-page .pricing-pro-kicker{
    align-items:flex-start;
    font-size:9px;
  }
  .pricing-page .pricing-pro-heading>p:last-child{
    font-size:11.5px;
  }
  .pricing-page .pricing-card .pricing-includes li{
    padding:11px;
  }
}
.pricing-included{
  padding-top:12px;
}
.pricing-page #included{
  padding-top:clamp(1.9rem,3.4vw,2.7rem);
  padding-bottom:20px;
}
.pricing-page #faq{
  padding-top:16px;
}
.pricing-included-card{
  max-width:920px;
  margin:0 auto;
  border:1px solid rgba(216,223,240,.82);
  border-radius:16px;
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(246,251,255,.86));
  padding:clamp(18px,2.8vw,28px);
}
.pricing-included-card.editorial-panel{
  margin-top:0;
  box-shadow:0 8px 20px rgba(27,19,58,.055);
}
.pricing-included-card h2{
  font-size:var(--text-xl);
  margin-bottom:10px;
}
.pricing-included-card ul{
  display:grid;
  gap:8px;
}
.pricing-included-card li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#4d5878;
  font-size:14px;
}
.pricing-included-card li .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:var(--editly-success-dark);
  margin-top:3px;
}
.purchase-delivery-card{
  margin-top:16px !important;
}
.purchase-steps{
  display:grid;
  gap:10px;
  padding-left:1.45rem;
  list-style:decimal;
}
.purchase-steps li{
  display:list-item;
  padding-left:4px;
  color:#4d5878;
  font-size:14px;
  line-height:1.6;
}
.purchase-steps li::marker{
  color:var(--editly-accent-dark);
  font-weight:800;
}
.customer-portal-action{
  margin-top:16px;
}
.customer-portal-action .btn{
  min-height:44px;
}
.pricing-page .faq-list{
  max-width:820px;
}
.pricing-final-cta .section-separator-inner{
  min-height:126px;
  padding-top:26px;
  padding-bottom:26px;
}
.pricing-cta-band{
  margin-top:0;
  margin-bottom:0;
}
.pricing-cta-band .section-separator{
  border-bottom:none;
}
.pricing-cta-band + .site-footer{
  border-top:none;
}

@media(max-width:900px){
  .pricing-page [id]{
    scroll-margin-top:96px;
  }
}

/* ============================================================
   Features page
   ============================================================ */
.features-page [id]{
  scroll-margin-top:158px;
}
.features-page .page-hero-inner{
  max-width:960px;
}
.features-page .page-hero-title{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:12px;
  font-size:clamp(1.75rem,2.25vw,1.9rem);
  line-height:1.14;
  letter-spacing:-.025em;
}
.features-page .page-hero .section-subtitle{
  max-width:730px;
  font-size:clamp(.95rem,1.12vw,1rem);
  line-height:1.55;
}
.section-progress-features .section-progress-list{
  justify-content:center;
  gap:10px;
}
.section-progress-features .section-progress-link{
  white-space:nowrap;
}
.features-micro-header{
  padding:26px 0 18px;
  background:transparent;
}
.features-micro-header-inner{
  max-width:780px;
}
.features-micro-header .hero-kicker{
  margin-bottom:10px;
}
.features-micro-header h1{
  max-width:10ch;
  margin:0;
  font-size:clamp(2rem,3.2vw,2.55rem);
}
.features-micro-header p{
  margin-top:10px;
  max-width:56ch;
  font-size:1rem;
  color:var(--editly-text-secondary);
}
.features-scope-note{
  margin-top:12px;
  max-width:780px;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#475373;
  font-size:13px;
  font-weight:650;
  line-height:1.55;
}
.features-edition-map{
  max-width:880px;
  margin:24px auto 0;
  display:grid;
  gap:12px;
  text-align:left;
}
.features-edition-card{
  border:1px solid rgba(213,222,240,.9);
  border-radius:16px;
  background:
    radial-gradient(34rem 12rem at 96% -40%, rgba(63,218,141,.12), rgba(63,218,141,0) 70%),
    rgba(255,255,255,.76);
  padding:16px;
  box-shadow:0 12px 26px rgba(26,21,52,.07);
}
.features-edition-card-pro{
  background:
    radial-gradient(34rem 12rem at 96% -40%, rgba(111,45,232,.13), rgba(111,45,232,0) 70%),
    rgba(255,255,255,.82);
}
.features-edition-card strong{
  display:block;
  margin-top:10px;
  color:#202849;
  font-size:1rem;
  line-height:1.25;
}
.features-edition-card p{
  margin-top:6px;
  color:#55607f;
  font-size:13px;
  line-height:1.5;
}
.features-section-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.features-section-actions p{
  max-width:46ch;
  margin:0;
  color:#586382;
  font-size:13px;
  line-height:1.5;
}
.features-pro-scope-note{
  border:0;
  background:transparent;
}
.features-stack{
  margin-top:var(--sp-8);
  display:grid;
  gap:clamp(2.2rem,4vw,3.1rem);
}
.feature-row{
  display:grid;
  gap:clamp(1.2rem,2.2vw,1.9rem);
  align-items:center;
  min-width:0;
  width:100%;
}
.feature-row-copy{
  min-width:0;
  border:0;
  border-radius:12px;
  background:linear-gradient(130deg,rgba(111,45,232,.07),rgba(63,218,141,.045) 56%,rgba(255,255,255,0) 86%);
  box-shadow:none;
  padding:clamp(1rem,2.2vw,1.35rem);
}
.feature-row:nth-child(even) .feature-row-copy{
  background:linear-gradient(230deg,rgba(111,45,232,.07),rgba(63,218,141,.045) 56%,rgba(255,255,255,0) 86%);
}
.feature-row-badge{
  margin-bottom:10px;
}
.feature-row h3{
  display:block;
  margin-bottom:8px;
  font-size:clamp(1.35rem,2vw,1.72rem);
  line-height:1.18;
}
.control-feature-link{color:inherit;text-decoration:none;text-underline-offset:.18em}
.control-feature-link:hover,.control-feature-link:focus-visible{color:var(--purple,#6f2de8);text-decoration:underline}
.control-core-panel{text-align:center;justify-items:center}
.control-core-kicker{margin-inline:auto;text-align:center}
.control-core-panel .control-route{display:none}
.volume-includes{display:grid;gap:.42rem;margin:.8rem 0 1rem;padding:0;color:#3f4b67;font-size:.84rem;font-weight:700;list-style:none}
.volume-includes li::before{content:"✓";margin-right:.48rem;color:#159765;font-weight:900}
.feature-row p + p{
  margin-top:8px;
}
.feature-row-meta{
  margin-top:10px;
  font-size:13px;
  color:#4a5678;
}
.feature-row-use{
  margin-top:6px;
  font-size:13px;
  color:#4f5b7e;
}
.feature-row-media{
  min-width:0;
  width:100%;
  perspective:1400px;
  padding-block:6px;
}
.features-image-frame,
.feature-proof-card,
.feature-widget-showcase{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(214,221,238,.9);
  background:
    radial-gradient(36rem 16rem at 12% 0%, rgba(111,45,232,.08), rgba(111,45,232,0) 68%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,250,255,.84));
  box-shadow:0 16px 30px rgba(26,21,52,.09),0 2px 10px rgba(26,21,52,.05);
  transform:rotateY(-7deg) rotateX(2deg);
  transform-origin:center;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.feature-row:nth-child(even) .features-image-frame,
.feature-row:nth-child(even) .feature-proof-card,
.feature-row:nth-child(even) .feature-widget-showcase{
  transform:rotateY(7deg) rotateX(2deg);
}
.features-image-frame:hover,
.feature-proof-card:hover,
.feature-widget-showcase:hover{
  transform:translateY(-1px) rotateY(-5deg) rotateX(1.6deg);
  box-shadow:0 20px 34px rgba(26,21,52,.12),0 4px 12px rgba(26,21,52,.06);
}
.feature-row:nth-child(even) .features-image-frame:hover,
.feature-row:nth-child(even) .feature-proof-card:hover,
.feature-row:nth-child(even) .feature-widget-showcase:hover{
  transform:translateY(-1px) rotateY(5deg) rotateX(1.6deg);
}
.features-image-frame{
  display:grid;
  place-items:center;
  min-height:clamp(250px,27vw,344px);
  padding:clamp(12px,1.8vw,18px);
}
.features-image-frame img{
  width:100%;
  height:auto;
  max-height:clamp(236px,25vw,326px);
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(31,37,73,.08);
  background:#fff;
}
.features-image-frame-short{
  min-height:clamp(220px,23vw,300px);
}
.features-image-frame-short img{
  max-height:clamp(190px,21vw,260px);
}
.features-image-frame-wide,
.features-image-frame-short.features-image-frame-wide{
  min-height:0;
  padding:10px;
}
.features-image-frame-wide img{
  max-height:none;
}
.features-image-frame-tall{
  min-height:clamp(310px,35vw,430px);
}
.features-image-frame-tall img{
  max-height:clamp(286px,33vw,400px);
}
.feature-proof-card{
  padding:clamp(22px,3vw,30px);
}
.feature-proof-card::before,
.feature-widget-showcase::before{
  content:"";
  position:absolute;
  inset:auto -12% -38% 16%;
  height:52%;
  background:radial-gradient(circle,rgba(63,218,141,.16),rgba(63,218,141,0) 68%);
  pointer-events:none;
}
.feature-proof-kicker{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  margin-bottom:16px;
  border:1px solid rgba(209,218,238,.94);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.8);
  color:#4d5879;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.feature-proof-card ul{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  margin:0;
}
.feature-proof-card li{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:10px;
  align-items:start;
  color:#3f4b70;
  font-size:14px;
  line-height:1.55;
}
.feature-proof-card .fa-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(111,45,232,.1);
  color:#5d35c8;
  font-size:12px;
}
.feature-widget-showcase{
  padding:clamp(18px,2.3vw,24px) 0;
}
.feature-widget-showcase-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:0 clamp(18px,2.4vw,24px) 14px;
}
.feature-widget-showcase-head span{
  font-size:13px;
  color:#687392;
  font-weight:700;
}
.feature-widget-showcase-head strong{
  font-family:var(--font-display);
  color:#202849;
  font-size:1.45rem;
  line-height:1.05;
  text-align:right;
}
.feature-widget-marquee,
.feature-logo-marquee{
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:5px 0;
  mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);
}
.feature-widget-track,
.feature-logo-track{
  display:flex;
  width:max-content;
  animation:featureMarquee 36s linear infinite;
}
.feature-widget-marquee[data-direction="right"] .feature-widget-track,
.feature-logo-marquee[data-direction="right"] .feature-logo-track{
  animation-direction:reverse;
}
.feature-widget-showcase:hover .feature-widget-track,
.feature-widget-showcase:hover .feature-logo-track{
  animation-play-state:paused;
}
.feature-widget-set,
.feature-logo-set{
  display:flex;
  align-items:center;
  gap:10px;
  padding-right:10px;
}
.feature-widget-set span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  border:1px solid rgba(211,220,240,.92);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#384467;
  padding:8px 11px;
  font-size:13px;
  font-weight:700;
  box-shadow:0 8px 16px rgba(26,21,52,.05);
}
.feature-widget-set .fa-icon{
  width:14px;
  height:14px;
  font-size:13px;
  color:#6f2de8;
}
.feature-logo-set figure{
  width:132px;
  min-height:88px;
  display:grid;
  gap:6px;
  align-content:start;
  border:1px solid rgba(211,220,240,.92);
  border-radius:12px;
  background:rgba(255,255,255,.84);
  padding:8px;
  box-shadow:0 8px 16px rgba(26,21,52,.05);
}
.feature-logo-set img{
  width:100%;
  height:48px;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}
.feature-logo-set figcaption{
  color:#394568;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}
.feature-widget-showcase-third-party{
  padding-top:18px;
  padding-bottom:16px;
}
.feature-widget-showcase-third-party .feature-widget-showcase-head{
  padding-bottom:10px;
}
.feature-widget-showcase-third-party .feature-logo-marquee{
  padding:4px 0;
}
.feature-widget-showcase-third-party .feature-widget-note{
  margin-top:10px;
}
.feature-widget-note{
  position:relative;
  z-index:1;
  margin:14px clamp(18px,2.4vw,24px) 0;
  color:#596382;
  font-size:13px;
  line-height:1.45;
}
@keyframes featureMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.features-mini-band{
  border-top:1px solid rgba(217,224,239,.86);
  border-bottom:1px solid rgba(217,224,239,.86);
  background:linear-gradient(180deg,rgba(247,250,255,.86),rgba(241,245,255,.8));
  margin:0;
}
.features-mini-band .container{
  padding-top:12px;
  padding-bottom:12px;
}
.features-mini-band p{
  text-align:center;
  margin:0;
  font-size:14px;
  color:#475274;
  font-weight:600;
}
.features-final-cta .section-separator-inner{
  min-height:124px;
  padding-top:26px;
  padding-bottom:26px;
}
.features-cta-band{
  margin-top:0;
  margin-bottom:0;
}
.features-cta-band .section-separator{
  border-bottom:none;
}
.features-cta-band + .site-footer{
  border-top:none;
}

@media(min-width:980px){
  .features-edition-map{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .feature-row{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  }
  .feature-row:nth-child(even) .feature-row-media{
    order:-1;
  }
}

@media(max-width:900px){
  .features-page [id]{
    scroll-margin-top:144px;
  }
  .features-micro-header{
    padding:22px 0 14px;
  }
  .features-micro-header-inner{
    margin:0 auto;
    text-align:center;
  }
  .features-micro-header h1{
    max-width:12ch;
    margin:0 auto;
  }
  .features-micro-header p{
    margin:10px auto 0;
  }
  .features-image-frame,
  .feature-proof-card,
  .feature-widget-showcase,
  .feature-row:nth-child(even) .features-image-frame,
  .feature-row:nth-child(even) .feature-proof-card,
  .feature-row:nth-child(even) .feature-widget-showcase,
  .features-image-frame:hover,
  .feature-proof-card:hover,
  .feature-widget-showcase:hover,
  .feature-row:nth-child(even) .features-image-frame:hover,
  .feature-row:nth-child(even) .feature-proof-card:hover,
  .feature-row:nth-child(even) .feature-widget-showcase:hover{
    transform:none;
  }
}

@media(max-width:640px){
  .page-hero{
    padding-top:30px;
    padding-bottom:16px;
  }
  .pricing-page #plans{
    padding-top:34px;
  }
  .pricing-reassurance-inline{
    width:100%;
    max-width:34rem;
    align-items:flex-start;
    justify-content:flex-start;
    border-radius:16px;
    padding:11px 13px;
    font-size:12px;
    line-height:1.5;
    text-align:left;
  }
  .pricing-reassurance-inline .fa-icon{
    margin-top:2px;
  }
  .customer-portal-action .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .section-progress-features .section-progress-list{
    justify-content:flex-start;
  }
  .features-image-frame{
    min-height:0;
    padding:10px;
  }
  .features-image-frame img,
  .features-image-frame-short img,
  .features-image-frame-tall img{
    max-height:none;
  }
  .feature-widget-showcase-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .feature-widget-showcase-head strong{
    text-align:left;
    font-size:1.32rem;
  }
  .features-section-actions{
    align-items:stretch;
  }
  .features-section-actions .btn{
    width:100%;
    justify-content:center;
  }
  .feature-logo-set figure{
    width:118px;
    min-height:84px;
  }
  .feature-logo-set img{
    height:42px;
  }
}

@media (prefers-reduced-motion: reduce){
  .features-image-frame,
  .feature-proof-card,
  .feature-widget-showcase{
    transition:none;
  }
  .feature-widget-track,
  .feature-logo-track{
    animation:none;
    transform:none;
  }
}

/* ============================================================
   Free vs Pro page
   ============================================================ */
.fvp-table-section{
  padding-top:10px;
}
.fvp-table-title{
  max-width:24ch;
}
.fvp-title-free{
  color:var(--editly-success-dark);
}
.fvp-title-pro{
  color:var(--editly-accent-dark);
}
.fvp-limit-line{
  margin-top:12px;
  margin-bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  color:#445071;
  border:1px solid rgba(216,223,240,.9);
  background:rgba(255,255,255,.8);
  border-radius:999px;
  padding:8px 12px;
}
.fvp-limit-line::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--elementor-gradient);
  flex-shrink:0;
}
.fvp-table-shell{
  border:1px solid rgba(215,223,240,.8);
  border-radius:18px;
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(63,218,141,.06), rgba(63,218,141,0) 70%),
    linear-gradient(165deg, rgba(255,255,255,.95), rgba(248,251,255,.92));
  box-shadow:0 14px 28px rgba(30,23,62,.06);
  overflow:hidden;
}
.fvp-table{
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
.fvp-table thead th{
  font-family:var(--font-body);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#4f5879;
  background:rgba(248,250,255,.84);
  padding:13px 16px;
  border-bottom:1px solid rgba(223,229,244,.82);
  text-align:left;
  vertical-align:middle;
}
.fvp-table thead th:first-child{
  width:48%;
}
.fvp-table thead th:nth-child(2),
.fvp-table thead th:nth-child(3){
  width:26%;
}
.fvp-col-free{
  color:var(--editly-success-dark);
  font-weight:800;
}
.fvp-col-pro{
  color:var(--editly-accent-dark);
  font-weight:800;
}
.fvp-table tbody th,
.fvp-table tbody td{
  text-align:left;
  vertical-align:top;
  padding:12px 16px;
  border-bottom:1px solid rgba(226,231,244,.74);
  font-size:14px;
}
.fvp-table tbody th{
  width:38%;
  font-size:13px;
  font-weight:700;
  color:#273050;
}
.fvp-table tbody td{
  color:#4d5878;
  vertical-align:middle;
  line-height:1.55;
}
.fvp-table tbody tr:last-child th,
.fvp-table tbody tr:last-child td{
  border-bottom:none;
}
.fvp-table .fvp-group-row th{
  width:auto;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:800;
  color:#4a5273;
  background:rgba(237,242,253,.72);
  border-bottom:1px solid rgba(218,225,241,.84);
  padding-top:11px;
  padding-bottom:11px;
}
.fvp-table .fa-check{
  color:var(--editly-success-dark);
  margin-right:6px;
}
.fvp-table .fa-minus{
  color:#8d95af;
  margin-right:6px;
}
.fvp-badge{
  margin-left:6px;
  margin-right:2px;
  vertical-align:middle;
}
.fvp-table td .inline-link-accent{
  display:inline-block;
  margin-left:6px;
  white-space:nowrap;
}
.fvp-decision-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.fvp-decision-panel .editorial-panel-item-free h3{
  color:var(--editly-success-dark);
}
.fvp-decision-panel .editorial-panel-item-free h3 .fa-icon{
  color:var(--editly-success-dark);
}
.fvp-decision-panel .editorial-panel-item-pro h3{
  color:var(--editly-accent-dark);
}
.fvp-decision-panel .editorial-panel-item-pro h3 .fa-icon{
  color:var(--editly-accent-dark);
}
.fvp-decision-panel .editorial-panel-item-neutral h3{
  color:#3f4b6f;
}
.fvp-decision-panel .editorial-panel-item-neutral h3 .fa-icon{
  color:#5f6b90;
}
.fvp-fit-intro{
  margin-top:var(--sp-3);
  color:#4e5879;
  max-width:70ch;
}
.fvp-fit-grid{
  margin-top:var(--sp-5);
  display:grid;
  gap:12px;
}
.fvp-fit-grid li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid rgba(218,224,238,.82);
  background:rgba(255,255,255,.8);
  border-radius:12px;
  padding:11px 12px;
  color:#4c5778;
  font-size:15px;
}
.fvp-fit-grid li .fa-icon{
  width:16px;
  height:16px;
  font-size:16px;
  color:var(--editly-accent);
  margin-top:2px;
  flex-shrink:0;
}
@media(max-width:900px){
  .fvp-decision-panel{
    grid-template-columns:1fr;
  }
}
.fvp-short-cta .section-separator-inner{
  padding-top:34px;
  padding-bottom:34px;
}
.fvp-short-cta .section-separator-title{
  max-width:780px;
}
.fvp-separator-ctas{
  margin-top:14px;
}
.fvp-cta-band{
  margin-top:0;
  margin-bottom:0;
}
.fvp-cta-band .section-separator{
  border-bottom:none;
}
.fvp-cta-band + .site-footer{
  border-top:none;
}

/* Shared final CTA style for complementary pages (matches homepage light CTA treatment) */
.complementary-final-band{
  width:auto;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  padding:0;
}
.complementary-final-band::before{
  display:none;
}
.complementary-final-band .section-separator{
  padding:0;
  background:linear-gradient(132deg,#fff8fb 0%,#f6f2ff 56%,#edf9f2 100%);
  border-top:1px solid #e4e8f3;
  border-bottom:1px solid #e4e8f3;
}
.complementary-final-band .section-separator::before,
.complementary-final-band .section-separator::after{
  display:none;
}
.complementary-final-band .section-separator-inner{
  min-height:124px;
  max-width:860px;
  padding:28px clamp(1rem,2.8vw,2rem);
}
.complementary-final-band .section-separator-title{
  color:var(--editly-text);
}
.complementary-final-band .section-separator-micro{
  color:var(--editly-text-secondary);
}
.complementary-final-band .comparison-ctas{
  margin-top:14px;
}
.complementary-final-band + .site-footer{
  border-top:1px solid rgba(255,255,255,.12);
}
.fvp-compare-mobile{
  display:none;
}
.fvp-compare-card{
  border:1px solid rgba(218,224,238,.75);
  border-radius:14px;
  background:rgba(255,255,255,.9);
  padding:14px;
}
.fvp-compare-card + .fvp-compare-card{
  margin-top:10px;
}
.fvp-compare-card h3{
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#4a5373;
}
.fvp-compare-card p{
  margin-top:8px;
  color:#4d5878;
}

@media(max-width:900px){
  .fvp-compare-desktop{
    display:none;
  }
  .fvp-compare-mobile{
    display:block;
    margin-top:var(--sp-2);
  }
  .fvp-fit-grid li{
    padding:10px 11px;
  }
}

/* ============================================================
   Docs page
   ============================================================ */
.docs-page [id]{
  scroll-margin-top:110px;
}
.docs-hero-links{
  margin-top:16px;
}
.docs-shell-section{
  padding-top:8px;
}
.docs-layout{
  display:grid;
  gap:16px;
  align-items:start;
}
.docs-sidebar{
  background:linear-gradient(165deg,rgba(255,255,255,.92),rgba(247,250,255,.9));
  border:1px solid rgba(216,223,240,.84);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(29,22,58,.06);
  padding:14px;
}
.docs-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.docs-sidebar-head h2{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-body);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  color:#4d5879;
}
.docs-sidebar-head h2::before{
  content:"";
  flex:0 0 26px;
  width:26px;
  height:26px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:8px;
  background:url("assets/img/editly-mark.png") center/cover no-repeat;
  box-shadow:0 5px 12px rgba(74,20,71,.16);
}
.docs-sidebar-toggle{
  display:none;
  align-items:center;
  gap:7px;
  border:1px solid rgba(215,223,239,.95);
  border-radius:10px;
  padding:7px 10px;
  font-size:12px;
  font-weight:700;
  color:#3f4b70;
  background:rgba(255,255,255,.86);
}
.docs-sidebar-panel{
  display:grid;
  gap:10px;
}
.docs-search{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(215,223,239,.95);
  border-radius:10px;
  background:rgba(255,255,255,.94);
  padding:8px 10px;
}
.docs-search .fa-icon{
  color:#7a85a6;
}
.docs-search input{
  width:100%;
  border:0;
  background:transparent;
  font-size:13px;
  color:#2f3960;
}
.docs-search input::placeholder{
  color:#8a93af;
}
.docs-search input:focus{
  outline:none;
}
.docs-nav{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.docs-nav-group{
  margin-top:8px;
  padding:8px 2px 0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6a7598;
}
.docs-nav-group:first-child{
  margin-top:0;
  padding-top:0;
}
.docs-nav-item{
  display:block;
}
.docs-nav-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#4f597a;
  font-size:13px;
  font-weight:700;
  text-align:left;
  padding:9px 10px;
  transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);
}
.docs-nav-label{
  display:flex;
  flex:1 1 auto;
  align-items:flex-start;
  gap:8px;
  min-width:0;
  line-height:1.38;
}
.docs-nav-link .fa-icon{
  flex:0 0 auto;
  margin-top:.12em;
  color:#7380a6;
}
.docs-nav-label>span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.docs-nav-link>.docs-badge{
  flex:0 0 auto;
  margin-left:2px;
  min-height:22px;
  padding:4px 8px;
  font-size:10px;
}
.docs-nav-link:hover{
  background:rgba(241,245,255,.85);
  border-color:rgba(216,224,241,.92);
  color:#2f3a61;
}
.docs-nav-link.is-active{
  background:linear-gradient(155deg,rgba(243,236,255,.94),rgba(239,252,245,.9));
  border-color:rgba(186,194,217,.74);
  color:#253054;
}
.docs-nav-link.is-active .fa-icon{
  color:var(--editly-accent-dark);
}
.docs-nav-item[hidden]{
  display:none;
}
.docs-search-empty{
  font-size:12px;
  color:#687598;
  padding:4px 2px 2px;
}

/* ============================================================
   BLOG
   ============================================================ */
.blog-page .page-hero-inner{
  max-width:780px;
}
.page-blog main::before,
.page-blog-article main::before{
  display:none;
}
.page-blog .section,
.page-blog-article .section{
  padding:clamp(2.2rem,4.2vw,3.6rem) 0;
}
.page-blog-article .page-hero{
  padding-top:clamp(1.8rem,3.8vw,3rem);
  padding-bottom:clamp(1.2rem,2.8vw,2rem);
}
.page-blog-article .page-hero .container{
  max-width:900px;
}
.page-blog-article main > .section + .section{
  padding-top:clamp(1rem,2.2vw,1.7rem);
}
.blog-grid{
  display:grid;
  gap:14px;
}
.blog-cluster-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:clamp(28px,4vw,44px);
}
.blog-cluster-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(214,222,240,.88);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(246,250,255,.9));
  color:#334064;
  padding:13px 14px;
  box-shadow:0 8px 20px rgba(29,22,58,.045);
}
.blog-cluster-nav a:hover{
  border-color:rgba(124,85,223,.24);
  box-shadow:0 12px 26px rgba(29,22,58,.065);
}
.blog-cluster-nav > a > .fa-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(244,239,255,.9);
  color:#6840cf;
  font-size:15px;
}
.blog-cluster-nav span,
.blog-cluster-nav strong,
.blog-cluster-nav small{
  display:block;
}
.blog-cluster-nav strong{
  font-size:13px;
  line-height:1.35;
}
.blog-cluster-nav small{
  margin-top:3px;
  color:#747f9e;
  font-size:10px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.blog-category{
  margin-top:clamp(34px,5vw,56px);
  scroll-margin-top:calc(var(--site-header-height,64px) + 18px);
}
.blog-category:first-child{
  margin-top:0;
}
.blog-category-head{
  margin-bottom:16px;
  max-width:780px;
}
.blog-category-title{
  font-family:var(--font-display);
  font-size:clamp(1.35rem,2vw,1.85rem);
  line-height:1.2;
}
.blog-category-intro{
  margin-top:6px;
  max-width:74ch;
  color:#4d5879;
}
.blog-card{
  border:1px solid rgba(216,223,240,.84);
  border-radius:16px;
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(246,250,255,.9));
  box-shadow:0 8px 22px rgba(29,22,58,.06);
  padding:clamp(16px,2.4vw,22px);
}
.blog-category .blog-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.blog-category .blog-card:first-child:nth-last-child(odd){
  grid-column:1 / -1;
}
.blog-card h1{
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.1;
  margin-bottom:10px;
}
.blog-card h2,
.blog-card h3{
  font-family:var(--font-display);
  font-size:clamp(1.4rem,2.1vw,1.9rem);
  line-height:1.2;
  margin-bottom:8px;
}
.blog-card p{
  color:#4d5879;
}
.blog-meta{
  margin-bottom:8px;
  font-size:12px;
  color:#667194;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
}
.blog-article-meta{
  margin:2px 0 12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  color:#6b7594;
  font-size:12px;
  font-weight:650;
  line-height:1.45;
}
.blog-article-meta span + span::before{
  content:"·";
  margin-right:7px;
  color:#a1a9bf;
}
.blog-scenario{
  margin-top:18px;
  border-left:4px solid rgba(111,45,232,.54);
  border-radius:0 14px 14px 0;
  padding:15px 17px;
  background:linear-gradient(120deg,rgba(249,246,255,.96),rgba(248,252,255,.92));
  color:#465274;
  font-size:15px;
  line-height:1.65;
}
.blog-scenario strong{
  display:block;
  margin-bottom:5px;
  color:#272f52;
  font-size:13px;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.blog-links{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.blog-links a{
  color:#41558f;
  font-size:14px;
  font-weight:700;
}
.blog-links a:hover{
  color:#2f3f72;
  text-decoration:underline;
  text-underline-offset:2px;
}
.blog-toc{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.blog-toc a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(216,224,240,.9);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  color:#4f5b7c;
  background:rgba(255,255,255,.88);
}
.blog-toc a:hover{
  border-color:rgba(187,198,223,.95);
  color:#2f3a61;
}
.blog-placeholder{
  margin-top:14px;
  border:1px dashed rgba(190,203,230,.95);
  border-radius:12px;
  background:rgba(248,251,255,.92);
  padding:11px 12px;
  font-size:13px;
  color:#4f5c81;
  line-height:1.6;
}
.blog-product-media{
  margin-top:18px;
  border:1px solid rgba(214,222,240,.9);
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(42rem 14rem at 8% -24%,rgba(111,45,232,.08),rgba(111,45,232,0) 70%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.9));
  box-shadow:0 14px 28px rgba(29,22,58,.08);
}
.blog-product-media img{
  width:100%;
  max-height:390px;
  object-fit:contain;
  padding:clamp(10px,2vw,16px);
  background:#fff;
}
.blog-product-media figcaption{
  border-top:1px solid rgba(224,231,245,.86);
  padding:10px 12px;
  background:rgba(248,250,255,.9);
  color:#5c6687;
  font-size:13px;
  line-height:1.45;
}
.blog-product-media figcaption strong{
  color:#2f3a61;
}
.blog-insight{
  margin-top:18px;
  border:1px solid rgba(194,208,236,.88);
  border-radius:14px;
  padding:14px 16px;
  background:linear-gradient(135deg,rgba(245,249,255,.96),rgba(239,253,246,.9));
  color:#475376;
  font-size:15px;
  line-height:1.65;
}
.blog-insight strong{
  color:#253054;
}
.blog-feature-logo-strip{
  margin-top:18px;
  border:1px solid rgba(214,222,240,.9);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(247,250,255,.9));
  box-shadow:0 12px 24px rgba(29,22,58,.06);
}
.blog-feature-logo-strip p{
  margin:0 0 10px;
  color:#475376;
  font-size:14px;
  font-weight:700;
}
.blog-feature-logo-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.blog-feature-logo-strip-grid figure{
  border:1px solid rgba(216,224,240,.9);
  border-radius:12px;
  background:#fff;
  padding:8px;
}
.blog-feature-logo-strip-grid img{
  width:100%;
  height:42px;
  object-fit:contain;
}
.blog-feature-logo-strip-grid figcaption{
  margin-top:5px;
  color:#596584;
  font-size:11px;
  font-weight:700;
  text-align:center;
}
.blog-inline-cta{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  border:1px solid rgba(206,216,238,.92);
  border-radius:16px;
  padding:16px;
  background:
    radial-gradient(32rem 12rem at 88% -36%,rgba(111,45,232,.12),rgba(111,45,232,0) 72%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,248,255,.9));
}
.blog-inline-cta p{
  margin:0;
  max-width:46ch;
  color:#435074;
  font-size:14px;
  line-height:1.55;
}
.blog-inline-cta strong{
  display:block;
  color:#202849;
  font-size:16px;
}
.blog-section-break{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(223,229,243,.78);
}
.blog-faq-intro{
  margin-top:8px;
  color:#586487;
}
.page-blog .container.blog-article,
.page-blog-article .container.blog-article{
  max-width:840px;
}
.page-blog .container.blog-article .blog-card h1,
.page-blog-article .container.blog-article .blog-card h1{
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.1;
  margin-bottom:10px;
}
.page-blog .container.blog-article .blog-card h2,
.page-blog-article .container.blog-article .blog-card h2{
  margin-top:20px;
  font-size:clamp(1.2rem,2vw,1.65rem);
}
.page-blog .container.blog-article .blog-card ul,
.page-blog-article .container.blog-article .blog-card ul{
  margin-top:10px;
  padding-left:20px;
  display:grid;
  gap:8px;
  list-style:disc;
}
.page-blog .container.blog-article .blog-card li,
.page-blog-article .container.blog-article .blog-card li{
  color:#4d5879;
}

/* Single article readability/rhythm improvements */
.page-blog-article .container.blog-article .blog-card{
  padding:clamp(20px,3vw,32px);
}
.page-blog-article .container.blog-article .blog-card > *:first-child{
  margin-top:0;
}
.page-blog-article .container.blog-article .blog-card > * + *{
  margin-top:14px;
}
.page-blog-article .container.blog-article .blog-card h1{
  margin-bottom:12px;
}
.page-blog-article .container.blog-article .blog-card h2{
  position:relative;
  margin-top:clamp(28px,4.4vw,44px);
  margin-bottom:10px;
  padding-top:14px;
  border-top:1px solid rgba(204,213,232,.86);
  font-size:clamp(1.62rem,2.7vw,2.25rem);
  line-height:1.18;
  letter-spacing:-.01em;
  color:#1f2748;
}
.page-blog-article .container.blog-article .blog-card h2::before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:86px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(107,66,226,.78),rgba(76,200,150,.72));
}
.page-blog-article .container.blog-article .blog-card h3{
  margin-top:18px;
  margin-bottom:8px;
  padding-left:10px;
  border-left:3px solid rgba(123,63,242,.34);
  font-size:clamp(1.34rem,2.15vw,1.9rem);
  line-height:1.2;
  color:#232c4f;
}
.page-blog-article .container.blog-article .blog-card p{
  font-size:clamp(1.08rem,1.35vw,1.24rem);
  line-height:1.7;
  color:#4a567a;
}
.page-blog-article .container.blog-article .blog-card ul,
.page-blog-article .container.blog-article .blog-card ol{
  margin-top:12px;
  margin-bottom:8px;
  gap:10px;
}
.page-blog-article .container.blog-article .blog-card li{
  line-height:1.62;
}
.page-blog-article .container.blog-article .blog-card hr{
  margin:26px 0;
  border:0;
  border-top:1px dashed rgba(188,199,224,.9);
}
.page-blog-article .container.blog-article .blog-card a{
  color:#5b3ddf;
  text-decoration-thickness:1.8px;
  text-underline-offset:2px;
}
.page-blog-article .container.blog-article .blog-card a:hover{
  color:#4625d4;
}
.article-track{
  padding-top:0 !important;
}
.article-track-card{
  border:1px solid rgba(201,211,234,.9);
  border-radius:18px;
  background:
    radial-gradient(34rem 13rem at 100% -20%,rgba(124,85,223,.1),rgba(124,85,223,0) 72%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,255,.9));
  box-shadow:0 14px 30px rgba(29,22,58,.06);
  padding:clamp(18px,2.8vw,26px);
}
.article-track-card h2{
  margin-top:4px;
  color:#252f53;
  font-size:clamp(1.35rem,2.4vw,1.9rem);
}
.article-track-links{
  margin-top:14px;
  display:grid;
  gap:8px;
}
.article-track-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(217,224,240,.88);
  border-radius:12px;
  background:rgba(255,255,255,.78);
  color:#43527d;
  font-size:13px;
  font-weight:720;
  padding:10px 11px;
}
.article-track-links a:hover{
  color:#332270;
  border-color:rgba(124,85,223,.24);
}
.article-track-all{
  margin-top:13px;
  display:inline-flex;
  color:#5b3ddf;
  font-size:12px;
  font-weight:800;
}

@media(max-width:640px){
  .blog-cluster-nav,
  .blog-category .blog-grid{
    grid-template-columns:1fr;
  }
  .blog-category .blog-card:first-child:nth-last-child(odd){
    grid-column:auto;
  }
  .page-blog-article .container.blog-article .blog-card{
    padding:18px 16px;
    border-radius:14px;
  }
  .page-blog-article .container.blog-article .blog-card > * + *{
    margin-top:12px;
  }
  .page-blog-article .container.blog-article .blog-card h2{
    margin-top:24px;
    padding-top:12px;
    font-size:clamp(1.45rem,7vw,1.82rem);
  }
  .page-blog-article .container.blog-article .blog-card h2::before{
    width:68px;
  }
  .page-blog-article .container.blog-article .blog-card h3{
    margin-top:14px;
    font-size:clamp(1.28rem,6.2vw,1.62rem);
    padding-left:8px;
  }
  .page-blog-article .container.blog-article .blog-card p{
    font-size:clamp(1rem,4.3vw,1.08rem);
    line-height:1.66;
  }
  .blog-feature-logo-strip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .blog-inline-cta .btn{
    width:100%;
    justify-content:center;
  }
}

.docs-support-btn{
  width:100%;
  justify-content:center;
  font-size:13px;
  padding:9px 12px;
}
.docs-main{
  min-width:0;
}
.docs-page-hint{
  font-size:13px;
  color:#5a6588;
  margin-bottom:12px;
}
.docs-start-lead{
  max-width:68ch;
  font-size:15px;
  line-height:1.7;
}
.docs-task-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.docs-task-grid a{
  display:flex;
  align-items:flex-start;
  gap:11px;
  border:1px solid rgba(214,222,240,.9);
  border-radius:14px;
  background:rgba(255,255,255,.84);
  color:#334064;
  padding:13px;
  transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);
}
.docs-task-grid a:hover{
  transform:translateY(-1px);
  border-color:rgba(124,85,223,.25);
  box-shadow:0 10px 22px rgba(29,22,58,.055);
}
.docs-task-grid > a > .fa-icon{
  width:34px;
  height:34px;
  border-radius:11px;
  background:rgba(244,239,255,.9);
  color:#6840cf;
  font-size:14px;
}
.docs-task-grid span,
.docs-task-grid strong,
.docs-task-grid small{
  display:block;
}
.docs-task-grid strong{
  font-size:13px;
}
.docs-task-grid small{
  margin-top:3px;
  color:#6a7597;
  font-size:11px;
  line-height:1.45;
}
.docs-boundary-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.docs-boundary-grid div{
  border-left:3px solid rgba(35,172,107,.44);
  border-radius:0 12px 12px 0;
  background:rgba(241,251,246,.78);
  padding:11px 12px;
}
.docs-boundary-grid div:last-child{
  border-left-color:rgba(124,85,223,.42);
  background:rgba(247,243,255,.78);
}
.docs-boundary-grid span,
.docs-boundary-grid strong{
  display:block;
}
.docs-boundary-grid span{
  color:#687496;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.docs-boundary-grid strong{
  margin-top:5px;
  color:#344165;
  font-size:12px;
  line-height:1.5;
}
.docs-section{
  display:none;
  border:1px solid rgba(217,224,240,.85);
  border-radius:16px;
  background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(246,250,255,.92));
  box-shadow:0 12px 24px rgba(29,22,58,.06);
  padding:clamp(16px,2.6vw,28px);
}
.docs-section.is-active{
  display:block;
  animation:docsPanelIn .24s var(--ease-out);
}
.docs-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.docs-section-head h2{
  font-size:clamp(1.5rem,2.2vw,2rem);
  line-height:1.15;
}
.docs-copy-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(216,223,240,.9);
  border-radius:999px;
  padding:6px 10px;
  color:#566185;
  background:rgba(255,255,255,.88);
  font-size:12px;
  font-weight:700;
}
.docs-copy-link:hover{
  color:#2f3a61;
  border-color:rgba(187,197,220,.95);
}
.docs-copy-link.is-copied{
  color:#176646;
  border-color:rgba(63,218,141,.5);
  background:rgba(232,255,241,.9);
}
.docs-section p{
  color:#4d5879;
}
.docs-section p + p{
  margin-top:10px;
}
.docs-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.docs-meta-card{
  border:1px solid rgba(214,221,239,.92);
  border-radius:12px;
  background:rgba(248,250,255,.92);
  padding:10px 11px;
}
.docs-meta-card span{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#667295;
}
.docs-meta-card strong{
  display:block;
  color:#2d3a63;
  font-size:13px;
  line-height:1.5;
}
.docs-section h3{
  margin-top:16px;
  font-size:1.1rem;
}
.docs-badge{
  margin-left:6px;
  vertical-align:middle;
}
.doc-callout{
  margin-top:12px;
  border:1px solid rgba(214,221,239,.9);
  border-radius:12px;
  padding:11px 12px;
  font-size:14px;
  line-height:1.65;
}
.doc-callout p + p{
  margin-top:6px;
}
.doc-callout--tip{
  background:rgba(238,252,244,.84);
  border-color:rgba(120,213,167,.56);
}
.doc-callout--note{
  background:rgba(245,249,255,.88);
  border-color:rgba(190,206,236,.72);
}
.doc-callout--pro{
  background:linear-gradient(130deg,rgba(245,238,255,.9),rgba(236,251,243,.85));
  border-color:rgba(178,156,236,.65);
}
.doc-callout--warning{
  background:rgba(255,248,238,.9);
  border-color:rgba(244,191,117,.65);
}
.doc-inline-links{
  font-size:13px;
}
.doc-inline-links a{
  color:#3a4f8f;
  font-weight:600;
}
.doc-inline-links a:hover{
  color:#263a75;
  text-decoration:underline;
  text-underline-offset:2px;
}
.docs-mini-toc{
  margin-top:10px;
  margin-bottom:4px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.docs-mini-toc a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(216,224,240,.9);
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
  color:#4f5b7c;
  background:rgba(255,255,255,.88);
}
.docs-mini-toc a:hover{
  border-color:rgba(187,198,223,.95);
  color:#2f3a61;
}
.docs-next-steps{
  margin-top:16px;
  padding-top:10px;
  border-top:1px solid rgba(224,231,245,.85);
}
.docs-next-steps a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:700;
  color:#44558b;
}
.docs-next-steps a:hover{
  color:#2f3f72;
  text-decoration:underline;
  text-underline-offset:2px;
}
.docs-section ul,
.docs-section ol{
  margin-top:10px;
  padding-left:20px;
  display:grid;
  gap:7px;
}
.docs-section ul{
  list-style:disc;
}
.docs-section ol{
  list-style:decimal;
}
.docs-section li{
  color:#4c5778;
}
.docs-section code{
  background:#eef2fb;
  border:1px solid rgba(217,224,240,.95);
  border-radius:6px;
  padding:1px 6px;
  color:#314066;
  font-size:12px;
}
.docs-media{
  margin-top:14px;
  border:1px solid rgba(218,225,241,.85);
  border-radius:14px;
  overflow:hidden;
  background:
    radial-gradient(34rem 12rem at 8% -20%,rgba(111,45,232,.07),rgba(111,45,232,0) 72%),
    #fff;
  box-shadow:0 12px 24px rgba(29,22,58,.06);
}
.docs-media img{
  width:100%;
  height:auto;
}
.docs-media--contain img{
  max-height:clamp(280px,55vw,620px);
  object-fit:contain;
  padding:clamp(10px,2vw,16px);
  background:#fff;
}
.docs-media figcaption{
  font-size:12px;
  color:#687598;
  border-top:1px solid rgba(225,231,245,.82);
  padding:8px 10px;
  background:rgba(248,250,255,.88);
}
.docs-media-grid{
  margin-top:14px;
  display:grid;
  gap:12px;
}
.docs-media-grid--single{
  grid-template-columns:minmax(0,1fr);
  max-width:none;
}
.docs-media-stack{
  margin-top:14px;
  display:grid;
  gap:18px;
}
.docs-media--wide img{
  max-height:none;
}
.docs-troubleshoot-item{
  padding:16px 0;
  border-bottom:1px solid rgba(221,228,243,.9);
}
.docs-troubleshoot-item h3{
  margin-top:0;
}
.docs-troubleshoot-item p{
  max-width:72ch;
}
.docs-section .feature-widget-showcase{
  margin-top:14px;
  transform:none;
}
.docs-section .feature-widget-showcase:hover{
  transform:none;
}
.docs-cta-row{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.docs-cta-row .btn{
  min-height:42px;
}
.docs-table-wrap{
  overflow-x:auto;
  margin-top:10px;
}
.docs-table-wrap table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  border:1px solid rgba(217,224,240,.9);
  border-radius:10px;
  overflow:hidden;
}
.docs-table-wrap th,
.docs-table-wrap td{
  border-bottom:1px solid rgba(224,230,244,.84);
  padding:9px 10px;
  font-size:13px;
  text-align:left;
}
.docs-table-wrap th{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#4f5979;
  background:rgba(244,247,255,.92);
}
.docs-table-wrap tr:last-child td{
  border-bottom:none;
}
.docs-no-results{
  border:1px dashed rgba(203,210,228,.9);
  border-radius:12px;
  background:rgba(250,251,255,.9);
  padding:16px;
  color:#5a678c;
}
.docs-no-results p + p{
  margin-top:6px;
}

/* ============================================================
   LEGAL PAGES
   ============================================================ */
.legal-page .section{
  padding:clamp(2.8rem,5.2vw,4.8rem) 0;
}
.legal-hero{
  border-bottom:1px solid rgba(221,227,242,.72);
}
.legal-container{
  max-width:920px;
}
.legal-card{
  background:#fff;
  border:1px solid rgba(218,225,241,.88);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(45,36,84,.07);
  padding:clamp(1.2rem,2.4vw,2rem);
}
.legal-meta{
  margin-bottom:10px;
  font-size:13px;
  color:#556186;
}
.legal-todo{
  margin-bottom:20px;
  padding:10px 12px;
  border:1px dashed rgba(188,200,226,.92);
  border-radius:12px;
  background:rgba(248,251,255,.92);
  color:#4d5b82;
  font-size:13px;
}
.legal-card h2{
  font-size:clamp(1.14rem,1.3vw,1.34rem);
  margin:24px 0 10px;
  letter-spacing:-.02em;
}
.legal-card h3{
  font-size:1rem;
  margin:14px 0 6px;
  color:#27345a;
  letter-spacing:-.01em;
}
.legal-card p,
.legal-card li{
  color:#4e5a7b;
  line-height:1.72;
  font-size:15px;
}
.legal-card ul{
  margin:8px 0 0 20px;
  display:grid;
  gap:7px;
}
.legal-table-wrap{
  margin-top:10px;
  overflow-x:auto;
}
.legal-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  border:1px solid rgba(216,223,239,.9);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.legal-table th,
.legal-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(221,228,243,.86);
  text-align:left;
  font-size:14px;
}
.legal-table th{
  background:rgba(245,248,255,.94);
  color:#4a577d;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:12px;
}
.legal-table tbody tr:last-child td{
  border-bottom:none;
}

@keyframes docsPanelIn{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(min-width:980px){
  .docs-layout{
    grid-template-columns:clamp(310px,25vw,350px) minmax(0,1fr);
  }
  .docs-media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .docs-media-grid--single{
    grid-template-columns:minmax(0,1fr);
  }
  .docs-sidebar{
    position:sticky;
    top:calc(var(--site-header-height,64px) + 14px);
    max-height:calc(100vh - var(--site-header-height,64px) - 28px);
    overflow:auto;
  }
}

@media(max-width:979px){
  .docs-page [id]{
    scroll-margin-top:96px;
  }
  .docs-page .hero{
    padding:30px 0 12px;
  }
  .docs-sidebar-toggle{
    display:inline-flex;
    min-height:42px;
  }
  .docs-sidebar-panel{
    display:none;
  }
  .docs-sidebar.is-open .docs-sidebar-panel{
    display:grid;
  }
  .docs-page-hint{
    margin-bottom:10px;
  }
  .docs-meta-grid{
    grid-template-columns:1fr;
  }
  .docs-section{
    padding:16px 14px;
  }
}

@media(max-width:640px){
  .docs-hero-links{
    gap:10px;
  }
  .docs-media--contain img{
    max-height:240px;
  }
  .docs-cta-row .btn{
    width:100%;
    justify-content:center;
  }
  .docs-copy-link span{
    display:none;
  }
  .docs-copy-link{
    padding:6px;
    width:40px;
    height:40px;
    justify-content:center;
  }
  .docs-table-wrap table{
    min-width:520px;
  }
  .docs-task-grid,
  .docs-boundary-grid{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  .docs-section{
    animation:none;
  }
}

/* ============================================================
   CHANGELOG
   ============================================================ */
.changelog-page .page-hero-inner{
  max-width:820px;
}
.changelog-shell{
  padding-top:clamp(2.2rem,4vw,3.8rem);
}
.changelog-layout{
  display:grid;
  gap:clamp(18px,3vw,34px);
  align-items:start;
}
.changelog-index{
  border:1px solid rgba(216,223,240,.86);
  border-radius:16px;
  background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(247,250,255,.9));
  box-shadow:0 10px 24px rgba(29,22,58,.05);
  padding:14px;
}
.changelog-index-label{
  display:block;
  color:#697495;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.changelog-index a{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(179,160,232,.42);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(245,239,255,.95),rgba(241,252,247,.9));
  color:#304064;
  padding:10px 11px;
}
.changelog-index a span,
.changelog-index p{
  color:#687496;
  font-size:11px;
}
.changelog-index p{
  margin-top:10px;
  line-height:1.55;
}
.changelog-release{
  border:1px solid rgba(216,223,240,.86);
  border-radius:22px;
  background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(247,250,255,.92));
  box-shadow:0 18px 42px rgba(29,22,58,.07);
  padding:clamp(20px,3.3vw,38px);
}
.changelog-release-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(221,228,243,.88);
}
.changelog-release-head h2{
  margin-top:9px;
  font-size:clamp(2rem,3.7vw,3.2rem);
}
.changelog-release-head > p{
  color:#697496;
  font-size:12px;
  font-weight:700;
}
.changelog-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(124,85,223,.24);
  border-radius:999px;
  background:rgba(246,241,255,.9);
  color:#5f36bf;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:7px 9px;
}
.changelog-lead{
  margin-top:20px;
  max-width:72ch;
  color:#465376;
  font-size:clamp(1rem,1.4vw,1.15rem);
  line-height:1.72;
}
.changelog-groups{
  margin-top:22px;
  display:grid;
  gap:12px;
}
.changelog-group{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  border:1px solid rgba(218,225,241,.82);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  padding:16px;
}
.changelog-group--pro{
  border-color:rgba(124,85,223,.2);
  background:linear-gradient(145deg,rgba(249,245,255,.88),rgba(244,252,248,.84));
}
.changelog-group-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:rgba(244,239,255,.92);
  color:#6940d1;
}
.changelog-group-icon .fa-icon{
  width:18px;
  height:18px;
  font-size:18px;
}
.changelog-group h3{
  color:#263154;
  font-size:1.08rem;
}
.changelog-group ul{
  margin-top:8px;
  padding-left:18px;
  display:grid;
  gap:6px;
  list-style:disc;
}
.changelog-group li{
  color:#536080;
  font-size:14px;
  line-height:1.55;
}
.changelog-note{
  margin-top:18px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid rgba(190,206,236,.72);
  border-radius:14px;
  background:rgba(245,249,255,.9);
  color:#4d597c;
  padding:13px 14px;
}
.changelog-note .fa-icon{
  margin-top:3px;
  color:#5f43c1;
}
.changelog-note p{
  font-size:13px;
  line-height:1.6;
}
@media(min-width:900px){
  .changelog-layout{
    grid-template-columns:220px minmax(0,1fr);
  }
  .changelog-index{
    position:sticky;
    top:calc(var(--site-header-height,64px) + 18px);
  }
}
@media(max-width:640px){
  .changelog-release-head{
    flex-direction:column;
  }
  .changelog-group{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{
  position:relative;
  /* The language chooser opens above the footer. Clipping here cut most of the
     panel off on desktop, so decorative layers stay bounded by their own
     insets while interactive content may escape the footer box. */
  overflow:visible;
  background:
    radial-gradient(72% 120% at 50% -32%, rgba(233,63,102,.14), rgba(233,63,102,0) 62%),
    var(--endcap-gradient);
  border-top:1px solid rgba(255,255,255,.12);
  padding:var(--sp-10) 0;
}
.site-footer::before{
  content:"";
  display:none;
}
.site-footer::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:var(--texture-grain);
  background-size:var(--texture-grain-size);
  mix-blend-mode:var(--texture-grain-blend);
  opacity:.3;
}
.footer-inner{
  display:grid;
  gap:20px;
  position:relative;
  z-index:1;
}
.footer-meta{
  display:grid;
  gap:14px;
  min-width:0;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.footer-brand-logo{
  width:118px;
  height:auto;
  flex-shrink:0;
}
.footer-brand-lockup{
  display:grid;
  gap:4px;
  min-width:0;
}
.footer-brand-name{
  color:#ffffff;
  font-size:15px;
  line-height:1.25;
}
.footer-brand-tagline{
  color:rgba(222,214,240,.78);
  font-size:13px;
  line-height:1.6;
}
.footer-trust{
  display:grid;
  gap:8px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:0 14px 28px rgba(18,10,34,.16);
}
.footer-trust-label{
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(239,233,255,.72);
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.footer-trust-label .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:#8fe0bb;
}
.footer-trust-copy{
  color:rgba(240,235,248,.9);
  font-size:14px;
  line-height:1.6;
}
.footer-copy{
  font-size:var(--text-sm);
  color:rgba(218,210,237,.78);
  max-width:56ch;
}
.footer-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
}
.footer-links a{
  display:flex;
  align-items:center;
  min-height:40px;
  font-size:15px;
  color:rgba(234,227,249,.88);
  line-height:1.45;
  padding:2px 0;
  transition:color var(--dur-fast) var(--ease-out);
}
.footer-links a:hover{color:#ffffff}
.footer-links a.is-active{
  color:#ffffff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-navigation{
  display:grid;
  align-content:start;
  gap:20px;
  min-width:0;
}
.footer-language{
  position:relative;
  width:min(100%,430px);
  justify-self:end;
  text-align:right;
  color:rgba(222,214,240,.78);
}
.footer-language[open]{z-index:1100}
.footer-language>summary{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:42px;
  padding:8px 11px;
  color:rgba(247,243,255,.94);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  border-radius:11px;
  font-size:12px;
  font-weight:720;
  letter-spacing:.04em;
  cursor:pointer;
  list-style:none;
}
.footer-language>summary::-webkit-details-marker{display:none}
.footer-language>summary:focus{outline:none}
.footer-language>summary:focus-visible{
  outline:2px solid rgba(255,255,255,.82);
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(123,63,242,.3);
}
.footer-language>summary:hover,
.footer-language[open]>summary{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.footer-language>summary small{font-size:9px;font-weight:800;color:rgba(218,210,237,.7)}
.footer-language__chevron{margin-left:2px;font-size:9px;transition:transform var(--dur-fast) var(--ease-out)}
.footer-language[open] .footer-language__chevron{transform:rotate(180deg)}
.footer-language__menu{
  position:absolute;
  right:0;
  left:auto;
  bottom:calc(100% + 11px);
  z-index:12;
  width:min(430px,calc(100vw - 36px));
  padding:14px;
  color:var(--editly-ink);
  background:rgba(255,255,255,.99);
  border:1px solid rgba(94,64,147,.16);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(9,5,20,.42);
}
.footer-language__menu::after{
  content:"";
  position:absolute;
  right:28px;
  left:auto;
  bottom:-6px;
  width:12px;
  height:12px;
  background:#fff;
  border-right:1px solid rgba(94,64,147,.16);
  border-bottom:1px solid rgba(94,64,147,.16);
  transform:rotate(45deg);
}
.footer-language__menu>p{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--editly-muted)}
.footer-language__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.footer-language__links a{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:7px 9px;
  border:1px solid rgba(94,64,147,.1);
  border-radius:11px;
  color:#342b43;
  background:#fff;
  font-size:12px;
  line-height:1.2;
}
.footer-language__links .language-option__flag{font-size:17px}
.footer-language__links .language-option__text{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}
.footer-language__links .language-option__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680}
.footer-language__links .language-option__text small{font-size:9px;font-weight:800;letter-spacing:.04em;color:#746b84}
.footer-language__links a:hover,
.footer-language__links a:focus-visible{color:var(--editly-accent-dark);background:#faf8ff;border-color:rgba(123,63,242,.24)}
.footer-language__links a.is-active{color:var(--editly-accent-dark);background:rgba(123,63,242,.08);border-color:rgba(123,63,242,.24)}

@media(min-width:820px){
  .footer-inner{
    grid-template-columns:minmax(0,1fr) minmax(300px,430px);
    align-items:start;
    gap:28px;
  }
  .footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-content:flex-start;
    gap:10px 24px;
  }
  .footer-links a{
    min-height:unset;
    padding:0;
    font-size:var(--text-sm);
  }
  .footer-language{justify-self:end}
}

@media(max-width:479px){
  .site-footer{
    padding:calc(var(--sp-10) - 4px) 0;
  }
  .footer-brand{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .footer-brand-logo{
    width:124px;
  }
  .footer-links{
    gap:6px 16px;
  }
  .footer-language{
    width:100%;
  }
  .footer-language__menu{right:0;left:auto;width:min(430px,calc(100vw - 36px))}
  .footer-language__menu::after{right:28px;left:auto}
  .footer-language__links .language-option__text small{display:none}
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
.animate-in{
  opacity:0;
  animation:fadeInUp .5s var(--ease-out) forwards;
}
.animate-in.visible{opacity:1}

/* Scroll reveal utility with safe fallback */
[data-reveal]{
  opacity:1;
  transform:none;
}
.reveal-enabled [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .38s var(--ease-out),transform .38s var(--ease-out);
}
.reveal-enabled [data-reveal].revealed,
.reveal-enabled [data-reveal]:target{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }
  .reveal-enabled [data-reveal],
  .reveal-enabled [data-reveal].revealed,
  .reveal-enabled [data-reveal]:target{
    opacity:1;
    transform:none;
    transition:none;
  }
}
/* ============================================================
   VISUAL SYSTEM COHERENCE PASS
   Full-section surfaces, shared pills, stable content cards
   ============================================================ */

/* The decorative line and inset halos created visible colour seams between
   homepage sections. Every section now owns its complete surface. */
body:is(.page-home,.home) main::before{
  display:none;
}
body:is(.page-home,.home) main > .section{
  position:relative;
  border-top:1px solid rgba(213,219,235,.58);
  background-clip:border-box;
}
body:is(.page-home,.home) #hero{
  border-top:0;
  background:var(--home-surface-hero);
}
body:is(.page-home,.home) #product-steps,
body:is(.page-home,.home) #pricing,
body:is(.page-home,.home) #compatibility,
body:is(.page-home,.home) #faq{
  background:var(--home-surface-a);
}
body:is(.page-home,.home) #handover-workflow,
body:is(.page-home,.home) #features,
body:is(.page-home,.home) #differentiation,
body:is(.page-home,.home) #final-cta{
  background:var(--home-surface-b);
}
body:is(.page-home,.home) #business-value{
  background:linear-gradient(135deg,#f8f6ff 0%,#fbfaf7 52%,#f3f8f5 100%);
}
body:is(.page-home,.home) .controls-section::before{
  content:none;
}

/* Shared badge geometry. Context still controls colour, but height, border,
   typography and optical weight stay consistent across the site. */
.badge,
.docs-badge,
.section-label,
.volume-popular,
.feature-proof-kicker{
  min-height:var(--ui-pill-height);
  padding:6px 11px;
  border-radius:var(--radius-full);
  border-width:1px;
  border-style:solid;
  box-shadow:var(--ui-pill-shadow);
  font-family:var(--font-body);
  font-size:11px;
  font-weight:780;
  line-height:1;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.section-label{
  gap:7px;
  margin-bottom:18px;
  border-color:var(--ui-pill-border);
  background:var(--ui-pill-bg);
  color:#5633bd;
}
.section-label .fa-icon{
  width:14px;
  height:14px;
  font-size:14px;
  color:#6840d0;
}
body:is(.page-home,.home) .hero p.hero-kicker{
  min-height:32px;
  padding:7px 12px;
  gap:8px;
  border:1px solid rgba(181,211,198,.76);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(235,250,243,.88));
  box-shadow:0 8px 22px rgba(34,62,50,.07),0 1px 0 rgba(255,255,255,.92) inset;
  color:#315f50;
  font-size:12px;
  font-weight:750;
  letter-spacing:.018em;
  text-transform:none;
}
body:is(.page-home,.home) .hero p.hero-kicker .hero-kicker-icon{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#dff6e9;
  color:#187b50;
  font-size:10px;
}
.feature-row-badge{
  margin-bottom:12px;
}

/* Business value: one decision, two credible agency outcomes. */
.business-value-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  max-width:1080px;
  margin:34px auto 0;
}
.business-value-grid article{
  position:relative;
  min-width:0;
  padding:clamp(24px,3vw,36px);
  border:1px solid rgba(201,205,222,.78);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 42px rgba(40,28,68,.08);
  text-align:left;
}
.business-value-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:28px;
  margin-bottom:18px;
  border-radius:999px;
  background:#efe8ff;
  color:#6331cc;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
}
.business-value-grid h3{margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.55rem)}
.business-value-grid p{margin:0;color:var(--ink-soft);line-height:1.7}
.business-value-grid strong{display:block;margin-top:18px;color:#3d286d;font-size:.9rem;line-height:1.5}

.blog-business-value{
  margin:clamp(30px,5vw,52px) 0;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(125,82,215,.22);
  border-radius:22px;
  background:linear-gradient(135deg,#f7f2ff,#fbfaf6 72%,#f1f8f4);
  box-shadow:0 16px 38px rgba(48,31,84,.08);
}
.blog-business-value__eyebrow{margin:0 0 8px!important;color:#6b3bd0!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.blog-business-value h2{margin:0 0 12px!important;font-size:clamp(1.45rem,2.5vw,2rem)!important}
.blog-business-value>p:not(.blog-business-value__eyebrow){margin:0!important;color:var(--ink-soft);line-height:1.75}
.blog-business-value__outcomes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.blog-business-value__outcomes span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(115,79,191,.18);border-radius:999px;background:rgba(255,255,255,.82);color:#4e3e69;font-size:.78rem;font-weight:700}
.blog-business-value__outcomes i{color:#6f3bd1}

@media(max-width:760px){
  .business-value-grid{grid-template-columns:1fr;gap:14px;margin-top:26px}
  .business-value-grid article{padding:24px 20px;border-radius:20px}
  .blog-business-value{padding:22px 18px;border-radius:18px}
  .blog-business-value__outcomes{align-items:stretch;flex-direction:column}
  .blog-business-value__outcomes span{border-radius:12px}
}

/* Pricing: more breathing room and a clearer vertical rhythm. */
body:is(.page-home,.home) #pricing .pricing-card{
  max-width:1240px;
  padding:clamp(28px,3.2vw,42px) clamp(22px,3.4vw,46px) clamp(30px,3.4vw,44px);
  border-radius:30px;
}
body:is(.page-home,.home) #pricing .pricing-card h3{
  margin-bottom:20px;
}
body:is(.page-home,.home) #pricing .pricing-plan-scope{
  margin:0 auto clamp(24px,2.6vw,32px);
  gap:10px;
}
.pricing-plan-scope span,
.compat-scope span{
  min-height:36px;
  padding:8px 12px;
  border-color:var(--ui-pill-border);
  background:var(--ui-pill-bg);
  box-shadow:var(--ui-pill-shadow);
}
body:is(.page-home,.home) #pricing .volume-plans{
  gap:clamp(18px,2.2vw,26px);
  margin-bottom:24px;
}
body:is(.page-home,.home) #pricing .volume-card{
  min-height:370px;
  gap:10px;
  padding:clamp(22px,2.5vw,30px);
  border-radius:22px;
}
body:is(.page-home,.home) #pricing .volume-fit{
  min-height:44px;
  margin:0;
  font-size:13px;
}
body:is(.page-home,.home) #pricing .volume-price{
  margin-top:6px;
}
body:is(.page-home,.home) #pricing .volume-meta{
  margin:2px 0 8px;
}
body:is(.page-home,.home) #pricing .volume-scenario{
  margin:0 0 20px;
  font-size:12px;
  line-height:1.55;
}
body:is(.page-home,.home) #pricing .volume-card .editly-purchase{
  margin-top:auto;
  min-height:50px;
}

/* Features: the anchor must not become a third grid cell. Rows are now one
   coherent card, with media and copy side by side on landscape/tablet widths. */
.features-stack{
  gap:clamp(22px,3vw,30px);
}
.feature-row{
  position:relative;
  overflow:hidden;
  align-items:center;
  border:1px solid rgba(205,214,234,.84);
  border-radius:16px;
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 24px rgba(28,21,58,.055);
  padding:clamp(16px,2.2vw,24px);
}
.feature-row > .anchor-sentinel{
  position:absolute;
  inset:0 auto auto 0;
  pointer-events:none;
}
.feature-row-copy,
.feature-row:nth-child(even) .feature-row-copy{
  border:0;
  border-radius:0;
  background:none;
  padding:clamp(8px,1.5vw,18px);
}
.feature-row-media{
  padding:0;
}
.features-image-frame,
.feature-proof-card,
.feature-widget-showcase{
  transform:none;
  box-shadow:0 12px 26px rgba(26,21,52,.075);
}
.feature-row:nth-child(even) .features-image-frame,
.feature-row:nth-child(even) .feature-proof-card,
.feature-row:nth-child(even) .feature-widget-showcase{
  transform:none;
}
@media(min-width:760px){
  .feature-row{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  }
  .feature-row:nth-child(even) .feature-row-media{
    order:-1;
  }
  /* Wide settings captures need the full reading width; a narrow side column
     makes control labels too small to be useful product evidence. */
  .feature-row#role-based-access,
  .feature-row#layout-safe-limits{
    grid-template-columns:1fr;
  }
  .feature-row#role-based-access .feature-row-media,
  .feature-row#layout-safe-limits .feature-row-media{
    order:initial;
  }
}

/* Editorial, line-led blog treatment: cards remain scannable without creating
   a second visual language of stacked white boxes. */
.page-blog .blog-card,
.page-blog-article .blog-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.18));
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog .blog-card:last-child,
.page-blog-article #content .blog-card{
  border-bottom:1px solid var(--editly-quiet-line,rgba(89,72,143,.18));
}

/* Universal compatibility ticker. It pauses for pointer and keyboard users;
   reduced-motion users retain a manually scrollable list. */
.compat-marquee{
  overflow:hidden;
  padding:16px 0;
  border-left:0;
  border-right:0;
  border-radius:0;
  background:transparent;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  scrollbar-width:none;
}
.compat-marquee::-webkit-scrollbar{
  display:none;
}
.compat-marquee::before,
.compat-marquee::after{
  content:none;
}
.compat-track{
  display:flex;
  width:max-content;
  animation:compatSlide 52s linear infinite;
  will-change:transform;
}
.compat-set[aria-hidden="true"]{
  display:flex;
}
.compat-marquee:hover .compat-track,
.compat-marquee:focus-within .compat-track{
  animation-play-state:paused;
}

/* Article conversion blocks use an editorial card, not the dark full-width
   separator intended for marketing page transitions. */
.page-blog-article .section-cta{
  margin:0;
  padding:clamp(10px,2vw,18px) 0 clamp(18px,3vw,30px) !important;
  border:0;
  background:transparent;
  overflow:visible;
}
.page-blog-article .section-cta::before,
.page-blog-article .section-cta::after{
  content:none;
}
.page-blog-article .section-cta .section-separator-inner{
  width:calc(100% - 48px);
  max-width:840px;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:6px 24px;
  align-items:center;
  border:1px solid rgba(204,213,233,.9);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,249,255,.92));
  box-shadow:0 12px 28px rgba(29,22,58,.055);
  padding:clamp(18px,2.8vw,26px);
  text-align:left;
}
.page-blog-article .section-cta .section-separator-title{
  color:#232d50;
  text-align:left;
  font-size:clamp(1.35rem,2.2vw,1.8rem);
}
.page-blog-article .section-cta .section-separator-subtitle{
  max-width:58ch;
  color:#596483;
  font-size:13px;
  line-height:1.55;
}
.page-blog-article .section-cta .section-separator-actions{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  gap:10px;
}
.page-blog-article .section-cta .btn{
  min-height:42px;
  padding:9px 15px;
  font-size:13px;
}
.page-blog-article .article-track{
  padding:8px 0 clamp(36px,5vw,54px) !important;
}
.page-blog-article .article-track-card{
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(29,22,58,.05);
}

/* Footer reassurance is intentionally editorial, not another boxed card. */
.footer-trust{
  max-width:680px;
  gap:5px;
  padding:4px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.footer-trust-label{
  color:rgba(229,221,245,.72);
  letter-spacing:.075em;
}
.footer-trust-copy{
  max-width:62ch;
  color:rgba(240,235,248,.86);
  font-size:13px;
}

@media(max-width:759px){
  .faq-list{
    grid-template-columns:1fr;
  }
  body:is(.page-home,.home) #pricing .volume-card{
    min-height:0;
  }
  .page-blog-article .section-cta .section-separator-inner{
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:8px;
  }
  .page-blog-article .section-cta .section-separator-actions{
    grid-column:1;
    grid-row:auto;
    margin-top:8px;
    flex-wrap:wrap;
  }
}

@media(prefers-reduced-motion:reduce){
  .compat-marquee{
    overflow-x:auto;
    mask-image:none;
    -webkit-mask-image:none;
  }
  .compat-track{
    animation:none;
    will-change:auto;
  }
  .compat-set[aria-hidden="true"]{
    display:none;
  }
}

/* Article reading experience: the source articles are intentionally thorough,
   so the chrome steps back and lets the guide, examples and proof breathe. */
.page-blog-article .page-hero .blog-card,
.page-blog-article #content .blog-card{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-blog-article .page-hero .blog-card{
  padding:0;
}
.page-blog-article #content .blog-card{
  padding:clamp(4px,1.4vw,12px) 0 clamp(18px,3vw,34px);
}
.page-blog-article .page-hero .blog-meta{
  color:#6245cb;
  letter-spacing:.09em;
}
.page-blog-article .page-hero .blog-card h1{
  max-width:20ch;
  font-size:clamp(2.25rem,4.4vw,4rem);
  letter-spacing:-.025em;
}
.page-blog-article .page-hero .blog-card > p:not(.blog-meta):not(.blog-article-meta){
  max-width:64ch;
  font-size:clamp(1.08rem,1.55vw,1.28rem);
  line-height:1.62;
}
.page-blog-article .blog-links{
  gap:0;
}
.page-blog-article .blog-links a{
  padding:0 11px;
  border-left:1px solid rgba(189,200,224,.75);
  font-size:13px;
}
.page-blog-article .blog-links a:first-child{
  padding-left:0;
  border-left:0;
}
.page-blog-article .blog-toc{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0;
  margin-top:22px;
  border-top:1px solid rgba(207,216,235,.9);
  border-bottom:1px solid rgba(207,216,235,.9);
}
.page-blog-article .blog-toc a{
  min-height:42px;
  display:flex;
  border:0;
  border-radius:0;
  background:transparent;
  padding:9px 12px;
  color:#4a5678;
  font-size:12px;
  line-height:1.3;
}
.page-blog-article .blog-toc a:hover{
  color:#4f2bce;
  background:rgba(246,243,255,.68);
}
.page-blog-article .container.blog-article .blog-card > * + *{
  margin-top:18px;
}
.page-blog-article .container.blog-article .blog-card h2{
  margin-top:clamp(42px,6vw,68px);
  padding-top:0;
  border-top:0;
  font-size:clamp(1.72rem,3vw,2.45rem);
}
.page-blog-article .container.blog-article .blog-card h2::before{
  position:static;
  display:block;
  width:34px;
  height:2px;
  margin-bottom:13px;
  background:#6f2de8;
}
.page-blog-article .container.blog-article .blog-card h3{
  margin-top:28px;
  padding-left:0;
  border-left:0;
  font-size:clamp(1.28rem,2vw,1.65rem);
}
.page-blog-article .container.blog-article .blog-card p,
.page-blog-article .container.blog-article .blog-card li{
  max-width:72ch;
  color:#465273;
}
.page-blog-article .container.blog-article .blog-card p{
  font-size:clamp(1.04rem,1.35vw,1.16rem);
  line-height:1.78;
}
.page-blog-article .container.blog-article .blog-card ul,
.page-blog-article .container.blog-article .blog-card ol{
  max-width:70ch;
  gap:12px;
}
.page-blog-article .container.blog-article .blog-card li{
  padding-left:3px;
  line-height:1.7;
}
.page-blog-article .blog-scenario,
.page-blog-article .blog-insight{
  max-width:72ch;
  border:1px solid rgba(216,224,240,.92);
  border-radius:12px;
  background:rgba(248,250,255,.78);
  box-shadow:none;
  padding:16px 18px;
}
.page-blog-article .blog-good-to-know{
  max-width:72ch;
  margin:22px 0;
  padding:13px 0 14px;
  border-top:1px solid rgba(204,214,235,.92);
  border-bottom:1px solid rgba(204,214,235,.92);
}
.page-blog-article .blog-good-to-know-label{
  margin:0 0 5px !important;
  color:#6040c8 !important;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.2 !important;
  text-transform:uppercase;
}
.page-blog-article .blog-good-to-know p:not(.blog-good-to-know-label){
  margin:0 !important;
  font-size:14px !important;
  line-height:1.62 !important;
}
.page-blog-article .blog-scenario{
  border-left:1px solid rgba(216,224,240,.92);
}
.page-blog-article .blog-scenario strong{
  color:#6040c8;
  font-size:11px;
  letter-spacing:.085em;
}
.blog-reading-brief{
  margin:24px 0 30px;
  padding:16px 0 18px;
  border-top:1px solid rgba(204,214,235,.92);
  border-bottom:1px solid rgba(204,214,235,.92);
}
.blog-reading-brief-label{
  margin:0 0 11px !important;
  color:#6245cb !important;
  font-size:11px !important;
  font-weight:800;
  line-height:1.2 !important;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.blog-reading-brief dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0;
}
.blog-reading-brief div{
  min-width:0;
}
.blog-reading-brief dt{
  margin-bottom:5px;
  color:#273052;
  font-size:12px;
  font-weight:800;
}
.blog-reading-brief dd{
  margin:0;
  color:#536080;
  font-size:13px;
  line-height:1.55;
}
.page-blog-article .blog-product-media{
  max-width:900px;
  margin:30px auto;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(29,22,58,.055);
}
.page-blog-article .blog-product-media img{
  height:auto;
  max-height:none;
  object-fit:initial;
  padding:12px;
}
.page-blog-article .blog-product-media__visual{
  min-width:0;
  background:#fff;
}
.page-blog-article .blog-product-media--split{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(220px,.72fr);
  align-items:stretch;
}
.page-blog-article .blog-product-media--split .blog-product-media__visual{
  display:grid;
  align-items:center;
}
.page-blog-article .blog-product-media--split figcaption{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-top:0;
  border-left:1px solid rgba(224,231,245,.86);
  padding:clamp(24px,3.2vw,44px);
  color:#536080;
  font-size:clamp(1rem,1.25vw,1.16rem);
  line-height:1.58;
  text-align:left;
}
.page-blog-article .blog-product-media--split figcaption strong{
  display:block;
  width:100%;
  margin:0 0 9px;
  color:#27345c;
  font-family:Manrope,sans-serif;
  font-size:clamp(1.14rem,1.55vw,1.4rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.025em;
}
.page-blog-article .blog-overview-video{
  max-width:900px;
  margin:28px auto 32px;
  overflow:hidden;
  border:1px solid rgba(210,220,239,.92);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(29,22,58,.055);
}
.page-blog-article .blog-overview-video video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2548 / 1762;
  background:#f7f8fc;
}
.page-blog-article .blog-overview-video figcaption{
  padding:10px 13px;
  border-top:1px solid rgba(224,231,245,.86);
  color:#5c6687;
  font-size:13px;
  line-height:1.5;
}
.page-blog-article .blog-editorial-module{
  max-width:900px;
  margin:26px 0 34px;
  padding:24px;
  border:1px solid rgba(207,215,236,.92);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(132,84,236,.09),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.96));
  box-shadow:0 14px 34px rgba(34,27,68,.06);
}
.page-blog-article .blog-editorial-module-heading{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-bottom:16px;
}
.page-blog-article .blog-editorial-module-icon{
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(111,45,232,.18);
  border-radius:12px;
  color:#6f2de8;
  background:rgba(111,45,232,.07);
}
.page-blog-article .blog-editorial-module-eyebrow{
  margin:0 0 4px !important;
  color:#6553ad !important;
  font-size:11px !important;
  font-weight:800;
  line-height:1.2 !important;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.page-blog-article .blog-editorial-module h3{
  margin:0;
  color:#202846;
  font-family:Manrope,sans-serif;
  font-size:clamp(1.24rem,2vw,1.58rem);
  line-height:1.28;
}
.page-blog-article .blog-key-principle{
  max-width:76ch !important;
  margin:0 0 20px !important;
  padding:13px 15px;
  border-left:3px solid #6f2de8;
  border-radius:0 10px 10px 0;
  color:#343f61 !important;
  background:rgba(111,45,232,.055);
  font-size:15px !important;
  line-height:1.65 !important;
}
.page-blog-article .blog-copy-script{
  position:relative;
  margin:18px 0;
  padding:17px 19px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(118deg,#54123d 0%,#2b145f 100%);
}
.page-blog-article .blog-copy-script blockquote{
  margin:0;
  padding:0 72px 0 0;
  border:0;
}
.page-blog-article .blog-copy-script blockquote p{
  margin:0 0 8px !important;
  color:#fff !important;
  font-family:"Sorts Mill Goudy",serif;
  font-size:clamp(1.22rem,2.1vw,1.55rem) !important;
  line-height:1.42 !important;
}
.page-blog-article .blog-copy-script cite{
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.page-blog-article .insight-copy{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.09);
  font:700 11px/1 Manrope,sans-serif;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
.page-blog-article .insight-copy:hover,
.page-blog-article .insight-copy:focus-visible{
  border-color:rgba(255,255,255,.52);
  background:rgba(255,255,255,.16);
}
.page-blog-article .article-checklist-block{
  max-width:72ch;
  margin:20px 0 30px;
  padding:17px 19px;
  border:1px solid rgba(207,216,236,.9);
  border-radius:14px;
  background:rgba(249,250,255,.84);
}
.page-blog-article .article-checklist-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px !important;
  color:#6040c8 !important;
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1.3 !important;
  text-transform:uppercase;
}
.page-blog-article .article-checklist-block ul,
.page-blog-article .article-checklist-block ol{
  margin:0;
}
.page-blog-article .article-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:20px 0 34px;
}
.page-blog-article .article-step{
  min-width:0;
  border:1px solid rgba(207,216,236,.9);
  border-radius:13px;
  background:#fff;
}
.page-blog-article .article-step h3{
  margin:0 !important;
  padding:16px 16px 0 !important;
  border:0 !important;
  font-family:Manrope,sans-serif;
  font-size:14px !important;
}
.page-blog-article .article-step p{
  margin:0 !important;
  padding:7px 16px 16px;
  font-size:13px !important;
  line-height:1.55 !important;
}
.page-blog-article .model-compare-wrap{
  max-width:900px;
  margin:20px 0 28px;
  overflow-x:auto;
  border:1px solid rgba(207,216,236,.92);
  border-radius:14px;
  background:#fff;
  -webkit-overflow-scrolling:touch;
}
.page-blog-article .model-compare{
  width:100%;
  min-width:640px;
  border-collapse:collapse;
  color:#465273;
  font-size:13px;
  line-height:1.5;
}
.page-blog-article .model-compare th,
.page-blog-article .model-compare td{
  padding:13px 15px;
  border-bottom:1px solid rgba(224,230,242,.9);
  text-align:left;
  vertical-align:top;
}
.page-blog-article .model-compare thead th{
  color:#5f4bc4;
  background:rgba(111,45,232,.045);
  font-size:11px;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.page-blog-article .model-compare tbody th{
  color:#273052;
  font-weight:800;
}
.page-blog-article .model-compare tr:last-child th,
.page-blog-article .model-compare tr:last-child td{
  border-bottom:0;
}
.article-product-cta{
  padding:12px 24px 26px;
}
.article-product-cta__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  max-width:980px;
  margin:0 auto;
  padding:26px 28px;
  border:1px solid rgba(194,202,225,.42);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 10% 10%,rgba(173,49,121,.28),transparent 36%),
    linear-gradient(118deg,#501239 0%,#251347 100%);
  box-shadow:0 18px 38px rgba(38,16,58,.14);
}
.article-product-cta__eyebrow{
  margin:0 0 6px;
  color:#d9c9f5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.article-product-cta h2{
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(1.55rem,2.5vw,2.1rem);
  line-height:1.2;
}
.article-product-cta__copy>p:last-child{
  max-width:60ch;
  margin:0;
  color:rgba(244,239,250,.82);
  font-size:14px;
  line-height:1.6;
}
.article-product-cta__actions{
  display:flex;
  gap:10px;
  align-items:center;
}
.article-product-cta .btn{
  min-height:44px;
  white-space:nowrap;
}
.article-product-cta__primary{
  border-color:rgba(255,255,255,.26);
  color:#fff;
  background:linear-gradient(118deg,#8b2f80 0%,#5f2acb 100%);
  box-shadow:0 10px 24px rgba(18,8,45,.2);
}
.article-product-cta__secondary{
  border-color:rgba(255,255,255,.34);
  color:#fff;
  background:rgba(255,255,255,.07);
}
.article-sidebar{
  display:none;
}
@media(min-width:1400px){
  .page-blog-article #content .container.blog-article{
    display:grid;
    grid-template-columns:minmax(0,900px) 240px;
    gap:42px;
    max-width:1182px;
    align-items:start;
  }
  .page-blog-article #content .blog-card{
    grid-column:1;
    min-width:0;
  }
  .page-blog-article .article-sidebar{
    display:block;
    grid-column:2;
    grid-row:1;
    position:sticky;
    top:100px;
    align-self:start;
  }
  .page-blog-article .sidebar-cta{
    padding:18px;
    border:1px solid rgba(206,215,234,.94);
    border-radius:16px;
    background:rgba(255,255,255,.9);
    box-shadow:0 14px 30px rgba(31,24,61,.07);
    backdrop-filter:blur(12px);
  }
  .page-blog-article .sidebar-cta__brand{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 13px !important;
    color:#6840d2 !important;
    font-size:11px !important;
    font-weight:800;
    line-height:1.3 !important;
  }
  .page-blog-article .sidebar-cta h2{
    margin:0 0 8px;
    color:#222b4c;
    font-family:Manrope,sans-serif;
    font-size:18px;
    line-height:1.3;
  }
  .page-blog-article .sidebar-cta>p:not(.sidebar-cta__brand){
    margin:0 0 15px !important;
    color:#596481 !important;
    font-size:12px !important;
    line-height:1.55 !important;
  }
  .page-blog-article .sidebar-cta .btn{
    width:100%;
    min-height:40px;
    padding:9px 11px;
    font-size:12px;
  }
  .page-blog-article .sidebar-cta__primary{
    border-color:transparent;
    color:#fff;
    background:linear-gradient(118deg,#7f2876 0%,#5e2bc8 100%);
    box-shadow:0 9px 20px rgba(73,35,137,.18);
  }
  .page-blog-article .sidebar-cta__link{
    display:flex;
    justify-content:space-between;
    margin-top:11px;
    color:#5f3bc6;
    font-size:12px;
    font-weight:800;
  }
}
.page-blog-article .blog-framework-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.page-blog-article .blog-framework-grid section{
  min-width:0;
  padding:14px;
  border:1px solid rgba(211,219,238,.86);
  border-radius:12px;
  background:rgba(255,255,255,.78);
}
.page-blog-article .blog-framework-grid h4,
.page-blog-article .blog-direct-answers h4{
  margin:0 0 6px;
  color:#293253;
  font-family:Manrope,sans-serif;
  font-size:13px;
  line-height:1.4;
}
.page-blog-article .blog-framework-grid p,
.page-blog-article .blog-direct-answers section p{
  margin:0 !important;
  color:#596584 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
.page-blog-article .blog-metric-callout{
  display:flex;
  align-items:center;
  gap:18px;
  margin:18px 0;
  padding:15px 17px;
  border:1px solid rgba(41,166,130,.2);
  border-radius:13px;
  background:rgba(41,166,130,.055);
}
.page-blog-article .blog-metric-value{
  flex:0 0 auto;
  margin:0 !important;
  color:#176e5a !important;
  font-family:"Sorts Mill Goudy",serif;
  font-size:clamp(1.8rem,3vw,2.45rem) !important;
  line-height:1 !important;
}
.page-blog-article .blog-metric-label{
  margin:0 0 3px !important;
  color:#273a54 !important;
  font-size:13px !important;
  font-weight:800;
  line-height:1.35 !important;
}
.page-blog-article .blog-metric-note{
  margin:0 !important;
  color:#5c6a83 !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
.capacity-calculator{
  margin:24px 0 34px;
  padding:24px;
  border:1px solid rgba(205,214,236,.95);
  border-radius:18px;
  background:radial-gradient(circle at 100% 0,rgba(111,45,232,.09),transparent 34%),linear-gradient(145deg,#fff,#f8f9ff);
  box-shadow:0 14px 34px rgba(34,27,68,.06);
}
.capacity-calculator__head h3{
  margin:4px 0 8px;
  color:#202846;
  font-family:Manrope,sans-serif;
  font-size:clamp(1.22rem,2vw,1.5rem);
}
.capacity-calculator__head>p:last-child{
  margin:0;
  color:#586381;
  font-size:14px;
}
.capacity-calculator__eyebrow{
  margin:0 !important;
  color:#6846d3 !important;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.capacity-calculator__inputs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.capacity-calculator__inputs label{
  display:grid;
  gap:7px;
  color:#35405f;
  font-size:12px;
  font-weight:750;
}
.capacity-calculator__inputs input{
  width:100%;
  min-height:44px;
  border:1px solid #ccd5e9;
  border-radius:10px;
  background:#fff;
  color:#202846;
  padding:9px 11px;
  font:700 15px/1.2 Manrope,sans-serif;
}
.capacity-calculator__inputs input:focus{
  outline:3px solid rgba(111,45,232,.16);
  border-color:#7440e4;
}
.capacity-calculator__result{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.capacity-calculator__result>div{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid rgba(111,45,232,.16);
  border-radius:12px;
  background:rgba(111,45,232,.055);
}
.capacity-calculator__result span{
  color:#616c88;
  font-size:11px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.capacity-calculator__result strong{
  color:#2d2358;
  font-size:clamp(1.16rem,2vw,1.4rem);
}
.capacity-calculator__note{
  margin:14px 0 0 !important;
  color:#626d88 !important;
  font-size:12px !important;
  line-height:1.55 !important;
}
.capacity-calculator__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
  color:#6333d2;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.capacity-calculator__cta:hover{
  color:#401b9b;
}
.interactive-checklist{
  margin:28px 0 38px;
  padding:clamp(22px,4vw,34px);
  border:1px solid rgba(111,45,232,.18);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,243,255,.98));
  box-shadow:0 16px 38px rgba(34,27,68,.07);
}
.interactive-checklist__head h3{
  margin:5px 0 8px;
  color:#202846;
  font-family:Manrope,sans-serif;
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  line-height:1.22;
}
.interactive-checklist__head>p:last-child{
  margin:0;
  color:#586381;
  font-size:14px;
}
.interactive-checklist__eyebrow{
  margin:0 !important;
  color:#6846d3 !important;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.interactive-checklist__progress{
  height:8px;
  margin:22px 0 8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(111,45,232,.1);
}
.interactive-checklist__progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#702de7,#9946f4);
  transition:width .24s ease;
}
.interactive-checklist__status{
  margin:0 0 17px !important;
  color:#626d88 !important;
  font-size:12px !important;
  font-weight:750;
}
.interactive-checklist__items{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  border:0;
}
.interactive-checklist__items label{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:12px 14px;
  border:1px solid rgba(61,67,103,.13);
  border-radius:13px;
  background:rgba(255,255,255,.8);
  color:#35405f;
  font-size:14px;
  line-height:1.5;
  cursor:pointer;
}
.interactive-checklist__items label:has(input:checked){
  border-color:rgba(111,45,232,.3);
  background:rgba(111,45,232,.06);
}
.interactive-checklist__items input{
  width:20px;
  height:20px;
  margin:1px 0 0;
  flex:0 0 20px;
  accent-color:#702de7;
}
.interactive-checklist__complete{
  display:grid;
  gap:4px;
  margin-top:17px;
  padding:17px;
  border-radius:15px;
  background:#24133f;
  color:#fff;
}
.interactive-checklist__complete[hidden]{display:none}
.interactive-checklist__complete span{color:rgba(255,255,255,.77)}
.interactive-checklist__complete a{
  width:max-content;
  margin-top:7px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.page-blog-article .blog-direct-answers{
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid rgba(207,215,233,.82);
}
.page-blog-article .blog-direct-answers-label{
  margin:0 0 10px !important;
  color:#6553ad !important;
  font-size:10px !important;
  font-weight:800;
  line-height:1.2 !important;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-blog-article .blog-direct-answers>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.page-blog-article .article-track-card{
  border:0;
  border-top:1px solid rgba(204,214,235,.92);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:28px 0 0;
}
.page-blog-article .article-track-links a{
  border-radius:9px;
  background:rgba(255,255,255,.66);
}
@media(max-width:640px){
  .page-blog-article .page-hero .blog-card h1{
    max-width:none;
    font-size:clamp(2.1rem,10vw,3rem);
  }
  .page-blog-article .blog-links a{
    padding:0 8px;
  }
  .page-blog-article .blog-toc{
    grid-template-columns:1fr 1fr;
  }
  .page-blog-article .container.blog-article .blog-card h2{
    margin-top:42px;
  }
  .blog-reading-brief dl{
    grid-template-columns:1fr;
    gap:12px;
  }
  .page-blog-article .blog-product-media{
    margin:24px 0;
  }
  .page-blog-article .blog-product-media--split{
    grid-template-columns:1fr;
  }
  .page-blog-article .blog-product-media--split figcaption{
    border-top:1px solid rgba(224,231,245,.86);
    border-left:0;
    padding:18px;
  }
  .page-blog-article .blog-editorial-module{
    margin:22px 0 28px;
    padding:18px;
    border-radius:15px;
  }
  .page-blog-article .blog-framework-grid,
  .page-blog-article .blog-direct-answers>div{
    grid-template-columns:1fr;
  }
  .page-blog-article .blog-metric-callout{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .capacity-calculator{
    padding:18px;
    border-radius:15px;
  }
  .capacity-calculator__inputs,
  .capacity-calculator__result{
    grid-template-columns:1fr;
  }
  .page-blog-article .blog-copy-script blockquote{
    padding-right:0;
    padding-top:38px;
  }
  .page-blog-article .article-steps{
    grid-template-columns:1fr;
  }
  .page-blog-article .model-compare{
    min-width:560px;
  }
  .article-product-cta{
    padding:8px 16px 24px;
  }
  .article-product-cta__inner{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 19px;
    border-radius:17px;
  }
  .article-product-cta__actions{
    align-items:stretch;
    flex-direction:column;
  }
  .article-product-cta .btn{
    width:100%;
  }
}

:root{
  --editly-quiet-line:rgba(208,217,235,.86);
  --editly-quiet-line-soft:rgba(218,225,239,.78);
  --editly-quiet-violet:rgba(111,45,232,.045);
  --editly-quiet-green:rgba(35,172,107,.055);
  --editly-quiet-red:rgba(225,75,105,.045);
}
/* Final cascade for the quiet outlined UX language. These selectors sit after
   legacy component variants so the visual system remains consistent on every
   translated template without changing their content structure. */
body:is(.page-home,.home) :is(.handover-compact,.business-value-grid,.control-deck,.differentiation-grid),
body:is(.page-home,.home) #pricing .pricing-card,
.pricing-page .pricing-card{
  border-right:0;
  border-left:0;
  border-radius:0;
  box-shadow:none;
}
body:is(.page-home,.home) :is(.handover-compact,.business-value-grid,.control-deck,.differentiation-grid),
body:is(.page-home,.home) #pricing .pricing-card,
.pricing-page .pricing-card{
  border-top:1px solid var(--editly-quiet-line);
  border-bottom:1px solid var(--editly-quiet-line);
  background:transparent;
}
body:is(.page-home,.home) .business-value-grid{
  gap:0;
}
body:is(.page-home,.home) .business-value-grid article{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body:is(.page-home,.home) .business-value-grid article + article{
  border-left:1px solid var(--editly-quiet-line);
  background:linear-gradient(145deg,var(--editly-quiet-violet),rgba(111,45,232,0) 72%);
}
body:is(.page-home,.home) .control-deck{
  overflow:visible;
  padding:0;
}
body:is(.page-home,.home) .control-deck-glow{
  display:none;
}
body:is(.page-home,.home) .control-proof-list{
  border-right:0;
  border-left:0;
  border-radius:0;
  box-shadow:none;
}
body:is(.page-home,.home) .differentiation-grid{
  gap:0;
  padding:0;
  overflow:visible;
}
body:is(.page-home,.home) .differentiation-card,
body:is(.page-home,.home) .differentiation-card + .differentiation-card{
  border:0;
  border-radius:0;
  box-shadow:none;
}
body:is(.page-home,.home) .differentiation-card{
  background:linear-gradient(180deg,var(--editly-quiet-red),rgba(225,75,105,0) 48%);
}
body:is(.page-home,.home) .differentiation-card + .differentiation-card{
  border-left:1px solid var(--editly-quiet-line);
}
body:is(.page-home,.home) .differentiation-card-editly{
  background:linear-gradient(180deg,rgba(35,172,107,.085),rgba(35,172,107,.012) 54%);
}
body:is(.page-home,.home) .compat-engine{
  border-right:0;
  border-left:0;
  border-radius:0;
  box-shadow:none;
}
body:is(.page-home,.home) #pricing .pricing-card,
.pricing-page .pricing-card{
  padding-inline:0;
  overflow:visible;
}
body:is(.page-home,.home) #pricing .volume-plans,
.pricing-page .volume-plans{
  gap:0;
  border-top:1px solid var(--editly-quiet-line);
  border-bottom:1px solid var(--editly-quiet-line);
}
body:is(.page-home,.home) #pricing .volume-card,
.pricing-page .volume-card{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
body:is(.page-home,.home) #pricing .volume-card + .volume-card,
.pricing-page .volume-card + .volume-card{
  border-left:1px solid var(--editly-quiet-line);
}
body:is(.page-home,.home) #pricing .volume-card.featured,
.pricing-page .volume-card.featured{
  border-radius:18px;
  background:linear-gradient(155deg,rgba(111,45,232,.068),rgba(35,172,107,.035));
  box-shadow:inset 0 2px #7650d6,0 12px 28px rgba(46,31,91,.055);
}
body:is(.page-home,.home) #pricing .volume-card::before,
.pricing-page .volume-card::before{
  display:none;
}
.pricing-page .pricing-card .pricing-includes{
  gap:0;
  border-top:1px solid var(--editly-quiet-line-soft);
  border-bottom:1px solid var(--editly-quiet-line-soft);
}
.pricing-page .pricing-card .pricing-includes li{
  border:0;
  border-radius:0;
  background:transparent;
}
.pricing-page .pricing-card .pricing-includes li + li{
  border-left:1px solid var(--editly-quiet-line-soft);
}
.page-features .features-edition-map{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--editly-quiet-line);
  border-bottom:1px solid var(--editly-quiet-line);
}
.page-features .features-edition-card{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-features .features-edition-card + .features-edition-card{
  border-left:1px solid var(--editly-quiet-line);
}
.page-features .features-edition-card-pro{
  background:linear-gradient(145deg,var(--editly-quiet-violet),rgba(111,45,232,0));
}
.page-features .feature-row{
  overflow:visible;
  padding:clamp(20px,2.8vw,30px) 0;
  border:0;
  border-top:1px solid var(--editly-quiet-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-features .feature-row:last-child{
  border-bottom:1px solid var(--editly-quiet-line);
}
/* WordPress adds the page identity to <main>, while static previews keep it on
   <body>; support both render paths. */
.features-page .features-edition-map{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--editly-quiet-line);
  border-bottom:1px solid var(--editly-quiet-line);
}
.features-page .features-edition-card{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.features-page .features-edition-card + .features-edition-card{
  border-left:1px solid var(--editly-quiet-line);
}
.features-page .features-edition-card-pro{
  background:linear-gradient(145deg,var(--editly-quiet-violet),rgba(111,45,232,0));
}
.features-page .feature-row{
  overflow:visible;
  padding:clamp(20px,2.8vw,30px) 0;
  border:0;
  border-top:1px solid var(--editly-quiet-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.features-page .feature-row:last-child{
  border-bottom:1px solid var(--editly-quiet-line);
}
@media(max-width:767px){
  body:is(.page-home,.home) .business-value-grid article + article,
  body:is(.page-home,.home) .differentiation-card + .differentiation-card,
  body:is(.page-home,.home) #pricing .volume-card + .volume-card,
  .pricing-page .volume-card + .volume-card,
  .pricing-page .pricing-card .pricing-includes li + li,
  .page-features .features-edition-card + .features-edition-card{
    border-left:0;
    border-top:1px solid var(--editly-quiet-line);
  }
  body:is(.page-home,.home) #pricing .volume-card,
  .pricing-page .volume-card{
    min-height:0;
    border-bottom:1px solid var(--editly-quiet-line);
  }
  body:is(.page-home,.home) #pricing .volume-card.featured,
  .pricing-page .volume-card.featured{
    border-radius:15px;
  }
  .page-features .features-edition-map{
    grid-template-columns:1fr;
  }
  .features-page .features-edition-map{
    grid-template-columns:1fr;
  }
  .features-page .features-edition-card + .features-edition-card{
    border-left:0;
    border-top:1px solid var(--editly-quiet-line);
  }
}

/* ============================================================
   Quiet outline refinements
   Final balance between open editorial rails and closed summaries.
   ============================================================ */

/* Pricing columns: Agency is a highlighted column, not a floating card. */
body:is(.page-home,.home) #pricing .volume-card.featured,
.pricing-page .volume-card.featured,
body:is(.page-home,.home) #pricing .volume-card.featured:hover,
.pricing-page .volume-card.featured:hover{
  border-radius:0;
  background:linear-gradient(155deg,rgba(111,45,232,.07),rgba(35,172,107,.035));
  box-shadow:inset 0 3px #7650d6;
}
.volume-popular{
  display:none;
}

/* Free / Pro outcomes: one deliberately closed summary, without white tiles. */
body:is(.page-home,.home) .control-proof-list{
  overflow:hidden;
  border:1px solid var(--editly-quiet-line);
  border-radius:14px;
  background:transparent;
}
body:is(.page-home,.home) .control-proof-list li{
  background:transparent;
}

/* Universal compatibility: a compact editorial split instead of a large
   centred announcement panel. */
body:is(.page-home,.home) .compat-engine{
  max-width:1080px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  align-items:center;
  gap:clamp(20px,3vw,38px);
  padding:clamp(20px,2.5vw,28px) clamp(16px,2.5vw,30px);
  text-align:left;
  background:
    linear-gradient(90deg,rgba(111,45,232,.045),rgba(111,45,232,0) 58%),
    transparent;
}
body:is(.page-home,.home) .compat-engine p{
  font-size:clamp(.92rem,1.25vw,1.05rem);
  line-height:1.58;
}
body:is(.page-home,.home) .compat-engine p:first-child{
  color:#394563;
}
body:is(.page-home,.home) .compat-engine p:first-child strong{
  display:block;
  margin-bottom:5px;
  color:#272f50;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body:is(.page-home,.home) .compat-engine .compat-helper{
  margin:0;
  padding-left:clamp(18px,2vw,26px);
  border-left:1px solid rgba(111,45,232,.2);
  color:#68718d;
  font-size:.78rem;
  line-height:1.55;
}

/* Pricing page: quieter framing and clearer separation between the page
   promise, the Pro proposition and the plans. */
.pricing-page #plans{
  padding-top:clamp(32px,4vw,52px);
}
.pricing-page .pricing-container > h1{
  max-width:980px;
  margin-inline:auto;
  font-size:clamp(2rem,3.35vw,3.05rem);
  line-height:1.08;
}
.pricing-page .pricing-container > .section-subtitle{
  max-width:64ch;
  margin-top:12px;
  font-size:clamp(.98rem,1.45vw,1.12rem);
  line-height:1.62;
}
.pricing-reassurance-inline{
  width:min(100%,1040px);
  margin-top:clamp(20px,2.8vw,30px);
  padding:12px clamp(8px,2vw,18px);
  border-right:0;
  border-left:0;
  border-radius:0;
  background:transparent;
  font-size:11.5px;
}
.pricing-page .pricing-card{
  margin-top:clamp(30px,4vw,48px);
  padding-top:clamp(26px,3vw,36px);
}
.pricing-page .pricing-pro-overview{
  align-items:center;
  gap:clamp(28px,4vw,58px);
  margin-bottom:clamp(24px,3vw,32px);
}
.pricing-page .pricing-pro-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "title copy"
    "kicker copy";
  align-items:end;
  column-gap:clamp(22px,3vw,38px);
  row-gap:8px;
}
.pricing-page .pricing-pro-heading h3{
  grid-area:title;
  margin:0;
  white-space:nowrap;
}
.pricing-page .pricing-pro-kicker{
  grid-area:kicker;
  max-width:245px;
  margin:0;
  padding-top:8px;
  border-top:1px solid rgba(111,45,232,.18);
}
.pricing-page .pricing-pro-heading > p:last-child{
  grid-area:copy;
  align-self:center;
  padding-left:clamp(18px,2.5vw,30px);
  border-left:1px solid var(--editly-quiet-line);
  font-size:13px;
}
.pricing-page .pricing-roi-strip{
  min-height:58px;
  border-right:0;
  border-left:0;
  border-radius:0;
  background:linear-gradient(90deg,rgba(35,172,107,.06),rgba(35,172,107,0));
}

/* Free vs Pro: remove the oversized pill and align the decision block with
   the same editorial grid used elsewhere. */
.fvp-limit-line{
  width:100%;
  margin:clamp(18px,2.5vw,28px) 0 clamp(24px,3vw,34px);
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:18px clamp(12px,2vw,22px);
  border-right:0;
  border-left:0;
  border-radius:0;
  background:linear-gradient(90deg,rgba(111,45,232,.045),rgba(111,45,232,0));
  font-size:13px;
  line-height:1.55;
}
.fvp-limit-line::before{
  width:8px;
  height:8px;
  margin-top:6px;
}
.fvp-page #who-its-for .section-title{
  max-width:22ch;
  font-size:clamp(2rem,3.8vw,3.35rem);
  line-height:1.05;
}
.fvp-page #who-its-for .section-subtitle{
  max-width:680px;
  margin:18px 0 0;
  text-align:left;
}
.fvp-decision-panel{
  overflow:hidden;
  margin-top:clamp(24px,3vw,34px);
  border-radius:14px;
  background:transparent;
  box-shadow:none;
}
.fvp-decision-panel .editorial-panel-item{
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(22px,2.6vw,32px);
  background:transparent;
}
.fvp-decision-panel .editorial-panel-item-pro{
  background:linear-gradient(145deg,rgba(111,45,232,.055),rgba(111,45,232,0));
}
.fvp-decision-panel .editorial-panel-item-neutral{
  background:linear-gradient(145deg,rgba(35,172,107,.035),rgba(35,172,107,0));
}

@media(max-width:900px){
  body:is(.page-home,.home) .compat-engine{
    grid-template-columns:1fr;
    gap:14px;
  }
  body:is(.page-home,.home) .compat-engine .compat-helper{
    padding-top:14px;
    padding-left:0;
    border-top:1px solid rgba(111,45,232,.18);
    border-left:0;
  }
  .pricing-page .pricing-pro-heading{
    grid-template-columns:1fr;
    grid-template-areas:"title" "copy" "kicker";
    align-items:start;
  }
  .pricing-page .pricing-pro-heading > p:last-child{
    padding:12px 0 0;
    border-top:1px solid var(--editly-quiet-line);
    border-left:0;
  }
  .pricing-page .pricing-pro-kicker{
    max-width:none;
    padding-top:0;
    border-top:0;
  }
}

@media(max-width:767px){
  body:is(.page-home,.home) #pricing .volume-card.featured,
  .pricing-page .volume-card.featured{
    border-radius:0;
  }
  body:is(.page-home,.home) .control-proof-list{
    border-radius:12px;
  }
  .pricing-reassurance-inline{
    align-items:flex-start;
    text-align:left;
  }
  .fvp-page #who-its-for .section-title{
    max-width:none;
  }
  .fvp-decision-panel .editorial-panel-item{
    min-height:0;
  }
}

/* ============================================================
   Ambient motion system

   Large, slow-moving colour fields bring the organic language of the
   interactive demo to key moments without animating reading surfaces.
   Only compositor-friendly transforms and opacity are animated.
   ============================================================ */
@keyframes editlyAmbientDriftLeft{
  0%{transform:translate3d(-2.5%,2%,0) rotate(-2deg) scale(.98);opacity:.72}
  100%{transform:translate3d(3.5%,-2.5%,0) rotate(3deg) scale(1.045);opacity:1}
}
@keyframes editlyAmbientDriftRight{
  0%{transform:translate3d(3%,1.5%,0) rotate(3deg) scale(1.02);opacity:.78}
  100%{transform:translate3d(-3.5%,-2%,0) rotate(-3deg) scale(.965);opacity:1}
}

/* Licences: organic colour stays behind the offer, never behind its copy. */
body:is(.page-home,.home) #pricing .pricing-card,
.pricing-page .pricing-card{
  isolation:isolate;
}
body:is(.page-home,.home) #pricing .pricing-card::before,
body:is(.page-home,.home) #pricing .pricing-card::after,
.pricing-page .pricing-card::before,
.pricing-page .pricing-card::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:47% 53% 64% 36% / 58% 42% 58% 42%;
  will-change:transform,opacity;
}
body:is(.page-home,.home) #pricing .pricing-card::before,
.pricing-page .pricing-card::before{
  width:clamp(210px,30vw,430px);
  height:clamp(125px,18vw,245px);
  left:-8%;
  top:-12%;
  background:radial-gradient(ellipse at center,rgba(187,132,228,.13),rgba(111,45,232,0) 72%);
  animation:editlyAmbientDriftLeft 18s ease-in-out infinite alternate;
}
body:is(.page-home,.home) #pricing .pricing-card::after,
.pricing-page .pricing-card::after{
  width:clamp(240px,34vw,470px);
  height:clamp(140px,20vw,270px);
  right:-9%;
  bottom:-17%;
  background:radial-gradient(ellipse at center,rgba(68,195,132,.12),rgba(224,72,132,.025) 52%,rgba(63,218,141,0) 74%);
  animation:editlyAmbientDriftRight 21s ease-in-out -5s infinite alternate;
}
body:is(.page-home,.home) #pricing .pricing-card > *,
.pricing-page .pricing-card > *{
  position:relative;
  z-index:1;
}

/* Conversion moments can carry a little more life than editorial sections. */
.final-cta::before{
  transform-origin:center;
  will-change:transform,opacity;
  animation:editlyAmbientDriftLeft 19s ease-in-out infinite alternate;
}
.final-cta::after{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  width:clamp(260px,36vw,560px);
  height:clamp(150px,22vw,320px);
  right:-8%;
  top:-34%;
  border-radius:62% 38% 51% 49% / 42% 60% 40% 58%;
  background:radial-gradient(ellipse at center,rgba(182,112,211,.14),rgba(226,58,115,.045) 48%,rgba(123,63,242,0) 74%);
  pointer-events:none;
  will-change:transform,opacity;
  animation:editlyAmbientDriftRight 23s ease-in-out -6s infinite alternate;
}
.complementary-final-band .section-separator::before,
.complementary-final-band .section-separator::after{
  display:block;
  filter:none;
  border-radius:48% 52% 61% 39% / 56% 42% 58% 44%;
  will-change:transform,opacity;
}
.complementary-final-band .section-separator::before{
  width:min(540px,42vw);
  height:230px;
  left:-7%;
  top:-105px;
  background:radial-gradient(ellipse at center,rgba(228,94,152,.12),rgba(228,94,152,0) 72%);
  animation:editlyAmbientDriftLeft 20s ease-in-out infinite alternate;
}
.complementary-final-band .section-separator::after{
  width:min(520px,40vw);
  height:220px;
  right:-6%;
  bottom:-112px;
  background:radial-gradient(ellipse at center,rgba(86,195,139,.11),rgba(111,45,232,.035) 48%,rgba(86,195,139,0) 74%);
  animation:editlyAmbientDriftRight 24s ease-in-out -8s infinite alternate;
}

@media(max-width:767px){
  body:is(.page-home,.home) #pricing .pricing-card::after,
  .pricing-page .pricing-card::after{
    opacity:.72;
  }
  .complementary-final-band .section-separator::before{
    width:360px;
    left:-46%;
  }
  .complementary-final-band .section-separator::after{
    width:340px;
    right:-44%;
  }
}

@media(prefers-reduced-motion:reduce){
  body:is(.page-home,.home) .hero::before,
  :is(.pricing-page .pricing-hero,.features-page .page-hero,.docs-page .page-hero)::before,
  :is(.pricing-page .pricing-hero,.features-page .page-hero,.docs-page .page-hero)::after,
  body:is(.page-home,.home) #pricing .pricing-card::before,
  body:is(.page-home,.home) #pricing .pricing-card::after,
  .pricing-page .pricing-card::before,
  .pricing-page .pricing-card::after,
  .final-cta::before,
  .final-cta::after,
  .complementary-final-band .section-separator::before,
  .complementary-final-band .section-separator::after{
    animation:none!important;
    transform:none!important;
    will-change:auto;
  }
}

/* Pricing page: capacity first, product proof second. The visitor sees the
   three purchasable choices before having to parse the Pro architecture. */
.pricing-page #plans{
  padding-top:clamp(30px,4.5vw,52px);
  padding-bottom:clamp(38px,5vw,62px);
}
.pricing-page .pricing-page-title{
  max-width:1000px;
  margin:0 auto 10px;
  font-size:clamp(2rem,3.6vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
.pricing-page .pricing-container > .section-subtitle{
  max-width:760px;
  margin-top:14px;
  font-size:clamp(.98rem,1.25vw,1.08rem);
  line-height:1.55;
}
.pricing-page .pricing-reassurance-inline{
  width:auto;
  max-width:820px;
  margin-top:18px;
  padding:9px 12px;
  border-top:1px solid var(--editly-quiet-line-soft);
  border-bottom:1px solid var(--editly-quiet-line-soft);
  font-size:10.5px;
  font-weight:650;
  line-height:1.45;
}
.pricing-page .pricing-card{
  display:flex;
  flex-direction:column;
  margin-top:clamp(24px,3vw,34px);
  padding-top:0;
}
.pricing-page .volume-plans{
  order:1;
  margin-top:0;
}
.pricing-page .pricing-pro-overview{
  order:2;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  align-items:center;
  gap:clamp(20px,3vw,38px);
  margin:clamp(24px,3vw,34px) 0 0;
  padding:clamp(20px,2.6vw,28px) clamp(10px,1.8vw,20px);
  border-top:1px solid var(--editly-quiet-line);
}
.pricing-page .pricing-pro-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"title copy";
  align-items:center;
  column-gap:clamp(18px,2.5vw,30px);
}
.pricing-page .pricing-pro-heading h3{
  grid-area:title;
  font-size:clamp(1.5rem,2vw,1.9rem);
}
.pricing-page .pricing-pro-kicker{
  display:none;
}
.pricing-page .pricing-pro-heading > p:last-child{
  grid-area:copy;
  margin:0;
  padding-left:clamp(16px,2vw,24px);
  border-left:1px solid var(--editly-quiet-line);
  font-size:12.5px;
  line-height:1.5;
}
.pricing-page .pricing-roi-strip{
  min-height:0;
  margin:0;
  padding:12px 14px;
  font-size:11.5px;
  line-height:1.45;
}
.pricing-page .pricing-card .pricing-includes{
  order:3;
  margin-top:0;
}
.pricing-page .pricing-reassurance{
  order:4;
}
.pricing-page .editly-contact-prompt{
  order:5;
}
.pricing-page .pricing-free-note{
  order:6;
}

@media(max-width:767px){
  .pricing-page #plans{
    padding-top:28px;
  }
  .pricing-page .pricing-page-title{
    font-size:clamp(1.9rem,9vw,2.35rem);
    line-height:1.08;
  }
  .pricing-page .pricing-reassurance-inline{
    width:100%;
    align-items:flex-start;
    margin-top:16px;
    padding-inline:6px;
    font-size:9.5px;
    text-align:left;
  }
  .pricing-page .pricing-pro-overview{
    grid-template-columns:1fr;
    gap:14px;
    padding-inline:0;
  }
  .pricing-page .pricing-pro-heading{
    grid-template-columns:1fr;
    grid-template-areas:"title" "copy";
    gap:9px;
  }
  .pricing-page .pricing-pro-heading > p:last-child{
    padding:9px 0 0;
    border-top:1px solid var(--editly-quiet-line-soft);
    border-left:0;
  }
}
@media(max-width:820px){
  body:is(.page-home,.home) #pricing .volume-fit,
  .pricing-page .volume-detail{
    min-height:0;
  }
}
/* Editorial subtraction pass: one commercial argument per section. */
.support-loop,
.section-progress-link[data-target="handover-workflow"],
.features-page #builder-stays-intact,
.features-page .feature-row-use,
.pricing-page .pricing-roi-strip,
.pricing-page .pricing-card > .pricing-reassurance {
  display: none !important;
}

/* Final cascade for the editorial blog language. */
body.page-blog .blog-card,
body.page-blog-article .blog-card,
main.page-blog .blog-card,
main.page-blog-article .blog-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.page-blog .blog-path-card,
main.page-blog .blog-path-card{
  border:0;
  border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
  border-radius:0;
  background:linear-gradient(110deg,rgba(111,45,232,.045),rgba(255,255,255,0));
  box-shadow:none;
}

/* ============================================================
   Full-site mobile application layer

   Mobile is treated as its own interaction model: compact navigation,
   native swipe shelves for comparable items, and uninterrupted vertical
   reading for documentation, FAQs, legal copy, and feature explanations.
   All selectors are structural, so every localized edition inherits the
   same behaviour without adding language-specific interface copy.
   ============================================================ */
@media(max-width:767px){
  :root{
    --app-rail-gap:12px;
    --app-rail-card:min(82vw,330px);
    --app-touch:46px;
  }

  html{
    scroll-padding-top:calc(var(--site-header-height,64px) + 58px);
  }
  body{
    overscroll-behavior-y:none;
  }
  :where(a,button,input,textarea,select,summary){
    -webkit-tap-highlight-color:rgba(111,45,232,.12);
    touch-action:manipulation;
  }
  :where(input,textarea,select){
    font-size:max(16px,1em);
  }
  .btn,
  .comparison-ctas .btn,
  .features-section-actions .btn,
  .docs-cta-row .btn{
    min-height:var(--app-touch);
  }

  /* The secondary navigation behaves like an application tab rail. */
  .section-progress .container{
    padding-inline:0;
  }
  .section-progress-inner{
    padding:5px 0 7px;
  }
  .section-progress-inner::before,
  .section-progress-inner::after{
    display:none;
  }
  .section-progress-list{
    position:relative;
    display:flex;
    justify-content:flex-start;
    min-height:42px;
    gap:7px;
    padding:0 52px 0 12px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:12px 52px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent 100%);
  }
  .section-progress-list::-webkit-scrollbar{display:none}
  .section-progress-list::after{content:none}
  .section-progress-link,
  .section-progress-link[aria-current="page"]{
    display:inline-flex;
    flex:0 0 auto;
    min-height:40px;
    max-width:none;
    padding:7px 11px;
    scroll-snap-align:center;
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.055);
    font-size:11px;
  }
  .section-progress-link[aria-current="page"]{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.16);
    box-shadow:0 7px 16px rgba(15,8,31,.14);
  }

  /* Main navigation opens as a contained app sheet. */
  .nav-links.open{
    position:fixed;
    top:calc(var(--site-header-height,70px) + 8px);
    right:10px;
    bottom:auto;
    left:10px;
    width:auto;
    height:auto;
    max-height:calc(100dvh - var(--site-header-height,70px) - 18px);
    padding:12px;
    border-radius:18px;
    overscroll-behavior:contain;
    box-shadow:0 24px 70px rgba(11,5,24,.48);
  }
  .nav-links.open a{
    min-height:46px;
  }

  /* Compact, consistent page framing. */
  :is(.pricing-page,.features-page,.fvp-page,.docs-page,.blog-page,.changelog-page) .page-hero-inner,
  .legal-page .legal-hero .container{
    max-width:none;
    text-align:left;
  }
  :is(.pricing-page,.features-page,.fvp-page,.docs-page,.blog-page,.changelog-page) .page-hero,
  .legal-page .legal-hero{
    padding-top:clamp(28px,8vw,42px);
    padding-bottom:clamp(24px,7vw,36px);
  }
  .section-head-centered{
    text-align:left;
  }
  .section-head-centered .section-subtitle,
  .section-subtitle-centered{
    margin-inline:0;
    text-align:left;
  }
  .section-title{
    text-wrap:balance;
  }
  .section-label{
    margin-bottom:12px;
  }
  .faq-question{
    min-height:62px;
    gap:16px;
    padding:17px 5px;
    font-size:clamp(1rem,4.6vw,1.08rem);
  }
  .faq-answer-inner{
    padding-inline:5px;
  }
  .comparison-ctas,
  .features-section-actions,
  .docs-cta-row{
    align-items:stretch;
    flex-direction:column;
  }
  .comparison-ctas .btn,
  .features-section-actions .btn,
  .docs-cta-row .btn{
    width:100%;
    justify-content:center;
  }

  /* Shared native swipe shelves. The visible edge of the next item is the
     gesture cue; no translated helper label or carousel dependency is needed. */
  :is(
    .hero-trust,
    .hero-journey,
    .pricing-page .purchase-steps,
    .docs-task-grid,
    .docs-boundary-grid,
    .docs-meta-grid,
    .fvp-compare-mobile,
    .changelog-groups,
    .page-blog-article .blog-reading-brief dl,
    .page-blog-article .article-steps,
    .page-blog-article .blog-framework-grid,
    .page-blog-article .blog-direct-answers > div,
    .page-blog-article .article-track-links
  ){
    display:flex;
    align-items:stretch;
    grid-template-columns:none;
    gap:var(--app-rail-gap);
    max-width:none;
    margin-right:calc(clamp(12px,4vw,18px) * -1);
    padding:3px 16vw 13px 1px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-padding-inline:1px 16vw;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  :is(
    .hero-trust,
    .hero-journey,
    .pricing-page .purchase-steps,
    .docs-task-grid,
    .docs-boundary-grid,
    .docs-meta-grid,
    .fvp-compare-mobile,
    .changelog-groups,
    .page-blog-article .blog-reading-brief dl,
    .page-blog-article .article-steps,
    .page-blog-article .blog-framework-grid,
    .page-blog-article .blog-direct-answers > div,
    .page-blog-article .article-track-links
  )::-webkit-scrollbar{display:none}

  :is(
    .hero-trust > .hero-trust-item,
    .hero-journey > a,
    .pricing-page .purchase-steps > li,
    .docs-task-grid > a,
    .docs-boundary-grid > div,
    .docs-meta-grid > .docs-meta-card,
    .fvp-compare-mobile > .fvp-compare-card,
    .changelog-groups > .changelog-group,
    .page-blog-article .blog-reading-brief dl > div,
    .page-blog-article .article-steps > .article-step,
    .page-blog-article .blog-framework-grid > section,
    .page-blog-article .blog-direct-answers > div > section,
    .page-blog-article .article-track-links > a
  ){
    flex:0 0 var(--app-rail-card);
    min-width:0;
    margin-top:0;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .hero-trust{
    width:100%;
    justify-content:flex-start;
    margin-top:24px;
  }
  .hero-trust > .hero-trust-item{
    flex-basis:min(72vw,270px);
    justify-content:flex-start;
    background:rgba(255,255,255,.82);
  }
  .hero-journey{
    width:100%;
    grid-template-columns:none;
  }
  .hero-journey > a{
    flex-basis:min(78vw,300px);
    min-height:52px;
  }

  /* Purchase and comparison data become quickly scannable app cards. */
  .pricing-page .purchase-steps{
    margin-top:12px;
    padding-left:1px;
    list-style:none;
    counter-reset:purchase-step;
  }
  .pricing-page .purchase-steps > li{
    position:relative;
    display:block;
    min-height:142px;
    padding:44px 16px 16px;
    border:1px solid var(--editly-quiet-line);
    border-radius:14px;
    background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(247,248,255,.92));
    box-shadow:0 9px 22px rgba(29,22,58,.045);
    counter-increment:purchase-step;
  }
  .pricing-page .purchase-steps > li::before{
    content:counter(purchase-step,decimal-leading-zero);
    position:absolute;
    top:13px;
    left:16px;
    color:#6b3cd0;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
  }
  .pricing-page .customer-portal-action .btn{
    width:100%;
    justify-content:center;
    padding-inline:12px;
    white-space:normal;
    text-align:center;
    line-height:1.3;
  }
  .fvp-compare-mobile{
    margin-top:12px;
  }
  .fvp-compare-mobile > .fvp-compare-card{
    min-height:280px;
    padding:18px;
    border-radius:16px;
    background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(246,243,255,.9));
    box-shadow:0 10px 24px rgba(29,22,58,.05);
  }
  .fvp-compare-card + .fvp-compare-card{
    margin-top:0;
  }

  /* Documentation behaves like a task-oriented mobile tool. */
  .docs-layout{
    gap:12px;
  }
  .docs-sidebar{
    border-radius:14px;
  }
  .docs-sidebar-toggle{
    width:100%;
    min-height:48px;
    justify-content:space-between;
  }
  .docs-section{
    border-radius:16px;
    padding:17px 14px;
  }
  .docs-section-head{
    align-items:flex-start;
  }
  .docs-copy-link{
    min-width:42px;
    min-height:42px;
    justify-content:center;
    padding:7px;
  }
  .docs-copy-link span{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
  .docs-task-grid > a{
    flex-basis:min(78vw,300px);
    min-height:108px;
  }
  .docs-boundary-grid > div{
    flex-basis:min(79vw,305px);
    min-height:118px;
  }
  .docs-meta-grid{
    margin-block:14px 16px;
  }
  .docs-meta-grid > .docs-meta-card{
    flex-basis:min(72vw,270px);
    min-height:94px;
    padding:13px;
  }
  .docs-mini-toc{
    flex-wrap:nowrap;
    margin-right:calc(clamp(12px,4vw,18px) * -1);
    padding:2px 16vw 8px 0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .docs-mini-toc::-webkit-scrollbar{display:none}
  .docs-mini-toc a{flex:0 0 auto}

  /* Feature explanations remain vertical; their controls become thumb-ready. */
  .feature-row{
    border-radius:16px;
  }
  .feature-row-copy,
  .feature-row-media{
    min-width:0;
  }
  .feature-row-media img{
    border-radius:12px;
  }
  .feature-row-meta{
    font-size:12px;
    line-height:1.55;
  }

  /* Release notes and editorial modules use swipe only for peer content. */
  .changelog-layout,
  .changelog-release{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .changelog-release{
    padding:20px 15px;
    border-radius:17px;
  }
  .changelog-groups{
    width:100%;
    max-width:100%;
    align-items:flex-start;
    margin-top:20px;
  }
  .changelog-groups > .changelog-group{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    min-height:220px;
    padding:16px;
  }
  .page-blog-article .blog-toc{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    margin-right:calc(clamp(12px,4vw,18px) * -1);
    padding:2px 16vw 9px 0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .page-blog-article .blog-toc::-webkit-scrollbar{display:none}
  .page-blog-article .blog-toc > a{
    flex:0 0 auto;
    min-height:38px;
    scroll-snap-align:start;
  }
  .page-blog-article .blog-reading-brief dl > div{
    flex-basis:min(72vw,270px);
    min-height:92px;
  }
  .page-blog-article .article-steps > .article-step,
  .page-blog-article .blog-framework-grid > section,
  .page-blog-article .blog-direct-answers > div > section{
    min-height:190px;
    padding:17px;
    border:1px solid var(--editly-quiet-line);
    border-radius:15px;
    background:rgba(255,255,255,.84);
  }
  .page-blog-article .article-track-links > a{
    flex-basis:min(80vw,310px);
    min-height:86px;
    display:flex;
    align-items:center;
    padding:14px;
  }

  /* Data tables retain native horizontal movement and keep row labels visible. */
  :is(.legal-table-wrap,.docs-table-wrap,.model-compare-wrap){
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  :is(.legal-table,.docs-table-wrap table,.model-compare) :is(th:first-child,td:first-child){
    position:sticky;
    left:0;
    z-index:1;
    background:#f8f9ff;
    box-shadow:1px 0 0 rgba(209,217,235,.9);
  }

  /* Footer actions stay easy to scan without creating another long card wall. */
  .site-footer{
    padding-block:34px;
  }
  .footer-trust{
    border-radius:13px;
  }
  .footer-links a{
    min-height:44px;
  }
  .footer-language>summary{
    min-height:46px;
  }
}

@media(max-width:420px){
  :root{--app-rail-card:84vw}
  .hero-ctas,
  .hero .hero-copy-centered .hero-ctas{
    width:100%;
    align-items:stretch;
    flex-direction:column;
  }
  .hero-ctas .btn{
    width:100%;
    justify-content:center;
  }
  .footer-links{
    grid-template-columns:1fr 1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  :is(
    .section-progress-list,
    .hero-trust,
    .hero-journey,
    .pricing-page .purchase-steps,
    .docs-task-grid,
    .docs-boundary-grid,
    .docs-meta-grid,
    .fvp-compare-mobile,
    .changelog-groups,
    .page-blog-article .blog-toc,
    .page-blog-article .blog-reading-brief dl,
    .page-blog-article .article-steps,
    .page-blog-article .blog-framework-grid,
    .page-blog-article .blog-direct-answers > div,
    .page-blog-article .article-track-links
  ){
    scroll-behavior:auto;
  }
}

/* ============================================================
   Mobile micro-interactions and device details
   ============================================================ */
.mobile-page-progress,
.mobile-rail-meter{
  display:none;
}
.mobile-nav-backdrop{
  display:none;
}

@media(max-width:767px){
  .site-header > .container{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
  .section-progress-list{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(52px,calc(env(safe-area-inset-right) + 24px));
  }
  .nav-links.open{
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    max-height:calc(100dvh - var(--site-header-height,70px) - env(safe-area-inset-bottom) - 18px);
  }
  .mobile-nav-backdrop:not([hidden]){
    display:block;
    position:fixed;
    inset:var(--site-header-height,70px) 0 0;
    z-index:99;
    width:100%;
    height:auto;
    padding:0;
    border:0;
    background:rgba(18,12,29,.48);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
  .site-header{
    transform:translateZ(0);
  }
  .mobile-page-progress{
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    z-index:5;
    display:block;
    width:100%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#e65591,#8754ec 62%,#4ad394);
    box-shadow:0 0 10px rgba(151,76,222,.38);
    transform:scaleX(0);
    transform-origin:left center;
    will-change:transform;
  }
  .mobile-page-progress[hidden]{display:none}

  .is-mobile-app-rail.is-mobile-rail-scrollable.can-scroll-right:not(.can-scroll-left){
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
  }
  .is-mobile-app-rail.is-mobile-rail-scrollable.can-scroll-left.can-scroll-right{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 30px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 30px),transparent 100%);
  }
  .is-mobile-app-rail.is-mobile-rail-scrollable.can-scroll-left:not(.can-scroll-right){
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%);
  }
  .is-mobile-app-rail.is-mobile-rail-scrollable + .mobile-rail-meter{
    position:relative;
    display:block;
    width:42px;
    height:3px;
    margin:-5px 0 12px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(93,79,134,.14);
  }
  .mobile-rail-meter[hidden]{display:none!important}
  .mobile-rail-meter > i{
    display:block;
    width:100%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8a55e8,#c34d9a);
    transform:scaleX(var(--mobile-rail-progress,.18));
    transform-origin:left center;
    transition:transform 160ms ease-out;
  }

  .site-footer{
    padding-bottom:calc(34px + env(safe-area-inset-bottom));
  }
  .editly-offer-qualified .site-announcement[data-engagement-gated]{
    bottom:max(10px,env(safe-area-inset-bottom));
  }
}

@media(hover:none) and (pointer:coarse){
  :is(.btn,.section-progress-link,.docs-task-grid a,.hero-journey a,.blog-cluster-nav a,.volume-card button):active{
    transform:scale(.985);
    filter:saturate(1.06);
  }
  :is(.faq-question,.docs-copy-link,.nav-toggle):active{
    opacity:.72;
  }
}

/* Short landscape phones receive the mobile interaction model even though
   their CSS width is tablet-like. Two-column navigation preserves the scarce
   vertical space while peer cards remain swipeable. */
@media(max-height:540px) and (orientation:landscape) and (max-width:950px){
  :root{
    --app-rail-gap:12px;
    --app-touch:44px;
  }
  .nav-inner{height:58px}
  .nav-logo .nav-logo-image{height:25px}
  .nav-links.open{
    top:66px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    max-height:calc(100dvh - 76px - env(safe-area-inset-bottom));
  }
  .nav-links.open a{
    min-height:42px;
  }
  .mobile-nav-backdrop:not([hidden]){
    display:block;
    position:fixed;
    inset:58px 0 0;
    z-index:99;
    width:100%;
    height:auto;
    padding:0;
    border:0;
    background:rgba(18,12,29,.46);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  .mobile-page-progress{
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    z-index:5;
    display:block;
    width:100%;
    height:2px;
    background:linear-gradient(90deg,#e65591,#8754ec 62%,#4ad394);
    transform:scaleX(0);
    transform-origin:left center;
  }
  .mobile-page-progress[hidden]{display:none}
  .is-mobile-app-rail{
    display:flex!important;
    align-items:stretch;
    grid-template-columns:none!important;
    gap:var(--app-rail-gap)!important;
    padding-right:12vw!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .is-mobile-app-rail::-webkit-scrollbar{display:none}
  .is-mobile-app-rail > *{
    flex:0 0 min(46vw,360px)!important;
    min-width:0;
    scroll-snap-align:start;
  }
  .is-mobile-app-rail.is-mobile-rail-scrollable + .mobile-rail-meter{
    display:block;
    width:42px;
    height:3px;
    margin:3px 0 9px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(93,79,134,.14);
  }
  .mobile-rail-meter > i{
    display:block;
    width:100%;height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#8a55e8,#c34d9a);
    transform:scaleX(var(--mobile-rail-progress,.18));
    transform-origin:left center;
  }
  :is(.hero,.page-hero,.pricing-hero,.legal-hero){
    padding-top:24px!important;
    padding-bottom:22px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-rail-meter > i{
    transition:none!important;
  }
}

/* ============================================================
   Mobile hierarchy refinement

   Swiping remains useful for genuine comparisons such as licence plans.
   Core sales explanations stay in the reading flow so no essential answer is
   hidden off-screen. Native card peeking is enough direction on the remaining
   shelves; decorative progress meters and edge masks are deliberately absent.
   ============================================================ */
@media(max-width:767px){
  .mobile-page-progress,
  .mobile-rail-meter{
    display:none!important;
  }
  .is-mobile-app-rail{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body:is(.page-home,.home) .hero-ctas,
  body:is(.page-home,.home) .hero .hero-copy-centered .hero-ctas{
    justify-content:center;
  }
  body:is(.page-home,.home) .hero-trust{
    width:min(100%,380px);
    display:grid!important;
    grid-template-columns:1fr;
    gap:9px!important;
    margin:23px auto 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body:is(.page-home,.home) .hero-trust>.hero-trust-item{
    width:100%;
    min-height:54px;
    display:flex;
    flex:0 0 auto!important;
    justify-content:center!important;
    margin:0;
    padding:12px 15px;
    text-align:center;
    scroll-snap-align:none;
  }

  body:is(.page-home,.home) :is(.product-steps-grid,.business-value-grid,.differentiation-grid){
    width:100%;
    max-width:none;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start;
    gap:0!important;
    margin-right:0!important;
    margin-left:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    border-top:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
    border-bottom:1px solid var(--editly-quiet-line,rgba(89,72,143,.2));
    background:transparent!important;
    box-shadow:none!important;
  }
  body:is(.page-home,.home) .product-steps-grid{
    margin-top:24px!important;
  }
  body:is(.page-home,.home) .business-value-grid,
  body:is(.page-home,.home) .differentiation-grid{
    margin-top:24px!important;
  }
  body:is(.page-home,.home) .product-steps-grid>.product-step-card,
  body:is(.page-home,.home) .business-value-grid>article,
  body:is(.page-home,.home) .differentiation-grid>.differentiation-card,
  body:is(.page-home,.home) .product-step-card+.product-step-card,
  body:is(.page-home,.home) .business-value-grid>article+article,
  body:is(.page-home,.home) .differentiation-card+.differentiation-card{
    width:100%;
    min-height:0!important;
    display:block;
    flex:0 0 auto!important;
    margin:0!important;
    padding:24px 4px 27px!important;
    border:0!important;
    border-bottom:1px solid var(--editly-quiet-line,rgba(89,72,143,.2))!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scroll-snap-align:none;
  }
  body:is(.page-home,.home) :is(.product-steps-grid,.business-value-grid,.differentiation-grid)>:last-child{
    border-bottom:0!important;
  }
  body:is(.page-home,.home) .product-step-visual{
    min-height:0;
    margin-bottom:20px;
    border-radius:14px;
  }
  body:is(.page-home,.home) .business-value-grid>article{
    padding-inline:10px!important;
  }
  body:is(.page-home,.home) .differentiation-grid>.differentiation-card-editly{
    order:-1;
    padding-inline:10px!important;
    background:linear-gradient(110deg,rgba(33,169,104,.065),rgba(255,255,255,0) 72%)!important;
  }
  body:is(.page-home,.home) .differentiation-grid>.differentiation-card:not(.differentiation-card-editly){
    padding-inline:10px!important;
  }
}

@media(max-height:540px) and (orientation:landscape) and (max-width:950px){
  .mobile-page-progress,
  .mobile-rail-meter{
    display:none!important;
  }
  .is-mobile-app-rail{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

/* Free vs Pro keeps the compact-card advantage on smaller screens while
   retaining the visual grammar of a comparison table: one section header,
   aligned edition labels and ruled rows. */
@media(max-width:900px){
  .fvp-compare-mobile{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:22px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .fvp-compare-mobile>.fvp-compare-card,
  .fvp-compare-card+.fvp-compare-card{
    width:100%;
    min-height:0!important;
    display:block;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid rgba(205,214,232,.94);
    border-radius:14px;
    background:rgba(255,255,255,.88);
    box-shadow:0 9px 24px rgba(35,28,70,.045);
    scroll-snap-align:none;
  }
  .fvp-compare-card h3{
    margin:0;
    padding:13px 15px;
    border-bottom:1px solid rgba(205,214,232,.94);
    background:linear-gradient(100deg,rgba(111,45,232,.085),rgba(255,255,255,.28) 75%);
    color:#343755;
    font-family:var(--font-body);
    font-size:12px;
    font-weight:850;
    letter-spacing:.055em;
    line-height:1.35;
    text-transform:uppercase;
  }
  .fvp-compare-card p{
    position:relative;
    min-height:52px;
    margin:0;
    padding:12px 14px 12px 84px;
    border-top:1px solid rgba(216,223,238,.74);
    color:#4d5878;
    font-size:13px;
    line-height:1.5;
  }
  .fvp-compare-card h3+p{
    border-top:0;
  }
  .fvp-compare-card p>strong:first-child{
    position:absolute;
    top:13px;
    left:14px;
    width:58px;
    color:#5e3eb5;
    font-size:10px;
    font-weight:900;
    letter-spacing:.065em;
    line-height:1.35;
    text-transform:uppercase;
  }
  .fvp-compare-card .fvp-badge{
    margin-left:5px;
    vertical-align:1px;
  }
}

@media(max-width:380px){
  .fvp-compare-card p{
    padding-left:76px;
  }
  .fvp-compare-card p>strong:first-child{
    left:12px;
    width:52px;
  }
}

/* Compact mobile promotion dock. It keeps the offer discoverable without
   obscuring the primary page actions or behaving like a large modal card. */
@media(max-width:760px){
  .editly-offer-qualified .site-announcement[data-engagement-gated]{
    right:auto;
    bottom:max(8px,env(safe-area-inset-bottom));
    left:50%;
    width:min(520px,calc(100% - 16px));
    max-width:none;
    border-radius:15px;
    box-shadow:0 16px 42px rgba(5,39,28,.27);
  }
  .site-announcement::before{
    opacity:.13;
  }
  .site-announcement__inner,
  .agency-offer-dock .site-announcement__inner{
    min-height:0;
    padding:10px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 32px;
    grid-template-areas:
      "offer-icon offer-copy offer-close"
      ". offer-action .";
    align-items:start;
    gap:7px 10px;
  }
  .site-announcement__icon,
  .agency-offer-dock .site-announcement__icon{
    grid-area:offer-icon;
    width:32px;
    height:32px;
    flex-basis:32px;
    border-radius:9px;
    box-shadow:none;
  }
  .site-announcement__icon svg{
    width:18px;
    height:18px;
  }
  .site-announcement__content,
  .agency-offer-dock .site-announcement__content{
    grid-area:offer-copy;
    display:block;
    align-self:center;
    min-width:0;
  }
  .site-announcement__eyebrow{
    display:block;
    margin:0 0 2px;
    font-size:9px;
    letter-spacing:.085em;
    line-height:1.2;
  }
  .site-announcement__content p,
  .agency-offer-dock .site-announcement__content p{
    max-width:none;
    font-size:clamp(10.5px,2.85vw,12px);
    font-weight:650;
    line-height:1.38;
  }
  .site-announcement__actions,
  .agency-offer-dock .site-announcement__actions{
    grid-area:offer-action;
    display:flex;
    justify-self:start;
    margin:0;
  }
  .site-announcement__link{
    min-height:34px;
    padding:6px 11px;
    border-radius:9px;
    box-shadow:0 6px 14px rgba(3,42,28,.14);
    font-size:11px;
    line-height:1.2;
  }
  .site-announcement__dismiss,
  .agency-offer-dock .site-announcement__dismiss{
    grid-area:offer-close;
    width:32px;
    height:32px;
    min-width:32px;
    margin:0;
    border-radius:9px;
  }
  .site-announcement__dismiss svg{
    width:17px;
    height:17px;
  }
}

@media(max-width:360px){
  .site-announcement__inner,
  .agency-offer-dock .site-announcement__inner{
    grid-template-columns:28px minmax(0,1fr) 30px;
    gap:6px 8px;
    padding:9px;
  }
  .site-announcement__icon,
  .agency-offer-dock .site-announcement__icon{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
  .site-announcement__content p,
  .agency-offer-dock .site-announcement__content p{
    font-size:10.5px;
  }
}

@media(min-width:480px) and (max-width:760px){
  .site-announcement__inner,
  .agency-offer-dock .site-announcement__inner{
    grid-template-columns:32px minmax(0,1fr) auto 32px;
    grid-template-areas:"offer-icon offer-copy offer-action offer-close";
    align-items:center;
    gap:8px;
  }
  .site-announcement__actions,
  .agency-offer-dock .site-announcement__actions,
  .site-announcement__dismiss,
  .agency-offer-dock .site-announcement__dismiss{
    align-self:center;
  }
  .site-announcement__link{
    white-space:nowrap;
  }
}