.shawts-page{
  --sx-shell:min(1180px,calc(100vw - 48px));
  --sx-ink:#092f24;
  --sx-green:#08a657;
  --sx-deep:#006f43;
  --sx-lime:#b9f065;
  --sx-cream:#fbfcf5;
  --sx-mint:#e8f8ed;
  --sx-line:rgba(15,94,61,.16);
  --sx-muted:#5b7368;
  background:var(--sx-cream);
  color:var(--sx-ink);
  width:100%;
}

.shawts-page *{box-sizing:border-box}
.shawts-page main{overflow:clip}
.sx-shell{width:var(--sx-shell);margin-inline:auto}
.sx-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sx-green);font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sx-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
.sx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.shawts-page main .button,.shawts-page .sx-footer .button{min-height:48px;padding-inline:21px;border-radius:14px;background:var(--sx-ink);border-color:var(--sx-ink);box-shadow:0 13px 28px rgba(5,58,39,.17);transition:transform .22s,box-shadow .22s,background .22s}
.shawts-page main .button:hover,.shawts-page .sx-footer .button:hover{background:var(--sx-green);border-color:var(--sx-green);transform:translateY(-3px);box-shadow:0 18px 34px rgba(5,78,48,.2)}
.shawts-page main .button-ghost,.shawts-page .sx-footer .button-ghost{background:rgba(255,255,255,.72);border-color:#9fc8af;color:var(--sx-ink);box-shadow:none}
.shawts-page main .button-ghost:hover,.shawts-page .sx-footer .button-ghost:hover{background:#fff;color:var(--sx-green)}
.sx-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.sx-reveal.is-visible{opacity:1;transform:none}

/* Header mirrors the homepage scale and tone. */
.shawts-page .site-header{background:rgba(251,252,245,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,94,61,.1)}
.shawts-page .announcement{background:linear-gradient(90deg,#d9fae8,#f4ffdf 52%,#d8f8e6);color:#176343}
.shawts-page .nav-shell{width:var(--sx-shell)}
.shawts-page .nav-links{gap:25px}
.shawts-page .nav-links>a{font-size:14px}
.shawts-page .mega .button{min-height:44px;padding:0 19px;border-radius:999px}

/* Hero */
.sx-hero{position:relative;padding:90px 0 112px;overflow:clip;background:
  radial-gradient(circle at 88% 16%,rgba(185,240,101,.38),transparent 23%),
  radial-gradient(circle at 56% 82%,rgba(67,203,133,.16),transparent 27%),
  linear-gradient(135deg,#fbfcf5 0%,#f4faef 55%,#e4f7e9 100%)}
.sx-hero:before{content:"";position:absolute;inset:0;opacity:.62;background-image:radial-gradient(rgba(8,166,87,.18) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 28%,#000 100%)}
.sx-hero-sticker{position:absolute;z-index:3;inset-inline-end:-42px;top:116px;padding:9px 54px;background:var(--sx-lime);color:var(--sx-ink);font-size:14px;font-weight:900;letter-spacing:.16em;transform:rotate(8deg);box-shadow:0 9px 20px rgba(25,92,55,.12)}
.sx-hero-grid{position:relative;z-index:2;min-height:600px;display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:44px;align-items:center}
.sx-hero-copy{position:relative;z-index:4}
.sx-hero-copy>.sx-eyebrow{width:max-content;margin-bottom:25px;padding:8px 12px;border:1px solid rgba(8,166,87,.24);border-radius:999px;background:rgba(255,255,255,.72)}
.sx-hero-copy h1{max-width:550px;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(49px,4.15vw,62px);font-weight:600;line-height:.91;letter-spacing:-.065em}
.sx-hero-copy h1 span,.sx-hero-copy h1 em{display:block}
.sx-hero-copy h1 span,.sx-hero-copy h1 em{white-space:nowrap}
.sx-hero-copy h1 em{width:max-content;max-width:100%;margin-top:11px;padding:4px 12px 9px 8px;border-radius:12px 22px 15px 8px;background:var(--sx-lime);font-style:normal;transform:rotate(-1.25deg)}
.sx-hero-copy>p{max-width:500px;margin:28px 0 0;color:#526c61;font-size:17px;line-height:1.65}
.polish-mirrored-page .sx-hero-copy h1 span,.polish-mirrored-page .sx-hero-copy h1 em{white-space:normal;text-wrap:balance}
.polish-mirrored-page .sx-hero-copy h1 em{width:auto;max-width:540px}
.polish-mirrored-page .sx-hero-copy>p{margin-top:23px;line-height:1.58}
.sx-hero-proof{margin-top:25px;padding-top:19px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--sx-line)}
.sx-hero-proof span{display:flex;align-items:center;gap:8px;color:#42675a;font-size:14px;font-weight:800}
.sx-hero-proof i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#def5e6;color:var(--sx-green);font-size:14px;font-style:normal}
.sx-product-stage{--px:0px;--py:0px;position:relative;min-height:590px}
.sx-product-stage:before{content:"";position:absolute;inset:36px -12px 24px 30px;border-radius:64px 28px 64px 28px;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.72),transparent 24%),linear-gradient(145deg,#d8f9a8 0%,#8ddfaf 48%,#31b77c 100%);box-shadow:inset 0 0 0 1px rgba(6,100,57,.1),0 38px 80px rgba(11,85,54,.16)}
.sx-browser{position:absolute;z-index:3;inset-inline:18px -18px;top:78px;padding-bottom:0;border:1px solid rgba(8,103,62,.16);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 31px 72px rgba(4,62,39,.2);transform:translate(var(--px),var(--py));transition:transform .2s ease}
.sx-browser-bar{height:35px;padding-inline:13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e8f0eb;color:#8aa095;font-size:14px}
.sx-browser-bar i,.sx-mini-bar i{width:6px;height:6px;border-radius:50%;background:#8fd7ad}
.sx-browser-bar span{margin-inline-start:5px}.sx-browser-bar b{margin-inline-start:auto;color:var(--sx-green);font-size:14px;letter-spacing:.12em}
.sx-browser img{width:100%;height:auto;max-height:490px;display:block;object-fit:contain;background:#fff;image-rendering:auto}
.sx-orbit{position:absolute;z-index:1;border:1px dashed rgba(7,92,53,.27);animation:sxSpin 18s linear infinite}
.sx-orbit-a{inset-inline-start:0;top:74px;width:78px;height:78px;border-radius:23px;transform:rotate(12deg)}
.sx-orbit-b{inset-inline-end:-2px;bottom:18px;width:100px;height:100px;border-radius:50%;animation-direction:reverse}
.sx-float{position:absolute;z-index:5;padding:11px 15px;border-radius:14px;background:#fff;color:var(--sx-ink);box-shadow:0 16px 35px rgba(7,65,43,.16);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;animation:sxBob 4.4s ease-in-out infinite}
.sx-float-a{inset-inline-start:6px;top:181px}.sx-float-a i{display:inline-block;width:7px;height:7px;margin-inline-end:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 0 5px rgba(8,166,87,.13)}
.sx-float-b{inset-inline-end:-13px;bottom:61px;background:var(--sx-ink);color:var(--sx-lime);animation-delay:-2s}
@keyframes sxBob{50%{translate:0 -9px}}
@keyframes sxSpin{to{rotate:360deg}}

/* Module rail and proof */
.sx-module-rail{position:relative;z-index:6;margin-top:-62px;border-block:1px solid var(--sx-line);background:rgba(251,252,245,.94);backdrop-filter:blur(18px)}
.sx-module-rail>.sx-shell{display:grid;grid-template-columns:repeat(8,1fr)}
.sx-module-rail a{position:relative;min-height:78px;padding:16px 9px;display:flex;align-items:center;gap:7px;color:#6d847a;font-size:14px;transition:background .2s,color .2s}
.sx-module-rail a:hover{background:#f0fae7;color:var(--sx-ink)}
.sx-module-rail a.active{background:#e4f5e8;color:var(--sx-ink)}
.sx-module-rail a.active:after{content:"";position:absolute;inset-inline:14px;bottom:0;height:4px;border-radius:8px 8px 0 0;background:var(--sx-green)}
.sx-module-rail span{color:var(--sx-green);font-size:14px}.sx-module-rail b{font-size:14px}
.sx-proof{background:#fff;border-bottom:1px solid var(--sx-line)}
.sx-proof>.sx-shell{display:grid;grid-template-columns:repeat(4,1fr)}
.sx-proof article{min-height:112px;padding:25px 31px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid var(--sx-line);transition:transform .22s,background .22s}
.sx-proof article:nth-child(even){background:#f7faee}.sx-proof article:last-child{border-inline-end:0}
.sx-proof article:hover{position:relative;z-index:2;background:#eaf8df;transform:translateY(-4px)}
.sx-proof .sx-reveal{opacity:1;transform:none}
.sx-proof strong{font-family:"Space Grotesk",sans-serif;font-size:25px;line-height:1;color:var(--sx-green)}
.sx-proof span{margin-top:8px;color:#5d7469;font-size:14px;font-weight:700}

/* Shared section heads */
.sx-section-head{margin-bottom:42px;display:grid;grid-template-columns:1fr .8fr;gap:72px;align-items:end}
.sx-section-head h2,.sx-target-copy h2,.sx-use-head h2,.sx-faq h2,.sx-closing h2{margin:13px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(45px,4.9vw,66px);font-weight:600;line-height:.94;letter-spacing:-.055em}
.sx-section-head>p,.sx-target-copy>p{margin:0;color:var(--sx-muted);font-size:17px;line-height:1.7}

/* Problem lab */
.sx-problem{position:relative;padding:112px 0;background:radial-gradient(circle at 88% 15%,rgba(185,240,101,.14),transparent 25%),linear-gradient(140deg,#072c21,#0b4230);color:#fff}
.sx-problem:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px}
.sx-problem>.sx-shell{position:relative;z-index:2}
.sx-section-head-light .sx-eyebrow{color:var(--sx-lime)}
.sx-section-head-light h2{color:#fff}.sx-section-head-light>p{color:#bdd0c7}
.sx-channel-lab{display:grid;grid-template-columns:.76fr 1.24fr;border:1px solid rgba(255,255,255,.18);border-radius:30px 30px 30px 8px;overflow:hidden;box-shadow:0 38px 90px rgba(0,14,9,.3)}
.sx-channel-list{padding:13px;background:rgba(255,255,255,.055)}
.sx-channel-list button{width:100%;min-height:75px;padding:14px 17px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:12px;background:transparent;color:#c3d7ce;text-align:start;cursor:pointer;transition:padding .2s,background .2s,color .2s,transform .2s}
.sx-channel-list button:hover,.sx-channel-list button.active{padding-inline-start:23px;background:#fff;color:var(--sx-ink);transform:rotate(-.2deg)}
.sx-channel-list button span{color:var(--sx-lime);font-size:14px}.sx-channel-list button b{font-size:14px}.sx-channel-list button i{font-style:normal;color:var(--sx-green)}
.sx-channel-result{position:relative;min-height:360px;padding:48px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 85% 8%,rgba(185,240,101,.28),transparent 29%),#0e4b37;overflow:hidden}
.sx-channel-result>span{color:var(--sx-lime);font-size:14px;font-weight:800;letter-spacing:.14em}
.sx-channel-result h3{max-width:520px;margin:12px 0 10px;font-family:"Space Grotesk",sans-serif;font-size:clamp(35px,4vw,55px);line-height:.95}
.sx-channel-result>p{max-width:570px;color:#d0e0d8;font-size:17px;line-height:1.65}
.sx-channel-result>div{margin-top:38px;padding-top:21px;display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(255,255,255,.18)}
.sx-channel-result>div b{color:var(--sx-lime);font-size:15px}.sx-channel-result>div small{color:#9fb9ad}

/* Interactive workbench */
.sx-flow{position:relative;padding:112px 0 124px;background:radial-gradient(circle at 90% 5%,rgba(185,240,101,.26),transparent 20%),linear-gradient(180deg,#fff,#edf8ef)}
.sx-flow-head{position:relative}.sx-flow-head>strong{position:absolute;inset-inline-end:0;top:-32px;color:rgba(8,166,87,.08);font-family:"Space Grotesk",sans-serif;font-size:82px;line-height:1;letter-spacing:-.08em;pointer-events:none}
.sx-workbench{padding:11px;border:1px solid var(--sx-line);border-radius:30px 30px 30px 9px;background:#fff;box-shadow:0 34px 80px rgba(9,65,43,.13)}
.sx-step-tabs{padding:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;border-radius:20px 20px 8px 8px;background:var(--sx-ink)}
.sx-step-tabs:before{display:none}
.sx-step-tabs button{position:relative;min-height:74px;padding:12px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04);color:#b6cbc1;text-align:start;cursor:pointer;overflow:hidden;transition:transform .2s,background .2s,color .2s,border-color .2s}
.sx-step-tabs button:after{content:"";position:absolute;inset-inline:11px;bottom:0;height:3px;border-radius:5px;background:transparent}
.sx-step-tabs button:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.sx-step-tabs button.active{border-color:var(--sx-lime);background:var(--sx-lime);color:var(--sx-ink);box-shadow:0 12px 22px rgba(0,0,0,.17)}
.sx-step-tabs button.active:after{background:var(--sx-green)}
.sx-step-tabs span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);color:var(--sx-lime);font-size:14px;font-weight:900}.sx-step-tabs .active span{background:#fff;color:var(--sx-green)}.sx-step-tabs b{font-size:14px;line-height:1.25}
.sx-workstage{position:relative;margin-top:10px;padding:30px;border-radius:8px 8px 21px 21px;background:radial-gradient(circle at 83% 8%,rgba(185,240,101,.45),transparent 23%),linear-gradient(135deg,#dff4e4,#eff8dd);overflow:hidden}
.sx-workstage:before{content:"";position:absolute;inset:0;opacity:.36;background-image:radial-gradient(rgba(8,166,87,.16) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(135deg,transparent 15%,#000)}
.sx-workstage-copy{position:relative;z-index:5;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(300px,1fr);grid-template-rows:auto auto;gap:8px 34px;align-items:end;padding:3px 4px 24px}
.sx-workstage-copy>span{display:inline-flex;padding:6px 9px;border-radius:8px;background:var(--sx-lime);color:var(--sx-ink);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sx-workstage-copy h3{grid-row:2;margin:4px 0 0;font-family:"Space Grotesk",sans-serif;font-size:39px;line-height:.96}
.sx-workstage-copy p{grid-column:2;grid-row:1/3;margin:0;color:#405d50;font-size:17px;line-height:1.65}
.sx-work-product{position:relative;z-index:2;width:100%;border:1px solid rgba(5,58,39,.12);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 30px 65px rgba(6,74,45,.19);transition:max-width .35s,transform .35s}
.sx-mini-bar{height:38px;padding-inline:13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e1ebe5;background:#f9fbf9}.sx-mini-bar i{width:7px;height:7px;border-radius:50%;background:#b9d1c3}.sx-mini-bar b{margin-inline-start:auto;color:#6c8178;font-size:14px;letter-spacing:.1em}
.sx-work-product>a{display:block;background:#fff}
.sx-work-product img{width:100%;height:auto;max-height:680px;display:block;object-fit:contain;object-position:center top;background:#fff;opacity:1;transform:none;transition:opacity .18s}
.sx-work-product img.is-switching{opacity:.2}
.sx-stage-footer{position:relative;z-index:5;min-height:62px;padding-top:18px;display:grid;grid-template-columns:auto 1fr;gap:14px 20px;align-items:center}
.sx-stage-stamp{display:inline-flex;width:max-content;padding:10px 14px;border-radius:13px;background:var(--sx-ink);color:var(--sx-lime);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 14px 30px rgba(5,58,39,.14)}
.sx-stage-footer>a{justify-self:end;color:var(--sx-deep);font-size:14px;font-weight:900;text-decoration:none}.sx-stage-footer>a:hover{text-decoration:underline}.sx-stage-footer>a i{font-style:normal;color:var(--sx-green)}
.sx-stage-progress{position:relative;grid-column:1/-1;height:3px;display:flex;justify-content:space-between;background:rgba(8,166,87,.16);color:#668076;font-size:14px}.sx-stage-progress i{position:absolute;inset-inline-start:0;top:0;width:20%;height:3px;border-radius:5px;background:var(--sx-green);transition:width .35s}.sx-stage-progress span{translate:0 8px}

/* Targeting */
.sx-targeting{padding:108px 0;background:radial-gradient(circle at 10% 18%,rgba(185,240,101,.32),transparent 21%),#f8fbf4}
.sx-target-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}
.sx-target-copy h2{font-size:clamp(43px,4.4vw,61px)}
.sx-target-copy>p{margin-top:22px}
.sx-target-console{padding:13px;border:1px solid var(--sx-line);border-radius:28px 28px 8px 28px;background:#fff;box-shadow:0 28px 65px rgba(12,74,49,.11)}
.sx-target-top{padding:14px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sx-line);font-size:14px}.sx-target-top span{color:#6d847a;text-transform:uppercase;letter-spacing:.11em}.sx-target-top b{color:var(--sx-green)}
.sx-target-options{padding:9px;display:grid;gap:8px}
.sx-target-options button{min-height:98px;padding:14px;display:grid;grid-template-columns:34px 100px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 12px;border:1px solid #d2e5d9;border-radius:15px;background:#f8fbf8;color:var(--sx-ink);text-align:start;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.sx-target-options button:hover{transform:translateX(4px)}
.sx-target-options button.active{border-color:var(--sx-green);background:linear-gradient(145deg,#e4faec,#f8ffe5)}
.sx-target-options button>span{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#def5e6;color:var(--sx-green);font-size:14px;font-weight:900}.sx-target-options button>b{font-size:14px}.sx-target-options strong{font-family:"Space Grotesk",sans-serif;font-size:17px}.sx-target-options small{grid-column:3;color:#6b8177;font-size:14px;line-height:1.35}
.sx-target-footer{min-height:65px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sx-line)}
.sx-target-footer>span{display:flex;align-items:center;gap:8px;color:#5e766b;font-size:14px;font-weight:700}.sx-target-footer>span i{width:8px;height:8px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 0 5px rgba(8,166,87,.12)}
.sx-avatar-stack{display:flex;align-items:center}.sx-avatar-stack i{width:30px;height:30px;margin-inline-start:-7px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#d5f0df;color:var(--sx-deep);font-size:14px;font-style:normal;font-weight:900}.sx-avatar-stack b{margin-inline-start:6px;color:var(--sx-green);font-size:14px}

/* Arabic parity: the audience-targeting block must never remain hidden by reveal motion. */
html[lang="ar"] body.arabic-shawts-page #audience-targeting .sx-reveal{opacity:1!important;transform:none!important}
html[lang="ar"] body.arabic-shawts-page #audience-targeting .sx-eyebrow{color:#087a4c!important}
html[lang="ar"] body.arabic-shawts-page #audience-targeting .sx-target-copy h2{color:#073f32!important}
html[lang="ar"] body.arabic-shawts-page #audience-targeting .sx-target-copy>p{color:#486c5f!important}

/* Measurement */
.sx-measure{padding:112px 0;background:radial-gradient(circle at 90% 15%,rgba(185,240,101,.14),transparent 26%),linear-gradient(140deg,#072c21,#0b4230);color:#fff}
.sx-measure .sx-eyebrow{color:var(--sx-lime)}.sx-measure .sx-section-head>p{color:#bdd0c7}
.sx-measure-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:15px}
.sx-metric-stack{display:grid;gap:9px}
.sx-metric-stack>button{position:relative;min-height:105px;padding:17px 44px 17px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;text-align:start;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.sx-metric-stack>button:hover{transform:translateY(-4px) rotate(-.25deg)}
.sx-metric-stack>button.active{border-color:var(--sx-lime);background:rgba(185,240,101,.12)}
.sx-metric-stack button>span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sx-lime)}.sx-metric-stack button>strong{grid-row:1/3;grid-column:2;font-family:"Space Grotesk",sans-serif;font-size:31px}.sx-metric-stack button>small{margin-top:5px;color:#b6cbc1}.sx-metric-stack button>i{position:absolute;inset-inline-end:15px;top:15px;color:var(--sx-lime);font-style:normal}
.sx-metric-stack>article{padding:19px;border-radius:18px 18px 5px 18px;background:var(--sx-lime);color:var(--sx-ink)}.sx-metric-stack>article b{font-size:14px}.sx-metric-stack>article p{margin:7px 0 0;font-size:17px;line-height:1.45}
.sx-report-stage{min-width:0;min-height:470px;padding:12px;border:1px solid rgba(185,240,101,.28);border-radius:23px 23px 23px 7px;background:#edf9ef;overflow:hidden}
.sx-report-image{height:100%;min-height:446px;display:grid;grid-template-rows:48px minmax(0,1fr);border:1px solid rgba(8,166,87,.18);border-radius:15px;background:#fff;overflow:hidden}.sx-report-image>div{padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #deebe3}.sx-report-image>div span{color:var(--sx-green);font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sx-report-image>div a{color:var(--sx-deep);font-size:14px;font-weight:900}.sx-report-image>div i{font-style:normal;color:var(--sx-green)}.sx-report-image>a{min-height:0;display:grid;place-items:center;padding:8px;overflow:hidden}.sx-report-image img{width:100%;height:100%;max-height:500px;display:block;object-fit:contain;object-position:center;background:#fff;transition:opacity .18s,transform .18s}.sx-report-image img.is-switching{opacity:.18;transform:scale(.985)}
.sx-report-stage[data-active-metric="1"] .sx-report-image img,.sx-report-stage[data-active-metric="2"] .sx-report-image img{object-fit:cover;object-position:center top}
@keyframes sxRow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Use cases: four distinct operational scenes. */
.sx-uses{padding:112px 0 120px;background:linear-gradient(180deg,#f8faf5,#edf4ed)}
.sx-use-head{max-width:900px;margin-bottom:48px}
.sx-use-head h2{max-width:850px;margin:18px 0 0;font-size:clamp(46px,5.2vw,70px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.sx-use-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.sx-use-scene{position:relative;min-height:420px;padding:34px;display:flex;flex-direction:column;border:1px solid #cadcd0;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(9,63,43,.07)}
.sx-use-crisis,.sx-use-recognition{grid-column:span 7}.sx-use-compliance,.sx-use-deskless{grid-column:span 5}
.sx-use-scene-copy{position:relative;z-index:2;max-width:500px}.sx-use-scene-copy>span{color:var(--sx-green);font-size:14px;font-weight:900;letter-spacing:.14em}.sx-use-scene-copy h3{margin:10px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(31px,3vw,43px);line-height:1;letter-spacing:-.045em}.sx-use-scene-copy p{max-width:470px;margin:13px 0 0;color:var(--sx-muted);font-size:17px;line-height:1.6}
.sx-use-crisis{background:radial-gradient(circle at 95% 0,rgba(185,240,101,.28),transparent 38%),#fff}.sx-crisis-console{margin-top:auto;padding:17px;border-radius:19px;background:var(--sx-ink);color:#fff;box-shadow:0 18px 35px rgba(3,44,31,.16)}
.sx-crisis-console header,.sx-crisis-console footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.sx-crisis-console header{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}.sx-crisis-console header span{display:flex;align-items:center;gap:8px;color:var(--sx-lime);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sx-crisis-console header span i{width:7px;height:7px;border-radius:50%;background:#ffbd59;box-shadow:0 0 0 5px rgba(255,189,89,.12)}.sx-crisis-console header b{color:#9ebbae;font-size:14px}.sx-crisis-message{padding:16px 0 14px;display:flex;align-items:center;gap:12px}.sx-crisis-message>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffbd59;color:#50320a;font-style:normal;font-weight:900}.sx-crisis-message div{display:grid;gap:4px}.sx-crisis-message strong{font-size:14px}.sx-crisis-message span{color:#9ebbae;font-size:14px}.sx-crisis-meter{height:7px;border-radius:9px;background:rgba(255,255,255,.13);overflow:hidden}.sx-crisis-meter i{width:var(--reach);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--sx-green),var(--sx-lime))}.sx-crisis-console footer{padding-top:11px;font-size:14px}.sx-crisis-console footer strong{color:var(--sx-lime)}.sx-crisis-console footer span{color:#ffca7b}
.sx-use-compliance{background:#f8fbf7}.sx-audit-sheet{margin-top:auto;padding:21px;border:1px solid #d3e2d8;border-radius:18px;background:#fff;box-shadow:0 15px 32px rgba(7,61,40,.08)}.sx-audit-sheet header{display:flex;align-items:center;justify-content:space-between;color:var(--sx-green);font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sx-audit-sheet header i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#dff6e6;font-style:normal}.sx-audit-sheet>strong{margin-top:19px;display:block;font-size:14px}.sx-audit-sheet>div{margin-top:17px;display:grid;gap:9px}.sx-audit-sheet>div span{display:flex;align-items:center;gap:8px;color:#567066;font-size:14px}.sx-audit-sheet>div i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--sx-green);color:#fff;font-size:14px;font-style:normal}.sx-audit-sheet footer{margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;border-top:1px solid #d9e6de;color:var(--sx-green);font-size:14px;font-weight:900}.sx-audit-sheet footer b{font-size:14px}
.sx-use-deskless{background:var(--sx-ink);color:#fff}.sx-use-deskless .sx-use-scene-copy>span{color:var(--sx-lime)}.sx-use-deskless .sx-use-scene-copy p{color:#aec7bb}.sx-site-reach{margin-top:auto;padding-top:26px}.sx-site-reach>span{color:#9db9ac;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sx-site-reach>div{margin-top:16px}.sx-site-reach header{display:flex;justify-content:space-between;gap:15px;font-size:14px}.sx-site-reach header b{color:var(--sx-lime)}.sx-site-reach>div>i{height:6px;margin-top:8px;display:block;border-radius:8px;background:rgba(255,255,255,.12);overflow:hidden}.sx-site-reach em{width:var(--site);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#35c57c,var(--sx-lime))}
.sx-use-recognition{background:radial-gradient(circle at 12% 100%,rgba(255,255,255,.42),transparent 30%),linear-gradient(135deg,#dff7e6,#efffcf)}.sx-recognition-card{width:min(100%,440px);margin:auto 0 0 auto;padding:19px;border:1px solid rgba(8,128,67,.22);border-radius:22px;background:rgba(255,255,255,.85);box-shadow:0 20px 38px rgba(11,88,54,.12);transform:rotate(-1.2deg)}.sx-recognition-card header{display:flex;align-items:center;justify-content:space-between;color:var(--sx-green);font-size:14px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sx-recognition-card header b{font-size:23px}.sx-recognition-card>div{padding:23px 0;display:flex;align-items:center;gap:13px}.sx-recognition-card>div>i{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:var(--sx-ink);color:var(--sx-lime);font-size:14px;font-style:normal;font-weight:900}.sx-recognition-card>div>span{display:grid;gap:5px}.sx-recognition-card>div strong{font-size:15px}.sx-recognition-card>div small{color:#587267;font-size:14px}.sx-recognition-card footer{padding-top:13px;display:flex;gap:19px;border-top:1px solid #d3e5d9;color:var(--sx-green);font-size:14px;font-weight:800}
html[dir="rtl"] .sx-recognition-card{margin-right:auto;margin-left:0;transform:rotate(1.2deg)}

/* FAQ with mobile product */
.sx-faq{padding:110px 0;background:#fff}
.sx-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}
.sx-faq h2{font-size:clamp(42px,4.4vw,58px)}
.sx-mini-phone{position:relative;width:176px;height:255px;margin-top:35px;padding:11px;border-radius:29px;background:linear-gradient(145deg,#b9f065,#40c27f);transform:rotate(-4deg);box-shadow:0 22px 45px rgba(10,91,56,.18);overflow:hidden}
.sx-mini-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:21px;background:#fff}
.sx-faq-list{border-top:1px solid #acd0ba}
.sx-faq-list article{border-bottom:1px solid #acd0ba}
.sx-faq-list button{width:100%;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;border:0;background:none;color:var(--sx-ink);text-align:start;font-size:14px;font-weight:800;cursor:pointer}
.sx-faq-list button i{position:relative;width:16px;height:16px;flex:0 0 16px}.sx-faq-list button i:before,.sx-faq-list button i:after{content:"";position:absolute;inset-inline-start:0;top:7px;width:16px;height:1px;background:var(--sx-green)}.sx-faq-list button i:after{transform:rotate(90deg);transition:transform .25s}.sx-faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.sx-faq-list article>div p{overflow:hidden;margin:0;color:var(--sx-muted);line-height:1.65}.sx-faq-list article.open>div{grid-template-rows:1fr}.sx-faq-list article.open>div p{padding:0 36px 23px 0}.sx-faq-list article.open button i:after{transform:rotate(0)}

/* Closing and footer */
.sx-closing{position:relative;padding:116px 0;text-align:center;background:linear-gradient(135deg,#d1f7dd 0%,#f3ffd6 46%,#b8efd0 100%);overflow:hidden}
.sx-closing>.sx-shell{position:relative;z-index:2;max-width:1100px}.sx-closing .sx-eyebrow:before{display:none}.sx-closing h2{font-size:clamp(48px,5.5vw,74px)}.sx-closing p{max-width:650px;margin:23px auto 0;color:#4d6d5e;font-size:17px;line-height:1.65}.sx-closing .sx-actions{justify-content:center}
.sx-closing h2>span{display:block}
@media (min-width:681px){.sx-closing h2>span{white-space:nowrap}}
.sx-closing-orbit{position:absolute;width:660px;height:660px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(7,128,67,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.12),0 0 0 160px rgba(255,255,255,.1)}
.sx-footer{background:#062a1f;color:#fff}.sx-footer .footer-top,.sx-footer .footer-grid,.sx-footer .footer-bottom{width:var(--sx-shell)}
.sx-footer .footer-top{border-color:rgba(255,255,255,.14)}
.sx-footer .footer-top p{color:#a9c1b6}.sx-footer .footer-grid{border-color:rgba(255,255,255,.14)}.sx-footer .footer-grid>div{border-color:rgba(255,255,255,.12)}.sx-footer .footer-grid span{color:var(--sx-lime)}.sx-footer .footer-grid a,.sx-footer .footer-grid p{color:#bfd1c8}.sx-footer .footer-word{color:rgba(255,255,255,.045)}.sx-footer .footer-bottom{color:#8ca99c}

/* Intentional RTL mirroring: logical spacing plus corrected visual rotation/order. */
html[dir="rtl"] .shawts-page{font-family:"IBM Plex Sans Arabic","Alexandria",sans-serif}
html[dir="rtl"] .shawts-page h1,html[dir="rtl"] .shawts-page h2,html[dir="rtl"] .shawts-page h3,html[dir="rtl"] .shawts-page strong{font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.035em}
html[dir="rtl"] .sx-hero:before{mask-image:linear-gradient(-90deg,transparent 28%,#000 100%)}
html[dir="rtl"] .sx-hero-sticker{transform:rotate(-8deg);letter-spacing:.08em}
html[dir="rtl"] .sx-hero-copy h1{font-size:clamp(46px,3.9vw,58px);line-height:1.06}
html[dir="rtl"] .sx-hero-copy h1 em{transform:rotate(1.2deg);padding:4px 10px 10px}
html[dir="rtl"] .sx-browser{transform:translate(var(--px),var(--py))}
html[dir="rtl"] .sx-channel-list button:hover,html[dir="rtl"] .sx-channel-list button.active{transform:rotate(.2deg)}
html[dir="rtl"] .sx-step-tabs button:hover{transform:translateY(-2px)}
html[dir="rtl"] .sx-target-options button:hover{transform:translateX(-4px)}
html[dir="rtl"] .sx-faq-list article.open>div p{padding:0 0 23px 36px}
html[dir="rtl"] .sx-mini-phone{transform:rotate(4deg)}

@media (max-width:1050px){
  .sx-hero-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:32px}.sx-hero-copy h1{font-size:50px}.sx-hero-copy h1 span,.sx-hero-copy h1 em{white-space:normal}.sx-product-stage{min-height:520px}.sx-browser{inset-inline:25px -5px}.sx-browser img{height:385px}.sx-module-rail>.sx-shell{overflow-x:auto;scrollbar-width:none}.sx-module-rail a{min-width:130px}.sx-work-product img{height:auto}.sx-target-grid,.sx-faq-grid{gap:50px}.sx-target-options button{grid-template-columns:34px 82px 1fr}.sx-use-crisis,.sx-use-recognition{grid-column:span 6}.sx-use-compliance,.sx-use-deskless{grid-column:span 6}
}
@media (max-width:820px){
  .shawts-page{--sx-shell:min(100% - 34px,680px)}
  .shawts-page .announcement{padding-inline:17px}.shawts-page .announcement span{display:none}.shawts-page .nav-shell{height:68px;grid-template-columns:1fr auto}.shawts-page .menu-button{display:block}.shawts-page .nav-actions{display:none}.shawts-page .nav-links{position:fixed;inset:68px 0 0;padding:18px;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;background:#fff;border-bottom:1px solid var(--sx-line);box-shadow:0 20px 40px rgba(5,58,39,.12)}.menu-open .shawts-page .nav-links{display:flex}.shawts-page .mobile-language-switch{display:block}
  .sx-hero{padding:67px 0 92px}.sx-hero-grid{display:block}.sx-hero-copy{max-width:620px}.sx-hero-copy h1{max-width:620px;font-size:clamp(46px,9vw,64px)}.sx-product-stage{min-height:530px;margin-top:32px}.sx-browser{inset-inline:28px 4px;top:76px}.sx-browser img{height:410px}.sx-module-rail{margin-top:-38px}
  .sx-section-head,.sx-target-grid,.sx-faq-grid{grid-template-columns:1fr;gap:24px}.sx-channel-lab{grid-template-columns:1fr}.sx-channel-list{display:grid;grid-template-columns:1fr 1fr}.sx-channel-result{min-height:315px}.sx-flow-head>strong{display:none}.sx-step-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:155px;overflow-x:auto;scrollbar-width:none}.sx-step-tabs button{min-height:68px}.sx-workstage{padding:20px}.sx-workstage-copy{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;padding:6px 2px 21px}.sx-workstage-copy h3{grid-row:2}.sx-workstage-copy p{grid-column:1;grid-row:3;max-width:620px}.sx-work-product img{height:auto}.sx-workbench[data-active-step="2"] .sx-work-product{max-width:310px;width:100%}.sx-target-copy{max-width:620px}.sx-measure-grid{grid-template-columns:1fr}.sx-metric-stack{grid-template-columns:repeat(3,1fr)}.sx-metric-stack>article{grid-column:1/-1}.sx-use-scene{grid-column:1/-1;min-height:390px}.sx-faq-grid>header{display:grid;grid-template-columns:1fr auto;gap:20px}.sx-faq-grid>header .sx-eyebrow{grid-column:1}.sx-faq-grid>header h2{grid-column:1}.sx-mini-phone{grid-column:2;grid-row:1/3;margin:0;width:125px;height:185px}
}
@media (max-width:560px){
  .shawts-page{--sx-shell:calc(100vw - 28px)}
  .sx-hero{padding-top:52px}.sx-hero-sticker{display:none}.sx-hero-copy{min-width:0}.sx-hero-copy>.sx-eyebrow{width:100%;max-width:100%;line-height:1.4}.sx-hero-copy h1,html[dir="rtl"] .sx-hero-copy h1{max-width:100%;font-size:clamp(29px,8.4vw,38px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.sx-hero-copy h1 span,.sx-hero-copy h1 em{max-width:100%;white-space:normal;overflow-wrap:anywhere}.sx-hero-copy h1 em{width:100%;padding-inline:8px}.sx-hero-copy>p{max-width:100%;font-size:17px;overflow-wrap:anywhere}.sx-hero-copy .sx-actions{flex-direction:column}.sx-hero-copy .button{width:100%}.sx-hero-proof{grid-template-columns:1fr}.sx-product-stage{min-height:360px}.sx-product-stage:before{inset:22px -10px 15px 12px;border-radius:38px 18px}.sx-browser{inset-inline:8px -3px;top:54px;border-radius:14px}.sx-browser img{height:270px}.sx-float{font-size:14px;padding:8px 10px}.sx-float-a{top:120px}.sx-float-b{bottom:27px}.sx-orbit{display:none}
  .polish-mirrored-page .sx-hero-copy>p{margin-top:20px;font-size:17px;line-height:1.58}
  .sx-module-rail{margin-top:-20px}.sx-module-rail a{min-width:117px;min-height:68px}.sx-proof>.sx-shell{grid-template-columns:1fr 1fr}.sx-proof article{min-height:96px;padding:19px 16px}.sx-proof article:nth-child(2){border-inline-end:0}.sx-proof strong{font-size:21px}
  .sx-problem,.sx-flow,.sx-targeting,.sx-measure,.sx-uses,.sx-faq{padding:78px 0}.sx-section-head h2,.sx-target-copy h2,.sx-use-head h2,.sx-faq h2,.sx-closing h2{font-size:clamp(38px,11vw,49px)}.sx-channel-list{grid-template-columns:1fr}.sx-channel-list button{min-height:61px}.sx-channel-result{padding:31px 24px}.sx-channel-result h3{font-size:38px}
  .sx-workbench{padding:7px;border-radius:22px 22px 22px 7px}.sx-step-tabs{grid-auto-columns:137px;padding:6px}.sx-workstage{padding:13px}.sx-workstage-copy{padding:5px 2px 18px}.sx-workstage-copy h3{font-size:29px}.sx-workstage-copy p{font-size:17px;line-height:1.55}.sx-mini-bar{height:31px}.sx-mini-bar b{font-size:14px}.sx-work-product img{width:100%;height:auto;max-height:none}.sx-workbench[data-active-step="2"] .sx-work-product{max-width:235px;width:72%}.sx-stage-footer{grid-template-columns:1fr;gap:10px;padding:14px 2px 8px}.sx-stage-footer>a{justify-self:start}.sx-stage-progress{grid-column:1}.sx-target-options button{grid-template-columns:32px 1fr;grid-template-rows:auto auto auto}.sx-target-options button>span{grid-row:1}.sx-target-options strong{grid-column:2}.sx-target-options small{grid-column:2}.sx-target-footer{align-items:flex-start;gap:12px}.sx-avatar-stack i:nth-child(3){display:none}
  .sx-metric-stack{grid-template-columns:1fr}.sx-metric-stack>article{grid-column:1}.sx-report-stage{min-height:390px;padding:7px}.sx-report-image{min-height:374px;grid-template-rows:44px minmax(0,1fr)}.sx-report-image>div{padding:0 10px}.sx-report-image>div span{font-size:14px}.sx-report-image>div a{font-size:14px}.sx-report-image>a{padding:5px}.sx-report-image img{width:100%;height:100%;max-width:100%;max-height:470px}
  .sx-uses{padding:78px 0 84px}.sx-use-head{margin-bottom:30px}.sx-use-mosaic{gap:12px}.sx-use-scene{min-height:0;padding:25px 20px;border-radius:22px}.sx-use-scene-copy h3{font-size:31px}.sx-use-scene-copy p{font-size:17px}.sx-crisis-console,.sx-audit-sheet,.sx-site-reach,.sx-recognition-card{margin-top:28px}.sx-crisis-console{padding:14px}.sx-crisis-console footer{align-items:flex-start;flex-direction:column;gap:5px}.sx-recognition-card{width:100%;padding:16px}.sx-recognition-card>div>i{width:46px;height:46px}.sx-faq-grid>header{display:block}.sx-mini-phone{display:none}.sx-closing{padding:86px 0}.sx-footer .footer-top,.sx-footer .footer-grid,.sx-footer .footer-bottom{width:var(--sx-shell)}
}
@media (prefers-reduced-motion:reduce){
  .shawts-page *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.sx-reveal{opacity:1;transform:none}.sx-browser{transform:none!important}
}

/* All five journey screens now use the same landscape product-screen format. */
.sx-workbench[data-active-step="2"] .sx-work-product{max-width:none;width:100%;margin-inline:0;border-radius:19px;box-shadow:0 30px 65px rgba(6,74,45,.19)}
.sx-workbench[data-active-step="2"] .sx-work-product img{max-height:680px}
@media (max-width:560px){.sx-workbench[data-active-step="2"] .sx-work-product img{max-height:none}}

/* Preserve each source screenshot's native aspect ratio at every breakpoint. */
.sx-browser img{height:auto!important;max-height:none}

@media (max-width:980px){
  .shawts-page .menu-button{display:block;position:relative;z-index:80;width:44px;height:44px;padding:10px;border:1px solid var(--sx-line);border-radius:12px;background:#fff}
  .shawts-page .menu-button i{display:block;width:22px;height:2px!important;margin:5px auto;background:var(--sx-ink)!important;border-radius:2px}
  .shawts-page .nav-links{position:fixed;z-index:75;top:68px;right:0;bottom:0;left:0;width:100vw;height:calc(100dvh - 68px);padding:18px;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-x:hidden;overflow-y:auto;background:#fff}
  .menu-open .shawts-page .nav-links{display:flex}
  .shawts-page .nav-group{width:100%}
  .shawts-page .mega{position:static;width:100%;margin-top:5px;padding:10px;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;box-shadow:none}
  .shawts-page .nav-group.open .mega{display:grid}
  .shawts-page .mega-intro{display:none}
  .shawts-page .mega-links{grid-template-columns:1fr 1fr}
  .shawts-page .discover-menu{width:100%}
}
@media (max-width:560px){.shawts-page .mega-links{grid-template-columns:1fr}}

/* Arabic legibility and RTL control alignment. */
html[dir="rtl"] .sx-eyebrow,html[dir="rtl"] .sx-stage-stamp,html[dir="rtl"] .sx-report-image>div span{font-size:max(14px, max(11px,1em));letter-spacing:0}

/* Editorial use cases: content-led, without interface mockups. */
.sx-editorial-uses{padding:112px 0 124px;background:#f6f8f2}
.sx-editorial-uses .sx-use-head{position:static;max-width:860px;margin:0 0 48px;padding:0}
.sx-editorial-uses .sx-use-head h2{max-width:820px;margin:18px 0 0;color:var(--sx-ink);font-size:clamp(46px,5.3vw,72px);line-height:.96;letter-spacing:-.06em}
.sx-editorial-list{border-top:1px solid #c5d8cb}
.sx-editorial-item{min-height:190px;padding:28px 0;display:grid;grid-template-columns:88px minmax(0,1fr) 120px;gap:32px;align-items:center;border-bottom:1px solid #c5d8cb}
.sx-editorial-number{font-family:"Space Grotesk",sans-serif;font-size:50px;font-weight:600;letter-spacing:-.08em;color:#a3b9ad}
.sx-editorial-copy>span{color:var(--sx-green);font-size:14px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.sx-editorial-copy h3{max-width:680px;margin:8px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(25px,2.8vw,39px);line-height:1.03;letter-spacing:-.045em}
.sx-editorial-copy p{max-width:610px;margin:11px 0 0;color:#5b7368;font-size:17px;line-height:1.55}
.sx-editorial-mark{position:relative;width:102px;height:102px;justify-self:end;border-radius:50%;background:#e2f4e6;overflow:hidden}
.sx-editorial-mark:after{content:"";position:absolute;inset:16px;border:1px solid rgba(8,166,87,.3);border-radius:50%}
.sx-editorial-item-1 .sx-editorial-mark{background:#fff0d8}.sx-editorial-item-1 .sx-editorial-mark:after{border-color:#f0bd69;inset:13px;box-shadow:0 0 0 10px rgba(240,189,105,.13)}.sx-editorial-item-1 .sx-editorial-mark i{position:absolute;left:47px;top:47px;width:9px;height:9px;border-radius:50%;background:#e99a2f;box-shadow:0 0 0 7px rgba(233,154,47,.16)}
.sx-editorial-item-2 .sx-editorial-mark{border-radius:18px;background:#e5f0ff}.sx-editorial-item-2 .sx-editorial-mark:after{inset:21px 18px;border-radius:3px;border-color:#4b8bd5}.sx-editorial-item-2 .sx-editorial-mark i,.sx-editorial-item-2 .sx-editorial-mark b,.sx-editorial-item-2 .sx-editorial-mark em{position:absolute;left:31px;width:40px;height:5px;border-radius:5px;background:#4b8bd5}.sx-editorial-item-2 .sx-editorial-mark i{top:33px}.sx-editorial-item-2 .sx-editorial-mark b{top:47px;width:29px}.sx-editorial-item-2 .sx-editorial-mark em{top:61px;width:36px}
.sx-editorial-item-3 .sx-editorial-mark{background:#e8e3fb}.sx-editorial-item-3 .sx-editorial-mark:after{inset:28px 14px 28px 14px;border:0;border-radius:0;background:linear-gradient(90deg,#8972df 0 82%,transparent 82%)}.sx-editorial-item-3 .sx-editorial-mark i,.sx-editorial-item-3 .sx-editorial-mark b,.sx-editorial-item-3 .sx-editorial-mark em{position:absolute;left:18px;height:1px;width:66px;background:#8972df}.sx-editorial-item-3 .sx-editorial-mark i{top:31px}.sx-editorial-item-3 .sx-editorial-mark b{top:51px;width:53px}.sx-editorial-item-3 .sx-editorial-mark em{top:71px;width:39px}
.sx-editorial-item-4 .sx-editorial-mark{background:#dff5e7}.sx-editorial-item-4 .sx-editorial-mark:after{inset:30px 16px;border:0;background:linear-gradient(135deg,transparent 43%,#08a657 44% 49%,transparent 50%),linear-gradient(45deg,transparent 47%,#08a657 48% 53%,transparent 54%)}.sx-editorial-item-4 .sx-editorial-mark i{position:absolute;left:47px;top:47px;width:9px;height:9px;border-radius:50%;background:#08a657}
.sx-editorial-item:hover .sx-editorial-number{color:var(--sx-green)}.sx-editorial-item:hover .sx-editorial-mark{transform:rotate(5deg);transition:transform .25s}
html[dir="rtl"] .sx-editorial-item{text-align:right}
@media (max-width:700px){.sx-editorial-uses{padding:78px 0 84px}.sx-editorial-uses .sx-use-head{margin-bottom:34px}.sx-editorial-item{min-height:0;padding:23px 0;grid-template-columns:48px minmax(0,1fr) 66px;gap:15px}.sx-editorial-number{font-size:30px}.sx-editorial-copy>span{font-size:14px}.sx-editorial-copy h3{font-size:24px}.sx-editorial-copy p{font-size:17px;line-height:1.5}.sx-editorial-mark{width:66px;height:66px}.sx-editorial-mark:after{inset:11px}.sx-editorial-item-1 .sx-editorial-mark:after{inset:9px;box-shadow:0 0 0 6px rgba(240,189,105,.13)}.sx-editorial-item-1 .sx-editorial-mark i{left:30px;top:30px;width:7px;height:7px}.sx-editorial-item-2 .sx-editorial-mark:after{inset:14px 12px}.sx-editorial-item-2 .sx-editorial-mark i,.sx-editorial-item-2 .sx-editorial-mark b,.sx-editorial-item-2 .sx-editorial-mark em{left:20px;width:27px;height:4px}.sx-editorial-item-2 .sx-editorial-mark i{top:22px}.sx-editorial-item-2 .sx-editorial-mark b{top:32px;width:20px}.sx-editorial-item-2 .sx-editorial-mark em{top:42px;width:24px}.sx-editorial-item-3 .sx-editorial-mark i,.sx-editorial-item-3 .sx-editorial-mark b,.sx-editorial-item-3 .sx-editorial-mark em{left:12px;width:42px}.sx-editorial-item-3 .sx-editorial-mark i{top:20px}.sx-editorial-item-3 .sx-editorial-mark b{top:33px;width:33px}.sx-editorial-item-3 .sx-editorial-mark em{top:46px;width:25px}.sx-editorial-item-4 .sx-editorial-mark i{left:30px;top:30px;width:7px;height:7px}}

/* Carousel treatment: one focused story at a time, with peek-free controls. */
.sx-editorial-slider{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px}
.sx-editorial-viewport{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;border:1px solid #c5d8cb;border-radius:28px;background:#fff;box-shadow:0 22px 55px rgba(9,63,43,.08)}.sx-editorial-viewport::-webkit-scrollbar{display:none}
.sx-editorial-list{display:flex}.sx-editorial-item{scroll-snap-align:start}
.sx-editorial-item{flex:0 0 100%;min-height:315px;padding:45px 62px;grid-template-columns:112px minmax(0,1fr) 150px;border:0}
.sx-editorial-item:first-child{border:0}.sx-editorial-item-1{background:linear-gradient(110deg,#fffaf0,#fff)}.sx-editorial-item-2{background:linear-gradient(110deg,#f5f9ff,#fff)}.sx-editorial-item-3{background:linear-gradient(110deg,#faf8ff,#fff)}.sx-editorial-item-4{background:linear-gradient(110deg,#f2fcf5,#fff)}
.sx-editorial-number{font-size:74px;color:#abc0b2}.sx-editorial-mark{width:124px;height:124px}
.sx-editorial-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid #b5d0be;border-radius:50%;background:#fff;color:var(--sx-green);font-size:17px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.sx-editorial-arrow:hover{background:var(--sx-ink);color:var(--sx-lime);transform:scale(1.06)}
.sx-editorial-controls{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:7px}.sx-editorial-controls button{width:30px;height:25px;padding:0;border:0;border-bottom:2px solid #b5cdbd;background:transparent;color:#789487;font-size:14px;font-weight:900;cursor:pointer}.sx-editorial-controls button.active{border-color:var(--sx-green);color:var(--sx-green)}
@media (max-width:700px){.sx-editorial-slider{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.sx-editorial-viewport{border-radius:21px}.sx-editorial-item{padding:30px 24px;grid-template-columns:45px minmax(0,1fr) 66px;gap:13px}.sx-editorial-number{font-size:34px}.sx-editorial-mark{width:66px;height:66px}.sx-editorial-arrow{width:34px;height:34px;font-size:14px}.sx-editorial-copy h3{font-size:25px}.sx-editorial-copy p{font-size:17px}.sx-editorial-controls{margin-top:13px}}
html[dir="rtl"] .sx-step-tabs,html[dir="rtl"] .sx-metric-stack{direction:rtl;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
html[dir="rtl"] .sx-step-tabs button,html[dir="rtl"] .sx-metric-stack button{scroll-snap-align:start;text-align:right}
html[dir="rtl"] .sx-footer .footer-grid a,html[dir="rtl"] .sx-footer .footer-bottom a{min-height:44px;display:flex;align-items:center}

/* Shawts use cases: each visual is a small, legible product scene, not an abstract icon. */
.sx-editorial-uses .sx-editorial-item{min-height:390px;padding:34px 42px;grid-template-columns:72px minmax(0,1fr) minmax(300px,40%);gap:24px;align-items:center}
.sx-editorial-uses .sx-editorial-viewport{scroll-snap-type:none}
.sx-editorial-uses .sx-editorial-item{scroll-snap-align:none}
.sx-editorial-uses .sx-editorial-item-1{background:#f4f8f0}
.sx-editorial-uses .sx-editorial-item-2{background:#f5f8fb}
.sx-editorial-uses .sx-editorial-item-3{background:#f3f7f3}
.sx-editorial-uses .sx-editorial-item-4{background:#f8f7ef}
.sx-editorial-uses .sx-editorial-number{font-size:58px;color:#729582}
.sx-editorial-uses .sx-editorial-copy>span{font-size:14px;font-weight:700}
.sx-editorial-uses .sx-editorial-copy h3{font-size:clamp(25px,2.6vw,36px);line-height:1.08}
.sx-editorial-uses .sx-editorial-copy p{font-size:17px;line-height:1.55}
.sx-editorial-visual{min-width:0;width:100%}
.sx-use-demo{min-height:278px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;border:1px solid #d7e4d9;border-radius:18px;background:#fff;box-shadow:0 22px 50px rgba(13,55,34,.12);font-size:14px;line-height:1.35}
.sx-use-demo-head,.sx-use-demo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-use-demo-head{padding-bottom:14px;border-bottom:1px solid currentColor}
.sx-use-demo-head>span{font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.sx-use-demo-head>b{font-size:20px;line-height:1}
.sx-use-demo-foot{padding-top:13px;border-top:1px solid currentColor}
.sx-use-demo-foot b,.sx-use-demo-foot span,.sx-use-demo-head time{font-size:14px;font-weight:600}
.sx-use-demo-crisis{color:#f6fbf5;border-color:#204331;background:#103a2a;transform:rotate(-1.5deg)}
.sx-use-demo-crisis .sx-use-demo-head,.sx-use-demo-crisis .sx-use-demo-foot{border-color:rgba(255,255,255,.2)}
.sx-use-demo-live{display:flex;align-items:center;gap:9px;color:#d5ef9f}
.sx-use-demo-live i{width:8px;height:8px;display:block;border-radius:50%;background:#ffb84f;box-shadow:0 0 0 5px rgba(255,184,79,.16)}
.sx-use-demo-main{display:grid;gap:8px}.sx-use-demo-main strong{font-size:18px;line-height:1.2}.sx-use-demo-main span{color:#d8e6db;font-size:14px}
.sx-use-demo-track,.sx-use-demo-site>span{height:9px;display:block;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.18)}
.sx-use-demo-track i,.sx-use-demo-site>span i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#35b875,#c9ef8b)}
.sx-use-demo-crisis .sx-use-demo-foot b{color:#d9f6a6}.sx-use-demo-crisis .sx-use-demo-foot span{color:#ffce7e}
.sx-use-demo-audit{color:#163d2a;background:#fff;transform:rotate(1.5deg)}
.sx-use-demo-audit .sx-use-demo-head,.sx-use-demo-audit .sx-use-demo-foot{border-color:#dce9df}
.sx-use-demo-audit .sx-use-demo-head{color:#27804d}.sx-use-demo-audit>strong{font-size:18px;line-height:1.25}
.sx-use-demo-check{display:grid;gap:12px}.sx-use-demo-check span{display:flex;align-items:center;gap:10px;font-size:14px}.sx-use-demo-check i{width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:50%;background:#dff3e6;color:#167a48;font-style:normal;font-weight:700}
.sx-use-demo-audit .sx-use-demo-foot{color:#167a48}
.sx-use-demo-reach{color:#fff;border-color:#223e39;background:#123d39;transform:rotate(-1deg)}
.sx-use-demo-reach .sx-use-demo-head{border-color:rgba(255,255,255,.2)}
.sx-use-demo-site{display:grid;gap:7px}.sx-use-demo-site>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.sx-use-demo-site strong{font-size:14px;font-weight:500}.sx-use-demo-site b{color:#d4eea8;font-size:14px}
.sx-use-demo-recognition{color:#1a3d2b;background:#fff;transform:rotate(1.5deg)}
.sx-use-demo-recognition .sx-use-demo-head,.sx-use-demo-recognition .sx-use-demo-foot{border-color:#d9e8db}.sx-use-demo-recognition .sx-use-demo-head{color:#157b49}
.sx-use-demo-person{display:flex;align-items:center;gap:14px}.sx-use-demo-person>i{width:52px;height:52px;display:grid;place-items:center;flex:none;border-radius:14px;background:#153d2a;color:#d5f4a0;font-style:normal;font-weight:700}.sx-use-demo-person>div{display:grid;gap:5px}.sx-use-demo-person strong{font-size:18px}.sx-use-demo-person span{color:#61756a;font-size:14px}.sx-use-demo-recognition .sx-use-demo-foot{color:#167a48}
.sx-editorial-uses .sx-editorial-item:hover .sx-use-demo{transform:rotate(0) translateY(-5px);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 28px 55px rgba(13,55,34,.17)}
.sx-editorial-uses .sx-editorial-controls button{min-width:38px;min-height:32px;font-size:14px}
@media (max-width:700px){
  .sx-editorial-uses .sx-editorial-item{min-height:0;padding:22px;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:18px 12px;align-items:start}
  .sx-editorial-uses .sx-editorial-number{grid-column:1;grid-row:1;font-size:34px}
  .sx-editorial-uses .sx-editorial-copy{grid-column:2;grid-row:1}
  .sx-editorial-uses .sx-editorial-copy>span{font-size:14px}
  .sx-editorial-uses .sx-editorial-copy h3{font-size:24px}
  .sx-editorial-uses .sx-editorial-copy p{font-size:17px}
  .sx-editorial-uses .sx-editorial-visual{grid-column:1/-1;grid-row:2}
  .sx-use-demo{min-height:260px;padding:17px;transform:none}
  .sx-use-demo-main strong,.sx-use-demo-audit>strong,.sx-use-demo-person strong{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.sx-editorial-uses .sx-editorial-item:hover .sx-use-demo{transform:none;transition:none}}

/* Keep the translated capabilities clone on the Arabic reference geometry. */
.shawts-capabilities-clone{
  --ps-shell:min(1180px,calc(100vw - 64px));
}
.shawts-capabilities-clone .story-capabilities{
  padding:88px 0;
}
.shawts-capabilities-clone .story-capabilities>.section-shell{
  width:var(--ps-shell);
  max-width:none;
  margin-inline:auto;
}
.shawts-capabilities-clone .story-capabilities .story-block-head{
  width:100%;
  max-width:820px;
  min-height:168px;
  margin-bottom:34px;
}
.shawts-capabilities-clone .story-capabilities .story-block-head h2{
  font-size:39px;
  line-height:1.08;
}
@media (max-width:980px){
  .shawts-capabilities-clone{--ps-shell:min(900px,calc(100vw - 40px))}
}
@media (max-width:680px){
  .shawts-capabilities-clone{--ps-shell:calc(100vw - 32px)}
  .shawts-capabilities-clone .story-capabilities{padding:72px 0}
}

/* English Shawts commercial-content revision. */
.sx-metric-proof{background:#092f24;color:#fff}
.sx-metric-proof>.sx-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-metric-proof article{position:relative;min-height:158px;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid rgba(255,255,255,.14)}
.sx-metric-proof article:last-child{border-inline-end:0}
.sx-metric-proof article>span{position:absolute;right:22px;top:19px;color:#7edda3;font-size:14px;font-weight:900}
.sx-metric-proof strong{color:#b9f065;font:700 clamp(36px,4vw,56px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.sx-metric-proof small{margin-top:10px;color:#e0ece6;font-size:14px;font-weight:700}

.sx-objections{padding:104px 0;background:#092f24;color:#fff}
.sx-objections header{max-width:720px;margin-bottom:42px}
.sx-objections header .sx-eyebrow{color:#b9f065!important}
.sx-objections h2{max-width:680px;margin:8px 0 0;color:#fff;font-size:clamp(44px,5vw,66px);line-height:.97;letter-spacing:-.05em}
.sx-objection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.14)}
.sx-objection-grid article{position:relative;min-height:220px;padding:32px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.18)}
.sx-objection-grid article>span{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.08em}
.sx-objection-grid h3{margin:22px 0 10px;color:#fff;font-size:22px;line-height:1.2;letter-spacing:-.025em}
.sx-objection-grid p{margin:0;color:#cfddd6;font-size:17px;line-height:1.65}
.sx-objection-grid article:last-child{grid-column:1/-1;min-height:185px}

.shawts-page .sx-hero .sx-eyebrow,
.shawts-page .sx-section-head:not(.sx-section-head-light) .sx-eyebrow,
.shawts-page .sx-use-head .sx-eyebrow,
.shawts-page .sx-faq .sx-eyebrow{color:#087545}

@media(max-width:680px){
  .sx-metric-proof>.sx-shell,.sx-objection-grid{grid-template-columns:1fr}
  .sx-metric-proof article{min-height:112px;padding:24px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .sx-objections{padding:66px 0}
  .sx-objection-grid article,.sx-objection-grid article:last-child{grid-column:auto;min-height:0;padding:25px 21px}
}