/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/Almarai-300-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/Almarai-300-latin.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;
}
/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/Almarai-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/Almarai-400-latin.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;
}
/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/Almarai-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/Almarai-700-latin.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;
}
/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/Almarai-800-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/Almarai-800-latin.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;
}
:root{--font-ui:"Almarai",Arial,sans-serif;--orange:#ff5d00;--light:#fe772d;--ink:#282828;--muted:#737373;--line:#eaeaea;--paper:#fff;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--orange) #fafafa}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}button{border:0}::selection{background:var(--orange);color:white}.skip{position:fixed;top:10px;right:10px;transform:translateY(-200%);padding:15px;background:white;z-index:100}.skip:focus{transform:none}.header{height:112px;padding:22px 6.2%;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;z-index:20;gap:30px;background:#ffffffed;backdrop-filter:blur(12px)}.brand{display:block;line-height:0}.brand img{width:180px;height:auto}.header nav{display:flex;gap:35px;font-size:13px}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;height:2px;background:var(--orange);bottom:0;right:0;width:0;transition:width .25s}.header nav a:hover:after{width:100%}.header-cta{padding:14px 20px;background:var(--ink);color:white;border-radius:30px;font-size:12px;display:flex;gap:22px;align-items:center}.header-cta span{font-family:var(--font-ui);font-size:21px}.scroll-progress{position:fixed;top:111px;height:1px;inset-inline:0;background:#f1f1f1;z-index:21;direction:rtl}.scroll-progress span{display:block;width:calc(var(--progress)*100%);height:2px;background:var(--orange)}
#stage{position:fixed;inset:0;z-index:1;pointer-events:none;perspective:1200px;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s}.webgl-ready #world{opacity:1}.fallback{position:absolute;width:64vw;height:80vh;object-fit:contain;left:-4%;top:12%;transition:opacity .5s}.webgl-ready .fallback{opacity:0}.floor{position:absolute;height:23%;bottom:0;width:100%;background:#fafafa;border-top:1px solid #f6f6f6;transform:skewY(-3deg);transform-origin:bottom left;opacity:.6}
.chapter{height:135vh;position:relative;scroll-margin-top:0;z-index:2}.chapter .copy{position:sticky;top:0;height:100vh;display:flex;align-items:center;pointer-events:none}.copy-inner{width:45%;margin-right:8.5%;padding-bottom:10px;pointer-events:auto}.eyebrow{font-size:12px;font-weight:700;color:var(--orange);letter-spacing:.1px;margin-bottom:26px;display:block}.eyebrow>span{width:22px;height:2px;display:inline-block;background:var(--orange);margin-left:9px;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:clamp(65px,7.4vw,122px);font-weight:700;line-height:1.23;letter-spacing:0}h2{font-size:clamp(54px,6.2vw,95px);font-weight:700;line-height:1.28;letter-spacing:0}em{color:var(--orange);font-style:normal}.lead{font-size:clamp(15px,1.2vw,19px);line-height:1.95;color:#686868;margin-top:28px;max-width:500px}.primary-link{background:var(--orange);border-radius:5px;padding:19px 25px;font-size:14px;font-weight:700;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;color:var(--ink);transition:transform .25s,background .25s}.primary-link:hover{background:var(--light);transform:translateY(-3px)}.hero .primary-link{margin-top:30px}.primary-link span,.secondary-link span{font-size:22px;font-family:var(--font-ui)}.hero-small{margin-top:18px;color:#888;font-size:10px}.chapter-bottom{position:absolute;bottom:calc(35vh + 30px);left:6.2%;right:6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;pointer-events:auto}.chapter-title{display:flex;gap:30px;align-items:center}.chapter-title b{font:10px "Almarai",Arial;color:#999;direction:ltr}.english-label{font:9px "Almarai",Arial,sans-serif;letter-spacing:2px;color:#969696;direction:ltr}.scroll-cue{display:flex;align-items:center;gap:12px;color:#666}.mouse{height:29px;width:19px;border:1px solid #b6b6b6;border-radius:20px;display:block;position:relative}.mouse i{height:6px;width:2px;background:var(--orange);position:absolute;left:8px;top:6px;animation:wheel 2s infinite}@keyframes wheel{0%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}}.left-copy .copy-inner{margin-right:auto;margin-left:8.5%;width:38%}.detail-line{font-size:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;display:flex;gap:18px;color:#777;align-items:center;max-width:390px}.detail-line span{color:var(--orange)}.text-action{display:inline-flex;gap:30px;align-items:center;background:none;padding:12px 0;border-bottom:1px solid #bbb;font-size:13px;margin-top:25px}.text-action span{font:22px "Almarai",Arial}.centered-copy .copy{align-items:flex-start;padding-top:20vh}.centered-copy .copy-inner{width:100%;margin:0;text-align:center}.centered-copy h2{font-size:clamp(50px,5.7vw,86px)}.centered-copy .lead{margin:18px auto 0}.orange-dot{color:var(--orange)}.final .copy{align-items:center;padding-top:17vh}.final .copy-inner{position:relative}.final .lead{max-width:620px}.final-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.secondary-link{padding:18px 24px;background:white;border:1px solid #ccc;border-radius:5px;display:inline-flex;gap:35px;align-items:center;font-size:14px;font-weight:700}.secondary-link:hover{border-color:var(--orange)}.restart{background:none;font-size:11px;color:#777;margin-top:25px;padding:10px}.chapter-nav{position:fixed;left:25px;top:44%;display:flex;flex-direction:column;gap:17px;z-index:12;direction:ltr}.chapter-nav a{display:flex;align-items:center;gap:9px;min-height:15px}.chapter-nav span{font:9px "Almarai",Arial;color:#a0a0a0;opacity:0;transition:opacity .3s}.chapter-nav i{height:4px;width:4px;display:block;border-radius:50%;background:#bdbdbd;transition:all .3s}.chapter-nav a.active i{background:var(--orange);height:5px;width:20px;border-radius:4px}.chapter-nav a.active span,.chapter-nav a:hover span{opacity:1}
.visual{position:absolute;opacity:0;visibility:hidden;will-change:transform,opacity;transform-style:preserve-3d}.profile-visual{width:370px;right:13%;top:42%}.profile-card{padding:25px 29px;background:#fffffff5;border:1px solid #e7e7e7;border-radius:14px;box-shadow:0 30px 65px #2828280d;transform:rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d}.card-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12px}.card-top small{font-size:9px;color:#929292;display:block;margin-top:5px}.mini-monogram{font:17px "Almarai",Arial;background:#fff2eb;color:var(--orange);padding:12px;border-radius:7px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:auto}.profile-card h3{font-size:19px;margin-top:24px}.profile-card>p{font-size:10px;color:#888;margin-top:10px;line-height:1.8}.profile-row{display:flex;justify-content:space-between;padding:18px 0 0;font-size:11px}.profile-row>span{color:#999}.skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.skills span{padding:8px 9px;border:1px solid var(--line);border-radius:4px;font-size:9px}.completion{display:flex;justify-content:space-between;font-size:8px;color:#999;margin-top:25px}.completion span:last-child{color:var(--orange)}.floating-label{font-size:10px;color:#999;position:absolute;right:60px;top:-35px}.small-tag{position:absolute;font-size:11px;padding:12px 20px;border:1px solid var(--line);background:white;box-shadow:0 8px 30px #00000004;border-radius:5px}.tag-one{top:90px;left:-60px;transform:rotate(-7deg)}.tag-two{bottom:-23px;right:-32px;transform:rotate(7deg)}
.jobs-visual{width:360px;height:320px;left:13%;top:46%;perspective:900px}.job-card{position:absolute;width:100%;border-radius:13px;background:white;border:1px solid #e7e7e7;padding:28px;box-shadow:0 25px 70px #2828280c;transform-style:preserve-3d}.job-card h3{font-size:29px;line-height:1.4;margin:25px 0 10px}.job-card p{font-size:12px;color:#888}.job-card p span{margin:0 8px}.card-overline{font-size:10px;color:var(--orange)}.job-back{transform:translate(-58px,-100px) rotate(-10deg);color:#aaa;opacity:.45}.job-middle{transform:translate(27px,-55px) rotate(6deg);opacity:.8}.job-front{transform:rotate(-4deg);z-index:2}.job-head{display:flex;justify-content:space-between;align-items:center;font-size:10px}.job-type{color:var(--orange)}.outline-arrow{font:20px "Almarai",Arial;padding:5px 9px;border:1px solid #ddd;border-radius:50%}.job-rule{height:1px;background:var(--line);margin:25px 0}.job-bottom{display:flex;justify-content:space-between;font-size:10px}.job-front>small{display:block;font-size:8px;color:#aaa;margin-top:23px}
.connection-visual{inset:0}.connection-card{position:absolute;top:51%;width:240px;padding:28px;background:white;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 30px 60px #28282809}.connection-card h3{font-size:27px;line-height:1.6;margin:18px 0 22px}.connection-foot{font-size:10px;color:#999;display:block;border-top:1px solid var(--line);padding-top:16px}.talent{right:14%;transform:rotateY(-20deg) rotate(3deg)}.employer{left:14%;transform:rotateY(20deg) rotate(-3deg)}.connection-line{position:absolute;width:52%;height:1px;background:var(--orange);top:65%;left:24%;opacity:.35}.connection-note{position:absolute;bottom:14%;width:100%;text-align:center;color:#999;font-size:10px}.tracking-visual{width:350px;left:14%;top:35%}.tracking-card{padding:28px 30px;background:#fffffff7;border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 70px #2828280b;transform:rotateY(10deg) rotate(-2deg)}.tracking-card .card-top{justify-content:space-between}.tracking-card .card-top small{font-size:8px}.tracking-card h3{font-size:22px;margin:25px 0}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:16px;min-height:76px;position:relative;opacity:.45;transition:opacity .25s}.timeline li.on{opacity:1}.timeline li:after{content:'';position:absolute;width:1px;height:45px;background:#e5e5e5;right:14px;top:32px}.timeline li:last-child:after{display:none}.timeline-marker{height:29px;width:29px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;font:11px "Almarai",Arial;flex:none;background:white}.timeline li.on .timeline-marker{border-color:var(--orange);background:#fff2eb;color:var(--orange)}.timeline b{font-size:12px;font-weight:700;display:block;margin-top:4px}.timeline small{font-size:9px;color:#999;display:block;margin-top:9px}.tracking-foot{font-size:9px;text-align:center;color:#999;border-top:1px solid var(--line);padding-top:18px}footer{position:relative;z-index:5;background:white;border-top:1px solid var(--line);padding:30px 6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{height:auto;width:130px}footer p{font-size:9px;color:#999;line-height:1.9}#motion-toggle{background:white;border:1px solid #ddd;padding:10px 15px;font-size:10px;border-radius:4px}#motion-toggle[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}
dialog{border:1px solid #eee;border-radius:16px;background:white;color:var(--ink);width:min(500px,calc(100vw - 30px));padding:45px;box-shadow:0 25px 100px #0002;max-height:90vh;overflow:auto}dialog::backdrop{background:#28282855;backdrop-filter:blur(7px)}dialog h2{font-size:34px;letter-spacing:0}.close-dialog{position:absolute;top:14px;left:17px;font:27px "Almarai",Arial;background:none;padding:5px 10px;color:#888}.demo-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:22px}.demo-tabs button{flex:1;background:none;padding:16px 5px;font-size:12px;border-bottom:2px solid transparent}.demo-tabs button[aria-selected=true]{color:var(--orange);border-color:var(--orange)}.demo-step{min-height:200px;padding-top:25px}.demo-step>span{color:var(--orange);font:15px "Almarai",Arial}.demo-step h3{font-size:23px;margin:15px 0}.demo-step p{font-size:13px;line-height:1.9;color:#777}.demo-dots{display:flex;gap:7px;margin:10px 0 25px}.demo-dots i{height:3px;background:#ddd;flex:1}.demo-dots i.on{background:var(--orange)}#demo-next{width:100%;justify-content:center}.demo-disclosure{font-size:9px;line-height:1.8;color:#999;margin-top:15px}.noscript-note{padding:20px;font-size:14px;border-top:1px solid #ddd}
@media(min-width:1700px){.copy-inner{margin-right:12%;width:38%}.left-copy .copy-inner{margin-left:12%}.profile-visual{right:18%}.jobs-visual,.tracking-visual{left:19%}}
@media(max-width:1050px){.header{padding-inline:5%}.brand img{width:155px}.header nav{gap:18px;font-size:11px}.copy-inner{margin-right:7%;width:47%}h1{font-size:80px}h2{font-size:68px}.profile-visual{right:8%;width:320px}.jobs-visual{left:8%;width:310px}.tracking-visual{left:9%;width:310px}.connection-card{width:210px}.talent{right:8%}.employer{left:8%}.chapter-nav{left:13px}.lead{font-size:16px}.hero-small{font-size:9px}.final h2{font-size:70px}}
@media(max-width:700px){.header{height:82px;padding:17px 6%;gap:15px}.brand img{width:130px}.header nav{display:none}.header-cta{font-size:10px;padding:10px 14px;gap:14px}.header-cta span{font-size:17px}.scroll-progress{top:81px}.chapter{height:145svh}.chapter .copy{height:100svh;align-items:flex-start;padding-top:16svh}.copy-inner,.left-copy .copy-inner{width:88%;margin:0 6%;text-align:right;padding:0}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:clamp(51px,13vw,75px);letter-spacing:0;line-height:1.2}h2{font-size:clamp(45px,11vw,62px);letter-spacing:0;line-height:1.25}.lead{font-size:12px;line-height:1.9;margin-top:15px;max-width:85%}.lead br{display:none}.primary-link{font-size:11px;padding:14px 19px;gap:20px}.hero .primary-link{margin-top:18px}.hero-small{font-size:8px;margin-top:12px}.chapter-bottom{bottom:calc(45svh + 18px);left:6%;right:6%;font-size:8px}.english-label{display:none}.chapter-title{gap:15px}.scroll-cue{font-size:8px;gap:8px}.mouse{height:23px;width:15px}.mouse i{left:6px}.chapter-nav{left:10px;top:auto;bottom:26px;gap:11px}.chapter-nav a{gap:4px}.chapter-nav span{font-size:7px}.chapter-nav a.active i{width:12px}.fallback{width:110vw;height:48svh;left:-5%;top:48%}.floor{height:20%}.profile-visual{right:12%;top:51%;width:76%;max-width:330px}.profile-card{padding:18px 23px}.profile-card h3{font-size:16px;margin-top:16px}.card-top{padding-bottom:12px;font-size:10px}.profile-card>p{font-size:9px}.profile-row{padding-top:13px;font-size:10px}.skills{margin-top:15px}.skills span{font-size:8px;padding:6px 7px}.completion{margin-top:17px;font-size:7px}.small-tag{font-size:9px;padding:9px 14px}.tag-one{left:-20px;top:70px}.tag-two{right:-10px;bottom:-17px}.floating-label{font-size:8px;top:-24px}.jobs-visual{width:68%;left:15%;top:62%;height:220px}.job-card{padding:20px}.job-card h3{font-size:23px;margin-top:15px}.job-back{transform:translate(-20px,-70px) rotate(-9deg)}.job-middle{transform:translate(13px,-37px) rotate(5deg)}.job-rule{margin:17px 0}.job-head{font-size:9px}.job-front>small{margin-top:17px;font-size:7px}.job-bottom{font-size:9px}.detail-line{font-size:9px;padding-top:16px;margin-top:18px;gap:12px;width:90%}.text-action{font-size:11px;margin-top:13px;padding:9px 0}.centered-copy .copy{padding-top:17svh}.centered-copy .copy-inner{width:88%;margin:0 6%;text-align:center}.centered-copy h2{font-size:clamp(37px,9vw,56px);letter-spacing:0}.centered-copy .lead{font-size:11px;max-width:90%}.connection-card{top:53%;width:37%;padding:17px 15px;border-radius:9px}.talent{right:7%}.employer{left:7%}.connection-card h3{font-size:19px;margin:17px 0}.connection-card .card-overline{font-size:8px}.connection-foot{font-size:8px;padding-top:12px}.connection-line{top:65%;width:75%;left:12.5%}.connection-note{bottom:15%;font-size:8px}.tracking-visual{top:45%;left:15%;width:72%;max-width:320px}.tracking-card{padding:18px 23px}.tracking-card h3{font-size:18px;margin:17px 0}.timeline li{min-height:56px;gap:13px}.timeline li:after{height:25px}.timeline b{font-size:10px}.timeline small{font-size:8px;margin-top:6px}.tracking-foot{font-size:8px;padding-top:12px}.final .copy{padding-top:45svh;align-items:flex-start}.final h2{font-size:51px}.final-actions{gap:8px;margin-top:23px}.final-actions .primary-link,.final-actions .secondary-link{font-size:10px;padding:13px 13px;gap:12px}.final .lead{font-size:11px;margin-top:18px}.restart{font-size:9px;margin-top:15px}.chapter-bottom .text-action{font-size:8px;margin:0}.final .chapter-bottom{bottom:calc(45svh + 18px)}footer{flex-wrap:wrap;padding:25px 7%;gap:20px}footer p{font-size:8px;order:3;width:100%}footer img{width:105px}#motion-toggle{font-size:9px}dialog{padding:36px 26px}.demo-step{min-height:185px}.hero .chapter-bottom{bottom:calc(45svh + 18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}body.reduce-motion{scroll-behavior:auto}

/* Keep chapter captions on the viewport edge while the scene is pinned. */
.chapter .chapter-bottom{position:fixed;bottom:28px}.chapter:not(:first-of-type) .chapter-bottom{visibility:hidden}.final .copy{padding-top:25vh}
@media(max-width:700px){.chapter .chapter-bottom,.hero .chapter-bottom,.final .chapter-bottom{bottom:18px}.final .copy{padding-top:48svh}}
.eyebrow,.card-overline,.job-type,.completion span:last-child{color:var(--ink)}
.profile-row>span,.profile-card>p,.job-card p,.timeline small,.connection-foot,.tracking-foot,.demo-disclosure,footer p{color:#737373}
.timeline li.on .timeline-marker{color:var(--ink)}
body:not(.enhanced) .fallback{opacity:.15}
/* Revision 2: one clipped viewport; one scene owns its copy and product. */
:root{--header:90px;--controls:64px;--phone-rise:0px;--phone-yaw:0deg}
.header{height:var(--header);padding:15px 6.4%;background:#fff;border-bottom:1px solid #eee;backdrop-filter:none}.brand img{width:174px}.header nav{font-size:12px}.header-cta{border-radius:5px;padding:14px 20px}.skip{z-index:100}
#journey{position:relative}.theatre{position:relative;isolation:isolate;background:#fff;overflow:hidden}.scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;max-width:1450px;padding:50px 7%;margin:auto;min-height:90vh;position:relative}.scene .copy,.scene.final .copy{display:block;position:relative;min-width:0;width:100%;height:auto;margin:0;padding:0;z-index:3;pointer-events:auto}.scene .copy h1{font-size:clamp(65px,6.7vw,106px);line-height:1.25;letter-spacing:0}.scene h2{font-size:clamp(49px,5.2vw,78px);line-height:1.25;letter-spacing:0}.scene .lead{font-size:16px;line-height:1.95;margin-top:25px;max-width:480px}.scene .eyebrow{font-size:11px;line-height:1.6;margin-bottom:25px}.scene .detail-line{font-size:11px;line-height:1.9;gap:12px}.scene .hero-small{font-size:10px;line-height:1.8}.scene .text-action{font-size:12px;margin-top:22px}.hero-art,.final-art{position:relative;min-height:410px;height:100%;pointer-events:none}.art-caption{font-size:10px;line-height:1.8;color:#737373;position:absolute;bottom:8%;left:0;right:0;text-align:center}.theatre #stage{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:none;transition:none}.theatre .fallback{left:-2%;top:0;width:58%;height:100%;object-fit:contain}.theatre .scene{z-index:2}.enhanced #journey{height:var(--story-height,720vh)}.enhanced .theatre{position:sticky;top:var(--header);height:calc(100svh - var(--header) - var(--controls));overflow:hidden}.enhanced .scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding-top:12px;padding-bottom:12px;will-change:transform,opacity}.enhanced .scene:not(.active){visibility:hidden;pointer-events:none}.enhanced .hero-art,.enhanced .final-art{min-height:0}
.product-side{position:relative;z-index:2;justify-self:center;width:400px;max-width:100%;perspective:1300px}.product-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#737373;gap:15px;margin-bottom:16px}.source-label{font-size:8px;padding:5px 7px;border:1px solid #ddd;border-radius:3px;white-space:nowrap}.phone{width:320px;height:556px;padding:7px;border:1px solid #dcdcdc;border-radius:29px;background:#f8f8f8;box-shadow:0 22px 55px #2828280e,0 2px 6px #28282808;margin:auto;transform:translateY(var(--phone-rise)) rotateY(var(--phone-yaw));transform-style:preserve-3d;will-change:transform;position:relative}.phone:before{content:'';position:absolute;height:55px;width:2px;border-radius:2px;background:#dcdcdc;left:-3px;top:105px}.phone-screen{height:100%;border:1px solid #eee;background:white;color:#282828;border-radius:22px;overflow:hidden;position:relative;padding:0 17px 42px;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:59px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.app-header img{width:100px;height:auto}.app-header>span{color:#777;letter-spacing:2px;font:13px "Almarai",Arial}.app-title{padding-top:18px;flex-shrink:0}.app-title>small{font-size:9px;color:#737373;display:block;margin-bottom:7px}.app-title h3{font-size:23px;line-height:1.5;letter-spacing:0}.app-profile{display:flex;gap:12px;align-items:center;padding:20px 0;flex-shrink:0}.profile-symbol{height:49px;width:49px;border-radius:13px;background:var(--orange);display:grid;place-items:center;flex:none}.profile-symbol img{width:30px;height:auto}.app-profile strong{font-size:11px;display:block}.app-profile small{font-size:9px;display:block;margin-top:8px;color:#737373}.profile-tabs{display:flex;border-bottom:1px solid #eaeaea;flex-shrink:0}.profile-tabs button{font-size:10px;flex:1;padding:12px 0 11px;border-bottom:2px solid transparent}.profile-tabs button[aria-selected=true]{font-weight:700;border-color:var(--orange)}.profile-details{padding-top:17px;min-height:165px;flex:1}.profile-details h4{font-size:12px;margin:0 0 16px}.app-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f3f3f3;font-size:11px}.app-row small{font-size:8px;color:#737373}.app-hint{padding:13px;background:#fff6f0;border-radius:5px;flex-shrink:0;margin:12px 0 15px}.app-hint strong{font-size:10px}.app-hint p{font-size:9px;color:#737373;margin-top:6px;line-height:1.8}.app-bottom{position:absolute;bottom:0;right:0;left:0;height:42px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-around;font-size:8px;background:white}.app-bottom span:nth-child(2){font-weight:700;color:#282828;position:relative}.app-bottom span:nth-child(2):before{content:'';height:2px;width:17px;position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--orange)}.product-footnote{text-align:center;font-size:9px;color:#737373;margin-top:16px;line-height:1.8}.app-search{border:1px solid #e5e5e5;border-radius:5px;margin:15px 0 12px;padding:12px 11px;display:flex;justify-content:space-between;font-size:9px;color:#737373;flex-shrink:0}.city-filters{display:flex;gap:5px;margin-bottom:11px;flex-shrink:0}.city-filters button{font-size:9px;padding:8px 11px;border:1px solid #eaeaea;border-radius:4px}.city-filters .selected{background:#282828;color:#fff;border-color:#282828}.jobs-list{flex:1;overflow:auto;scrollbar-width:thin}.job-item{width:100%;display:flex;gap:11px;text-align:right;padding:16px 0;border-bottom:1px solid #eee;align-items:flex-start;min-height:93px}.job-item:hover{background:#fff8f4}.job-number{font:11px "Almarai",Arial;width:33px;height:33px;background:#fff2e9;color:#282828;display:grid;place-items:center;border-radius:7px;flex:none}.job-item h4{font-size:13px;line-height:1.5}.job-item small{font-size:9px;color:#737373;display:block;margin-top:6px}.job-item p{font-size:8px;color:#737373;margin-top:10px}.job-item>b{font:15px "Almarai",Arial;margin-right:auto;padding-top:4px}.app-disclosure{font-size:8px;line-height:1.8;color:#737373;text-align:center;padding:11px 0;flex-shrink:0}.role-banner{border:1px solid #eaeaea;padding:13px 15px;border-radius:6px;margin-top:14px;flex-shrink:0}.role-banner small{font-size:8px;color:#737373}.role-banner h4{font-size:16px;margin:8px 0 0}.role-banner p{font-size:9px;color:#737373;margin-top:7px}.list-heading{font-size:10px;margin:17px 0 12px;flex-shrink:0}.candidate{border:1px solid #e6e6e6;border-radius:6px;padding:12px;flex-shrink:0}.candidate-head{display:flex;gap:8px;align-items:center}.candidate-head>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#fff0e6;font:10px "Almarai",Arial;flex:none}.candidate h4{font-size:11px;line-height:1.6;margin:0}.candidate small{font-size:8px;color:#737373;margin-top:4px;display:block}.candidate-head>small{font-size:7px;margin-right:auto;white-space:nowrap}.candidate>p{font-size:8px;color:#737373;margin-top:14px}.candidate-action{display:flex;width:100%;align-items:center;justify-content:space-between;background:#282828;color:white;font-size:9px;margin-top:13px;padding:10px;border-radius:4px}.candidate-action.selected{background:var(--orange);color:#282828}.candidate.compact{margin-top:9px}.tracking-job{border-bottom:1px solid #eee;padding:15px 0;position:relative;flex-shrink:0}.tracking-job h4{font-size:14px;margin:0 0 7px}.tracking-job>span{font-size:9px;color:#737373}.tracking-job>b{position:absolute;left:0;top:20px;font-size:8px;font-weight:400;background:#fff3ea;padding:7px 8px;border-radius:4px}.product-timeline{list-style:none;margin:13px 0 0;padding:0;flex:1}.product-timeline li{position:relative;min-height:69px;color:#737373}.product-timeline li:not(:last-child):after{content:'';position:absolute;right:14px;top:35px;bottom:0;width:1px;background:#eee}.product-timeline button{width:100%;display:flex;gap:13px;text-align:right;align-items:flex-start;padding:7px 0 14px}.step-number{width:29px;height:29px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;font:9px "Almarai",Arial;flex:none;color:#282828;background:white}.product-timeline strong{font-size:11px;display:block;margin-top:4px}.product-timeline small{font-size:8px;display:block;line-height:1.7;margin-top:7px}.product-timeline .on{color:#282828}.product-timeline .on .step-number{background:var(--orange);border-color:var(--orange)}.product-timeline .current strong{font-weight:700}
.scene.employer-scene{color:white}.scene.employer-scene .eyebrow{color:white}.scene.employer-scene .lead,.scene.employer-scene .product-heading,.scene.employer-scene .product-footnote{color:#cecece}.scene.employer-scene .source-label{border-color:#626262}.scene.employer-scene .phone{box-shadow:0 22px 60px #0003}.scene.employer-scene .detail-line{color:#ccc;border-color:#555}.scene.employer-scene .text-action{color:white;border-color:#737373}.scene.final .final-actions{justify-content:flex-start}.scene.final .lead{margin-inline:0}.scene.final .restart{margin-top:20px}.scene.final .art-caption{color:#737373}
.story-controls{position:fixed;bottom:0;right:0;left:0;z-index:25;background:white;height:var(--controls);border-top:1px solid #eaeaea;display:flex;gap:25px;align-items:center;padding:0 6.4%}.progress-track{position:absolute;top:-1px;inset-inline:0;height:2px;direction:rtl}.progress-track span{display:block;width:calc(var(--progress)*100%);height:100%;background:var(--orange)}.story-controls .chapter-nav{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:15px;direction:rtl}.story-controls .chapter-nav a{font-size:10px;display:flex;gap:11px;align-items:center;color:#737373;padding:14px 0;white-space:nowrap}.story-controls .chapter-nav b{font:9px "Almarai",Arial;color:#959595}.story-controls .chapter-nav span{font:10px "Almarai";color:inherit;opacity:1}.story-controls .chapter-nav a.active{color:#282828;font-weight:700}.story-controls .chapter-nav a.active b{color:var(--orange)}.story-controls #motion-toggle{border:0;border-right:1px solid #eaeaea;padding:12px 20px 12px 0;font-size:9px;color:#737373;white-space:nowrap;border-radius:0}.story-controls #motion-toggle[aria-pressed=true]{color:#282828;font-weight:700}footer{z-index:26}.close-job{position:absolute;left:15px;top:12px;font:25px "Almarai",Arial;padding:7px 10px;color:#737373}.job-example-note{font-size:13px;color:#737373;line-height:1.9;margin:20px 0 28px}
@media(min-width:1600px){.scene{max-width:1520px;gap:80px}.phone{width:350px;height:600px}.phone-screen{padding-inline:20px}.app-title h3{font-size:25px}.app-profile{padding-block:24px}.profile-details{padding-top:23px}.app-row{padding-block:15px}.jobs-list .job-item{padding-block:21px}.product-timeline li{min-height:78px}.candidate{padding:16px}.product-side{width:440px}}
@media(max-height:800px) and (min-width:701px){.phone{width:295px;height:505px}.app-header{min-height:48px}.app-title{padding-top:12px}.app-title h3{font-size:21px}.app-profile{padding-block:13px}.profile-details{min-height:145px;padding-top:13px}.app-row{padding-block:9px}.app-hint{padding:10px;margin:8px 0 10px}.job-item{padding-block:11px;min-height:82px}.role-banner{padding:11px 13px;margin-top:10px}.list-heading{margin:12px 0 9px}.candidate{padding:10px}.candidate-action{margin-top:9px;padding:9px}.candidate.compact{margin-top:7px}.app-disclosure{padding-block:8px;font-size:7px}.tracking-job{padding:10px 0}.product-timeline{margin-top:9px}.product-timeline li{min-height:60px}.product-timeline button{padding-bottom:9px}.product-timeline small{margin-top:5px}.product-heading{margin-bottom:12px}.product-footnote{margin-top:11px}.scene .lead{font-size:15px}.scene h2{font-size:clamp(47px,5vw,70px)}}
@media(max-width:1050px) and (min-width:701px){.header{padding-inline:5%}.header nav{gap:18px;font-size:10px}.brand img{width:145px}.scene{gap:25px;padding-inline:7%}.scene .copy h1{font-size:73px}.scene h2{font-size:57px}.scene .lead{font-size:13px}.product-side{width:330px}.product-heading{font-size:9px}.scene .primary-link,.scene .secondary-link{font-size:10px;padding:15px 16px;gap:15px}.story-controls{padding-inline:5%;gap:18px}.story-controls .chapter-nav a{font-size:9px;gap:7px}}
@media(max-width:700px){:root{--header:76px;--controls:57px}.header{padding:13px 6%;gap:15px}.brand img{width:129px}.header nav{display:none}.header-cta{font-size:9px;padding:11px 14px;gap:18px}.header-cta span{font-size:16px}.scene{grid-template-columns:1fr;gap:20px;padding:28px 7%;align-content:start}.scene .copy{width:100%}.scene .eyebrow{font-size:9px;margin-bottom:14px}.scene .copy h1{font-size:clamp(47px,12.7vw,74px);line-height:1.2;letter-spacing:0}.scene h2{font-size:clamp(37px,10vw,55px);line-height:1.2;letter-spacing:0}.scene .lead{font-size:11px;line-height:1.8;margin-top:13px;max-width:100%}.scene .lead br{display:none}.scene .primary-link,.scene .secondary-link{font-size:10px;padding:14px 16px;gap:20px}.scene .hero-small{font-size:8px;margin-top:14px}.hero-art{height:240px;min-height:0}.art-caption{font-size:8px;bottom:6%}.theatre .fallback{left:-10%;top:34%;width:120%;height:65%}.product-side{width:292px;max-width:95%;align-self:start}.product-heading{font-size:8px;margin-bottom:9px}.source-label{font-size:6px;padding:3px 5px}.phone{width:260px;height:447px;padding:6px;border-radius:23px;box-shadow:0 15px 35px #2828280a}.phone-screen{border-radius:17px;padding:0 13px 32px}.app-header{min-height:43px}.app-header img{width:83px}.app-title{padding-top:11px}.app-title>small{font-size:7px;margin-bottom:5px}.app-title h3{font-size:18px}.app-profile{gap:10px;padding:13px 0}.profile-symbol{width:37px;height:37px;border-radius:9px}.profile-symbol img{width:25px}.app-profile strong{font-size:9px}.app-profile small{font-size:7px;margin-top:6px}.profile-tabs button{font-size:8px;padding:9px 0}.profile-details{padding-top:12px;min-height:138px}.profile-details h4{font-size:10px;margin-bottom:9px}.app-row{padding:9px 0;font-size:9px}.app-row small{font-size:7px}.app-hint{margin:9px 0 10px;padding:9px}.app-hint strong{font-size:8px}.app-hint p{font-size:7px;margin-top:5px}.app-bottom{height:32px;font-size:6px}.app-bottom span:nth-child(2):before{top:-10px}.product-footnote{font-size:7px;margin-top:8px}.app-search{font-size:7px;margin:10px 0 8px;padding:9px}.city-filters{gap:4px;margin-bottom:7px}.city-filters button{padding:6px 9px;font-size:7px}.job-item{min-height:76px;padding:11px 0;gap:9px}.job-number{width:27px;height:27px;font-size:9px}.job-item h4{font-size:11px}.job-item small{font-size:7px}.job-item p{font-size:6px;margin-top:7px}.job-item>b{font-size:12px}.app-disclosure{font-size:6px;padding:8px 0}.role-banner{padding:9px 11px;margin-top:10px}.role-banner small{font-size:7px}.role-banner h4{font-size:13px;margin-top:5px}.role-banner p{font-size:7px;margin-top:5px}.list-heading{font-size:8px;margin:12px 0 8px}.candidate{padding:9px}.candidate-head>span{width:25px;height:25px;font-size:8px}.candidate h4{font-size:9px}.candidate small{font-size:7px}.candidate-head>small{font-size:6px}.candidate>p{font-size:6px;margin-top:10px}.candidate-action{font-size:7px;margin-top:9px;padding:8px}.candidate.compact{margin-top:7px}.tracking-job{padding:10px 0}.tracking-job h4{font-size:12px}.tracking-job>span{font-size:7px}.tracking-job>b{font-size:6px;padding:5px;top:14px}.product-timeline{margin-top:9px}.product-timeline li{min-height:55px}.product-timeline button{gap:10px;padding:5px 0 8px}.step-number{width:24px;height:24px;font-size:7px}.product-timeline li:not(:last-child):after{right:12px;top:30px}.product-timeline strong{font-size:9px;margin-top:3px}.product-timeline small{font-size:6px;margin-top:5px}.scene.final .final-actions{justify-content:flex-start;gap:8px;margin-top:20px}.scene.final .restart{font-size:8px;margin-top:8px}.final-art{min-height:0;height:250px}.story-controls{padding:0 5%;gap:10px}.story-controls .chapter-nav{gap:6px}.story-controls .chapter-nav a{gap:0;flex-direction:column;min-width:27px;padding:10px 0}.story-controls .chapter-nav a span{display:none;font-size:8px}.story-controls .chapter-nav a.active span{display:block;margin-top:6px}.story-controls .chapter-nav b{font-size:9px}.story-controls #motion-toggle{font-size:7px;padding:12px 10px 12px 0}.enhanced .scene{padding:22px 7% 10px;gap:16px;grid-template-rows:auto 1fr;align-content:start}.enhanced .scene:not(.hero):not(.final) .detail-line,.enhanced .scene:not(.hero):not(.final) .text-action{display:none}.enhanced .hero{grid-template-rows:auto 1fr;padding-top:38px}.enhanced .hero-art{height:100%}.enhanced .final{grid-template-rows:auto 1fr;padding-top:35px}.enhanced .final-art{height:100%}.enhanced .scene:not(.hero):not(.final) .lead{margin-top:10px}.enhanced .product-side{align-self:center}footer{padding:25px 7%;flex-wrap:wrap;gap:20px}footer img{width:110px}footer p{font-size:9px;order:3;width:100%}}
@media(max-width:700px) and (max-height:760px){.enhanced .scene{padding-top:14px;gap:9px}.scene .eyebrow{margin-bottom:9px}.scene h2{font-size:33px}.scene .lead{font-size:10px;line-height:1.7}.product-heading{margin-bottom:6px}.phone{width:230px;height:390px;padding:5px;border-radius:20px}.phone-screen{padding-inline:11px;border-radius:15px}.app-header{min-height:36px}.app-header img{width:72px}.app-title{padding-top:8px}.app-title>small{font-size:6px;margin-bottom:3px}.app-title h3{font-size:16px}.app-profile{padding-block:9px}.profile-symbol{width:29px;height:29px}.profile-symbol img{width:21px}.profile-details{min-height:112px;padding-top:10px}.profile-details h4{font-size:9px;margin-bottom:5px}.app-row{padding-block:7px;font-size:8px}.app-hint{padding:7px;margin:7px 0}.app-hint strong{font-size:7px}.app-hint p{font-size:6px;margin-top:3px}.profile-tabs button{font-size:7px;padding-block:7px}.app-search{padding:7px;margin-block:8px 6px}.city-filters button{padding:5px 8px;font-size:6px}.job-item{min-height:63px;padding-block:8px}.job-item h4{font-size:10px}.job-item p{font-size:6px;margin-top:5px}.app-disclosure{font-size:5.5px;padding-block:6px}.role-banner{padding:7px 9px;margin-top:7px}.role-banner h4{font-size:12px}.list-heading{margin:9px 0 7px;font-size:7px}.candidate{padding:7px}.candidate-action{padding:6px;margin-top:7px}.candidate>p{margin-top:8px}.candidate.compact{margin-top:6px}.product-timeline li{min-height:46px}.product-timeline strong{font-size:8px}.product-timeline small{font-size:6px;margin-top:4px}.step-number{width:21px;height:21px}.product-timeline li:not(:last-child):after{right:10px;top:26px}.tracking-job{padding-block:8px}.tracking-job h4{font-size:11px}.product-footnote{font-size:6px;margin-top:6px}.enhanced .hero{padding-top:25px}.scene .copy h1{font-size:46px}.hero .lead{font-size:10px}}
[hidden]{display:none!important}
.profile-tabs button,.job-item,.product-timeline button{background:transparent}
.city-filters button{background:#fff}.city-filters button.selected{background:#282828}
.profile-tabs button[aria-selected=true]{background:#fff6f0}

.story-controls{z-index:35}footer{padding-bottom:calc(var(--controls) + 30px)}
@media(max-width:700px) and (max-height:760px){.enhanced .employer-scene .product-footnote{display:none}}

/* Approved Almarai: editorial hierarchy with natural Arabic spacing. */
body{font-synthesis:none}
h1,h2,h3,h4,strong{font-weight:600}
.scene .copy h1{font-size:clamp(72px,7.05vw,108px);font-weight:600;line-height:1.18;letter-spacing:0}
.scene h2{font-size:clamp(52px,5.1vw,78px);font-weight:600;line-height:1.24;letter-spacing:0}
.scene .eyebrow{font-size:12px;font-weight:500;line-height:1.6;margin-bottom:20px;letter-spacing:0}
.scene .lead{font-size:18px;font-weight:400;line-height:1.85;max-width:460px;margin-top:22px}
.scene .hero-small{font-size:12px;line-height:1.8;margin-top:17px}
.scene .detail-line{font-size:12px;line-height:1.8;padding-top:22px;margin-top:28px}
.header nav{font-size:14px;font-weight:500}
.header-cta{font-size:13px;font-weight:500;padding:12px 22px}
.scene .primary-link,.scene .secondary-link{font-size:15px;font-weight:500;padding:16px 24px;gap:28px}
.scene .text-action{font-size:14px;font-weight:500}
.product-heading{font-size:11px;font-weight:500}
.product-footnote{font-size:10px}
.app-title h3{font-weight:600;letter-spacing:0}
.profile-tabs button[aria-selected=true],.product-timeline .current strong{font-weight:600}
.story-controls .chapter-nav span{font-family:var(--font-ui);font-size:12px;font-weight:400}
.story-controls .chapter-nav a.active span{font-weight:600}
.story-controls #motion-toggle{font-size:11px}
.art-caption{font-size:11px}
footer p{font-size:11px}
dialog h2{font-size:35px;font-weight:600;line-height:1.35;letter-spacing:0}
.demo-tabs button{font-size:14px;font-weight:500}
.demo-step h3{font-size:25px;font-weight:600}
.demo-step p,.job-example-note{font-size:15px;line-height:1.85}
.demo-disclosure{font-size:11px;line-height:1.8}
@media(max-height:800px) and (min-width:701px){
 .scene .copy h1{font-size:clamp(70px,6.8vw,100px)}
 .scene h2{font-size:clamp(49px,4.9vw,72px)}
 .scene .lead{font-size:17px}
}
@media(max-width:1050px) and (min-width:701px){
 .scene .copy h1{font-size:70px}.scene h2{font-size:52px}
 .scene .lead{font-size:15px}.header nav{font-size:12px}
 .scene .primary-link,.scene .secondary-link{font-size:13px;padding-inline:18px;gap:18px}
 .story-controls .chapter-nav span{font-size:10px}
}
@media(max-width:700px){
 .header-cta{font-size:11px;padding:10px 16px;gap:15px}
 .scene .copy h1{font-size:clamp(43px,12.8vw,64px);line-height:1.2}
 .scene h2{font-size:clamp(33px,9.3vw,47px);line-height:1.24}
 .scene .eyebrow{font-size:10px;margin-bottom:11px}
 .scene .lead{font-size:13px;line-height:1.7;margin-top:12px;max-width:100%}
 .scene .hero-small{font-size:10px;margin-top:14px}
 .scene .primary-link,.scene .secondary-link{font-size:12px;padding:12px 16px;gap:18px}
 .product-heading{font-size:9px}.product-footnote{font-size:8px}
 .story-controls .chapter-nav span{font-size:9px}
 .story-controls #motion-toggle{font-size:9px}
 .art-caption{font-size:9px}.scene.final .restart{font-size:10px}
 footer p{font-size:10px}
 dialog h2{font-size:29px}.demo-step h3{font-size:22px}
}
@media(max-width:700px) and (max-height:760px){
 .scene .copy h1{font-size:44px}.scene h2{font-size:31px;line-height:1.22}
 .scene .eyebrow{font-size:9px;margin-bottom:8px}
 .scene .lead{font-size:11px;line-height:1.65}
 .scene .hero-small{font-size:9px}.product-heading{font-size:8px}
 .product-footnote{font-size:7px}.scene .primary-link,.scene .secondary-link{font-size:11px}
}
/* Keep the product's small-text line boxes independent of page typography. */
.phone-screen{font-size:11px;line-height:1.45}
@media(max-width:700px) and (max-height:760px){.product-footnote{display:none}}
@media(min-width:701px){
 .profile-details{min-height:0;padding-top:13px}
 .profile-details h4{margin-bottom:10px}.app-row{padding-block:9px}
 .role-banner{padding:10px 15px;margin-top:10px}
 .role-banner h4{margin-top:6px}.role-banner p{margin-top:4px}
 .list-heading{margin:10px 0 7px}.candidate{padding:10px}
 .candidate>p{margin-top:10px}.candidate-action{margin-top:9px;padding:9px}
 .candidate.compact{margin-top:6px}
 .product-timeline{margin-top:9px}.product-timeline li{min-height:57px}
 .product-timeline button{padding-bottom:9px}
}
@media(max-width:700px){
 .product-timeline li{min-height:51px}.candidate.compact{margin-top:5px}
}
@media(max-width:700px) and (max-height:760px){.product-timeline li{min-height:44px}}
@media(min-width:701px) and (max-height:740px){.product-side{transform:scale(.9);transform-origin:center}}