@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--green:#006747;--dark:#053d2d;--ink:#12271f;--muted:#65726c;--line:#dce5df;--pale:#f0f6f2;--lime:#cded9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 'Manrope',Arial,sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #80af49;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-inline:44px}.skip{position:absolute;top:-90px;background:#fff;padding:15px;z-index:20}.skip:focus{top:0}header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid #ecf0ed}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap;direction:ltr}.brand img{object-fit:contain}.ai{color:var(--green)}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover,.textLink:hover{color:var(--green)}.navActions{display:flex;align-items:center;gap:24px}.language{font-size:14px;font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:16px 26px;min-height:54px;background:var(--green);color:white;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--dark);transform:translateY(-2px)}.navCta{min-height:46px;padding:12px 20px}.menu{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;color:var(--green);font-size:22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;min-height:680px;padding-block:65px 70px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;margin:0 0 26px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,5.65vw,80px);font-weight:800;line-height:1.07;letter-spacing:-5px;margin-bottom:29px}em{font-style:normal;color:var(--green)}.intro{color:var(--muted);font-size:18px;line-height:1.85;max-width:540px}.heroButtons{display:flex;gap:30px;align-items:center;margin:30px 0}.textLink{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-block:6px}.heroSmall{font-size:12px;color:var(--muted);margin-top:36px}.heroVisual{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 52%,#deefdf 0,#f5f9f6 48%,#fff 73%);isolation:isolate}.heroRobot{width:91%;height:auto;object-fit:contain;position:relative;z-index:2;animation:float 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #d9e8dc;border-radius:50%;width:85%;height:85%;transform:rotate(-20deg)}.orbit2{width:100%;height:64%;transform:rotate(-35deg)}.visualLabel{position:absolute;inset-block-start:3%;font-size:11px;letter-spacing:4px;color:#789885;font-weight:700}.heroCaption{position:absolute;bottom:0;z-index:3;display:flex;gap:13px;align-items:center;padding:12px 23px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #053d2d0b;font-size:14px;font-weight:600}.spark{font-size:26px;color:var(--green)}.miniTag{position:absolute;z-index:4;padding:9px 16px;background:#ffffffeb;border:1px solid var(--line);border-radius:100px;font-size:12px;font-weight:700}.tag1{top:21%;left:3%}.tag2{bottom:22%;right:-1%}.serviceStrip{background:var(--pale);border-block:1px solid var(--line)}.serviceStrip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:23px;font-weight:800;font-size:12px;letter-spacing:1.1px}.serviceStrip span+span:before{content:'✳';margin-inline-end:42px;color:var(--green)}.services{background:var(--dark);color:white;padding-block:95px 100px}.sectionHeading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.sectionHeading>p{max-width:350px;color:#b9d0c4;margin-bottom:5px;font-size:16px}.services .eyebrow{color:var(--lime)}h2{font-size:clamp(36px,3.5vw,50px);letter-spacing:-2px;line-height:1.2;margin-bottom:0;font-weight:700}h2 span{color:#abc7b7}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.serviceCard{padding:28px 25px 26px;border:1px solid #36614e;border-radius:14px;background:#ffffff03;display:flex;flex-direction:column;transition:background .2s,transform .2s}.serviceCard:hover{background:#ffffff0a;transform:translateY(-5px);border-color:#90b79b}.cardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.serviceNumber{color:#a4c7b3;font-size:12px}.serviceSymbol{font-size:32px;line-height:1;color:var(--lime)}h3{font-size:22px;line-height:1.35;letter-spacing:-.7px;margin-bottom:18px}.serviceCard p{font-size:14px;color:#b9d0c4;line-height:1.8;margin-bottom:30px}.cardLink{font-weight:700;font-size:12px;margin-top:auto;color:var(--lime);padding-top:17px;border-top:1px solid #315c48}.approach{padding-block:105px}.largeAsterisk{font-size:110px;color:var(--green);line-height:.9}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:62px}.steps article{border-top:1px solid var(--line);padding-top:23px}.stepNum{display:inline-block;color:var(--green);font-size:13px;font-weight:800;margin-bottom:30px}.steps h3{margin-bottom:13px}.steps p{font-size:14px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px 80px;border-top:1px solid var(--line)}.aboutSignature{display:block;font-size:13px;font-weight:700;margin-top:35px;color:var(--green)}.aboutCopy>p{font-size:20px;line-height:1.9;color:var(--muted);margin-top:20px}.aboutCopy ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;font-size:14px;font-weight:700}.aboutCopy li:before{content:'✓';color:var(--green);margin-inline-end:15px}.cities{overflow:hidden;background:var(--pale);padding:28px 0 34px}.cities>p{text-align:center;font-size:12px;color:var(--muted);margin-bottom:20px}.cityTrack{display:flex;gap:50px;width:max-content;animation:travel 40s linear infinite;direction:ltr}.cityTrack span{font-size:38px;letter-spacing:-1px;font-weight:700;color:#8dac98;white-space:nowrap}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-block:100px}.faq h2{max-width:360px}.faq details{border-bottom:1px solid var(--line)}summary{list-style:none;padding-block:23px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;color:var(--green)}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;margin-bottom:25px;line-height:1.85}.project{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:70px 95px;border-top:1px solid var(--line)}.project h2{font-size:64px}.project>div>p:last-child{margin-top:28px;max-width:390px;color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:7px;font-size:12px;font-weight:700}label:has(textarea){grid-column:1/-1}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#f8faf8;padding:13px;color:var(--ink);font-size:14px;font-weight:400}textarea{resize:vertical}form .button{grid-column:1/-1;margin-top:5px}.formNote,#briefStatus{font-size:12px;color:var(--muted);grid-column:1/-1;margin:0}#briefStatus{color:var(--green);font-weight:700}footer{background:var(--dark);color:white;padding-block:65px 24px}.footerTop{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #36614e;padding-bottom:50px}.footerTop h2{font-size:36px;max-width:680px}.button.light{background:var(--lime);color:var(--dark)}.footerGrid{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:70px;padding-block:46px}.footerBrand{font-size:29px;display:block}.footerBrand .ai{color:var(--lime)}.footerGrid p{color:#b1c9bd;max-width:330px;font-size:14px;margin-top:20px}.footerLinks{display:grid;align-content:start;gap:12px;font-size:14px;color:#c4d8cd}.footerLinks a:hover{color:var(--lime)}.footerBottom{display:flex;justify-content:space-between;gap:20px;color:#a0bfae;font-size:11px;border-top:1px solid #36614e;padding-top:23px}.detailHero{padding-block:90px 80px;background:radial-gradient(ellipse at 90% 40%,#eff8f0,white 65%)}.detailHero .eyebrow{margin-top:55px}.detailHero h1{max-width:950px}.detailHero .intro{max-width:700px;margin-bottom:35px}.deliver{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:70px 90px;border-top:1px solid var(--line)}.deliver p{color:var(--muted);margin-top:26px}.deliver .eyebrow{color:var(--green);margin:0 0 10px}.deliver ol{list-style:none;padding:0;margin:0}.deliver li{border-bottom:1px solid var(--line);padding-block:23px;font-weight:600;display:flex;gap:20px}.deliver li span{font-size:12px;color:var(--green)}.detailScope{padding-block:70px 85px;background:var(--pale);margin-bottom:75px;border-radius:18px}.detailScope p{max-width:720px;color:var(--muted);margin-block:24px 30px}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.45}html[lang=ar] .hero h1{font-size:62px}html[lang=ar] .eyebrow{letter-spacing:0}html[lang=ar] .project h2{font-size:55px}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes travel{to{transform:translateX(calc(-50% - 25px))}}@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:1100px){.wrap{padding-inline:28px}.nav{gap:18px}.brand{font-size:20px}.brand img{width:40px;height:40px}nav{gap:18px}.navActions{gap:18px}.hero h1{font-size:65px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.serviceCard{padding:28px}.serviceStrip span+span:before{margin-inline-end:15px}.faq,.project{gap:45px}}@media(max-width:800px){.nav{min-height:78px;flex-wrap:wrap}.navCta{display:none}.menu{display:block}nav{display:none;order:3;width:100%;padding-bottom:18px;gap:24px}nav.open{display:flex}.navActions{margin-inline-start:auto}.hero{min-height:auto;padding-block:50px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:68px;letter-spacing:-4px}.heroVisual{width:85%;max-width:450px;margin:auto}.heroCopy{max-width:590px}.heroSmall{margin-top:24px}.serviceStrip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.serviceStrip span+span:before{content:none}.services{padding-block:65px}.sectionHeading{display:block}.sectionHeading>p{margin-top:24px;max-width:560px}.steps{grid-template-columns:1fr 1fr;gap:30px}.largeAsterisk{display:none}.approach{padding-block:70px}.about{gap:35px;grid-template-columns:1fr;padding-block:45px 65px}.aboutCopy>p{margin:0}.aboutSignature{margin-top:20px}.faq,.project{grid-template-columns:1fr;gap:36px;padding-block:65px}.faq h2{max-width:none}.project h2{font-size:52px}.footerTop h2{font-size:30px}.footerGrid{gap:30px;grid-template-columns:1fr 1fr}.footerGrid>div:first-child{grid-column:1/-1}.footerBottom{flex-direction:column;gap:8px}.deliver{grid-template-columns:1fr;gap:40px}.detailHero h1{font-size:54px}.detailScope{margin-inline:20px}.cityTrack span{font-size:29px}html[lang=ar] .hero h1{font-size:55px}}@media(max-width:480px){.wrap{padding-inline:22px}.brand{font-size:19px;gap:3px}.brand img{width:36px;height:36px}.navActions{gap:12px}.language{font-size:12px}.menu{font-size:18px;padding:5px 9px}.hero h1{font-size:54px;letter-spacing:-3px}.intro{font-size:16px}.heroButtons{gap:22px}.button{padding:14px 19px}.heroVisual{width:100%}.heroSmall{font-size:11px}.visualLabel{font-size:10px}.miniTag{font-size:10px}.heroCaption{font-size:12px}.serviceGrid{grid-template-columns:1fr}.serviceCard{padding:28px}.cardTop{margin-bottom:24px}.serviceCard h3{font-size:24px}.serviceCard p{font-size:15px}.steps{gap:23px}.steps h3{font-size:20px}.steps p{font-size:14px}h2{font-size:36px}.aboutCopy>p{font-size:17px}.footerTop{display:block}.footerTop .button{margin-top:25px}.footerTop h2{font-size:30px}form{grid-template-columns:1fr}label{grid-column:1/-1}.project h2{font-size:48px}.detailHero h1{font-size:43px;letter-spacing:-2px}.deliver h2{font-size:32px}html[lang=ar] .hero h1{font-size:44px}html[lang=ar] .project h2{font-size:44px}html[lang=ar] h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cityTrack span:nth-child(2){display:none}.cityTrack{width:auto}.cityTrack span{white-space:normal;text-align:center}}
/* Approved identity and coordinated motion */
.nav .brand img.brandLockup{width:270px;height:78px;object-fit:contain}.hero{min-height:740px}.hero h1{font-size:clamp(60px,5.7vw,80px)}.heroVisual{background:radial-gradient(ellipse at 50% 52%,#d0efdc 0,#eff9f2 46%,#fff 72%)}.heroRobot{animation:robotDrift 7s ease-in-out infinite}.orbit1{animation:orbitBreath 12s ease-in-out infinite}.orbit2{animation:orbitReverse 18s ease-in-out infinite}.tag1{animation:tagDrift 7s ease-in-out infinite}.tag2{animation:tagDrift 9s ease-in-out infinite reverse}.heroCaption{animation:captionIn 1s .4s both}.heroCopy .eyebrow{animation:captionIn .8s both}.hero h1{animation:captionIn 1s .1s both}.hero .intro{animation:captionIn 1s .2s both}.heroButtons{animation:captionIn 1s .3s both}.scrollProgress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:linear-gradient(90deg,var(--green),#61dc99);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.serviceGrid{grid-template-columns:repeat(6,1fr);gap:20px}.serviceCard{grid-column:span 2;position:relative;overflow:hidden}.serviceCard:nth-child(1),.serviceCard:nth-child(2){grid-column:span 3}.serviceCard:nth-child(3){background:#154e39}.serviceCard:nth-child(1) h3,.serviceCard:nth-child(2) h3{font-size:30px}.serviceCard:nth-child(1) p,.serviceCard:nth-child(2) p{max-width:440px}.serviceCard .serviceSymbol{transition:transform .5s}.serviceCard:hover .serviceSymbol{transform:rotate(45deg)}.serviceCard:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,#ffffff0a 45%,transparent 70%);transform:translateX(-110%);transition:transform .8s;pointer-events:none}.serviceCard:hover:after{transform:translateX(110%)}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff2b,transparent);transform:translateX(-120%);transition:transform .7s}.button:hover:after{transform:translateX(120%)}.stepNum{transition:transform .4s}.steps article:hover .stepNum{transform:translateY(-6px)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:translateY(0)}.creative{padding-block:100px 50px}.creative .sectionHeading{margin-bottom:32px}.creativeTabs{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.creativeTabs button{background:white;border:1px solid var(--line);border-radius:100px;padding:12px 23px;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;transition:.3s}.creativeTabs button[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.conceptPanel{animation:captionIn .5s both}.conceptPanel[hidden]{display:none}.browserDemo{background:#eff3ed;border:1px solid #d4ded6;border-radius:18px;overflow:hidden;max-width:1080px;margin:auto;color:#123524}.browserBar{display:flex;justify-content:space-between;padding:12px 28px;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#778a7c}.browserBar>span:first-child{letter-spacing:5px}.demoNav{padding:28px 45px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.demoNav b{font-size:28px;letter-spacing:-2px}.demoHero{padding:30px 45px 45px;background:linear-gradient(125deg,#eff3ed 30%,#d7e3c5);position:relative}.demoHero>span:first-child{font-size:11px;letter-spacing:2px}.demoHero h3{font-size:64px;line-height:1.05;letter-spacing:-3px;margin-block:25px}.demoHero em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#5a7941}.demoButton{display:inline-block;border-bottom:1px solid;font-size:12px;font-weight:700;padding-block:12px}.demoFoot{display:flex;justify-content:space-between;border-top:1px solid #cad7c8;padding:20px 45px;font-size:11px}.postGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;direction:ltr}.post{aspect-ratio:4/5;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;position:relative;overflow:hidden;transition:transform .5s}.post:hover{transform:translateY(-8px) rotate(-1deg)}.postOne{background:#c7e2b7;color:#173d29}.postTwo{background:#153f2b;color:#e2efd9}.postThree{background:#f0f1e6;color:#304a24}.post>span{font-size:10px;letter-spacing:1px;font-weight:700}.post h3{font-size:clamp(27px,3vw,44px);letter-spacing:-2px;line-height:1.16;margin-block:20px}.post h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:inherit}.postTwo h3{border-inline-start:2px solid #a0c58b;padding-inline-start:20px}.postThree h3{border-top:1px solid #789967;padding-top:30px}.searchDemo{border:1px solid var(--line);border-radius:16px;background:var(--pale);padding:40px}.searchInput{background:white;border:1px solid var(--line);border-radius:100px;max-width:700px;margin:0 auto 45px;padding:17px 27px;color:var(--muted);font-size:15px}.searchColumns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.searchColumns article{border-top:1px solid #bfd2c4;padding-top:20px}.searchColumns article>span{font-size:12px;color:var(--green)}.searchColumns h3{margin-block:24px 13px}.searchColumns p{font-size:14px;color:var(--muted)}.footerTop h2{background:linear-gradient(110deg,#fff,#a6d697,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:footerGlow 8s linear infinite}.footerBrand{transition:letter-spacing .4s}.footerBrand:hover{letter-spacing:-.3px}html[lang=ar] .hero h1{font-size:clamp(45px,4.4vw,62px)}
@keyframes robotDrift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes orbitBreath{50%{transform:rotate(35deg) scale(1.04)}}@keyframes orbitReverse{50%{transform:rotate(-70deg) scale(.95)}}@keyframes tagDrift{50%{transform:translateY(12px)}}@keyframes captionIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes footerGlow{to{background-position:200% center}}@media(max-width:1100px){.nav .brand img.brandLockup{width:240px;height:72px}.hero h1{font-size:65px}.serviceGrid{gap:16px}.serviceCard{padding:25px 22px}}@media(max-width:800px){.nav .brand img.brandLockup{width:255px;height:65px}.hero{min-height:0}.hero h1{font-size:66px}.creative{padding-block:60px 30px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.serviceCard,.serviceCard:nth-child(1),.serviceCard:nth-child(2){grid-column:auto}.serviceCard:last-child{grid-column:1/-1}.serviceCard:nth-child(1) h3,.serviceCard:nth-child(2) h3{font-size:24px}.post{padding:23px}.postGrid{gap:12px}.post h3{font-size:29px;letter-spacing:-1px}.demoHero h3{font-size:52px}.searchDemo{padding:25px}.searchColumns{gap:18px}}@media(max-width:480px){.nav .brand img.brandLockup{width:210px;height:58px}.nav{gap:4px}.navActions{gap:9px}.hero h1{font-size:56px}.serviceGrid{grid-template-columns:1fr}.serviceCard:last-child{grid-column:auto}.creativeTabs{gap:7px}.creativeTabs button{padding:10px 14px;font-size:12px}.demoNav{padding:20px 25px}.demoNav span{font-size:10px}.demoHero{padding:28px 25px}.demoHero h3{font-size:43px}.demoFoot{padding:18px 25px}.postGrid{grid-template-columns:1fr;max-width:320px;margin:auto;gap:18px}.post h3{font-size:40px}.post{padding:30px}.searchColumns{grid-template-columns:1fr}.searchInput{font-size:13px;margin-bottom:25px}.searchColumns h3{margin-top:18px}html[lang=ar] .hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.scrollProgress{display:none}}
@media(max-width:360px){.wrap{padding-inline:16px}.nav .brand img.brandLockup{width:175px;height:54px}.navActions{gap:8px}.hero h1{font-size:49px}.heroButtons{gap:16px}.heroButtons .button{padding-inline:15px}.heroSmall{line-height:1.8}}
/* Saudi identity, unobstructed header, living service guide */
:root{--green:#006044;--dark:#004c35;--ink:#083d2c;--muted:#537268;--line:#d3e6dc;--pale:#f0f8f3;--lime:#fff}html{scroll-padding-top:25px}header{position:relative;top:auto;background:#fff;backdrop-filter:none;z-index:5;border-bottom:1px solid var(--line)}.nav{min-height:92px}.brand{color:var(--green);letter-spacing:-1.2px;gap:8px}.brandWord{font-size:25px;font-weight:800}.brandBot{position:relative;display:block;width:54px;height:54px;flex:0 0 54px}.brandBot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.robotOn{animation:eyeBlink 5.8s linear infinite}.robotOff{opacity:1}.heroVisual{cursor:pointer}.robotStage{width:91%;aspect-ratio:1;position:relative;z-index:2;animation:robotDrift 7s ease-in-out infinite;transform:translate3d(0,0,0);will-change:transform}.robotStage img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.heroCaption{max-width:95%;min-height:63px;bottom:-8px;padding:12px 20px;line-height:1.5;font-size:14px}.heroCaption:after{content:'';position:absolute;top:-8px;inset-inline-start:28px;width:14px;height:14px;background:#fff;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);transform:rotate(45deg)}.heroVisual.thinking .robotOn,.brandBot.thinking .robotOn{animation-duration:.8s}.heroVisual.responding .heroCaption{animation:replyPop .6s both}.guide{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;padding-block:20px 40px;align-items:center}.guideEyebrow{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--green)}.guide>div>p{margin:8px 0 0;font-size:16px;font-weight:600}.guideChoices{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.guideChoices button{border:1px solid var(--line);background:white;color:var(--green);border-radius:100px;padding:13px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.guideChoices button:hover,.guideChoices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green);transform:translateY(-3px)}.guideReply{grid-column:1/-1;border-inline-start:3px solid var(--green);background:var(--pale);padding:20px 25px;border-radius:0 12px 12px 0;animation:replyPop .45s both}.guideReply p{font-size:16px;color:var(--ink);margin:0 0 12px}.guideReply[hidden]{display:none}.serviceStrip{background:white}.serviceStrip span{color:var(--green);animation:stripWave 6s ease-in-out infinite}.serviceStrip span:nth-child(2){animation-delay:.5s}.serviceStrip span:nth-child(3){animation-delay:1s}.serviceStrip span:nth-child(4){animation-delay:1.5s}.services{background:var(--green)}.services .sectionHeading>p,.serviceCard p{color:#e1eee7}.services h2 span{color:#b9ddcc}.serviceCard{border-color:#77a58c;background:#ffffff04}.serviceCard:nth-child(3){background:#004c35}.serviceNumber{color:#d2e9dc}.serviceCard:hover{background:#ffffff10;border-color:white}.cardLink{border-color:#64997e;color:white}.serviceCard .serviceSymbol{animation:iconPulse 5s ease-in-out infinite}.serviceCard:nth-child(2) .serviceSymbol{animation-delay:.5s}.serviceCard:nth-child(3) .serviceSymbol{animation-delay:1s}.serviceCard:nth-child(4) .serviceSymbol{animation-delay:1.5s}.serviceCard:nth-child(5) .serviceSymbol{animation-delay:2s}.seoStage{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;margin-block:55px 55px;padding:40px;border:1px solid #609780;border-radius:20px;background:#004c35}.seoExplain h3{font-size:36px;letter-spacing:-1.2px;line-height:1.25}.seoExplain>p:not(.eyebrow){color:#d8eadd;font-size:14px}.seoControls{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.seoControls button{background:transparent;border:1px solid #82ac96;border-radius:100px;color:white;padding:8px 13px;font-size:12px;cursor:pointer;transition:.3s}.seoControls button[aria-pressed=true]{background:white;color:var(--green);border-color:white}.searchWindow{background:white;color:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 22px 50px #002b2438}.searchToolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:14px 20px;border-bottom:1px solid var(--line);color:#698676;letter-spacing:1px}.searchToolbar>span:first-child{letter-spacing:4px}.liveSearch{margin:22px 20px 12px;border:1px solid var(--line);border-radius:100px;display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:47px;font-size:12px;overflow:hidden}.liveSearch>span:first-child{font-size:25px;line-height:1;color:var(--green)}.typedQuery{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.typeCursor{height:16px;border-inline-start:2px solid var(--green);animation:cursorBlink .8s steps(1) infinite}.searchResult{padding:10px 25px 20px;position:relative;overflow:hidden}.searchResult:after{content:'';position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#00a36966,transparent);box-shadow:0 0 25px #00a36966;animation:scanSearch 6s linear infinite;pointer-events:none}.resultAddress{font-size:10px;color:#678577}.searchResult h4{font-size:18px;letter-spacing:-.4px;margin-block:8px;color:var(--green)}.searchResult p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:14px}.resultLines{display:grid;gap:7px}.resultLines span{height:5px;width:90%;background:#e5f0e8;border-radius:5px;transform-origin:left;animation:lineLoad 6s ease infinite}.resultLines span:nth-child(2){width:65%;animation-delay:.3s}.seoSignals{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 15px}.seoSignals>span{display:flex;align-items:center;gap:5px;font-size:10px;background:var(--pale);color:var(--muted);border-radius:6px;padding:7px 9px;transition:.4s}.seoSignals>span.active{background:var(--green);color:white;transform:translateY(-2px)}.seoCaption{padding:15px 20px;margin:0;background:var(--pale);font-size:11px;color:var(--green);border-top:1px solid var(--line);min-height:51px}.services .eyebrow{color:white}.cityTrack span{color:var(--green)}.cities{background:var(--pale)}.postOne{background:#d3ecde;color:var(--green)}.postTwo{background:var(--green);color:white}.postThree{background:#edf7f0;color:var(--green)}.demoHero{background:linear-gradient(125deg,#f0f8f3 30%,#cbe5d4)}.demoHero em{color:var(--green)}.browserDemo{background:var(--pale)}.footerBrand,.footerBrand .ai{color:white}.footerTop h2{background:none;color:white;animation:none}.footerGrid{border-top:none}.searchDemo{animation:borderBreathe 7s ease-in-out infinite}.searchInput{position:relative;overflow:hidden}.searchInput:after{content:'';position:absolute;inset-inline:0;height:2px;bottom:0;background:var(--green);transform:scaleX(0);transform-origin:left;animation:lineLoad 5s infinite}.postGrid .post{animation:postFloat 7s ease-in-out infinite}.post:nth-child(2){animation-delay:1s}.post:nth-child(3){animation-delay:2s}.demoButton{animation:iconPulse 6s ease-in-out infinite}.demoHero h3{animation:captionIn 1s both}.demoFoot{animation:footerSweep 8s ease infinite}
@keyframes eyeBlink{0%,43%,47%,80%,84%,100%{opacity:1}44.5%,45.8%,81.5%,82.8%{opacity:0}}@keyframes replyPop{0%{opacity:0;transform:translateY(9px) scale(.98)}100%{opacity:1;transform:none}}@keyframes stripWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes iconPulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 8px #ffffff50)}}@keyframes cursorBlink{50%{opacity:0}}@keyframes scanSearch{0%{top:0;opacity:0}10%{opacity:1}80%{top:100%;opacity:1}100%{top:100%;opacity:0}}@keyframes lineLoad{0%,100%{transform:scaleX(.3);opacity:.4}35%,80%{transform:scaleX(1);opacity:1}}@keyframes borderBreathe{50%{border-color:var(--green);box-shadow:0 0 25px #0060440c}}@keyframes postFloat{50%{transform:translateY(-6px)}}@keyframes footerSweep{50%{background:#dceee2}}@media(max-width:1100px){.brandWord{font-size:22px}.brandBot{width:47px;height:47px;flex-basis:47px}.seoStage{padding:30px;gap:30px}.seoExplain h3{font-size:32px}}@media(max-width:800px){.guide{grid-template-columns:1fr;gap:20px;padding-block:15px 35px}.guideChoices{justify-content:flex-start}.seoStage{grid-template-columns:1fr;gap:30px;padding:30px}.seoExplain h3{font-size:34px}.nav{min-height:78px}.brandWord{font-size:24px}.heroCaption{bottom:0}.hero{padding-bottom:50px}.seoControls{margin-top:18px}}@media(max-width:480px){.brand{gap:5px}.brandWord{font-size:20px;letter-spacing:-1px}.brandBot{width:42px;height:42px;flex-basis:42px}.heroCaption{font-size:12px;min-height:53px;max-width:98%;padding:10px 15px}.guideChoices{gap:8px}.guideChoices button{font-size:12px;padding:11px 15px}.seoStage{padding:23px 17px;margin-block:32px;border-radius:16px}.seoExplain h3{font-size:29px}.seoSignals{gap:5px;padding-inline:15px}.seoSignals>span{font-size:9px;padding:7px}.searchResult{padding-inline:18px}.searchResult h4{font-size:17px}.liveSearch{margin-inline:15px}.guideReply{padding:18px}.guideReply p{font-size:14px}html[lang=ar] .seoExplain h3{font-size:28px;letter-spacing:0}.heroSmall{margin-bottom:0}}@media(max-width:360px){.brandWord{font-size:18px}.brandBot{width:36px;height:36px;flex-basis:36px}.navActions{gap:8px}.guideChoices button{padding:10px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.robotOn{opacity:1}.robotStage{animation:none}.resultLines span{transform:scaleX(1);opacity:1}.typeCursor,.searchResult:after{display:none}.robotOff{display:none}}
.seoControls button,.liveSearch,.searchResult p,.seoCaption{font-size:14px}.seoSignals>span{font-size:12px}.guideChoices button{font-size:14px}.typeCursor{height:18px}.serviceStrip span+span:before{color:var(--green)}.stepNum{color:var(--green)}.button.light{background:white;color:var(--green)}.button.light:hover{background:#e6f3eb}.aboutSignature{color:var(--green)}.scrollProgress{background:var(--green)}@media(max-width:480px){.seoControls button{font-size:12px}.liveSearch{font-size:12px}.seoSignals>span{font-size:11px}.guideChoices button{font-size:12px}.seoCaption{font-size:12px}.searchResult p{font-size:13px}}
/* Animated closing chapter */
.animatedFooter{position:relative;isolation:isolate;overflow:hidden;padding-top:0;background:#004c35}.animatedFooter>.wrap{position:relative;z-index:2}.footerRibbon{position:relative;z-index:2;overflow:hidden;border-bottom:1px solid #ffffff28;padding:24px 0;margin-bottom:55px;background:#ffffff03}.footerRibbonTrack{display:flex;gap:48px;width:max-content;animation:footerTravel 38s linear infinite;direction:ltr}.footerRibbonTrack>div{display:flex;gap:48px;align-items:center;white-space:nowrap}.footerRibbonTrack span{font-size:clamp(22px,3vw,38px);font-weight:700;letter-spacing:-1px;color:#fff}.footerRibbonTrack .footerStar{font-size:29px;opacity:.6;animation:footerStarTurn 12s linear infinite}.footerRibbon:hover .footerRibbonTrack,.footerRibbon:focus-within .footerRibbonTrack{animation-play-state:paused}.footerGlow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 65%,#07936055,transparent 55%),radial-gradient(ellipse at 90% 15%,#ffffff0b,transparent 40%);background-size:160% 150%;animation:footerAmbient 14s ease-in-out infinite}.animatedFooter .footerTop{min-height:185px;padding-bottom:45px;position:relative}.animatedFooter .footerTop h2{max-width:650px;font-size:clamp(32px,3.5vw,50px);line-height:1.2;background:linear-gradient(115deg,#fff 25%,#acd7c1 45%,#fff 65%);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:footerTextLight 9s linear infinite}.footerInvite{display:flex;gap:24px;align-items:center;flex-shrink:0}.footerRobot{position:relative;width:110px;height:110px;display:block;animation:footerRobotFloat 6s ease-in-out infinite}.footerRobot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.animatedFooter .button.light{box-shadow:0 0 0 0 #ffffff00;animation:footerButtonGlow 5s ease-in-out infinite}.animatedFooter .footerLinks a{display:block;width:fit-content;position:relative;transition:color .25s,transform .25s}.animatedFooter .footerLinks a:after{content:'';position:absolute;inset-inline-start:0;bottom:-3px;width:100%;height:1px;background:white;transform:scaleX(0);transform-origin:left;transition:transform .3s}.animatedFooter .footerLinks a:hover,.animatedFooter .footerLinks a:focus-visible{transform:translateX(4px);color:#fff}.animatedFooter .footerLinks a:hover:after,.animatedFooter .footerLinks a:focus-visible:after{transform:scaleX(1)}html[dir=rtl] .animatedFooter .footerLinks a:hover{transform:translateX(-4px)}.animatedFooter .footerBottom{position:relative}.animatedFooter .footerBottom:before{content:'';position:absolute;top:-1px;inset-inline-start:0;width:20%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:footerLine 8s ease-in-out infinite}.animatedFooter .footerBrand{transition:color .3s,text-shadow .3s}.animatedFooter .footerBrand:hover{color:white;text-shadow:0 0 22px #ffffff44}@keyframes footerTravel{to{transform:translateX(calc(-50% - 24px))}}@keyframes footerStarTurn{to{transform:rotate(360deg)}}@keyframes footerAmbient{50%{background-position:100% 50%;opacity:.7}}@keyframes footerTextLight{to{background-position:250% center}}@keyframes footerRobotFloat{50%{transform:translateY(-9px) rotate(4deg)}}@keyframes footerButtonGlow{50%{box-shadow:0 0 0 9px #ffffff06,0 0 24px #ffffff10}}@keyframes footerLine{50%{inset-inline-start:80%}}@media(max-width:800px){.footerInvite{gap:12px}.footerRobot{width:90px;height:90px}.animatedFooter .footerTop h2{font-size:33px;max-width:430px}.footerRibbon{margin-bottom:36px}.footerRibbonTrack,.footerRibbonTrack>div{gap:30px}}@media(max-width:480px){.animatedFooter .footerTop{padding-bottom:30px}.footerInvite{justify-content:space-between;margin-top:24px;flex-direction:row-reverse}.animatedFooter .footerTop .button{margin-top:0}.footerRobot{width:98px;height:98px}.animatedFooter .footerTop h2{font-size:34px}.footerRibbonTrack span{font-size:25px}.footerRibbon{padding:20px 0;margin-bottom:30px}.animatedFooter .footerGrid{padding-block:35px}}@media(prefers-reduced-motion:reduce){.footerRibbonTrack{width:100%;padding-inline:22px}.footerRibbonTrack>div{flex-wrap:wrap;gap:15px;white-space:normal}.footerRibbonTrack>div[aria-hidden]{display:none}.footerGlow{opacity:.6}.animatedFooter .footerTop h2{color:white;background:none}}
/* Motion across every service page and the complete process */
.serviceSymbol svg{width:34px;height:34px;display:block}.spark svg{width:26px;height:26px;display:block}.largeAsterisk svg{width:105px;height:105px}.serviceCard h3{position:relative;align-self:flex-start;max-width:100%;padding:10px 14px;margin-inline:-14px;margin-bottom:19px;border-radius:9px;background:linear-gradient(110deg,#ffffff04,#ffffff18,#ffffff04);background-size:250% 100%;animation:serviceTitleWash 7s ease-in-out infinite}.serviceCard h3:after{content:'';position:absolute;bottom:0;inset-inline-start:14px;width:calc(100% - 28px);height:2px;background:linear-gradient(90deg,#fff,#b7dbc7,#fff);transform:scaleX(.3);transform-origin:left;animation:headingUnderline 7s ease-in-out infinite}.serviceCard:nth-child(1),.serviceCard:nth-child(2){border-width:2px;box-shadow:inset 0 0 30px #ffffff05}.serviceCard:nth-child(2) h3,.serviceCard:nth-child(2) h3:after{animation-delay:1.5s}.serviceCard:nth-child(3) h3{animation-delay:3s}.serviceStrip .wrap{gap:16px}.serviceStrip span{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:linear-gradient(110deg,#fff,#e4f3e9,#fff);background-size:250% 100%;animation:stripHighlight 8s ease-in-out infinite;position:relative}.serviceStrip span+span:before{display:none}.serviceStrip span:nth-child(2){animation-delay:2s}.serviceStrip span:nth-child(3){animation-delay:4s}.serviceStrip span:nth-child(4){animation-delay:6s}.sectionHeading h2,.detailCopy h1,.detailScope h2,.aboutTitle h2,.project h2{position:relative}.detailCopy h1{color:var(--green);animation:detailTitleGlow 8s ease-in-out infinite}.detailCopy h1:after{content:'';display:block;width:110px;height:4px;border-radius:3px;background:var(--green);margin-top:22px;transform-origin:left;animation:titleLine 7s ease-in-out infinite}.motionSteps{gap:20px;position:relative;margin-top:45px}.motionSteps article{border:1px solid var(--line);border-radius:14px;padding:25px 23px 26px;background:white;position:relative;overflow:hidden;transition:background .5s,border-color .5s,box-shadow .5s}.motionSteps article.stepActive{border-color:var(--green);background:var(--pale);box-shadow:0 10px 30px #0060440c}.stepIcon{width:46px;height:46px;border-radius:12px;background:var(--pale);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:.4s}.stepIcon svg{width:27px;height:27px}.stepActive .stepIcon{background:var(--green);color:white;animation:stepIconBreathe 4s ease-in-out infinite}.motionSteps .stepNum{display:inline-flex;align-items:center;justify-content:center;position:absolute;inset-block-start:25px;inset-inline-end:23px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:white;cursor:pointer;font-size:12px;margin:0;padding:0;color:var(--green);transition:.4s}.stepActive .stepNum{border-color:var(--green);box-shadow:0 0 0 5px #00604408}.motionSteps article h3{margin-bottom:14px;color:var(--green);transition:.4s}.motionSteps article p{margin-bottom:10px}.stepProgress{position:absolute;inset-inline:0;bottom:0;height:3px;background:#e0eee5}.stepProgress span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}.stepActive .stepProgress span{animation:stepFill 4s linear forwards}.motionSteps.manual .stepActive .stepProgress span{animation:none;transform:scaleX(1)}.detailHero{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;background:white;position:relative}.detailHero .eyebrow{margin-top:40px}.detailCopy{min-width:0}.detailCopy h1{font-size:clamp(45px,4.3vw,64px);letter-spacing:-3px;line-height:1.14}.detailCopy .intro{font-size:17px}.detailMotion{background:var(--pale);border:1px solid var(--line);border-radius:19px;padding:0 25px 25px;overflow:hidden;position:relative;animation:motionWindowBreathe 9s ease-in-out infinite}.motionWindowTop{padding:16px 0;display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.7px;color:var(--muted)}.motionWindowTop>span:first-child{letter-spacing:3px}.motionServiceIcon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:20px;background:var(--green);color:white;margin:30px auto;box-shadow:0 12px 25px #00604415;animation:serviceIconFloat 6s ease-in-out infinite}.motionServiceIcon svg{width:44px;height:44px}.motionRoute{display:grid;gap:13px}.routeNode{display:flex;gap:12px;align-items:center;padding:16px 14px;border:1px solid var(--line);border-radius:9px;background:white;position:relative;animation:routeHighlight 9s ease-in-out infinite}.routeNode:nth-child(2){animation-delay:3s}.routeNode:nth-child(3){animation-delay:6s}.routeNode>span{font-size:12px;color:var(--green);font-weight:700}.routeNode>b{font-size:14px;line-height:1.5}.nodePulse{width:7px;height:7px;border-radius:50%;background:var(--green);margin-inline-start:auto;animation:routeDot 3s ease-in-out infinite;flex-shrink:0}.routeNode:nth-child(2) .nodePulse{animation-delay:1s}.routeNode:nth-child(3) .nodePulse{animation-delay:2s}.motionTrack{height:4px;background:#d9eadf;border-radius:4px;margin-top:26px;overflow:hidden}.motionTrack>span{display:block;height:100%;width:40%;border-radius:4px;background:var(--green);animation:motionTrackTravel 6s ease-in-out infinite}.deliver li{position:relative;overflow:hidden;animation:deliverHighlight 15s ease-in-out infinite;padding-inline:12px;border-radius:6px}.deliver li:nth-child(2){animation-delay:3s}.deliver li:nth-child(3){animation-delay:6s}.deliver li:nth-child(4){animation-delay:9s}.deliver li:nth-child(5){animation-delay:12s}.deliver li span{transition:.3s;animation:deliverNumber 15s ease-in-out infinite}.deliver li:nth-child(2) span{animation-delay:3s}.deliver li:nth-child(3) span{animation-delay:6s}.deliver li:nth-child(4) span{animation-delay:9s}.deliver li:nth-child(5) span{animation-delay:12s}.detailApproach{padding-block:10px 80px}.detailApproach .motionSteps{margin-top:25px}.detailScope{position:relative;overflow:hidden;animation:scopeGlow 10s ease-in-out infinite}.detailScope:after{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;width:30%;height:3px;background:var(--green);animation:motionTrackTravel 8s ease-in-out infinite;pointer-events:none}.aboutTitle .aboutSignature{animation:signatureGlow 8s ease-in-out infinite}.sectionHeading .eyebrow{animation:eyebrowTone 7s ease-in-out infinite}.faq details[open] p{animation:captionIn .4s both}
@keyframes serviceTitleWash{50%{background-position:100% center}}@keyframes headingUnderline{0%,100%{transform:scaleX(.3);opacity:.5}40%,75%{transform:scaleX(1);opacity:1}}@keyframes stripHighlight{0%,100%{background-position:0 center;box-shadow:0 0 0 #00604400}50%{background-position:100% center;box-shadow:0 5px 17px #0060440c}}@keyframes detailTitleGlow{50%{text-shadow:0 5px 22px #00604416}}@keyframes titleLine{50%{transform:scaleX(1.8)}}@keyframes stepIconBreathe{50%{box-shadow:0 0 0 7px #00604408;transform:translateY(-3px)}}@keyframes stepFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes motionWindowBreathe{50%{border-color:#7eaf97;box-shadow:0 20px 50px #00604409}}@keyframes serviceIconFloat{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes routeHighlight{0%,100%{border-color:var(--line);background:white}20%{border-color:var(--green);background:#e6f3eb;box-shadow:0 4px 12px #0060440a}35%{border-color:var(--line);background:white}}@keyframes routeDot{50%{box-shadow:0 0 0 4px #00604410;opacity:.4}}@keyframes motionTrackTravel{50%{transform:translateX(150%)}}@keyframes deliverHighlight{0%,100%{background:white}10%{background:#e5f3eb}20%{background:white}}@keyframes deliverNumber{10%{transform:scale(1.18);font-weight:800}}@keyframes scopeGlow{50%{box-shadow:0 15px 40px #0060440b}}@keyframes signatureGlow{50%{text-shadow:0 0 18px #00604420}}@keyframes eyebrowTone{50%{opacity:.75}}@media(max-width:1100px){.detailHero{gap:30px}.motionSteps{gap:16px}.motionSteps article{padding-inline:18px}.motionSteps .stepNum{inset-inline-end:18px}.serviceStrip .wrap{gap:9px}.serviceStrip span{padding:10px}}@media(max-width:800px){.detailHero{grid-template-columns:1fr;gap:40px;padding-block:55px}.detailCopy h1{font-size:52px}.detailMotion{max-width:520px;width:100%;margin:auto}.motionSteps{grid-template-columns:1fr 1fr}.detailApproach{padding-bottom:60px}.motionWindowTop{font-size:11px}.routeNode>b{font-size:15px}.serviceStrip .wrap{gap:12px}.serviceStrip span{font-size:12px}.motionSteps article{padding:22px}.motionSteps .stepNum{inset-inline-end:22px}.detailHero .eyebrow{margin-top:30px}}@media(max-width:480px){.detailCopy h1{font-size:43px;letter-spacing:-2px}.detailCopy .intro{font-size:16px}.motionSteps{gap:14px;margin-top:32px}.motionSteps article{padding:21px 15px 22px}.motionSteps .stepNum{inset-inline-end:13px;width:30px;height:30px;font-size:11px}.stepIcon{width:38px;height:38px;margin-bottom:22px}.stepIcon svg{width:23px;height:23px}.motionSteps h3{font-size:20px;letter-spacing:-.5px}.motionSteps article p{font-size:14px;line-height:1.85}.detailMotion{padding-inline:20px}.serviceCard h3{padding:10px 12px;margin-inline:-12px}.serviceStrip span{font-size:11px;padding:12px 9px;letter-spacing:.5px}.detailApproach{padding-bottom:55px}html[lang=ar] .detailCopy h1{font-size:37px;letter-spacing:0}}@media(max-width:360px){.motionSteps{grid-template-columns:1fr}.serviceStrip span{font-size:10px}.detailCopy h1{font-size:38px}}@media(prefers-reduced-motion:reduce){.stepProgress span{transform:scaleX(1)}.routeNode,.deliver li{animation:none}.motionTrack>span{width:100%}.detailCopy h1:after{transform:none}.serviceCard h3:after{transform:scaleX(1)}}
/* Service scenes: search, assembly, campaign, shop and conversation */
.detailHero{background:var(--green);color:white;max-width:none;padding-inline:max(44px,calc((100vw - 1192px)/2));padding-block:72px;grid-template-columns:1fr 1fr;gap:65px;overflow:hidden}.detailCopy h1{color:white;animation:none;font-size:clamp(45px,4.4vw,65px);line-height:1.08}.detailCopy h1:after{background:white}.detailCopy .eyebrow,.detailCopy .intro{color:#dbefe3}.detailCopy .button{background:white;color:var(--green)}.detailCopy .textLink{color:#d0eadb;border-color:#d0eadb}.detailHero .eyebrow{margin-top:30px}.showcaseBoard{background:#fff;color:var(--green);border-radius:17px;padding:18px;box-shadow:0 25px 55px #00382633;border:1px solid #ffffff66;transform:rotate(-1deg);transition:transform .5s;min-width:0}.showcaseBoard:hover{transform:rotate(0)}.showcaseLabel{display:flex;align-items:center;justify-content:space-between;padding:0 4px 15px;gap:15px;font-size:10px;letter-spacing:1px;font-weight:700;border-bottom:1px solid var(--line);margin-bottom:15px}.liveWave{display:flex;gap:3px;align-items:center;height:16px}.liveWave i{display:block;width:3px;height:10px;background:var(--green);border-radius:2px;animation:waveBeat 1s ease-in-out infinite}.liveWave i:nth-child(2){animation-delay:.15s}.liveWave i:nth-child(3){animation-delay:.3s}.liveWave i:nth-child(4){animation-delay:.45s}.scene{position:relative;overflow:hidden;border-radius:10px;background:#f0f8f3;color:var(--green);min-height:300px;padding:23px;font-family:'Manrope',Arial,sans-serif;text-align:start;direction:ltr}.scene strong,.scene h4,.scene p{color:inherit}.scene h4{margin:0}.sceneSearchbox{display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:100px;padding:11px 16px;font-size:14px;min-height:45px}.sceneSearchbox>span:first-child{font-size:23px}.sceneTyping{white-space:nowrap;overflow:hidden;max-width:90%;animation:sceneType 9s steps(26) infinite}.serpStack{display:grid;gap:8px;padding-top:15px}.serpResult{background:white;border:1px solid #e2eee6;padding:12px 14px;border-radius:7px;animation:resultArrive 9s ease-in-out infinite}.serpResult>span{display:block;font-size:9px;color:#658477}.serpResult>strong{font-size:15px;display:block;margin-block:3px}.serpResult p{font-size:11px;margin:0;color:#5b776a}.serpResult.result1{animation-delay:.4s}.serpResult.result2{animation-delay:.8s}.sceneFooter{font-size:10px;margin-top:15px;color:#5b776a;text-align:center}.tinyBrowser{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 17px;background:white;font-size:10px;border-bottom:1px solid var(--line)}.tinyBrowser>span:first-child{letter-spacing:3px}.sceneWeb{padding:0;background:#fff;border:1px solid var(--line)}.webCanvas{padding:20px 24px;background:linear-gradient(120deg,#f2f8f4,#d7ecdf);animation:canvasWidth 12s ease-in-out infinite;margin:auto;width:100%;min-height:310px}.webNav{display:flex;justify-content:space-between;font-size:9px;align-items:center}.webNav b{font-size:13px;letter-spacing:-.3px}.webDraft{padding-top:28px}.webKicker{font-size:9px;letter-spacing:1px;display:block;animation:buildPart 12s ease-in-out infinite}.webDraft h4{font-size:36px;line-height:1.12;letter-spacing:-1.4px;margin-block:12px 17px;animation:buildPart 12s .25s ease-in-out infinite}.webMockButton{display:inline-block;padding:9px 14px;background:var(--green);color:white;border-radius:4px;font-size:9px;animation:buildPart 12s .5s ease-in-out infinite}.webBlocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.webBlocks span{border:1px solid #acd0bc;border-radius:5px;background:#ffffff77;padding:14px;font-size:10px;animation:buildPart 12s .75s ease-in-out infinite}.webBlocks span:nth-child(2){animation-delay:1s}.webBlocks span:nth-child(3){animation-delay:1.25s}.webViewport{display:flex;justify-content:center;gap:20px;padding:13px;font-size:9px;letter-spacing:1px;background:white}.webViewport>span{animation:viewportLabel 12s infinite}.webViewport>span:nth-child(2){animation-delay:4s}.webViewport>span:nth-child(3){animation-delay:8s}.sceneSocial{background:#edf6f0;padding:18px;min-height:390px}.posterStage{position:relative;min-height:320px;max-width:270px;margin:auto;perspective:900px}.brandPoster{position:absolute;inset:0;background:var(--green);color:white;border-radius:9px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 25px #004b3520;animation:posterSwap 18s ease-in-out infinite}.brandPoster>span{font-size:9px;letter-spacing:.5px}.brandPoster h4{font-size:45px;letter-spacing:-2px;line-height:1.1}.brandPoster em{font-family:Georgia,serif;color:inherit;font-style:italic;font-weight:400}.brandPoster.poster1{background:#d4ecdf;color:var(--green);animation-delay:-12s}.brandPoster.poster2{background:#fff;color:var(--green);border:1px solid var(--line);animation-delay:-6s}.socialFormat{display:flex;justify-content:center;gap:22px;margin-top:19px;font-size:10px;letter-spacing:.8px}.sceneShop{padding:0;background:white;border:1px solid var(--line)}.shopTiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.shopTile{display:flex;flex-direction:column;gap:8px;animation:shopFocus 10s ease-in-out infinite}.shopTile:nth-child(2){animation-delay:5s}.productLabel{background:var(--green);color:white;padding:28px 15px;border-radius:7px;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1;min-height:120px}.shopTile:nth-child(2) .productLabel{background:#d4ecdf;color:var(--green)}.shopTile strong{font-size:12px}.shopTile>span{font-size:10px;color:var(--muted)}.checkoutDemo{padding:20px 22px;background:var(--pale);border-top:1px solid var(--line)}.checkoutDemo>b{font-size:13px}.checkoutDemo>div{display:flex;gap:7px;margin-top:14px}.checkoutDemo>div>span{padding:8px 12px;border:1px solid var(--line);border-radius:5px;font-size:10px;animation:checkoutFocus 9s infinite}.checkoutDemo>div>span:nth-child(2){animation-delay:3s}.checkoutDemo>div>span:nth-child(3){animation-delay:6s}.sceneChat{display:flex;flex-direction:column;gap:15px;min-height:390px}.chatIdentity{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:12px}.chatIdentity img{object-fit:contain}.demoMessage{padding:13px 16px;border-radius:12px;font-size:14px;max-width:90%;line-height:1.6;animation:chatEnter 12s ease-in-out infinite}.incoming{background:white;align-self:flex-end;border:1px solid var(--line)}.outgoing{background:var(--green);color:white;align-self:flex-start;animation-delay:.7s}.incoming.last{animation-delay:1.4s}.demoTyping{display:flex;gap:5px}.demoTyping span{width:5px;height:5px;border-radius:50%;background:var(--green);animation:waveBeat 1s infinite}.demoTyping span:nth-child(2){animation-delay:.2s}.demoTyping span:nth-child(3){animation-delay:.4s}.workflowHandoff{font-size:10px;margin-top:auto;text-align:center;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.processStudio{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;margin-top:35px;padding:30px;background:var(--green);color:white;border-radius:20px}.processRail{display:flex;flex-direction:column;gap:12px;justify-content:center}.processRail button{display:flex;align-items:center;gap:16px;padding:20px;background:transparent;border:1px solid #ffffff40;color:white;border-radius:10px;text-align:start;cursor:pointer;position:relative;overflow:hidden;transition:.4s;font:inherit}.processRail button>span{font-size:12px;opacity:.7}.processRail button b{font-size:22px;letter-spacing:-.5px}.processRail button[aria-selected=true]{background:white;color:var(--green);border-color:white}.processRail button>i{position:absolute;bottom:0;inset-inline-start:0;height:3px;width:100%;background:#92c6ad;transform:scaleX(0);transform-origin:left}.processRail button[aria-selected=true]>i{animation:stepFill 6s linear forwards}.processStudio.manual .processRail button[aria-selected=true]>i{animation:none;transform:scaleX(1)}.processDisplay{background:#fff;border-radius:12px;padding:24px;color:var(--green);min-width:0}.processPanel[hidden]{display:none}.processPanel{animation:captionIn .5s both}.processIntro h3{font-size:25px;margin-bottom:10px}.processIntro p{font-size:14px;color:var(--muted);margin-bottom:22px}.processPanel .scene{min-height:235px}.processPanel .sceneWeb .webCanvas{min-height:255px}.processPanel .webDraft h4{font-size:28px}.sceneBrief{min-height:250px;padding:25px}.briefQuestion{font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.6px}.briefChips{display:flex;gap:8px;flex-wrap:wrap;margin-block:23px}.briefChips span{font-size:12px;background:white;border:1px solid var(--line);border-radius:100px;padding:8px 12px;animation:chipReveal 6s ease-in-out infinite}.briefChips span:nth-child(2){animation-delay:.3s}.briefChips span:nth-child(3){animation-delay:.6s}.briefLines{display:grid;gap:8px}.briefLines span{height:5px;background:#c6e0d2;width:80%;animation:lineLoad 6s ease infinite}.briefLines span:nth-child(2){width:55%;animation-delay:.3s}.briefLines span:nth-child(3){width:67%;animation-delay:.6s}.briefSeal{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:12px}.briefSeal svg{width:20px;height:20px}.checkTitle,.growTitle{font-size:25px;font-weight:700;letter-spacing:-.6px;margin-bottom:22px;line-height:1.3}.qualityCheck{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;animation:checkReveal 6s ease-in-out infinite}.qualityCheck:nth-child(3){animation-delay:.4s}.qualityCheck:nth-child(4){animation-delay:.8s}.qualityCheck:nth-child(5){animation-delay:1.2s}.qualityCheck span{border-radius:50%;background:var(--green);color:white;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px}.growthBars{height:115px;display:flex;align-items:flex-end;gap:12px;margin-block:22px;border-bottom:1px solid #93bca6;padding-bottom:6px}.growthBars span{flex:1;height:25%;background:var(--green);border-radius:4px 4px 0 0;transform-origin:bottom;animation:growBuild 6s ease-in-out infinite}.growthBars span:nth-child(2){height:38%;animation-delay:.2s}.growthBars span:nth-child(3){height:48%;animation-delay:.4s}.growthBars span:nth-child(4){height:63%;animation-delay:.6s}.growthBars span:nth-child(5){height:77%;animation-delay:.8s}.growthBars span:nth-child(6){height:95%;animation-delay:1s}.growStages{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sceneGrow>p{font-size:12px;margin-top:15px;margin-bottom:0}.cardPreview{height:180px;overflow:hidden;border:1px solid #ffffff50;border-radius:10px;margin:0 0 24px;pointer-events:none;background:var(--pale);direction:ltr}.cardPreview .scene{width:166.666%;min-height:300px;transform:scale(.6);transform-origin:top left;border-radius:0;height:300px}.cardPreview .sceneSocial{min-height:300px}.cardPreview .posterStage{min-height:250px;max-width:230px}.cardPreview .brandPoster h4{font-size:34px}.cardPreview .sceneWeb .webCanvas{min-height:245px}.cardPreview .webDraft{padding-top:15px}.cardPreview .webDraft h4{font-size:29px}.cardPreview .webBlocks{margin-top:15px}.cardPreview .sceneChat{gap:10px}.cardPreview .demoMessage{font-size:12px;padding:10px}.cardPreview .serpResult{padding:9px}.cardPreview .productLabel{min-height:90px;padding:20px 14px}.cardPreview .checkoutDemo{padding:12px 22px}.serviceCard p{margin-bottom:20px}.serviceCard{background:#004c35}.serviceCard:nth-child(3){background:#004c35}.serviceCard h3{background:none;animation:none}.serviceCard h3:after{opacity:.7}.deliver{padding-block:65px;gap:70px}.deliver h2{font-size:40px}.detailApproach{padding-top:5px}.detailApproach .processStudio{margin-top:24px}.detailScope{padding-block:55px;margin-bottom:60px}.detailScope h2{font-size:38px}html[lang=ar] .scene{font-family:'Noto Sans Arabic',Arial,sans-serif;direction:rtl}html[lang=ar] .cardPreview .scene{transform-origin:top left}html[lang=ar] .scene h4{letter-spacing:0}html[lang=ar] .processRail button b{letter-spacing:0}@keyframes waveBeat{50%{transform:scaleY(.35);opacity:.4}}@keyframes sceneType{0%,5%{max-width:0}35%,85%{max-width:90%}100%{max-width:0}}@keyframes resultArrive{0%,10%{opacity:0;transform:translateY(12px)}22%,83%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}@keyframes buildPart{0%,7%{opacity:0;transform:translateY(12px)}20%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes canvasWidth{0%,35%,100%{width:100%}50%,65%{width:82%}78%,90%{width:70%}}@keyframes viewportLabel{0%,30%{color:var(--green);font-weight:800}35%,100%{color:#789383;font-weight:400}}@keyframes posterSwap{0%,25%{opacity:1;transform:translateX(0) rotate(0)}32%,90%{opacity:0;transform:translateX(-45px) rotate(-6deg)}95%{opacity:0;transform:translateX(35px) rotate(5deg)}100%{opacity:1;transform:none}}@keyframes shopFocus{50%{transform:translateY(-5px)}}@keyframes checkoutFocus{0%,30%{background:var(--green);color:white;border-color:var(--green)}35%,100%{background:white;color:var(--green)}}@keyframes chatEnter{0%,8%{opacity:0;transform:translateY(10px)}22%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes chipReveal{0%,10%{transform:translateY(8px);opacity:.3}30%,85%{transform:none;opacity:1}100%{opacity:.3}}@keyframes checkReveal{0%,10%{opacity:.2;transform:translateX(-8px)}25%,90%{opacity:1;transform:none}100%{opacity:.2}}@keyframes growBuild{0%,10%{transform:scaleY(.15);opacity:.4}45%,90%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.15);opacity:.4}}@media(max-width:1100px){.detailHero{padding-inline:28px;gap:35px}.processStudio{gap:22px;padding:24px}.processRail button{padding:17px}.processRail button b{font-size:20px}}@media(max-width:800px){.detailHero{grid-template-columns:1fr;padding:40px 28px 45px;gap:30px}.detailCopy h1{font-size:48px;max-width:620px}.detailCopy .eyebrow{margin-top:24px}.showcaseBoard{max-width:540px;width:100%;margin:auto;transform:none}.detailCopy .intro{margin-bottom:20px;line-height:1.7}.processStudio{grid-template-columns:1fr;padding:22px;gap:20px}.processRail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.processRail button{padding:12px 8px;flex-direction:column;gap:5px;text-align:center}.processRail button b{font-size:14px;letter-spacing:0}.processRail button>span{font-size:10px}.processDisplay{padding:22px}.deliver h2{font-size:36px}.cardPreview{height:175px}}@media(max-width:480px){.detailHero{padding-inline:22px;padding-block:30px 38px}.detailCopy h1{font-size:40px;line-height:1.15;letter-spacing:-2px}.detailCopy h1:after{margin-top:16px}.detailCopy .intro{font-size:15px}.showcaseBoard{padding:13px;border-radius:13px}.showcaseLabel{font-size:9px;padding-bottom:12px;margin-bottom:12px}.scene{padding:18px;min-height:285px}.sceneSocial{min-height:350px}.posterStage{min-height:285px;max-width:245px}.brandPoster{padding:23px}.brandPoster h4{font-size:40px}.sceneWeb,.sceneShop{padding:0}.webCanvas{padding:18px;min-height:295px}.webDraft h4{font-size:32px}.sceneChat{min-height:330px;gap:12px}.demoMessage{font-size:12px}.sceneSearchbox{font-size:12px}.serpResult>strong{font-size:13px}.serpResult p{font-size:11px}.processStudio{padding:15px;border-radius:15px;margin-top:25px}.processRail{grid-template-columns:repeat(2,1fr);gap:9px}.processRail button{flex-direction:row;padding:13px;gap:10px;text-align:start}.processRail button b{font-size:16px}.processRail button>span{font-size:11px}.processDisplay{padding:17px}.processIntro h3{font-size:24px}.processIntro p{font-size:14px;line-height:1.75}.processPanel .scene{min-height:225px}.processPanel .webCanvas{min-height:245px}.processPanel .webDraft h4{font-size:28px}.briefQuestion,.checkTitle,.growTitle{font-size:22px}.deliver{gap:32px;padding-block:45px}.deliver h2{font-size:32px}.deliver p{font-size:15px}.detailScope{padding-block:38px;margin-bottom:40px}.detailScope h2{font-size:30px}.detailApproach{padding-bottom:45px}.cardPreview{height:190px}.cardPreview .scene{transform:scale(.64);width:156.25%}.serviceCard h3{padding-top:0}.cardPreview .sceneSocial{min-height:300px}html[lang=ar] .detailCopy h1{font-size:35px}html[lang=ar] .brandPoster h4{font-size:35px}}@media(prefers-reduced-motion:reduce){.serpResult,.webKicker,.webDraft h4,.webMockButton,.webBlocks span,.demoMessage,.qualityCheck{opacity:1;transform:none}.brandPoster{display:none;animation:none}.brandPoster.poster0{display:flex;opacity:1;transform:none}.sceneTyping{max-width:90%}.growthBars span{transform:scaleY(1)}.processRail button>i{display:none}}
/* Distinct, hands-on services and the playful brand mascot */
.actionScene{min-height:380px}.demoAction{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;border:0;border-radius:7px;padding:11px 16px;min-height:42px;font-size:13px;font-weight:700;cursor:pointer;line-height:1.4;transition:transform .2s,background .2s}.demoAction:hover{transform:translateY(-2px);background:#004d36}.demoStatus{display:block;font-size:12px;line-height:1.65;margin:13px 0 0;color:var(--muted)}.seoLab{background:#003e2d;color:white;padding:24px}.labLabel{font-size:10px;letter-spacing:1px;color:#c0e0cf}.keywordCloud{display:flex;gap:8px;margin:18px 0}.keywordCloud>span{font-size:10px;border:1px solid #568b6f;padding:6px 9px;border-radius:100px;animation:keywordHop 7s ease-in-out infinite}.keywordCloud>span:nth-child(2){animation-delay:.5s}.keywordCloud>span:nth-child(3){animation-delay:1s}.labQuery{background:#fff;color:var(--green);border-radius:8px;padding:13px;font-size:14px;letter-spacing:0}.rankArena{position:relative;padding-block:18px 10px;display:grid;gap:9px;min-height:195px}.rankOther{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:10px;display:grid;gap:6px;transition:transform .7s}.rankOther i{height:4px;width:75%;background:#689984;border-radius:4px}.rankOther i+i{width:50%}.rankBrand{background:#fff;color:var(--green);border-radius:8px;padding:14px;z-index:2;box-shadow:0 10px 24px #001c1833;animation:searchClimb 12s ease-in-out infinite}.rankBrand>span{font-size:10px;display:block}.rankBrand>b{font-size:17px;display:block;margin:5px 0}.rankBrand>small{font-size:11px;color:var(--muted)}.labBottom .demoAction{background:white;color:var(--green)}.seoLab .demoStatus{color:#cee5d8}.seoLab.optimised .rankBrand{animation:none;transform:translateY(-51px)}.seoLab.optimised .rankOther:first-child{transform:translateY(118px)}.buildLab{padding:0;background:#eef5f0;border:1px solid var(--line)}.builderBar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:13px 18px;font-size:12px;font-weight:700}.buildCode{font-size:20px}.buildGrid{padding:18px;display:grid;gap:10px;min-height:290px;perspective:800px}.buildLayer{animation:pagePiece 12s ease-in-out infinite}.layerNav{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:5px;padding:11px;font-size:11px;border:1px solid var(--line)}.layerHero{background:var(--green);border-radius:7px;color:white;padding:22px;animation-delay:.45s}.layerHero small{font-size:9px;letter-spacing:1px}.layerHero h4{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:12px 0;color:white}.layerHero>span{font-size:10px;display:inline-block;padding-bottom:3px;border-bottom:1px solid white}.layerCards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;animation-delay:.9s}.layerCards>span{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;font-size:11px}.buildFooter{padding:0 18px 18px}.buildOnce .buildLayer{animation:pagePieceOnce 1.3s both}.buildOnce .layerHero{animation-delay:.3s}.buildOnce .layerCards{animation-delay:.6s}.designLab{background:#dfefe5;padding:20px;min-height:420px}.designTools{display:flex;justify-content:center;gap:8px;margin-bottom:17px}.designTools .demoAction{background:white;color:var(--green);border:1px solid var(--line);font-size:12px;padding:9px 15px}.designTools .demoAction[aria-pressed=true]{background:var(--green);color:white}.designCanvas{display:flex;align-items:center;justify-content:center;gap:15px;min-height:320px}.designPoster{width:270px;min-height:270px;background:var(--green);color:white;border-radius:3px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 9px 0 #8db39e;transform:rotate(-3deg);transition:width .6s,min-height .6s,transform .6s,padding .6s;animation:posterNod 8s ease-in-out infinite}.designPoster>span{font-size:9px}.designPoster h4{font-size:38px;line-height:1.07;color:white;letter-spacing:-1.5px;margin:21px 0}.designPoster em{font-family:Georgia,serif;font-weight:400;color:inherit}.designSignature{font-size:9px;letter-spacing:.5px}.designLayers{display:flex;writing-mode:vertical-rl;gap:18px;font-size:9px;font-weight:700;letter-spacing:1px}.designLab.storyMode .designPoster{width:190px;min-height:330px;transform:rotate(2deg)}.designLab.storyMode .designPoster h4{font-size:34px}.cartLab{padding:20px;background:#fff;border:1px solid var(--line)}.storeBar{display:flex;justify-content:space-between;gap:10px;font-size:11px;align-items:center;margin-bottom:22px}.cartCount{border:1px solid var(--line);border-radius:100px;padding:7px 10px;white-space:nowrap;font-size:10px;background:var(--pale)}.demoProducts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demoProducts article{display:flex;flex-direction:column;gap:10px;min-width:0}.packageArt{background:var(--green);color:white;min-height:120px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:23px;font-weight:800;letter-spacing:-1px;animation:productPeek 8s ease-in-out infinite}.demoProducts article:nth-child(2) .packageArt{background:#d1e9dc;color:var(--green);animation-delay:4s}.demoProducts article>b{font-size:12px}.demoProducts .demoAction{padding:10px 9px;font-size:11px}.cartTray{background:var(--pale);border:1px solid var(--line);padding:16px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;min-height:59px}.cartItems{font-size:12px;line-height:1.5}.cartReceipt{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:white;opacity:0;transform:scale(.4);transition:.35s}.cartLab.hasItems .cartReceipt{opacity:1;transform:scale(1)}.cartLab.cartBump .cartTray{animation:cartConfirm .45s}.assistantLab{background:#edf7f1;display:flex;flex-direction:column;gap:23px;min-height:340px}.chatResponse{background:white;border:1px solid var(--line);border-radius:15px 15px 15px 0;padding:22px;font-size:16px;line-height:1.7;min-height:130px}.chatOptions{display:flex;gap:8px;flex-wrap:wrap}.chatOptions .demoAction{font-size:12px}.assistantNote{font-size:11px;margin-top:auto;color:var(--muted)}.assistantLab.thinking .chatIdentity img{animation:chatWobble .5s infinite}.handsOnPanel{max-width:850px;margin:auto;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 45px #0060440a}.handsOnPanel .actionScene{border-radius:0;min-height:450px;padding:32px}.handsOnPanel .buildLab{padding:0}.handsOnPanel .buildGrid{padding:28px;min-height:330px}.handsOnPanel .layerHero h4{font-size:45px}.handsOnPanel .rankArena{min-height:230px}.handsOnPanel .rankBrand{padding:20px}.handsOnPanel .rankBrand b{font-size:23px}.handsOnPanel .designCanvas{min-height:350px}.handsOnPanel .designPoster{width:310px;min-height:310px}.handsOnPanel .designPoster h4{font-size:47px}.handsOnPanel .storyMode .designPoster{width:230px;min-height:370px}.handsOnPanel .packageArt{min-height:170px;font-size:40px}.handsOnPanel .demoProducts .demoAction{font-size:14px}.handsOnPanel .demoProducts article>b{font-size:16px}.handsOnPanel .chatResponse{font-size:19px;min-height:170px}.cardPreview .actionScene{min-height:300px;height:300px;padding:17px}.cardPreview .buildLab{padding:0}.cardPreview .buildGrid{min-height:215px;padding:12px}.cardPreview .layerHero{padding:14px}.cardPreview .layerHero h4{font-size:25px;margin:8px 0}.cardPreview .layerCards>span{padding:12px}.cardPreview .buildFooter{padding:0 12px 12px}.cardPreview .demoStatus{font-size:10px;margin-top:7px}.cardPreview .designCanvas{min-height:210px}.cardPreview .designPoster{width:220px;min-height:210px;padding:17px}.cardPreview .designPoster h4{font-size:30px;margin:13px 0}.cardPreview .rankArena{min-height:155px;padding-top:10px}.cardPreview .rankBrand{padding:9px}.cardPreview .rankBrand>b{font-size:13px}.cardPreview .keywordCloud{margin:10px 0}.cardPreview .labQuery{padding:9px;font-size:12px}.cardPreview .labBottom .demoAction{padding:8px;font-size:10px;min-height:30px}.cardPreview .packageArt{min-height:85px}.cardPreview .cartTray{margin-top:14px;padding:12px}.cardPreview .chatResponse{padding:14px;font-size:13px;min-height:90px}.cardPreview .assistantLab{gap:14px}.cardPreview .chatOptions .demoAction{padding:8px;font-size:10px}.mascotInterlude{padding-block:65px 40px;text-align:center}.mascotInterlude .eyebrow{margin-bottom:18px;letter-spacing:1px}.mascotPlayground{position:relative;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mascotBubble{background:white;border:1px solid var(--line);border-radius:14px;padding:14px 22px;font-size:15px;line-height:1.6;max-width:440px;box-shadow:0 8px 22px #00604408;margin-bottom:15px;z-index:2}.mascotActor{position:relative;width:180px;height:180px;background:none;border:0;padding:0;cursor:pointer;z-index:1;transform:translateX(var(--mascot-x,0px));transition:transform .15s linear}.mascotFace{display:block;position:relative;width:100%;height:100%;animation:mascotIdle 4s ease-in-out infinite}.mascotFace img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mascotActor.doingTrick .mascotFace{animation:mascotTrick 2.4s cubic-bezier(.3,.7,.3,1) both}.mascotShadow{position:absolute;bottom:10px;width:115px;height:12px;background:radial-gradient(ellipse,#00604418,transparent 70%);border-radius:50%;animation:shadowBounce 4s ease-in-out infinite}.mascotHint{color:var(--muted);font-size:12px;margin-top:0}@keyframes keywordHop{50%{transform:translateY(-5px);border-color:white}}@keyframes searchClimb{0%,20%,100%{transform:translateY(0)}45%,80%{transform:translateY(-51px)}}@keyframes pagePiece{0%,5%{transform:translateY(35px) rotateX(15deg);opacity:0}25%,90%{transform:none;opacity:1}100%{opacity:0}}@keyframes pagePieceOnce{from{transform:translateY(35px) rotateX(15deg);opacity:0}to{transform:none;opacity:1}}@keyframes posterNod{50%{transform:rotate(2deg) translateY(-6px)}}@keyframes productPeek{50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes cartConfirm{50%{transform:scale(1.035);background:#d7eee0}}@keyframes chatWobble{50%{transform:rotate(8deg)}}@keyframes mascotIdle{50%{transform:translateY(-11px) rotate(4deg)}}@keyframes mascotTrick{0%{transform:translateY(0) rotate(0)}15%{transform:translateY(12px) scale(1.08,.9) rotate(-15deg)}35%{transform:translateY(-55px) rotate(160deg)}60%{transform:translateY(-20px) rotate(365deg)}78%{transform:translateY(8px) rotate(380deg) scale(1.08,.92)}100%{transform:translateY(0) rotate(360deg)}}@keyframes shadowBounce{50%{transform:scale(.7);opacity:.5}}@media(max-width:480px){.actionScene{min-height:350px}.seoLab{padding:19px}.rankBrand>b{font-size:15px}.designLab{padding:16px;min-height:400px}.designPoster{width:230px;min-height:250px;padding:20px}.designPoster h4{font-size:34px}.designLayers{font-size:8px;gap:13px}.demoProducts{gap:11px}.storeBar{font-size:10px}.cartCount{font-size:9px;padding:6px 8px}.packageArt{font-size:20px;min-height:105px}.demoProducts .demoAction{font-size:10px}.handsOnPanel .actionScene{padding:20px;min-height:380px}.handsOnPanel .buildLab{padding:0}.handsOnPanel .buildGrid{padding:18px;min-height:290px}.handsOnPanel .layerHero h4{font-size:32px}.handsOnPanel .rankBrand>b{font-size:17px}.handsOnPanel .rankBrand{padding:15px}.handsOnPanel .rankArena{min-height:195px}.handsOnPanel .designPoster{width:250px;min-height:275px;padding:22px}.handsOnPanel .designPoster h4{font-size:36px}.handsOnPanel .storyMode .designPoster{width:190px;min-height:330px}.handsOnPanel .packageArt{font-size:24px;min-height:120px}.handsOnPanel .demoProducts article>b{font-size:13px}.handsOnPanel .demoProducts .demoAction{font-size:11px}.handsOnPanel .chatResponse{font-size:16px;min-height:145px}.mascotInterlude{padding-block:42px 25px}.mascotInterlude .eyebrow{font-size:10px}.mascotBubble{font-size:13px;padding:13px 17px;max-width:320px}.mascotActor{width:160px;height:160px}.mascotPlayground{height:275px}.labBottom .demoAction{font-size:12px}.chatOptions .demoAction{font-size:11px}}@media(prefers-reduced-motion:reduce){.buildLayer{opacity:1;transform:none}.rankBrand{transform:none!important}.mascotActor{transform:none!important}.mascotFace{animation:none}.mascotShadow{animation:none}}
.visionSection{position:relative;overflow:hidden;background:var(--green);color:white;padding-block:80px}.visionGrid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:65px}.visionYear{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.visionYear>span{font-size:12px;letter-spacing:2px;font-weight:700;color:#d9eee1}.visionYear>strong{font-size:clamp(95px,12vw,165px);font-weight:800;line-height:1;letter-spacing:-10px;background:linear-gradient(110deg,#fff 30%,#a8d4ba 45%,#fff 60%);background-size:240% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:visionShimmer 9s linear infinite}.visionCopy .eyebrow{color:#d9eee1;font-size:10px;letter-spacing:1px;margin-bottom:18px}.visionCopy h2{color:white;font-size:42px}.visionCopy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#d9eee1;margin-block:25px}.visionPillars{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.visionPillars>span{border:1px solid #ffffff50;border-radius:7px;padding:11px 13px;font-size:12px;animation:visionPillar 9s ease-in-out infinite}.visionPillars>span:nth-child(2){animation-delay:3s}.visionPillars>span:nth-child(3){animation-delay:6s}.visionSource{font-size:12px;color:white;border-bottom:1px solid #b4dbc6;padding-bottom:4px;display:inline-block}.visionFooterLink{color:#d5eadf;transition:color .2s}.visionFooterLink:hover{color:white}.visionSection:after{content:'';position:absolute;bottom:0;inset-inline-start:0;height:3px;width:30%;background:#ffffff77;animation:visionTravel 10s ease-in-out infinite}.visionSource:focus-visible{outline-color:white}@keyframes visionShimmer{to{background-position:240% center}}@keyframes visionPillar{0%,100%{background:transparent}20%{background:#ffffff15;transform:translateY(-3px)}35%{background:transparent;transform:none}}@keyframes visionTravel{50%{inset-inline-start:70%}}@media(max-width:800px){.visionGrid{gap:35px}.visionCopy h2{font-size:34px}.visionYear>strong{font-size:110px;letter-spacing:-6px}.visionYear>span{font-size:10px;letter-spacing:1px}.visionSection{padding-block:60px}}@media(max-width:480px){.visionGrid{grid-template-columns:1fr;gap:32px}.visionYear>strong{font-size:120px}.visionCopy h2{font-size:32px}.visionCopy>p:not(.eyebrow){font-size:14px;margin-block:22px}.visionSection{padding-block:45px}.visionPillars{gap:8px}.visionPillars>span{font-size:11px;padding:10px}.visionSource{font-size:11px}html[lang=ar] .visionCopy h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.visionYear>strong{color:white;background:none}}
/* A contextual on-screen service companion */
.screenRobot{position:fixed;inset-inline-start:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 70px));transform:translateX(-50%);z-index:30;display:flex;align-items:center;flex-direction:column;max-width:calc(100vw - 32px);pointer-events:none}.screenRobot[hidden]{display:none}.robotSpeech{position:relative;background:#fff;border:1px solid #b6d5c3;border-radius:16px;padding:22px 24px 19px;width:360px;max-width:calc(100vw - 36px);box-shadow:0 15px 65px #003e2d30;pointer-events:auto;animation:robotBubbleEnter .4s both}.robotClose{position:absolute;inset-inline-end:8px;top:6px;width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--muted);font-size:24px;cursor:pointer;border-radius:6px}.robotSpeechLabel{display:block;color:var(--green);font-size:10px;letter-spacing:.4px;font-weight:700;margin-inline-end:14px}.robotSpeechText{font-size:16px;line-height:1.65;margin:14px 0 16px;color:var(--ink);min-height:50px}.robotResponseChoices{display:flex;flex-wrap:wrap;gap:7px}.robotResponseChoices button{background:var(--pale);color:var(--green);border:1px solid var(--line);border-radius:100px;padding:9px 11px;font-size:11px;line-height:1.4;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.robotResponseChoices button:hover{background:var(--green);color:white}.robotNext{display:inline-block;font-size:12px;font-weight:700;color:var(--green);margin-top:15px;border-bottom:1px solid #91bfa5;padding-bottom:2px}.screenRobotBody{display:block;position:relative;width:135px;height:135px;background:transparent;border:0;padding:0;pointer-events:auto;cursor:pointer;margin-top:8px;filter:drop-shadow(0 10px 10px #003e2d18);animation:robotPopIn .65s both}.screenRobotBody img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.screenRobotBody.trickSpin{animation:robotSpinMove 1.8s both}.screenRobotBody.trickNod{animation:robotNodMove 1.4s both}.screenRobotBody.trickPeek{animation:robotPeekMove 1.6s both}.screenRobotBody.trickHop{animation:robotHopMove 1.5s both}.screenRobot.speaking .robotOn{animation-duration:.85s}.robotLauncher{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));inset-inline-end:18px;z-index:31;border:1px solid var(--line);background:#fff;box-shadow:0 7px 25px #00604420;border-radius:100px;display:flex;align-items:center;gap:7px;padding:5px 14px 5px 6px;min-height:55px;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.robotLauncher img{width:45px;height:45px;object-fit:contain}.robotLauncher:hover img{animation:chatWobble .7s}.robotLauncher[aria-expanded=true]{background:var(--pale)}html[dir=rtl] .screenRobot{transform:translateX(50%)}@keyframes robotBubbleEnter{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes robotPopIn{from{opacity:0;transform:translateY(35px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes robotSpinMove{0%,100%{transform:none}25%{transform:translateY(-25px) rotate(-20deg)}65%{transform:translateY(-35px) rotate(350deg)}90%{transform:rotate(365deg)}}@keyframes robotNodMove{0%,100%{transform:none}25%{transform:rotate(-18deg) translateY(5px)}50%{transform:rotate(15deg) translateY(-10px)}75%{transform:rotate(-8deg)}}@keyframes robotPeekMove{0%,100%{transform:none}30%{transform:translateX(-40px) rotate(-25deg)}65%{transform:translateX(35px) rotate(20deg)}}@keyframes robotHopMove{0%,100%{transform:none}20%{transform:scale(1.1,.85)}45%{transform:translateY(-45px) rotate(12deg)}75%{transform:translateY(5px) scale(1.1,.9)}}@media(max-width:480px){.screenRobot{bottom:max(85px,calc(env(safe-area-inset-bottom) + 70px))}.robotSpeech{width:320px;padding:20px 19px 17px}.robotSpeechText{font-size:14px;margin:12px 0 13px}.screenRobotBody{width:110px;height:110px}.robotResponseChoices button{font-size:10px;padding:9px 10px}.robotLauncher{inset-inline-end:12px;font-size:11px;gap:4px;min-height:50px}.robotLauncher img{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.screenRobotBody{animation:none}}
/* Six distinct, conversational service studios. */
.serviceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.serviceCard{min-width:0;display:flex;flex-direction:column;overflow:hidden}.serviceCard h3 a{color:inherit;text-decoration:none}.serviceCard .cardPreview{margin-block:20px;overflow:hidden;border-radius:12px}.cardDialogue{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 0;border-top:1px solid #ffffff25}.cardDialogue img{flex-shrink:0;animation:chatWobble 4s infinite}.cardSpeech{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#d9eee0!important}.cardActions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.cardTalk{border:1px solid #b5d8c0;background:#d5efdf;color:#004e35;border-radius:99px;padding:11px 16px;font-weight:700;cursor:pointer;font-size:12px}.cardActions .cardLink{border:0;padding:12px 0;margin:0;font-size:12px}.serviceCard.talking .cardDialogue img{animation:robotNodMove 1.4s}.serviceCard.talking h3{animation:serviceHeadingTalk .7s}.identityLab{background:#e6f3ea;color:#00563b;display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px;position:relative;overflow:hidden}.identityLabel{font-size:10px;letter-spacing:2px;font-weight:700}.identityOrbit{position:relative;width:170px;height:150px;display:grid;place-items:center}.identityRing{position:absolute;width:125px;height:125px;border:1px dashed #5e9b76;border-radius:50%;animation:identityRotate 16s linear infinite}.identityMark{font-size:75px;line-height:1;position:relative;font-family:Georgia,serif;animation:identitySculpt 5s infinite}.identityMark span{position:absolute;font-size:29px;top:0;right:-20px}.identitySpark{position:absolute;right:5px;top:22px;font-size:35px;animation:identityRotate 7s linear infinite}.identityPalette{display:flex;gap:8px}.identityPalette span{width:35px;height:16px;border-radius:5px;background:#006044;animation:paletteWave 3s infinite}.identityPalette span:nth-child(2){background:#83d9a3;animation-delay:.3s}.identityPalette span:nth-child(3){background:white;animation-delay:.6s}.identityType{font-weight:700;margin:15px 0;font-size:16px}.identityLab.remixed .identityMark{font-family:Arial,sans-serif;transform:rotate(-12deg);color:#1a8657}.identityLab.remixed .identityPalette{flex-direction:row-reverse}.identityLab.remixed .identityRing{border-style:solid;border-radius:25%;animation-duration:5s}.handsOnPanel .identityOrbit,.showcaseBoard .identityOrbit{width:260px;height:270px}.handsOnPanel .identityMark,.showcaseBoard .identityMark{font-size:130px}.handsOnPanel .identityRing,.showcaseBoard .identityRing{width:220px;height:220px}.robotCheckpoint{display:block;height:1px;width:100%;pointer-events:none}.cardPreview .demoAction{cursor:pointer}.cardPreview .labBottom{gap:5px}.cardPreview .designTools{gap:5px}.cardPreview .demoProducts article{min-width:0}.cardPreview .identityLab{padding:14px}.cardPreview .identityOrbit{height:130px}.cardPreview .identityType{font-size:13px;margin:10px 0}.cardPreview .identityLab .demoAction{font-size:10px;padding:8px}.screenRobot:focus-within .robotSpeech{border-color:#006044}@keyframes identityRotate{to{transform:rotate(360deg)}}@keyframes identitySculpt{0%,100%{border-radius:0;transform:scale(1)}50%{transform:scale(1.08) rotate(-6deg)}}@keyframes paletteWave{50%{transform:translateY(-5px)}}@keyframes serviceHeadingTalk{50%{color:#c0efce;transform:translateX(3px)}}
@media(max-width:650px){.serviceGrid{gap:12px}.serviceCard{padding:16px 12px;border-radius:18px}.serviceCard h3{font-size:22px;line-height:1.15;overflow-wrap:anywhere;margin-block:17px}.serviceCard>p{font-size:12px;line-height:1.7}.serviceSymbol{width:25px;height:25px}.cardTop{font-size:11px}.serviceCard .cardPreview{margin-block:13px}.cardPreview .actionScene{height:250px;min-height:250px;padding:10px}.cardPreview .labLabel,.cardPreview .identityLabel{font-size:7px;letter-spacing:.3px}.cardPreview .keywordCloud{gap:3px;margin:8px 0}.cardPreview .keywordCloud span{font-size:7px;padding:5px}.cardPreview .labQuery{font-size:9px;padding:7px}.cardPreview .rankArena{min-height:115px}.cardPreview .rankBrand>b{font-size:10px}.cardPreview .rankBrand small,.cardPreview .rankBrand>span{font-size:7px}.cardPreview .demoStatus{font-size:8px;line-height:1.4}.cardPreview .labBottom{flex-direction:column;align-items:start}.cardPreview .demoAction{font-size:8px!important;min-height:30px;padding:6px!important;white-space:normal}.cardPreview .buildLab{padding:0}.cardPreview .buildGrid{min-height:190px;padding:8px;gap:7px}.cardPreview .layerNav{font-size:7px;padding:7px}.cardPreview .layerHero{padding:10px}.cardPreview .layerHero h4{font-size:20px}.cardPreview .layerHero small,.cardPreview .layerHero>span{font-size:6px}.cardPreview .layerCards>span{padding:7px;font-size:8px}.cardPreview .builderBar{font-size:7px;padding:9px}.cardPreview .buildFooter{padding:8px}.cardPreview .designCanvas{min-height:172px}.cardPreview .designPoster{width:110px;min-height:150px;padding:10px}.cardPreview .designPoster h4{font-size:21px;margin:10px 0}.cardPreview .designPoster>span,.cardPreview .designSignature{font-size:5px;letter-spacing:0}.cardPreview .designLayers{font-size:5px;gap:4px}.cardPreview .storyMode .designPoster{width:90px;min-height:177px}.cardPreview .demoProducts{gap:5px;margin-top:13px}.cardPreview .storeBar{font-size:7px;gap:3px;flex-wrap:wrap}.cardPreview .cartCount{font-size:7px;padding:4px}.cardPreview .packageArt{font-size:12px;min-height:65px}.cardPreview .demoProducts article>b{font-size:8px}.cardPreview .cartTray{padding:7px;font-size:8px;margin-top:10px}.cardPreview .chatIdentity{font-size:9px;gap:5px}.cardPreview .chatIdentity img{width:27px;height:27px}.cardPreview .chatResponse{font-size:10px;padding:10px;min-height:75px}.cardPreview .chatOptions{gap:5px;flex-wrap:wrap}.cardPreview .assistantLab{gap:10px}.cardPreview .assistantNote{font-size:8px}.cardPreview .identityOrbit{width:120px;height:115px}.cardPreview .identityRing{width:95px;height:95px}.cardPreview .identityMark{font-size:60px}.cardPreview .identityType{font-size:10px}.cardPreview .identityPalette span{width:25px;height:12px}.cardDialogue{gap:5px;align-items:flex-start}.cardDialogue img{width:25px;height:25px}.cardSpeech{font-size:10px!important;line-height:1.5!important}.cardTalk{font-size:10px;padding:9px 11px}.cardActions .cardLink{font-size:10px;padding:6px 0}.cardActions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.identityMark,.identityRing,.identitySpark,.identityPalette span,.cardDialogue img{animation:none!important}}
/* Compact service gallery: one name, one visual, one route. */
.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.serviceGrid .simpleService,.serviceGrid .simpleService:nth-child(n){grid-column:auto;border:1px solid #73a78b;background:linear-gradient(150deg,#07583e,#003f2d);padding:26px;border-radius:22px;text-align:center;align-items:center;box-shadow:none;gap:0;min-width:0}.serviceGrid .simpleService:hover{border-color:#b8ebcd;background:linear-gradient(150deg,#0b6448,#00432f)}.serviceGrid .simpleService h3,.serviceGrid .simpleService:nth-child(n) h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:700;margin:18px 0 20px;padding:0;align-self:center;background:none;animation:none;overflow-wrap:normal;word-break:normal;hyphens:none;min-height:2.4em;max-width:100%}.serviceGrid .simpleService h3:after{display:none}.simpleExplore{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;color:#e3f6e9;border-top:1px solid #ffffff25;padding-top:16px;width:100%}.simpleExplore>span{transition:transform .25s}.simpleService:hover .simpleExplore>span{transform:translate(3px,-3px)}
.serviceArt{position:relative;width:100%;max-width:300px;height:190px;display:flex;align-items:center;justify-content:center;isolation:isolate;color:#d7f4e2;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at center,#3a9a6940,transparent 72%)}.serviceArt i{display:block}.miniSearchBar{position:absolute;top:20px;left:18%;width:64%;height:28px;border:1px solid #95c9ac;border-radius:9px;display:flex;gap:8px;align-items:center;padding:0 10px;font-size:20px}.miniSearchBar i{height:3px;background:#a0d3b8;width:50%;animation:miniQuery 4s infinite}.miniRank{position:absolute;left:22%;width:56%;height:31px;border:1px solid #559776;border-radius:7px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.miniRank i{width:65%;height:3px;background:#74aa8f;border-radius:3px}.miniRank i+i{width:40%;opacity:.5}.rankA{top:60px;animation:miniRankOther 6s infinite}.rankB{top:100px;background:#dbf1e4;border-color:#dbf1e4;animation:miniRankRise 6s infinite}.rankB i{background:#17754e}.rankB span{position:absolute;right:9px;top:3px;color:#006044;font-weight:800}.rankC{top:140px;opacity:.5}.miniBrowser{position:relative;width:170px;height:125px;background:#ddf2e5;border-radius:9px;overflow:hidden;box-shadow:0 15px 25px #002d232b}.miniBrowserBar{display:flex;gap:3px;background:#c2e4cf;padding:8px}.miniBrowserBar i{width:4px;height:4px;background:#4b9471;border-radius:50%}.miniWebHero{height:63px;background:#127a53;padding:13px;animation:miniAssemble 6s infinite}.miniWebHero i{height:5px;background:#bceace;width:70%;margin-bottom:6px}.miniWebHero i+i{width:45%;opacity:.65}.miniWebHero b{display:block;width:25px;height:8px;background:#e9f9ed;border-radius:3px}.miniWebTiles{display:flex;gap:7px;padding:9px}.miniWebTiles i{height:18px;flex:1;background:#82bf9d;border-radius:3px;animation:miniAssemble 6s infinite .4s}.miniWebTiles i:nth-child(2){animation-delay:.7s}.miniWebTiles i:nth-child(3){animation-delay:1s}.miniCode{position:absolute;right:14%;bottom:25px;background:#005a3d;color:#dff6e7;border:1px solid #7bbb98;border-radius:8px;font-size:20px;font-weight:800;padding:2px 8px;animation:miniCodeFloat 5s infinite}.miniPoster{width:90px;height:122px;border:1px solid #a2d0b6;border-radius:7px;position:absolute;background:#badfc9}.posterBack{transform:translate(20px,0) rotate(12deg);animation:miniPosterBack 6s infinite}.posterFront{background:#effaf3;transform:rotate(-8deg);padding:12px;animation:miniPosterFront 6s infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.posterFront>span{color:#04744f;font-size:44px;line-height:1}.posterFront i{width:75%;height:4px;border-radius:4px;background:#4b9b73}.posterFront i+i{width:50%;opacity:.5}.miniHeart{position:absolute;right:20%;top:28px;font-size:25px;font-weight:800;background:#006747;padding:0 7px;border:1px solid #90c7a8;border-radius:8px;animation:miniHeartPop 3s infinite}.miniCart{width:145px;height:125px;position:absolute;bottom:20px;animation:miniCartRoll 5s infinite}.miniParcel{position:absolute;top:25px;left:calc(50% - 13px);width:33px;height:33px;background:#e1f5e8;color:#006747;border-radius:5px;text-align:center;font-size:22px;line-height:33px;animation:miniParcelDrop 5s infinite}.miniCartCheck{position:absolute;right:23%;top:36px;border:1px solid #9dd5b7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:13px;animation:miniCheckout 5s infinite}.miniBot{position:relative;width:115px;height:115px;animation:miniBotNod 5s infinite}.miniBot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.miniChatDots{position:absolute;right:16%;top:28px;display:flex;gap:4px;background:#e4f6eb;border-radius:10px 10px 10px 0;padding:10px}.miniChatDots i{width:4px;height:4px;border-radius:50%;background:#006747;animation:miniDot 1.8s infinite}.miniChatDots i:nth-child(2){animation-delay:.2s}.miniChatDots i:nth-child(3){animation-delay:.4s}.miniBotSignal{position:absolute;left:18%;bottom:40px;width:18px;height:18px;border:1px solid #84c69d;transform:rotate(45deg);border-radius:4px;animation:miniSignal 4s infinite}.signalTwo{left:auto;right:19%;bottom:30px;width:11px;height:11px;animation-delay:1s}.miniBrandOrbit{position:absolute;width:120px;height:120px;border:1px dashed #83c2a0;border-radius:50%;animation:identityRotate 18s linear infinite}.miniBrandMark{font-family:Georgia,serif;font-size:77px;line-height:1;color:#e3f7eb;position:relative;animation:miniIdentityMorph 6s infinite}.miniBrandMark>span{font-size:24px;position:absolute;top:-2px;right:-15px;color:#8edbb0}.miniSwatches{position:absolute;bottom:16px;display:flex;gap:6px}.miniSwatches i{width:23px;height:9px;border-radius:3px;background:#e4f7ea;animation:paletteWave 3s infinite}.miniSwatches i:nth-child(2){background:#78d39d;animation-delay:.3s}.miniSwatches i:nth-child(3){background:#168459;animation-delay:.6s}.miniPen{position:absolute;right:20%;top:35px;font-size:45px;line-height:1;color:#90d9ad;animation:miniPenDraw 6s infinite}
.screenRobot{inset-inline-start:auto;inset-inline-end:20px;transform:none;bottom:88px;align-items:flex-end;max-height:calc(100dvh - 110px)}html[dir=rtl] .screenRobot{transform:none}.robotSpeech{max-height:calc(100dvh - 220px);overflow:auto}.screenRobotBody{width:85px;height:85px;margin-inline-end:16px}.robotLauncher{width:54px;height:54px;min-height:54px;padding:4px;justify-content:center;border-radius:50%;inset-inline-end:18px}.robotLauncher img{width:44px;height:44px}.robotLauncher>span{display:none}
@keyframes miniQuery{0%,100%{width:15%}50%{width:65%}}@keyframes miniRankRise{0%,20%,100%{transform:none}45%,80%{transform:translateY(-40px)}}@keyframes miniRankOther{0%,20%,100%{transform:none}45%,80%{transform:translateY(40px);opacity:.5}}@keyframes miniAssemble{0%,8%{opacity:0;transform:translateY(15px)}25%,90%,100%{opacity:1;transform:none}}@keyframes miniCodeFloat{50%{transform:translateY(-7px) rotate(5deg)}}@keyframes miniPosterBack{50%{transform:translate(30px,-5px) rotate(18deg)}}@keyframes miniPosterFront{50%{transform:rotate(4deg) translateY(-5px)}}@keyframes miniHeartPop{50%{transform:scale(1.18)}}@keyframes miniCartRoll{0%,100%{transform:none}50%{transform:translateX(6px)}}@keyframes miniParcelDrop{0%,10%{transform:translateY(-20px);opacity:0}25%{opacity:1}50%,85%{transform:translateY(48px);opacity:1}100%{transform:translateY(48px);opacity:0}}@keyframes miniCheckout{0%,35%,100%{opacity:0;transform:scale(.6)}55%,85%{opacity:1;transform:scale(1)}}@keyframes miniBotNod{50%{transform:rotate(-7deg) translateY(-7px)}}@keyframes miniDot{50%{transform:translateY(-3px);opacity:.5}}@keyframes miniSignal{50%{transform:rotate(135deg);opacity:.3}}@keyframes miniIdentityMorph{50%{transform:scale(1.1) rotate(-8deg);color:#8fdbaf}}@keyframes miniPenDraw{50%{transform:translate(-8px,10px) rotate(10deg)}}
@media(max-width:650px){.serviceGrid{gap:12px}.serviceGrid .simpleService,.serviceGrid .simpleService:nth-child(n){padding:14px 12px 15px;border-radius:17px}.serviceGrid .simpleService h3,.serviceGrid .simpleService:nth-child(n) h3{font-size:clamp(15px,4.3vw,22px);line-height:1.25;letter-spacing:-.4px;margin:12px 0 14px;min-height:2.5em}.simpleExplore{font-size:10px;gap:8px;padding-top:11px}.serviceArt{height:130px;max-width:100%;border-radius:11px}.miniSearchBar{top:9px;left:7%;width:86%;height:22px;padding:0 7px;font-size:17px}.miniRank{left:12%;width:76%;height:23px;padding:6px 8px;gap:3px}.miniRank i{height:2px}.rankA{top:41px}.rankB{top:71px}.rankC{top:101px}.rankB span{font-size:11px}.miniBrowser{width:105px;height:85px;border-radius:6px}.miniBrowserBar{padding:5px}.miniWebHero{height:43px;padding:9px}.miniWebHero i{height:3px;margin-bottom:5px}.miniWebHero b{height:6px;width:18px}.miniWebTiles{padding:6px;gap:4px}.miniWebTiles i{height:13px}.miniCode{right:5%;bottom:10px;font-size:13px;padding:1px 5px}.miniPoster{width:63px;height:88px;border-radius:5px}.posterFront{padding:9px;gap:8px}.posterFront>span{font-size:32px}.posterFront i{height:3px}.miniHeart{right:8%;top:13px;font-size:19px;padding:0 5px}.miniCart{width:110px;height:90px;bottom:10px}.miniParcel{width:25px;height:25px;font-size:16px;line-height:25px;top:10px;left:calc(50% - 9px)}.miniCartCheck{right:7%;top:23px;width:19px;height:19px;font-size:10px}.miniBot{width:85px;height:85px}.miniChatDots{right:3%;top:14px;padding:8px;gap:3px}.miniChatDots i{width:3px;height:3px}.miniBotSignal{left:5%;bottom:25px;width:13px;height:13px}.signalTwo{left:auto;right:5%;bottom:18px;width:8px;height:8px}.miniBrandOrbit{width:86px;height:86px}.miniBrandMark{font-size:55px}.miniBrandMark>span{font-size:19px;right:-12px}.miniSwatches{bottom:6px;gap:4px}.miniSwatches i{width:18px;height:7px}.miniPen{right:4%;top:22px;font-size:30px}.screenRobot{inset-inline-end:12px;bottom:82px;max-width:calc(100vw - 24px)}.robotSpeech{width:310px;max-width:calc(100vw - 24px)}.screenRobotBody{width:70px;height:70px}.robotLauncher{width:48px;height:48px;min-height:48px;inset-inline-end:12px;padding:3px}.robotLauncher img{width:40px;height:40px}@keyframes miniRankRise{0%,20%,100%{transform:none}45%,80%{transform:translateY(-30px)}}@keyframes miniRankOther{0%,20%,100%{transform:none}45%,80%{transform:translateY(30px);opacity:.5}}@keyframes miniParcelDrop{0%,10%{transform:translateY(-10px);opacity:0}25%{opacity:1}50%,85%{transform:translateY(36px);opacity:1}100%{transform:translateY(36px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.serviceArt *{animation:none!important}.miniRank,.miniParcel,.miniCartCheck{opacity:1;transform:none}.simpleService:hover{transform:none}}
/* Four simple process boxes, no expanding content. */
.compactProcess{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#006044;padding:18px;border-radius:20px;overflow:hidden}.compactProcessStep{position:relative;display:flex;align-items:center;gap:12px;padding:24px 18px;background:#ffffff07;border:1px solid #73a68b;border-radius:12px;color:white;overflow:hidden;min-width:0;animation:compactStageGlow 12s ease-in-out infinite}.compactProcessStep>span{font-size:12px;opacity:.65}.compactProcessStep>b{font-size:20px;line-height:1.35;letter-spacing:-.4px}.compactProcessStep>i{position:absolute;bottom:0;inset-inline-start:0;height:3px;background:#a5debd;width:100%;transform-origin:left;animation:compactStageLine 12s ease-in-out infinite}.compactProcessStep:nth-child(2),.compactProcessStep:nth-child(2)>i{animation-delay:3s}.compactProcessStep:nth-child(3),.compactProcessStep:nth-child(3)>i{animation-delay:6s}.compactProcessStep:nth-child(4),.compactProcessStep:nth-child(4)>i{animation-delay:9s}.approach{padding-block:65px}.detailApproach{padding-block:45px}.compactProcessStep:hover{border-color:#e4f7eb}.largeAsterisk{display:none}@keyframes compactStageGlow{0%,20%{background:#fff;color:#006044;border-color:#fff}30%,100%{background:#ffffff07;color:#fff;border-color:#73a68b}}@keyframes compactStageLine{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}30%,100%{transform:scaleX(1);opacity:0}}@media(max-width:700px){.compactProcess{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border-radius:17px}.compactProcessStep{gap:8px;padding:19px 12px;border-radius:10px}.compactProcessStep>b{font-size:18px}.compactProcessStep>span{font-size:11px}.approach{padding-block:45px}.approach .sectionHeading{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){.compactProcessStep,.compactProcessStep>i{animation:none}.compactProcessStep>i{display:none}}
/* A continuous process wall, with four distinct moving symbols. */
.approach{padding-block:55px 0}.approach .sectionHeading{margin-bottom:35px}.connectedProcess{position:relative;width:100vw;margin-inline:calc(50% - 50vw);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border-radius:0;background:#00412e;border-block:1px solid #72b48e;overflow:visible}.connectedProcess .compactProcessStep{position:relative;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;border-inline-end:1px solid #ffffff30;border-radius:0;padding:30px 15px;color:#ccecd8;background:#005139;overflow:visible;animation:connectedLight 12s infinite;isolation:isolate}.connectedProcess .compactProcessStep:last-child{border-inline-end:0}.connectedProcess .compactProcessStep>b{font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.5px}.connectedProcess .pathNumber{position:absolute;top:18px;inset-inline-start:20px;font-size:11px;letter-spacing:1px;opacity:.55}.pathArt{width:65px;height:65px;overflow:visible;filter:drop-shadow(0 0 9px #84e9a733)}.connectedProcess .pathJoin{position:absolute;inset-inline-end:-14px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:50%;background:#d9f4e2;color:#006044;border:1px solid #83bb9a;display:grid;place-items:center;font-size:17px;line-height:1;z-index:3}.connectedProcess .compactProcessStep:last-child .pathJoin{display:none}.connectedProcess .compactProcessStep>i{height:3px;background:#b2f1c6;box-shadow:0 0 18px #7ee8a2;animation:connectedBeam 12s infinite;transform-origin:left;z-index:4}.connectedProcess .pathStep1,.connectedProcess .pathStep1>i{animation-delay:3s}.connectedProcess .pathStep2,.connectedProcess .pathStep2>i{animation-delay:6s}.connectedProcess .pathStep3,.connectedProcess .pathStep3>i{animation-delay:9s}.pathScan{animation:pathScanner 3s ease-in-out infinite;stroke:#b6f4cc}.pathLens{animation:pathLensPulse 3s infinite;transform-origin:28px 27px}.pathLayer{animation:pathAssemble 4s ease-in-out infinite;transform-origin:center}.layerTwo{animation-delay:.25s}.layerThree{animation-delay:.5s}.pathCheck{stroke-dasharray:48;stroke-dashoffset:0;animation:pathConfirm 4s infinite;stroke:#b6f4cc;stroke-width:4}.pathBar{stroke-width:7;transform-origin:center 50px;animation:pathBars 4s infinite}.barTwo{animation-delay:.3s}.barThree{animation-delay:.6s}.pathArrow{animation:pathLift 4s infinite;stroke:#b6f4cc}.visionSection{margin-top:0}.connectedProcess:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#c5f6d706 50%,transparent 70%);background-size:200% 100%;animation:wallSweep 12s linear infinite}.detailApproach{padding-bottom:0}@keyframes connectedLight{0%,23%{background:#0a6b49;color:#edfff2;box-shadow:inset 0 0 50px #a6f4c510}28%,100%{background:#005139;color:#ccecd8;box-shadow:none}}@keyframes connectedBeam{0%{transform:scaleX(0);opacity:1}24%{transform:scaleX(1);opacity:1}28%,100%{transform:scaleX(1);opacity:.1}}@keyframes pathScanner{0%,100%{transform:translateY(-7px);opacity:.4}50%{transform:translateY(7px);opacity:1}}@keyframes pathLensPulse{50%{transform:scale(1.07)}}@keyframes pathAssemble{0%,10%{transform:translateY(8px);opacity:.3}35%,90%,100%{transform:none;opacity:1}}@keyframes pathConfirm{0%,10%{stroke-dashoffset:48}55%,90%,100%{stroke-dashoffset:0}}@keyframes pathBars{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}@keyframes pathLift{50%{transform:translate(2px,-3px)}}@keyframes wallSweep{from{background-position:200% 0}to{background-position:-200% 0}}
@media(max-width:700px){.connectedProcess{grid-template-columns:repeat(2,minmax(0,1fr))}.connectedProcess .compactProcessStep{min-height:170px;padding:27px 12px 22px;gap:13px}.connectedProcess .compactProcessStep>b{font-size:20px}.connectedProcess .pathNumber{top:13px;inset-inline-start:16px;font-size:10px}.pathArt{width:51px;height:51px}.connectedProcess .pathStep1{border-inline-end:0}.connectedProcess .pathStep0,.connectedProcess .pathStep1{border-bottom:1px solid #ffffff30}.connectedProcess .pathStep1 .pathJoin{inset-inline-end:50%;top:auto;bottom:-14px;transform:translateX(50%) rotate(90deg)}.connectedProcess .pathStep2{grid-column:2;grid-row:2;border-inline-end:0}.connectedProcess .pathStep2 .pathJoin{inset-inline-end:auto;inset-inline-start:-14px;transform:translateY(-50%) rotate(180deg)}.connectedProcess .pathStep3{grid-column:1;grid-row:2;border-inline-end:1px solid #ffffff30}.connectedProcess .pathStep2>i{transform-origin:right}.approach{padding-top:40px}.approach .sectionHeading{margin-bottom:25px}}
html[dir=rtl] .connectedProcess .pathJoin{rotate:180deg}html[dir=rtl] .connectedProcess .compactProcessStep>i{transform-origin:right}@media(prefers-reduced-motion:reduce){.connectedProcess .compactProcessStep,.connectedProcess .compactProcessStep>i,.connectedProcess:after,.pathArt *{animation:none!important}.connectedProcess .compactProcessStep>i{display:none}.pathCheck{stroke-dashoffset:0}}
.connectedProcess .pathJoin{opacity:1}html[dir=rtl] .connectedProcess .pathStep1 .pathJoin{rotate:0deg}
/* Saudi cities above Vision; a quiet white motion interval below. */
.visionCities{padding:30px 0;background:#f6faf7;border-block:1px solid #dcebe1;overflow:hidden}.visionCities .cityTrack{display:flex;gap:50px;width:max-content;animation:travel 32s linear infinite;direction:ltr}.visionCities .cityTrack span,.visionCities .cityTrack span:nth-child(2){display:block;font-size:38px;white-space:nowrap;text-align:start;color:#006044;line-height:1.4;letter-spacing:-1px}.whiteVisionTransition{height:280px;background:#fff;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center}.whiteGlow{position:absolute;width:280px;height:200px;background:radial-gradient(ellipse,#cce9d74d,transparent 67%);filter:blur(12px);animation:whiteGlowBreathe 7s ease-in-out infinite}.whiteLightPaths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#deede4;stroke-width:1.3}.whiteLightPaths path{stroke-dasharray:130 1200;animation:whiteLightFlow 13s linear infinite;opacity:.85}.whiteLightPaths path:nth-child(2){stroke:#b8dbc5;stroke-width:1;animation-delay:-4s}.whiteLightPaths path:nth-child(3){animation-delay:-8s;opacity:.5}.whiteOrbit{position:absolute;width:160px;height:160px;border:1px solid #d8ebdf;border-radius:50%;transform:rotate(-25deg);animation:whiteOrbitMove 12s ease-in-out infinite}.orbitInner{width:220px;height:100px;animation-direction:reverse;animation-duration:15s;border-color:#e5f1e9}.whiteFutureSpark{font-size:55px;color:#d3e9db;text-shadow:0 4px 14px #bad6c54d;animation:whiteSparkTurn 9s ease-in-out infinite}.whiteParticle{position:absolute;width:5px;height:5px;border-radius:50%;background:#a2cbb2;opacity:.6;animation:whiteParticleDrift 8s ease-in-out infinite}.particle0{left:14%;top:60%;animation-delay:-1s}.particle1{left:30%;top:30%;animation-delay:-4s;width:3px;height:3px}.particle2{left:43%;top:72%;animation-delay:-2s}.particle3{right:35%;top:25%;animation-delay:-5s;width:3px;height:3px}.particle4{right:18%;top:65%;animation-delay:-3s}.particle5{right:7%;top:32%;animation-delay:-6s;width:3px;height:3px}@keyframes whiteLightFlow{from{stroke-dashoffset:1330}to{stroke-dashoffset:0}}@keyframes whiteGlowBreathe{50%{transform:scale(1.25);opacity:.65}}@keyframes whiteOrbitMove{50%{transform:rotate(25deg) scale(1.08)}}@keyframes whiteSparkTurn{0%,100%{transform:rotate(-8deg) scale(.9);opacity:.65}50%{transform:rotate(30deg) scale(1.05);opacity:1}}@keyframes whiteParticleDrift{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(16px,-23px);opacity:.8}}@media(max-width:650px){.visionCities{padding:26px 0}.visionCities .cityTrack span,.visionCities .cityTrack span:nth-child(2){font-size:31px}.whiteVisionTransition{height:230px}.whiteOrbit{width:130px;height:130px}.orbitInner{width:180px;height:85px}.whiteFutureSpark{font-size:45px}}@media(prefers-reduced-motion:reduce){.visionCities .cityTrack,.whiteVisionTransition *{animation:none!important}.visionCities .cityTrack{width:100%;justify-content:center}.visionCities .cityTrack span{white-space:normal;text-align:center;font-size:24px;padding-inline:20px}.visionCities .cityTrack span:nth-child(2){display:none}.whiteLightPaths path{stroke-dasharray:none;opacity:.4}}
/* Saudi flag and a luminous Vision 2030 scene. */
.visionUpgrade{background:#005438;padding-block:70px 95px;isolation:isolate}.visionUpgrade .visionGrid{position:relative;z-index:2;grid-template-columns:1fr 1fr;gap:65px}.visionAurora{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 30% 40%,#69be9138,transparent 40%),radial-gradient(ellipse at 85% 65%,#65ad8230,transparent 45%);animation:visionAuroraShift 16s ease-in-out infinite;pointer-events:none}.visionShowcase{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;padding-block:10px 15px;isolation:isolate;min-width:0}.visionKicker{color:#d8efdf;font-size:11px;font-weight:800;letter-spacing:3px;margin:0 0 22px}.visionFlagMount{position:relative;width:240px;height:180px;perspective:600px;direction:ltr;margin:0 auto 15px;isolation:isolate}.visionFlagPole{position:absolute;left:-3px;top:-5px;width:4px;height:187px;border-radius:3px;background:linear-gradient(90deg,#99b9a6,#e8f6ed,#98b9a5);z-index:3}.visionFlagPole:before{content:'';position:absolute;left:-2px;top:-5px;width:8px;height:8px;background:#d4eadd;border-radius:50%;box-shadow:0 0 10px #ffffff25}.visionFlagCloth{position:relative;width:240px;height:160px;transform-origin:left center;animation:saudiFlagWave 7s ease-in-out infinite;box-shadow:0 14px 24px #00291c30;overflow:hidden}.visionFlagCloth img{display:block;width:100%;height:100%;object-fit:contain}.flagSilk{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#ffffff00 8%,#ffffff14 25%,#00000016 43%,#ffffff17 60%,#0000000b 75%,transparent 92%);background-size:220% 100%;animation:flagSilkWave 7s ease-in-out infinite;mix-blend-mode:soft-light}.visionUpgrade .visionYear{align-items:center;gap:14px;position:relative;z-index:2}.visionUpgrade .visionYear>strong{font-size:clamp(120px,12vw,180px);line-height:.95;letter-spacing:-9px;background:linear-gradient(105deg,#e9fff0 15%,#fff 30%,#a5d7b8 45%,#fff 62%,#e3f5e9 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:visionNumberShine 8s linear infinite;filter:drop-shadow(0 10px 16px #00372420)}.visionUpgrade .visionYear>span{font-size:10px;letter-spacing:1.5px;color:#c9e8d5}.visionOrbit{position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #d5f5e715;border-radius:50%;inset-inline-start:50%;top:25px;transform:translateX(-50%);animation:visionOrbitBreathe 9s ease-in-out infinite}.visionOrbit.orbitB{width:430px;height:230px;top:100px;border-color:#dbf8e60c;animation-delay:-4s}.visionUpgrade .visionCopy h2{font-size:43px;line-height:1.18;letter-spacing:-1.8px}.visionUpgrade .visionCopy>p:not(.eyebrow){max-width:470px;font-size:15px;line-height:1.8;margin:23px 0;color:#d5ebdf}.visionUpgrade .visionPillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:28px}.visionUpgrade .visionPillars>span{display:flex;flex-direction:column;align-items:start;gap:12px;padding:16px 12px;border-radius:12px;border:1px solid #a3d3b84d;background:#ffffff04;font-size:11px;line-height:1.5;animation:visionPillarGlow 9s infinite}.visionUpgrade .visionPillars>span:nth-child(2){animation-delay:3s}.visionUpgrade .visionPillars>span:nth-child(3){animation-delay:6s}.visionPillars i{width:6px;height:6px;background:#bdeccc;border-radius:50%;box-shadow:0 0 10px #cdfbdd55}.visionUpgrade .visionSource{font-size:12px;border-color:#c9e5d27a;padding-bottom:6px}.visionSkyline{position:absolute;bottom:0;inset-inline-start:0;width:100%;height:145px;stroke:#b6e1c73d;stroke-width:1;pointer-events:none;z-index:1}.skylineLight{stroke:#cbf4da;stroke-width:2;stroke-dasharray:150 1050;animation:skylineTrace 14s linear infinite;opacity:.5}.footerSaudiFlag{width:60px;height:40px;object-fit:contain;border:1px solid #ffffff30;flex-shrink:0}.visionUpgrade:after{height:2px;opacity:.7}html[dir=rtl] .visionOrbit{transform:translateX(50%)}@keyframes saudiFlagWave{0%,100%{transform:rotateY(-7deg) skewY(-1deg)}50%{transform:rotateY(8deg) skewY(1.5deg)}}@keyframes flagSilkWave{0%,100%{background-position:0% 0}50%{background-position:100% 0}}@keyframes visionAuroraShift{50%{transform:translate(4%,-3%) scale(1.05)}}@keyframes visionNumberShine{from{background-position:250% 0}to{background-position:0% 0}}@keyframes visionOrbitBreathe{50%{width:350px;opacity:.45}}@keyframes visionPillarGlow{0%,25%{border-color:#c2eed3a6;background:#d5fce00b;transform:translateY(-3px)}35%,100%{border-color:#a3d3b84d;background:#ffffff04;transform:none}}@keyframes skylineTrace{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
@media(max-width:800px){.visionUpgrade .visionGrid{gap:35px}.visionUpgrade .visionCopy h2{font-size:34px}.visionFlagMount{width:210px;height:157px}.visionFlagCloth{width:210px;height:140px}.visionFlagPole{height:162px}.visionUpgrade .visionYear>strong{font-size:130px}}
@media(max-width:650px){.visionUpgrade{padding-block:45px 75px}.visionUpgrade .visionGrid{grid-template-columns:1fr;gap:38px}.visionKicker{font-size:10px;letter-spacing:2.5px;margin-bottom:22px}.visionFlagMount{width:210px;height:157px;margin-bottom:20px}.visionUpgrade .visionYear>strong{font-size:clamp(105px,29vw,155px);letter-spacing:-6px}.visionUpgrade .visionYear>span{font-size:9px;letter-spacing:1px}.visionUpgrade .visionCopy h2{font-size:32px;letter-spacing:-1px}.visionUpgrade .visionCopy .eyebrow{font-size:9px;margin-bottom:16px}.visionUpgrade .visionCopy>p:not(.eyebrow){font-size:13px;margin-block:20px}.visionUpgrade .visionPillars{gap:8px;margin-block:23px}.visionUpgrade .visionPillars>span{font-size:10px;padding:12px 10px;gap:9px;border-radius:9px}.visionUpgrade .visionSource{font-size:11px}.visionSkyline{height:90px}.visionOrbit{width:285px;height:285px;top:33px}.visionOrbit.orbitB{width:350px;height:180px;top:105px}.footerSaudiFlag{width:45px;height:30px}.visionUpgrade .visionShowcase{padding-bottom:0}.footerInvite{gap:12px}@keyframes visionOrbitBreathe{50%{width:310px;opacity:.45}}}
@media(prefers-reduced-motion:reduce){.visionUpgrade *{animation:none!important}.visionFlagCloth{transform:none}.visionUpgrade .visionYear>strong{color:#fff;background:none}.visionPillars>span{transform:none}.skylineLight{stroke-dasharray:none;opacity:.25}}
.headerSaudiFlag{position:relative;display:block;width:36px;height:24px;flex:0 0 36px;overflow:hidden;margin-inline-start:5px;transform-origin:left center;animation:headerFlagWave 6s ease-in-out infinite;box-shadow:0 2px 5px #00543020}.nav .headerSaudiFlag img{width:36px;height:24px;display:block;object-fit:contain}.headerSaudiFlag .flagSilk{animation-duration:6s}.nav .brand{min-width:0}@keyframes headerFlagWave{0%,100%{transform:perspective(160px) rotateY(-8deg) skewY(-2deg)}50%{transform:perspective(160px) rotateY(8deg) skewY(2deg)}}@media(max-width:650px){.nav{gap:9px;padding-inline:16px}.nav .brand{gap:4px}.nav .brandWord{font-size:clamp(15px,4.1vw,18px);letter-spacing:-.9px}.nav .brandBot{width:34px;height:34px;flex-basis:34px}.headerSaudiFlag{width:27px;height:18px;flex-basis:27px;margin-inline-start:3px}.nav .headerSaudiFlag img{width:27px;height:18px}.navActions{gap:9px}.nav .language{font-size:12px}.nav .menu{padding:6px 10px;font-size:20px}}@media(prefers-reduced-motion:reduce){.headerSaudiFlag,.headerSaudiFlag .flagSilk{animation:none;transform:none}}
/* The approved robot builds a small website in the white interval. */
.robotWorkshop{height:350px;display:grid;place-items:center;background:#fff;position:relative;overflow:hidden;padding:15px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.websiteWorkshop{position:relative;width:min(100%,650px);height:310px;direction:ltr;--walk:45px;--carry:145px;isolation:isolate}.workshopGlow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;height:300px;background:radial-gradient(ellipse,#e6f4eb99,transparent 66%);pointer-events:none}.workshopGround{position:absolute;left:5%;right:5%;bottom:37px;height:1px;background:linear-gradient(90deg,transparent,#cfe5d6 15%,#cfe5d6 85%,transparent)}.workerMonitor{position:absolute;right:40px;top:46px;width:330px;height:225px}.workerBrowser{height:190px;background:#fff;border:1px solid #b9d8c6;border-radius:11px;position:relative;overflow:hidden;box-shadow:0 14px 30px #0060440b;animation:workerScreenPulse 12s infinite}.workerBrowserBar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#f3f8f5;border-bottom:1px solid #dbe9e0}.workerBrowserBar>span{display:flex;gap:4px}.workerBrowserBar i{width:4px;height:4px;background:#81b396;border-radius:50%;display:block}.workerBrowserBar b{font-size:9px;font-weight:700;color:#006044;letter-spacing:-.2px}.workerCanvas{padding:12px;display:flex;flex-direction:column;gap:9px}.workerNav{height:15px;display:flex;justify-content:space-between;align-items:center;animation:workerNavBuild 12s infinite}.workerNav>i{width:43px;height:5px;background:#006044;border-radius:2px}.workerNav>span{display:flex;gap:7px}.workerNav>span>i{width:13px;height:3px;background:#a2c4af;border-radius:3px}.workerHero{height:70px;background:#e3f2e8;border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;animation:workerHeroBuild 12s infinite}.workerHeroText{display:flex;flex-direction:column;gap:7px;width:60%}.workerHeroText>i{height:6px;width:80%;background:#006044;border-radius:2px}.workerHeroText>i+i{width:60%;background:#79ab8b;height:4px}.workerHeroText>b{display:block;width:35px;height:11px;background:#006044;border-radius:3px;margin-top:2px}.workerHeroShape{font-size:48px;color:#83bea0;line-height:1;animation:workerStarTurn 12s infinite}.workerCards{height:30px;display:flex;gap:8px;animation:workerCardsBuild 12s infinite}.workerCards>i{display:block;flex:1;background:#e9f4ed;border:1px solid #c8e0d2;border-radius:4px}.workerComplete{position:absolute;right:12px;top:40px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#006044;color:#fff;font-size:12px;box-shadow:0 0 0 4px #fff;animation:workerFinish 12s infinite}.workerStand{position:absolute;left:calc(50% - 24px);bottom:5px;width:48px;height:28px;border-inline:1px solid #b9d8c6;background:linear-gradient(#e3efe7,#f9fcfa);clip-path:polygon(30% 0,70% 0,80% 85%,100% 85%,100% 100%,0 100%,0 85%,20% 85%)}.workerRobot{position:absolute;left:23px;top:145px;width:120px;height:120px;padding:0;background:transparent;border:0;cursor:pointer;z-index:3;animation:workerWalkBuild 12s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 6px 8px #00604409)}.workerRobot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.workerRobot .robotOn{animation:workerEyeSpark 12s infinite}.workerRobot:focus-visible{outline:2px solid #68b58b;outline-offset:3px;border-radius:50%}.workerShadow{position:absolute;left:43px;top:263px;width:80px;height:8px;border-radius:50%;background:radial-gradient(ellipse,#bdd7c64d,transparent 70%);animation:workerShadowMove 12s infinite}.workerBubble{position:absolute;left:125px;top:103px;width:44px;height:34px;background:#fff;border:1px solid #c4e0cf;border-radius:9px 9px 9px 2px;box-shadow:0 5px 15px #00604408;color:#006044;font-size:16px;font-weight:800;z-index:5;animation:workerBubbleAppear 12s infinite}.workerBubble>span{position:absolute;inset:0;display:grid;place-items:center}.workerCode{animation:workerCodeStatus 12s infinite}.workerDone{animation:workerDoneStatus 12s infinite}.workerBeam{position:absolute;left:175px;top:187px;width:95px;height:1px;background:linear-gradient(90deg,transparent,#92caa8,transparent);animation:workerBeamOn 12s infinite}.workerPixel{position:absolute;left:177px;top:164px;width:15px;height:15px;border:1px solid #9fccaf;border-radius:4px;background:#d4efdf;box-shadow:0 0 12px #88ccaa18;z-index:4;animation:workerDeliverTile 12s infinite}.workerPixel.pixelTwo{top:201px;width:11px;height:11px;background:#e8f6ed;animation-name:workerDeliverTileTwo}.websiteWorkshop.restarting *{animation:none!important}.websiteWorkshop.restarting .workerRobot{transform:none}@keyframes workerWalkBuild{0%,100%{transform:translate(0,0) rotate(-3deg)}6%{transform:translate(12px,-7px) rotate(5deg)}12%{transform:translate(26px,0) rotate(-4deg)}19%,24%{transform:translate(var(--walk),-3px) rotate(6deg)}35%{transform:translate(var(--walk),0) rotate(-4deg)}47%{transform:translate(var(--walk),-5px) rotate(7deg)}60%,67%{transform:translate(var(--walk),0) rotate(-3deg)}74%{transform:translate(var(--walk),-18px) rotate(12deg)}81%,88%{transform:translate(var(--walk),0) rotate(0)}94%{transform:translate(20px,-5px) rotate(-5deg)}}@keyframes workerShadowMove{0%,100%{transform:none;opacity:1}19%,67%,81%,88%{transform:translateX(var(--walk));opacity:1}74%{transform:translateX(var(--walk)) scale(.65);opacity:.5}94%{transform:translateX(20px)}}@keyframes workerNavBuild{0%,19%,100%{transform:translateY(8px);opacity:0}28%,92%{transform:none;opacity:1}98%{opacity:0}}@keyframes workerHeroBuild{0%,31%,100%{transform:translateX(-15px) scale(.95);opacity:0}43%,92%{transform:none;opacity:1}98%{opacity:0}}@keyframes workerCardsBuild{0%,48%,100%{transform:translateY(12px);opacity:0}60%,92%{transform:none;opacity:1}98%{opacity:0}}@keyframes workerStarTurn{0%,40%,100%{transform:rotate(-12deg)}55%,90%{transform:rotate(10deg)}}@keyframes workerFinish{0%,62%,100%{transform:scale(.5);opacity:0}70%,91%{transform:scale(1);opacity:1}97%{opacity:0}}@keyframes workerBubbleAppear{0%,13%,100%{transform:translateY(5px) scale(.9);opacity:0}22%,86%{transform:none;opacity:1}93%{opacity:0}}@keyframes workerCodeStatus{0%,60%,100%{opacity:1}67%,90%{opacity:0}}@keyframes workerDoneStatus{0%,60%,100%{opacity:0}67%,90%{opacity:1}}@keyframes workerBeamOn{0%,19%,70%,100%{opacity:0}28%,60%{opacity:.7}}@keyframes workerDeliverTile{0%,23%,42%,100%{transform:none;opacity:0}26%{transform:translate(0,0);opacity:1}37%{transform:translate(var(--carry),-15px) rotate(90deg);opacity:1}41%{transform:translate(var(--carry),-15px) rotate(90deg);opacity:0}}@keyframes workerDeliverTileTwo{0%,41%,64%,100%{transform:none;opacity:0}44%{transform:translate(0,0);opacity:1}58%{transform:translate(var(--carry),8px) rotate(90deg);opacity:1}63%{transform:translate(var(--carry),8px) rotate(90deg);opacity:0}}@keyframes workerEyeSpark{0%,14%,19%,31%,36%,48%,54%,72%,100%{opacity:1}16%,33%,50%{opacity:.2}}@keyframes workerScreenPulse{0%,65%,100%{box-shadow:0 14px 30px #0060440b;border-color:#b9d8c6}73%,90%{box-shadow:0 14px 30px #0060440b,0 0 25px #b6e3c733;border-color:#84bd99}}
@media(max-width:650px){.robotWorkshop{height:285px;padding-inline:12px}.websiteWorkshop{height:260px;width:min(100%,430px);--walk:24px;--carry:80px}.workerMonitor{right:6px;top:51px;width:65%;height:172px}.workerBrowser{height:145px;border-radius:8px}.workerBrowserBar{height:24px;padding-inline:9px}.workerBrowserBar b{font-size:7px}.workerBrowserBar i{width:3px;height:3px}.workerCanvas{padding:9px;gap:7px}.workerNav{height:11px}.workerNav>i{width:28px;height:4px}.workerNav>span{gap:4px}.workerNav>span>i{width:8px;height:2px}.workerHero{height:53px;padding:10px;border-radius:4px}.workerHeroText{gap:5px}.workerHeroText>i{height:4px}.workerHeroText>i+i{height:3px}.workerHeroText>b{width:25px;height:8px}.workerHeroShape{font-size:33px}.workerCards{height:24px;gap:5px}.workerCards>i{border-radius:3px}.workerStand{height:22px;bottom:5px;width:38px;left:calc(50% - 19px)}.workerRobot{left:0;top:137px;width:85px;height:85px}.workerShadow{left:12px;top:220px;width:60px;height:7px}.workshopGround{bottom:34px}.workerBubble{left:64px;top:103px;width:34px;height:27px;font-size:12px;border-radius:7px 7px 7px 2px}.workerBeam{left:91px;top:169px;width:48px}.workerPixel{left:90px;top:145px;width:11px;height:11px}.workerPixel.pixelTwo{top:182px;width:9px;height:9px}.workerComplete{width:16px;height:16px;font-size:9px;top:32px;right:9px}}
@media(prefers-reduced-motion:reduce){.websiteWorkshop *{animation:none!important}.workerRobot{transform:translateX(var(--walk))}.workerShadow{transform:translateX(var(--walk))}.workerPixel,.workerBeam,.workerCode{display:none}.workerDone,.workerBubble,.workerComplete,.workerNav,.workerHero,.workerCards{opacity:1;transform:none}.workerRobot .robotOn{opacity:1}}
/* Robot-first opening and a miniature of the SaudiServices homepage. */
.hero{display:flex;flex-direction:column;gap:46px;min-height:0;padding-top:28px;padding-bottom:65px}.hero .heroVisual{order:0;width:min(100%,540px);max-width:540px;height:405px;aspect-ratio:auto;margin:0 auto;cursor:pointer}.hero .robotStage{width:365px;max-width:85%;animation:robotDrift 7s ease-in-out infinite}.hero .orbit1{width:75%;height:86%}.hero .orbit2{width:91%;height:65%}.hero .visualLabel{inset-block-start:0;font-size:10px;letter-spacing:4px}.hero .heroCaption{bottom:0;min-height:50px;padding:10px 19px;font-size:13px;max-width:94%}.hero .tag1{left:7%;top:24%}.hero .tag2{right:2%;bottom:23%}.hero .heroCopy{order:1;width:100%;max-width:820px;text-align:center;margin:auto}.heroCopy h1{font-size:clamp(48px,6vw,78px);line-height:1.08;letter-spacing:-3px;margin-bottom:27px}.heroLine{display:block}.heroCopy.visible .heroLine{animation:heroLineArrive .8s both}.heroCopy.visible .heroLine:nth-child(2){animation-delay:.13s}.heroCopy.visible .heroLine:nth-child(3){animation-delay:.26s}.heroCopy .heroLine em{background:linear-gradient(100deg,#006044,#52aa7b,#006044);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:heroWordLight 9s linear infinite}.heroCopy .intro{margin-inline:auto;max-width:650px}.heroCopy .heroButtons{justify-content:center}.heroCopy .heroSmall{margin-top:25px}.heroCopy .eyebrow{margin-bottom:22px}.workerMonitor{top:29px;height:247px}.workerBrowser{height:213px}.workerCanvas{padding:10px;gap:7px}.workerNav{height:17px;flex-shrink:0}.workerSiteBrand{display:flex;align-items:center;gap:3px;direction:ltr}.workerSiteBrand>img{width:15px;height:15px;object-fit:contain}.workerSiteBrand>b{color:#006044;font-size:8px;font-weight:800;letter-spacing:-.3px}.workerSiteBrand>img.workerSiteFlag{width:12px;height:8px;margin-left:3px}.workerNav .workerSiteMenu{display:block;font-size:11px;line-height:1;color:#006044}.workerRealHero{background:radial-gradient(ellipse at 75% 50%,#e0f2e5,white 80%);border:0;height:77px;padding:8px 10px;gap:8px}.workerRealHero .workerHeroText{width:58%;gap:7px}.workerHeroText>strong{font-size:13px;letter-spacing:-.6px;line-height:1.07;color:#053d2d;font-weight:800;display:block}.workerHeroText>strong em{font-style:normal;color:#006044}.workerSiteButton{display:inline-block;align-self:flex-start;color:#fff;background:#006044;padding:3px 6px;border-radius:3px;font-size:4px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:nowrap}.workerSiteRobot{width:71px;height:71px;object-fit:contain;animation:workerSiteRobotFloat 12s infinite;flex-shrink:0}.workerRealCards{height:55px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:4px}.workerRealCards>span{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;border:1px solid #387b58;background:#00543b;color:#e7f7ed;border-radius:3px;padding:4px;overflow:hidden}.workerRealCards svg{width:10px;height:10px;flex-shrink:0}.workerRealCards b{font-size:6px;line-height:1.2;font-weight:600;letter-spacing:0}.workerBrowserBar{height:30px}.workerRealHero .workerSiteRobot{animation:workerSiteRobotFloat 12s infinite}.workerCanvas{direction:ltr}@keyframes heroLineArrive{from{opacity:0;transform:translateY(15px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes heroWordLight{to{background-position:220% 0}}@keyframes workerSiteRobotFloat{0%,100%{transform:none}50%{transform:translateY(-3px) rotate(3deg)}}
@media(max-width:650px){.hero{padding-top:24px;gap:38px;padding-bottom:48px}.hero .heroVisual{height:335px;width:min(100%,390px)}.hero .robotStage{width:295px;max-width:88%}.hero .visualLabel{font-size:8px;letter-spacing:3px}.hero .orbit1{width:83%;height:89%}.hero .orbit2{width:100%;height:65%}.hero .heroCaption{min-height:46px;font-size:11px;padding:9px 12px;max-width:98%}.hero .heroCaption .spark svg{width:24px;height:24px}.hero .tag1{left:0;top:23%;font-size:10px;padding:7px 12px}.hero .tag2{right:0;bottom:22%;font-size:10px;padding:7px 12px}.hero .heroCopy{max-width:100%;text-align:center}.heroCopy h1{font-size:clamp(40px,11.8vw,55px);letter-spacing:-2px;margin-bottom:23px}.heroCopy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.heroCopy .intro{font-size:14px;line-height:1.85;max-width:360px}.heroCopy .heroButtons{gap:18px;margin-block:24px;flex-wrap:wrap}.heroCopy .heroButtons .button{font-size:12px;min-height:48px;padding:13px 19px}.heroCopy .textLink{font-size:12px}.heroCopy .heroSmall{font-size:10px;line-height:1.6;margin-top:22px}.workerMonitor{top:33px;height:191px}.workerBrowser{height:164px}.workerCanvas{padding:7px;gap:6px}.workerBrowserBar{height:22px}.workerNav{height:13px}.workerSiteBrand{gap:2px}.workerSiteBrand>img{width:11px;height:11px}.workerSiteBrand>b{font-size:6px;letter-spacing:-.2px}.workerSiteBrand>img.workerSiteFlag{width:9px;height:6px;margin-left:2px}.workerNav .workerSiteMenu{font-size:8px}.workerRealHero{height:58px;padding:6px;gap:4px}.workerRealHero .workerHeroText{gap:5px;width:58%}.workerHeroText>strong{font-size:9.5px;line-height:1.07;letter-spacing:-.4px}.workerSiteButton{font-size:3px;padding:2px 4px;border-radius:2px}.workerSiteRobot{width:50px;height:50px}.workerRealCards{height:43px;gap:3px}.workerRealCards>span{gap:3px;padding:3px;border-radius:2px}.workerRealCards svg{width:7px;height:7px}.workerRealCards b{font-size:4.5px}.workerComplete{top:28px;width:13px;height:13px;font-size:8px;right:7px}}
@media(prefers-reduced-motion:reduce){.hero .robotStage,.heroLine,.heroCopy .heroLine em,.workerSiteRobot{animation:none!important}.heroCopy .heroLine em{color:#006044;background:none}}
/* All six service labels stay visible around the opening robot. */
.heroServiceLabels{position:absolute;inset:0;z-index:4;pointer-events:none}.hero .heroServiceTag{pointer-events:auto;background:#ffffffed;border:1px solid #cce2d5;box-shadow:0 5px 16px #00604407;color:#006044;font-size:11px;line-height:1.4;padding:8px 12px;max-width:44%;white-space:nowrap;transition:border-color .2s,background .2s;animation:serviceChipFloat 7s ease-in-out infinite}.hero .heroServiceTag:hover{border-color:#45906b;background:#eaf6ee}.hero .heroServiceTag.tag1{top:19%;left:0;right:auto;bottom:auto}.hero .heroServiceTag.tag2{top:19%;right:0;left:auto;bottom:auto;animation-delay:-1s}.hero .heroServiceTag.tag3{top:43%;left:-1%;right:auto;bottom:auto;animation-delay:-2s}.hero .heroServiceTag.tag4{top:43%;right:-1%;left:auto;bottom:auto;animation-delay:-3s}.hero .heroServiceTag.tag5{top:auto;bottom:23%;left:0;right:auto;animation-delay:-4s}.hero .heroServiceTag.tag6{top:auto;bottom:23%;right:0;left:auto;animation-delay:-5s}.hero .heroCaption{z-index:5}@keyframes serviceChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:650px){.hero .heroServiceTag{font-size:9px;padding:7px 9px;max-width:46%;letter-spacing:-.1px}.hero .heroServiceTag.tag1,.hero .heroServiceTag.tag2{top:20%}.hero .heroServiceTag.tag3,.hero .heroServiceTag.tag4{top:44%}.hero .heroServiceTag.tag3{left:0}.hero .heroServiceTag.tag4{right:0}.hero .heroServiceTag.tag5,.hero .heroServiceTag.tag6{bottom:23%}.hero .robotStage{width:280px;max-width:85%}}@media(max-width:360px){.hero .heroServiceTag{font-size:8px;padding:7px 7px}.hero .robotStage{max-width:83%}}@media(prefers-reduced-motion:reduce){.hero .heroServiceTag{animation:none}}

.visionCities .citySupport{text-align:center;color:#607c70;font-size:14px;line-height:1.6;letter-spacing:0;margin:0 20px 18px}
@media(max-width:650px){.visionCities .citySupport{font-size:12px;margin-bottom:16px}}