/* Geist static weights. The previous Next.js variable subsets were declared
   as font-weight:100 900, so Chrome faux-bolded every medium/semibold word
   (doubled last letters, collapsed spaces) across the marketing site. */
@font-face{font-family:"Geist";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/geist-latin-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/geist-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/geist-latin-ext-500.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/geist-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/geist-latin-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/geist-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/geist-latin-ext-700.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/geist-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Geist","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif}
html[dir=rtl] *{font-family:"IBM Plex Sans Arabic","Geist",ui-sans-serif,system-ui,sans-serif}
html[dir=rtl] .fa,html[dir=rtl] .fas,html[dir=rtl] .far,html[dir=rtl] .fa-solid,html[dir=rtl] .fa-regular{font-family:var(--fa-style-family,"Font Awesome 6 Free")}html[dir=rtl] .fab,html[dir=rtl] .fa-brands{font-family:"Font Awesome 6 Brands"}
*,*::before,*::after{box-sizing:border-box}:root{--primary-color:#0074d9;--link-color:#506690;--btn-hover-color:#0054de;--lg-heading:#161c2d;--text-content:#869ab8;--fixed-header-height:4.5rem;--font-size-body-text:clamp(0.875rem, 1.6vw, 1rem);--h1-font-size:calc(var(--font-size-body-text) * 2.4);--h2-font-size:calc(var(--h1-font-size) - 0.9375rem);--h3-font-size:calc(var(var(--h2-font-size)) - 0.5rem)}html{overflow-x:hidden;width:100%}html,body{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:clip;width:100%;min-height:100vh;background-color:#fafbfb;position:relative;font-family:"Geist","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;font-weight:400}
html[dir=rtl] body{font-family:"IBM Plex Sans Arabic","Geist",ui-sans-serif,system-ui,sans-serif}@media (max-width:767px){.mega-panel{display:none!important}.mega-overlay{display:none!important}}ul li{list-style-type:none}a{text-decoration:none}button{background-color:#fff0;border:none;outline:none;cursor:pointer}.mega-dropdown{opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;overflow:hidden;transition:opacity 250ms cubic-bezier(.4,0,.2,1),transform 250ms cubic-bezier(.4,0,.2,1),visibility 250ms,height 300ms cubic-bezier(.4,0,.2,1)}.mega-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-panel{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(0);transition:none;will-change:transform,opacity}.mega-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);z-index:10;transition:opacity 300ms cubic-bezier(.4,0,.2,1),transform 300ms cubic-bezier(.4,0,.2,1)}.mega-panel.is-leaving-left{opacity:0;visibility:visible;pointer-events:none;transform:translateX(-60px);z-index:5;transition:opacity 300ms cubic-bezier(.4,0,.2,1),transform 300ms cubic-bezier(.4,0,.2,1)}.mega-panel.is-leaving-right{opacity:0;visibility:visible;pointer-events:none;transform:translateX(60px);z-index:5;transition:opacity 300ms cubic-bezier(.4,0,.2,1),transform 300ms cubic-bezier(.4,0,.2,1)}.mega-pill{position:absolute;top:0;left:0;height:100%;border-radius:.5rem;background-color:rgb(0 116 217 / .08);opacity:0;pointer-events:none;z-index:0;transition:transform 280ms cubic-bezier(.4,0,.2,1),width 280ms cubic-bezier(.4,0,.2,1),opacity 200ms ease;will-change:transform,width,opacity}.mega-pill.is-visible{opacity:1}.mega-trigger{transition:color 200ms ease}.mega-trigger.is-active{color:#0074d9}.mega-trigger.is-active .mega-chevron{transform:rotate(180deg)}.mega-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:all 300ms ease}.mega-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}#mobile-menu{transform:translateX(100%)!important;transition:transform 300ms cubic-bezier(.4,0,.2,1);direction:ltr;text-align:left}#mobile-menu[data-rtl="true"]{transform:translateX(-100%)!important}#mobile-menu.drawer-open{transform:translateX(0)!important}#mobile-menu[data-rtl="true"].drawer-open{transform:translateX(0)!important}#mobile-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:all 300ms ease}#mobile-overlay.drawer-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-accordion{color:#1f2937!important;text-align:right}.mobile-accordion span{color:inherit!important}.mobile-accordion i{color:#0074d9!important}.mobile-accordion.is-open .mobile-chev{transform:rotate(90deg)}#mobile-menu[data-rtl="true"]{direction:rtl;text-align:right}#mobile-menu[data-rtl="true"] .mobile-submenu a{flex-direction:row!important}#mobile-menu[data-rtl="true"] .mobile-submenu{direction:rtl;text-align:right}.mobile-submenu{display:none}.mobile-submenu.hidden{display:none}.mobile-submenu:not(.hidden){display:block;animation:slideDown 200ms ease-out}#mobile-menu a,#mobile-menu button{color:#1f2937}#mobile-menu .mobile-accordion>span{display:flex;align-items:center;gap:.625rem}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{opacity:0;transform:translateY(-.625rem);visibility:hidden;transition:all 0.3s ease}.nav-item:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu{transition:transform 0.3s ease-in-out}.mobile-menu[class~="hidden"]{transform:translateX(-100%)}.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none}.goog-te-combo{margin:.25rem 0;padding:.5rem .75rem;border-radius:.9375rem;font-size:.9375rem;border:none;font-weight:700;font-family:Arial,sans-serif;background-color:#f0f0f0;color:#333;border-radius:1.25rem;transition:background-color 0.3s ease,color 0.3s ease;position:relative;top:.1875rem}.goog-te-combo:hover{border-color:#333;box-shadow:0 .125rem .3125rem rgb(0 0 0 / .2);background-color:#fff}.goog-te-combo:focus{outline:none;border-color:#06c;box-shadow:0 0 .3125rem rgb(0 102 204 / .5)}.VIpgJd-ZVi9od-l4eHX-hSRGPd{display:none}.goog-logo-link{display:none!important}.goog-te-gadget{color:transparent!important}.goog-te-gadget img{display:none!important}body>.skiptranslate{display:none}body{top:0rem!important}#google_translate_element{width:18.75rem;float:right;text-align:right;display:block}.goog-te-banner-frame.skiptranslate{display:none!important}#goog-gt-tt{display:none!important;top:0rem!important}.goog-tooltip skiptranslate{display:none!important;top:0rem!important}.activity-root{display:hide!important}.status-message{display:hide!important}.started-activity-container{display:hide!important}.animate-pulse-live{animation:pulseLive 1.5s infinite ease-in-out}@keyframes pulseLive{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:.7}}#floatingElement1,#floatingElement2{opacity:1;transition:all 0.5s ease}#floatingElement1,#floatingElement2{animation:floatUpDown 6s infinite ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleUp{from{transform:scale(0)}to{transform:scale(1)}}@keyframes slideUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 0.8s ease-out forwards}.animate-scaleUp{animation:scaleUp 0.6s ease-out forwards}.animate-slideUp{animation:slideUp 0.8s ease-out forwards}.animate-bounceSlow{animation:bounceSlow 3s infinite}.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background-color:#fff0;background-color:none;box-shadow:none}.notification{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:1rem 2rem;border-radius:.5rem;color:#fff;font-weight:600;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.notification.show{opacity:1;visibility:visible}.logo-marquee{position:relative;height:3.5rem;width:100%;overflow:hidden}.logo-marquee-item{position:absolute;top:50%;transform:translateY(-50%);height:3rem;width:5rem;object-fit:contain;will-change:transform;flex-shrink:0;opacity:0}.logo-marquee.is-ready .logo-marquee-item{opacity:1}.hd-root{perspective:1200px}.hd-container{position:relative}.hd-cursor{z-index:50;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .18));will-change:left,top,opacity,transform}@keyframes hd-blink{0%,100%{opacity:1}50%{opacity:0}}@media (max-width:640px){#hero-demo .rounded-2xl{border-radius:1rem}.hd-container{padding:0.5rem!important;min-height:280px!important}}.grid-line{position:absolute;width:1px;background:linear-gradient(to bottom,transparent,rgb(229 231 235 / .6),transparent);pointer-events:none}#landing-grid-wrapper{position:relative}#trust-stats{align-items:center;justify-content:flex-end;gap:1.5rem}#trust-stats>div{display:flex;align-items:center;gap:.5rem;white-space:nowrap}#trust-stats .font-bold{min-width:2.5rem;text-align:left}[dir="rtl"] #trust-stats,[dir="rtl"] #trust-stats>div{direction:rtl}[dir="rtl"] #trust-stats .font-bold{text-align:right}.feat-card{perspective:800px}.feat-card-inner{transform-style:preserve-3d;will-change:transform,box-shadow;transform:rotateX(0) rotateY(0)}.feat-card:hover .feat-card-inner{box-shadow:0 20px 40px -12px rgb(0 0 0 / .08),0 4px 12px -2px rgb(0 0 0 / .04)}.feat-pulse-dot{animation:featPulse 2s ease-in-out infinite}@keyframes featPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.feat-bar-animate{transition:width 1.2s cubic-bezier(.4,0,.2,1)}.feat-mock-row{opacity:1;transform:translateY(0)}.feat-card:hover .feat-card-inner{transform:translateY(-4px)}.feat-cursor{filter:drop-shadow(0 2px 6px rgb(0 116 217 / .3));animation:featCursorFloat 3s ease-in-out infinite}@keyframes featCursorFloat{0%,100%{transform:translate(0,-8px)}50%{transform:translate(4px,-14px)}}.feat-card{opacity:1;transform:translateY(0)}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:767px){.feat-card-visual{height:14rem!important}.feat-card-visual .flex.items-end.gap-3>div{width:32%!important;padding:0.5rem!important;padding-top:0.75rem!important}.feat-card-visual .text-\[7px\]{font-size:8px!important}.feat-card-visual .text-\[8px\]{font-size:10px!important}.feat-card-visual .text-\[9px\]{font-size:11px!important}.feat-card-visual .text-\[10px\]{font-size:12px!important}.feat-card-visual .text-\[11px\]{font-size:13px!important}.feat-card-visual .absolute.-top-1\.5{top:-0.75rem!important;padding:.25rem 0.5rem!important;font-size:9px!important;white-space:nowrap!important;min-width:fit-content!important;z-index:20!important}.feat-card-visual .w-9.h-9{width:2.25rem!important;height:2.25rem!important}.feat-card-visual .relative.flex-col.items-center{padding-top:0.5rem!important}.feat-card-visual .absolute.-top-1\.5.left-1\/2{transform:translateX(-50%) translateY(-2px)!important;line-height:1.2!important}#heroImage .hd-root{transform:scale(.92);transform-origin:top center}.feat-card-visual .h-1\.5{height:0.375rem!important}.ai-iv-face-frame{width:50%!important}.text-\[8px\],.text-\[9px\],.text-\[10px\]{font-size:11px!important}button,a{min-height:44px;min-width:44px}.feat-mock-row.flex.gap-1\.5>div{padding:0.5rem!important}.feat-mock-row.flex.gap-1\.5 .text-sm{font-size:0.875rem!important}#mobile-menu-button{position:relative;z-index:1003;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}#mobile-menu.drawer-open~#mega-nav #mobile-menu-button,body:has(#mobile-menu.drawer-open) #mobile-menu-button{display:none!important}#mobile-menu{height:100vh;height:-webkit-fill-available;height:100dvh}#mobile-overlay{z-index:1001}#mobile-menu{z-index:1002}.bg-gradient-to-r.from-blue-600 h2,.bg-gradient-to-r.from-blue-700 h2,.bg-gradient-to-r.from-blue-600.to-blue-800 h2{font-size:1.25rem!important;line-height:1.75rem!important}.bg-gradient-to-r.from-blue-600 p,.bg-gradient-to-r.from-blue-700 p,.bg-gradient-to-r.from-blue-600.to-blue-800 p{font-size:0.875rem!important;line-height:1.5rem!important}.bg-gradient-to-r.from-blue-600.rounded-2xl.p-8,.bg-gradient-to-r.from-blue-700.rounded-2xl.p-8{padding:1.25rem!important}.bg-gradient-to-r.from-blue-600 a,.bg-gradient-to-r.from-blue-700 a{font-size:0.875rem!important;padding:.625rem 1rem!important}}button.status-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;transition:all 0.15s ease;font-size:.875rem;font-weight:500;color:#111827;text-align:left}button.status-dropdown-trigger:hover{border-color:#9ca3af;background:#f8fafc;background-color:#f8fafc;box-shadow:0 1px 3px rgb(0 0 0 / .04)}button.status-dropdown-trigger.active{border-color:#0074d9;box-shadow:0 0 0 3px rgb(0 116 217 / .1)}.status-dropdown-menu{position:fixed;width:388px;max-width:calc(100vw - 48px);margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 20px 25px -5px rgb(0 0 0 / .15),0 10px 10px -5px rgb(0 0 0 / .08);z-index:10001;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.15s ease}.status-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.status-dropdown-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all 0.12s ease;font-size:.875rem;color:#374151}.status-dropdown-option:hover{background:#f3f4f6}.status-dropdown-option.selected{background:#eff6ff;color:#0074d9}.status-option-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-option-indicator.accepted{background:#10b981}.status-option-indicator.rejected{background:#ef4444}.status-option-indicator.pending{background:#f59e0b}.status-option-indicator.shortlisted{background:#8b5cf6}.status-option-indicator.interview{background:#3b82f6}

/* ═══ Card & link polish - Stripe/Ramp-inspired ═══ */

/* Arrow nudge on link hover (RTL-aware: left arrow slides left) */
a .fa-arrow-right,a .fa-arrow-left,a .fa-arrow-up-right-from-square{transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s}
a:hover .fa-arrow-right{transform:translateX(3px)}
a:hover .fa-arrow-left{transform:translateX(-3px)}
a:hover .fa-arrow-up-right-from-square{transform:translate(2px,-2px)}

/* Tactile press on gradient buttons */
a[class*="bg-gradient"]:active,button[class*="bg-gradient"]:active{transform:scale(.97)}

/* Layered card shadows + light sweep on feature cards */
.feat-card-inner{box-shadow:0 1px 1px rgb(16 24 40 / .03),0 1px 3px rgb(16 24 40 / .04)}
.feat-card-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgb(255 255 255 / .35) 50%,transparent 58%);transform:translateX(-130%);pointer-events:none;z-index:4}
.feat-card:hover .feat-card-inner{box-shadow:0 24px 48px -16px rgb(16 24 40 / .14),0 6px 14px -6px rgb(16 24 40 / .06)}
.feat-card:hover .feat-card-inner::after{transform:translateX(130%);transition:transform .9s cubic-bezier(.25,.46,.45,.94)}

/* sir-card - shared elevated-card treatment (ecosystem, hiring band, flagship) */
.sir-card{transition:box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),border-color .3s}
.sir-card:hover{box-shadow:0 16px 32px -12px rgb(16 24 40 / .12),0 4px 10px -4px rgb(16 24 40 / .05)}

/* Visible focus rings */
a:focus-visible,button:focus-visible{outline:2px solid #0074d9;outline-offset:2px;border-radius:6px}

/* ═══ Shift workspace demo (hero) - recreation of the real app shell ═══ */
#shift-demo{--sw-fg:#201f1a;--sw-muted:#75746b;--sw-line:#e8e6df;--sw-line-soft:#efeee8;--sw-side:#faf9f5;--sw-side-line:#e6e4dc;--sw-side-fg:#33322e;--sw-side-active:#262622;--sw-side-label:#75746d;--sw-sel:#eae8e1;--sw-hover:#f0eee9;--sw-tile:#eceae4;--sw-tile-line:#dbd9d0;--sw-tile-sheen:rgba(255,255,255,.7);--sw-bubble:#f1f0ec;--sw-green:#16a34a;color:var(--sw-fg);font-size:12px;line-height:1.5;font-family:"Geist","IBM Plex Sans Arabic",sans-serif;display:flex;min-height:30rem}
[dir=rtl] #shift-demo{font-family:"IBM Plex Sans Arabic","Geist",sans-serif}
.sw-ic{display:inline-block;flex-shrink:0;color:currentColor;vertical-align:middle}
.sw-side{width:198px;flex-shrink:0;display:none;flex-direction:column;border-inline-end:1px solid var(--sw-side-line);background:var(--sw-side)}
@media(min-width:768px){.sw-side{display:flex}}
.sw-side-head{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px}
.sw-side-head img{height:19px;width:auto;padding-inline-start:5px}
.sw-collapse{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;color:#9a998f;flex-shrink:0}
.sw-collapse .sw-ic{width:13px;height:13px}
[dir=rtl] .sw-collapse .sw-ic{transform:scaleX(-1)}
.sw-nav{flex:1;min-height:0;padding:0 10px;display:flex;flex-direction:column;gap:19px;overflow:hidden}
.sw-label{margin:4px 0 4px;padding:0 5px;font-size:9.5px;font-weight:500;color:var(--sw-side-label)}
.sw-item{display:flex;align-items:center;gap:8px;min-height:31px;padding:5px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--sw-side-fg);white-space:nowrap}
.sw-item.sw-active{background:var(--sw-sel);color:var(--sw-side-active)}
.sw-tile{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;flex-shrink:0;background:linear-gradient(180deg,var(--sw-tile-sheen),transparent 62%),var(--sw-tile);border:1px solid var(--sw-tile-line);box-shadow:inset 0 1px 0 var(--sw-tile-sheen)}
.sw-tile .sw-ic{width:14px;height:14px;color:#403f39}
.sw-tile svg [stroke]{stroke-width:2.2px}
.sw-account{margin-top:auto;padding:9px 10px;flex-shrink:0}
.sw-account-in{display:flex;align-items:center;gap:8px;padding:6px;border-radius:7px}
.sw-avatar{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:5px;background:#e9e7e0;font-size:9.5px;font-weight:500;color:#57564d;flex-shrink:0}
.sw-account-name{display:block;font-size:11px;font-weight:500;color:var(--sw-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-account-sub{display:block;font-size:9px;color:var(--sw-side-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}
.sw-topbar{height:42px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--sw-line-soft)}
.sw-topbar-title{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#33322c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-topbar-title .sw-ic{width:12px;height:12px;color:#8f8e85}
.sw-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;border:1px solid var(--sw-line);background:#fbfbfa;font-size:9px;font-weight:600;color:var(--sw-muted);flex-shrink:0;white-space:nowrap}
.sw-status-dot{width:6px;height:6px;border-radius:50%;background:#0074d9;flex-shrink:0}
.sw-agent.is-anim .sw-status-dot{animation:swPulse 1.4s ease-in-out infinite}
.sw-agent.is-fin .sw-status-dot{background:var(--sw-green);animation:none}
.sw-agent.is-fin .sw-status{color:var(--sw-green)}
@keyframes swPulse{0%,100%{opacity:1}50%{opacity:.3}}
.sw-prog{height:2px;background:#efeee8;flex-shrink:0}
.sw-prog i{display:block;height:100%;width:87.5%;background:#0074d9;transition:width .8s cubic-bezier(.2,.6,.3,1)}
.sw-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sw-agent{flex:1;min-height:0;overflow:hidden;padding:15px 18px 4px;display:flex;flex-direction:column}
@media(max-width:1023px){.sw-agent{min-height:42.5rem}}
@media(min-width:1024px){.sw-agent{min-height:44rem}#shift-demo{zoom:.82}}
.sw-msg{margin:0;margin-inline-start:auto;width:fit-content;max-width:88%;background:var(--sw-bubble);border-radius:14px;padding:8px 12px;font-size:10.5px;line-height:1.55;color:#3a3933}
.sw-steps{position:relative;margin:13px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;flex:1;min-height:0}
.sw-steps::before{content:"";position:absolute;inset-inline-start:7px;top:17px;bottom:9px;width:1px;background:var(--sw-line)}
.sw-step{position:relative;display:flex;gap:10px}
.sw-node{position:relative;z-index:1;width:15px;height:15px;flex-shrink:0;margin-top:1px;border-radius:50%;border:1px solid #d9d7cd;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease}
.sw-node .sw-ic{width:8px;height:8px;color:#fff;opacity:0;transition:opacity .2s ease}
.sw-spin{width:5px;height:5px;border-radius:50%;background:#0074d9;opacity:0;position:absolute}
.sw-step.is-active .sw-node{border-color:#0074d9}
.sw-step.is-active .sw-spin{opacity:1;animation:swPulse 1.3s ease-in-out infinite}
.sw-step.is-done .sw-node{background:var(--sw-green);border-color:var(--sw-green)}
.sw-step.is-done .sw-node .sw-ic{opacity:1}
.sw-step.is-done .sw-spin{display:none}
.sw-step-body{flex:1;min-width:0}
.sw-step-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:15px}
.sw-step-title{font-size:11px;font-weight:600;color:var(--sw-fg)}
.sw-step-state{font-size:8.5px;font-weight:500;color:#a8a79e;flex-shrink:0}
.sw-step.is-active .sw-step-state{color:#0074d9}
.sw-step.is-done .sw-step-state{color:var(--sw-green)}
.sw-agent.is-anim .sw-step:not(.is-done):not(.is-active) .sw-step-title{color:#a3a29a}
.sw-agent.is-anim .sw-art,.sw-agent.is-anim .sw-log{display:none}
.sw-agent.is-anim .sw-step.is-active .sw-art{display:block;animation:swArtIn .5s cubic-bezier(.2,.6,.3,1)}
.sw-agent.is-anim .sw-step.is-done .sw-art{display:block}
.sw-agent.is-anim .sw-step.is-done .sw-log{display:flex;animation:swArtIn .4s ease}
.sw-agent.is-anim .sw-step.is-active .sw-log.sw-live{display:flex}
@keyframes swArtIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sw-art{margin-top:6px;border:1px solid var(--sw-line);border-radius:9px;background:#fbfbfa;overflow:hidden}
/* Queued steps preview a dashed output slot at the finished artifact's exact
   footprint, so the pane reads full from frame one and nothing ever shifts. */
.sw-ghost{display:none}
.sw-agent.is-anim .sw-step:not(.is-done):not(.is-active) .sw-ghost{display:block;margin-top:6px;height:var(--gh,90px);border:1px dashed #e0ded5;border-radius:9px;background:#fcfbf9;overflow:hidden}
.sw-ghost-head{display:flex;align-items:center;gap:6px;height:23px;padding:0 9px;border-bottom:1px dashed #eceae2}
.sw-ghost-head .sw-ic{width:10px;height:10px;color:#cfcdc2}
.sw-ghost-name{display:block;height:6px;width:80px;border-radius:3px;background:#e8e6dd}
.sw-ghost-tag{margin-inline-start:auto;height:10px;width:34px;border-radius:5px;background:#eeece4;flex-shrink:0}
.sw-ghost-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.sw-ghost-body>i{display:block;height:5px;border-radius:99px;background:#e9e7de}
.sw-ghost.g-deck .sw-ghost-body{flex-direction:row;gap:8px}
.sw-ghost.g-deck .sw-ghost-body>i{height:32px;flex:1;border-radius:5px}
.sw-ghost-pills{display:flex;gap:6px}
.sw-ghost-pills i{width:64px;height:12px;border-radius:99px;background:#eeece4;border:1px solid #e8e6dd}
/* Live sweep over the artifact while its step is running */
.sw-agent.is-anim .sw-step.is-active .sw-art{position:relative;border-color:rgba(0,116,217,.32);box-shadow:0 0 0 3px rgba(0,116,217,.05)}
.sw-agent.is-anim .sw-step.is-active .sw-art::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(0,116,217,.07) 50%,transparent 65%);transform:translateX(-100%);animation:swSweep 1.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes swSweep{to{transform:translateX(100%)}}
.sw-art-head{display:flex;align-items:center;gap:6px;height:23px;padding:0 9px;border-bottom:1px solid var(--sw-line-soft);font-size:9px}
.sw-art-head .sw-ic{width:10px;height:10px;color:#a3a29a}
.sw-fname{font-weight:600;color:#3c3b35;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:8.5px;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-art-tag{margin-inline-start:auto;font-size:8px;font-weight:500;color:var(--sw-muted);background:#f0efe9;border-radius:5px;padding:1px 6px;white-space:nowrap;flex-shrink:0}
.sw-code{padding:7px 10px;display:flex;flex-direction:column;gap:3px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:8.5px;line-height:1.55;color:#4a4941}
.sw-code>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-code i{font-style:normal}
.sw-code .i1{padding-inline-start:12px}
.sw-code .i2{padding-inline-start:24px}
.c-k{color:#0074d9;font-weight:600}
.c-v{color:#14803c}
.sw-deck{display:flex;gap:8px;padding:8px 10px}
.sw-slide{width:58px;height:36px;border-radius:5px;background:#fff;border:1px solid var(--sw-line-soft);padding:6px 7px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px rgba(31,31,28,.04);flex-shrink:0}
.sw-slide i{display:block;height:3px;border-radius:99px;background:#e4e2d9}
.sw-slide .sl-t{height:4px;width:58%;background:#2b2a24;border-radius:2px}
.sw-slide .w60{width:60%}
.sw-slide .w45{width:45%}
.sw-doc{padding:8px 10px;display:flex;flex-direction:column;gap:5px}
.sw-doc i{display:block;height:3.5px;border-radius:99px;background:#e6e4db}
.sw-doc .sl-t{height:5px;width:46%;background:#3b3a33;border-radius:2px;margin-bottom:1px}
.sw-doc .w85{width:85%}
.sw-doc .w70{width:70%}
.sw-doc .w55{width:55%}
.sw-mail{padding:7px 10px 8px;display:flex;flex-direction:column;gap:5px}
.sw-mail-row{display:flex;align-items:baseline;gap:8px;font-size:9px;color:#3c3b35;min-width:0}
.sw-mail-row em{font-style:normal;font-size:8px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#a3a29a;width:38px;flex-shrink:0}
.sw-mail-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-atts{display:flex;gap:6px;margin-top:1px;flex-wrap:wrap}
.sw-att{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:6px;border:1px solid var(--sw-line);background:#fff;font-size:8.5px;font-weight:500;color:#4a4941}
.sw-att .sw-ic{width:9px;height:9px;color:#a3a29a}
.sw-log{display:flex;align-items:center;gap:6px;margin:7px 0 0;font-size:9.5px;color:var(--sw-muted)}
.sw-log .sw-ic{width:9px;height:9px;color:var(--sw-green);flex-shrink:0}
.sw-step.is-active .sw-log{color:#0074d9}
.sw-step.is-active .sw-log .sw-ic{color:#0074d9}
.sw-log-dot{display:none;width:8px;height:8px;border-radius:50%;border:1.5px solid #0074d9;border-top-color:transparent;flex-shrink:0;animation:swSpin 1s linear infinite}
.sw-step.is-active .sw-log-dot{display:block}
.sw-step.is-active .sw-log .sw-ic{display:none}
@keyframes swSpin{to{transform:rotate(360deg)}}
.sw-composer{margin:0 14px 12px;border:1px solid var(--sw-line);border-radius:15px;background:#fff;box-shadow:0 1px 3px rgba(31,31,28,.05);padding:10px 14px 7px;flex-shrink:0}
.sw-composer-text{margin:0 0 7px;font-size:11px;color:#a8a79e}
.sw-composer-bar{display:flex;align-items:center;gap:3px}
.sw-cbtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;color:#84837a;flex-shrink:0}.sw-cbtn .sw-ic{width:13px;height:13px}
.sw-cchip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:7px;font-size:9.5px;font-weight:500;color:#55544c;white-space:nowrap}
.sw-cchip .sw-caret{width:8px;height:8px;color:#a8a79e}
.sw-cchip>.sw-ic:first-child{width:11px;height:11px;color:#8f8e85}
.sw-send{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#23221d;color:#fff;flex-shrink:0}.sw-send .sw-ic{width:12px;height:12px}
@media(max-width:639px){#shift-demo{min-height:0}.sw-agent{padding:14px 14px 4px}.sw-deck .sw-slide:nth-child(3){display:none}.sw-status{padding:3px 7px}.sw-composer{margin-bottom:10px}}

/* ═══ Scroll-reveal states - only hidden when JS is enabled (html.js) ═══ */
html.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.6,.3,1),transform .6s cubic-bezier(.2,.6,.3,1)}
html.js .rv.rv-in{opacity:1;transform:none}
html.js #shift-ai .sc-el{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
html.js #shift-ai .sc-el.sc-in{opacity:1;transform:none}
@keyframes scDrift{from{transform:scale(1.8) translate(-2.5%,-1.5%)}to{transform:scale(2.05) translate(2.5%,1.5%)}}
#shift-ai .sc-drift{animation:scDrift 20s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){#shift-ai .sc-drift{animation:none}}
@media(prefers-reduced-motion:reduce){html.js .rv,html.js #shift-ai .sc-el{transition:none}}
/* ═══ Landing hero ═══ */
/* Zero-specificity reset: undo the global `*{font-family:…}` inside the
   hero while letting any class win. */
:where(.sh-hero) *{font-family:inherit}
.sh-hero{position:relative;isolation:isolate;background:#fff;color:#0e0e0c;font-weight:400;font-family:"Geist","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;overflow:clip}
[dir=rtl] .sh-hero{font-family:"IBM Plex Sans Arabic","Geist",sans-serif}
/* Subtle dotted texture: generated dots kept to the hero's upper/outer
   areas via a radial mask that fades the pattern toward the content. */
.sh-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgb(14 14 12 / .14) 1px,transparent 1.5px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 82% 80% at 50% 55%,transparent 28%,rgb(0 0 0 / .6) 62%,#000 100%);mask-image:radial-gradient(ellipse 82% 80% at 50% 55%,transparent 28%,rgb(0 0 0 / .6) 62%,#000 100%)}
/* Faint structural guide lines aligned to the shared content column; they run
   through the hero and continue into the partner logos row. Width tracks the
   max-w-7xl padding (px-5/sm:px-6/lg:px-8) so guides hug the content edges. */
.sh-hero::after,.sh-logos::before{content:"";position:absolute;inset-block:0;inset-inline:0;z-index:-1;width:min(76rem,calc(100% - 2.5rem));margin-inline:auto;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0);background-size:1px 100%;background-position:0 0,50% 0,100% 0}
.sh-logos{isolation:isolate}
@media(min-width:640px){.sh-hero::after,.sh-logos::before{width:min(76rem,calc(100% - 3rem));background-image:linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0),linear-gradient(rgb(15 23 42 / .08) 0 0);background-position:0 0,25% 0,50% 0,75% 0,100% 0}}
@media(min-width:1024px){.sh-hero::after,.sh-logos::before{width:min(76rem,calc(100% - 4rem))}}
.sh-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3.25rem;padding:4rem 0 4.5rem}
@media(min-width:640px){.sh-hero-grid{gap:4rem;padding:5rem 0}}
@media(min-width:1024px){.sh-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start;padding:4.5rem 0 6rem}}
@media(min-width:1280px){.sh-hero-grid{gap:4.5rem;padding:5rem 0 6.5rem}}
@media(min-width:1024px){.sh-hero-copy{padding-top:7rem}}
.sh-title{max-width:11em;font-size:clamp(2.25rem,4.6vw,3.5rem);line-height:1.06;letter-spacing:-.035em;font-weight:550;color:#0e0e0c;text-wrap:balance}
[dir=rtl] .sh-title{max-width:13em;letter-spacing:-.005em;line-height:1.35;font-size:clamp(2rem,3.8vw,2.875rem)}
.sh-actions{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.75rem}
@media(max-width:479px){.sh-actions .sh-btn{flex:1 1 100%}}

.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.875rem;padding:0 1.375rem;border-radius:.625rem;font-size:.9375rem;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.sh-btn-sm{height:2.25rem;padding:0 .875rem;font-size:.875rem;border-radius:.5rem}
.sh-btn-primary{background:#0074d9;color:#fff;box-shadow:0 1px 2px rgb(16 24 40 / .12),inset 0 1px 0 rgb(255 255 255 / .14)}
.sh-btn-primary:hover{background:#0063ba;color:#fff}
.sh-btn-secondary{background:#fff;color:#151512;border:1px solid #e3e2db;box-shadow:0 1px 2px rgb(23 23 20 / .04)}
.sh-btn-secondary:hover{background:#f7f6f2;border-color:#d5d4cc}

.sh-index{margin-top:2.75rem;padding-top:1.5rem;border-top:1px solid #eceae3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}
.sh-index-item{display:flex;align-items:center;justify-content:center;min-width:0;padding:.75rem;border:1px solid #eceae3;border-radius:.75rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.sh-index-name{display:flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;color:#141412;white-space:nowrap;transition:color .15s ease}
.sh-index-name img{height:12px;width:auto;opacity:.85}
.sh-index-name i{font-size:9px;color:#8f8e86}
.sh-index-desc,.sh-index-arrow{display:none}
.sh-index-item:hover{border-color:#c9c8bf;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.sh-index-item:hover .sh-index-name{color:#0074d9}
@media(max-width:639px){.sh-index{gap:.5rem}.sh-index-item{padding:.625rem .5rem}.sh-index-name{gap:6px;font-size:.75rem}.sh-index-name i{font-size:9px}.sh-index-name img{height:11px}}

.sh-product{margin:0;min-width:0}
@media(min-width:1024px){.sh-product{margin-inline-end:-2rem}}
@media(min-width:1280px){.sh-product{margin-inline-end:calc(-2rem - (100vw - 80rem) / 2)}}
.sh-stage{border-radius:1.25rem;background:#f6f5f2;border:1px solid #e9e7e1;padding:.625rem}
@media(min-width:640px){.sh-stage{padding:1rem}}
@media(min-width:1280px){.sh-stage{padding:1.25rem}}
.sh-window{overflow:hidden;border-radius:.875rem;background:#fff;border:1px solid #e6e4dd;box-shadow:0 1px 2px rgb(23 23 20 / .05),0 24px 56px -24px rgb(23 23 20 / .22)}
#shift-demo button{min-height:0;min-width:0}
.sh-caption{margin-top:1.125rem;padding:0 .25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;color:#757470}
@media(min-width:1024px){.sh-caption{padding-inline-end:1.5rem}}
.sh-caption-logo{height:.9375rem;width:auto;display:inline-block;vertical-align:-2px}
.sh-caption-name{font-weight:500;color:#757470;margin-inline-start:.125rem}
.sh-caption-link{display:inline-flex;align-items:center;gap:.375rem;font-weight:500;color:#3f3e38;transition:color .15s ease}
.sh-caption-link:hover{color:#0074d9}
.sh-caption-link i{font-size:9px;color:#a8a79e}

@media(prefers-reduced-motion:no-preference){
@keyframes sh-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sh-hero-copy>*{animation:sh-rise .65s cubic-bezier(.2,.6,.2,1) both}
.sh-hero-copy>:nth-child(2){animation-delay:.07s}
.sh-hero-copy>:nth-child(3){animation-delay:.14s}
.sh-hero-copy>:nth-child(4){animation-delay:.21s}
.sh-hero-copy>:nth-child(5){animation-delay:.28s}
.sh-product{animation:sh-rise .75s cubic-bezier(.2,.6,.2,1) .18s both}
}